/* roulang page: index */
:root {
            --bg-obsidian: #0F141C;
            --brand-blue: #0A58CA;
            --brand-green: #10B981;
            --neon-accent: #00E599;
            --text-main: #1E293B;
            --text-muted: #64748B;
            --border-light: #E2E8F0;
            --border-dark: rgba(255, 255, 255, 0.08);
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: #1E293B;
            background-color: #FFFFFF;
            -webkit-font-smoothing: antialiased;
            text-rendering: optimizeLegibility;
        }
        .text-glow-green {
            text-shadow: 0 0 15px rgba(0, 229, 153, 0.35);
        }
        .card-glow:hover {
            box-shadow: 0 12px 30px -8px rgba(10, 88, 202, 0.12), 0 4px 10px -2px rgba(16, 185, 129, 0.08);
            border-color: rgba(10, 88, 202, 0.3);
        }
        .dark-card-glow:hover {
            box-shadow: 0 16px 36px -10px rgba(0, 229, 153, 0.15);
            border-color: rgba(0, 229, 153, 0.4);
        }
        .btn-glow:hover {
            box-shadow: 0 0 20px rgba(16, 185, 129, 0.4);
        }
        .tab-btn.active {
            background-color: #0F141C;
            color: #00E599;
            border-color: #00E599;
        }