/* roulang page: index */
:root {
            --primary: #5856D6;
            --accent: #00E599;
            --bg-dark: #0B0F19;
            --bg-card: #131B2E;
            --text-main: #F4F6F9;
            --text-muted: #94A3B8;
        }
        html { scroll-behavior: smooth; }
        body {
            font-family: Inter, system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-main);
            overflow-x: hidden;
        }
        .hero-pattern {
            background-image: linear-gradient(to bottom, rgba(11, 15, 25, 0.88), rgba(11, 15, 25, 0.98)), url('/assets/images/784659a265a8fabb.webp');
            background-size: cover;
            background-position: center;
        }
        .cta-pattern {
            background-image: linear-gradient(to right, rgba(88, 86, 214, 0.92), rgba(19, 27, 46, 0.95)), url('/assets/images/1cbd83b44567fe8e.png');
            background-size: cover;
        }
        .text-glow {
            text-shadow: 0 0 20px rgba(0, 229, 153, 0.35);
        }