/* roulang page: index */
:root {
            --color-primary: #0A5C5A;
            --color-primary-dark: #074846;
            --color-accent: #FF6B35;
            --color-dark: #0B1E24;
            --color-bg-alt: #F4F6F8;
            --color-text-main: #121A21;
            --color-text-muted: #4A5568;
            --border-color: #E2E8F0;
        }
        html { scroll-behavior: smooth; }
        body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; color: var(--color-text-main); }
        .hero-gold-gradient {
            background: linear-gradient(135deg, rgba(11, 30, 36, 0.96) 0%, rgba(10, 92, 90, 0.92) 100%);
        }
        .gold-border {
            border: 1px solid rgba(255, 215, 0, 0.25);
        }
        .text-gold {
            color: #E5B54F;
        }
        .bg-gold-badge {
            background: linear-gradient(90deg, #F3D179 0%, #D89F3C 100%);
        }
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }
        .accordion-item.active .accordion-content {
            max-height: 240px;
        }
        .accordion-item.active .accordion-icon {
            transform: rotate(180deg);
        }