/* roulang page: index */
:root {
            --bg-pitch: #12161A;
            --bg-card: #1C2229;
            --bg-case: #0A1118;
            --color-cta: #FF6B00;
            --color-accent: #00E599;
            --text-heading: #0F172A;
            --text-body: #475569;
            --text-muted: #94A3B8;
        }

        body {
            font-family: var(--font-sans, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif);
            color: #0F172A;
            line-height: 1.75;
            background-color: #F8FAFC;
            overflow-x: hidden;
        }

        .court-grid {
            background-image: radial-gradient(rgba(255, 107, 0, 0.15) 1px, transparent 1px);
            background-size: 24px 24px;
        }

        .tactical-border {
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .glow-hover:hover {
            box-shadow: 0 12px 30px -10px rgba(255, 107, 0, 0.25);
        }

        details summary::-webkit-details-marker {
            display: none;
        }

        .hero-clip {
            clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
        }