/* roulang page: index */
:root {
            --bg-void: #0A0D14;
            --bg-surface: #121722;
            --cyber-jade: #00F29D;
            --pulse-violet: #7928CA;
            --text-main: #FFFFFF;
            --text-muted: #A0AEC0;
            --border-line: rgba(0, 242, 157, 0.15);
        }
        * { box-sizing: border-box; scroll-behavior: smooth; }
        body {
            background-color: var(--bg-void);
            color: var(--text-main);
            font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            overflow-x: hidden;
            line-height: 1.75;
        }
        .glow-btn:hover {
            box-shadow: 0 0 24px rgba(0, 242, 157, 0.45);
        }
        .glow-violet:hover {
            box-shadow: 0 0 24px rgba(121, 40, 202, 0.4);
        }
        .border-glow {
            border: 1px solid rgba(0, 242, 157, 0.2);
            transition: all 0.3s ease;
        }
        .border-glow:hover {
            border-color: rgba(0, 242, 157, 0.6);
            transform: translateY(-4px);
        }
        .text-gradient {
            background: linear-gradient(135deg, #00F29D 0%, #7928CA 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .badge-live {
            position: relative;
        }
        .badge-live::before {
            content: '';
            position: absolute;
            left: -8px;
            top: 50%;
            transform: translateY(-50%);
            width: 6px;
            height: 6px;
            background-color: #00F29D;
            border-radius: 50%;
            box-shadow: 0 0 8px #00F29D;
        }