/* roulang page: index */
:root {
            --brand-neon: #CCFF00;
            --brand-emerald: #10B981;
            --brand-clay: #EA580C;
            --brand-dark: #0B0F17;
            --brand-slate: #0F172A;
            --brand-border: #334155;
            --text-primary: #0F172A;
            --text-secondary: #475569;
            --text-muted: #94A3B8;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
            color: var(--text-primary);
            background-color: #F8FAFC;
            -webkit-font-smoothing: antialiased;
        }
        .court-glow {
            box-shadow: 0 0 35px -5px rgba(204, 255, 0, 0.25);
        }
        .hero-pattern {
            background-image: radial-gradient(rgba(204, 255, 0, 0.15) 1px, transparent 1px);
            background-size: 28px 28px;
        }
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.35s ease-out;
        }
        .accordion-content.open {
            max-height: 500px;
        }