/* roulang page: index */
:root {
            --primary: #1E40AF;
            --secondary: #059669;
            --accent: #D97706;
            --dark-surface: #0F172A;
            --text-main: #0F172A;
            --text-muted: #475569;
            --bg-light: #F8FAFC;
        }
        html { scroll-behavior: smooth; }
        body {
            font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Heiti SC", sans-serif;
            color: var(--text-main);
            background-color: #FFFFFF;
        }
        .hero-bg {
            background-image: linear-gradient(to right, rgba(15, 23, 42, 0.92), rgba(30, 64, 175, 0.82)), url('/assets/images/5acba62a7b53107b.webp');
            background-size: cover;
            background-position: center;
        }
        .tech-dark-bg {
            background-image: radial-gradient(circle at top right, rgba(30, 64, 175, 0.25), transparent 50%), radial-gradient(circle at bottom left, rgba(5, 150, 105, 0.15), transparent 40%), url('/assets/images/b6fe5f714ebe3aad.webp');
            background-size: cover;
            background-position: center;
        }
        .cta-box-glow {
            box-shadow: 0 0 35px -5px rgba(30, 64, 175, 0.3);
        }