/* roulang page: index */
:root {
            --primary: #0F281E;
            --primary-light: #16382B;
            --dark-surface: #0A1410;
            --accent: #D4A359;
            --accent-light: #F2C94C;
            --text-dark: #1F2937;
            --text-muted: #64748B;
            --bg-soft: #F7F8FA;
            --bg-alt: #EEF2F5;
            --border-soft: rgba(15, 40, 30, 0.08);
        }
        body {
            font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
            background-color: #F7F8FA;
            color: var(--text-dark);
            line-height: 1.68;
            -webkit-font-smoothing: antialiased;
        }
        .text-gold-gradient {
            background: linear-gradient(135deg, #F2C94C 0%, #D4A359 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .border-gold-subtle {
            border-color: rgba(212, 163, 89, 0.25);
        }
        .accordion-content {
            transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
        }
        .accordion-item.active .accordion-content {
            max-height: 300px;
            opacity: 1;
        }
        .accordion-item.active .accordion-icon {
            transform: rotate(180deg);
        }