/* roulang page: index */
:root {
            --brand-blue: #0F2942;
            --brand-primary: #1E3A8A;
            --brand-accent: #FF6B00;
            --brand-emerald: #10B981;
            --brand-dark: #0B132B;
            --bg-light: #F8FAFC;
            --bg-slate: #F1F5F9;
            --text-dark: #1E293B;
            --text-gray: #64748B;
        }
        body {
            font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
            color: var(--text-dark);
            line-height: 1.7;
            background-color: #FFFFFF;
            overflow-x: hidden;
        }
        .hero-banner-bg {
            background-size: cover;
            background-position: center;
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border: 1px solid #E2E8F0;
        }
        .dark-glass-card {
            background: rgba(15, 41, 66, 0.85);
            backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .tab-btn.active {
            border-bottom: 3px solid var(--brand-accent);
            color: var(--brand-blue);
            font-weight: 700;
        }