/* roulang page: index */
:root {
            --brand-cyan: #00D2B4;
            --brand-navy: #182B49;
            --brand-purple: #7B61FF;
            --brand-bg: #F7FAFC;
            --brand-dark: #0B132B;
        }
        * { box-sizing: border-box; }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--brand-bg);
            color: #1e293b;
            scroll-behavior: smooth;
        }
        .gradient-brand {
            background: linear-gradient(135deg, #00D2B4 0%, #182B49 100%);
        }
        .gradient-dark {
            background: linear-gradient(145deg, #0B132B 0%, #182B49 100%);
        }
        .card-shadow {
            box-shadow: 0 10px 30px -5px rgba(24, 43, 73, 0.06);
            border: 1px solid rgba(24, 43, 73, 0.08);
        }
        .badge-glow {
            box-shadow: 0 0 15px rgba(0, 210, 180, 0.35);
        }
        .accordion-content {
            transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.2s ease-in-out;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
        }
        .accordion-content.active {
            max-height: 500px;
            opacity: 1;
            transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out;
        }