/* roulang page: index */
:root {
            --primary: #7C3AED;
            --primary-dark: #6D28D9;
            --accent: #06B6D4;
            --dark-bg: #0F172A;
            --body-bg: #F8FAFC;
            --text-main: #0F172A;
            --text-body: #334155;
            --text-muted: #64748B;
        }
        body {
            background-color: var(--body-bg);
            color: var(--text-body);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            overflow-x: hidden;
        }
        .stage-glow {
            box-shadow: 0 0 50px -10px rgba(124, 58, 237, 0.4), 0 0 30px -15px rgba(6, 182, 212, 0.4);
        }
        .hero-bg {
            background-image: linear-gradient(180deg, rgba(15, 23, 42, 0.88), rgba(15, 23, 42, 0.96)), url('/assets/images/b2b4b06094ee5452.webp');
            background-size: cover;
            background-position: center;
        }
        .dark-strip-bg {
            background-image: linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(30, 41, 59, 0.98)), url('/assets/images/6beb919dbedc1cca.webp');
            background-size: cover;
            background-position: center;
        }
        .app-badge-pill {
            background: rgba(124, 58, 237, 0.12);
            color: #7C3AED;
            border: 1px solid rgba(124, 58, 237, 0.2);
        }