/* roulang page: index */
:root {
            --primary: #1E293B;
            --accent-purple: #6366F1;
            --accent-cyan: #06B6D4;
            --bg-main: #F8FAFC;
            --text-dark: #0F172A;
            --text-muted: #475569;
            --border-light: #E2E8F0;
        }
        body {
            background-color: var(--bg-main);
            color: var(--text-dark);
            font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
            line-height: 1.75;
        }
        .hero-clip {
            clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
        }
        .hero-clip-reverse {
            clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 100%);
        }
        .wave-bar {
            animation: waveAnim 1.2s ease-in-out infinite alternate;
        }
        @keyframes waveAnim {
            0% { height: 6px; }
            100% { height: 32px; }
        }
        .glow-box {
            box-shadow: 0 10px 30px -5px rgba(99, 102, 241, 0.15);
        }