/* roulang page: index */
:root {
            --brand-primary: #00D084;
            --brand-secondary: #FF5722;
            --brand-bg-dark: #0B1120;
            --brand-card-dark: #151F32;
            --brand-text-muted: #94A3B8;
        }
        body {
            font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
            background-color: #F8FAFC;
            color: #0F172A;
            overflow-x: hidden;
        }
        .hero-pattern {
            background-image: radial-gradient(rgba(0, 208, 132, 0.12) 1px, transparent 1px);
            background-size: 24px 24px;
        }
        .glow-emerald {
            box-shadow: 0 0 35px -5px rgba(0, 208, 132, 0.25);
        }
        .glow-orange {
            box-shadow: 0 0 35px -5px rgba(255, 87, 34, 0.3);
        }
        .tab-btn.active {
            background-color: #00D084;
            color: #0B1120;
            font-weight: 700;
        }
        .faq-content {
            transition: max-height 0.3s ease-out;
            max-height: 0;
            overflow: hidden;
        }
        .faq-content.open {
            max-height: 200px;
        }