/* roulang page: index */
:root {
            --bg-deep: #0b0f17;
            --bg-card-dark: #111827;
            --primary-navy: #0f3e6d;
            --accent-cyan: #0284c7;
            --accent-emerald: #059669;
            --text-title: #0f172a;
            --text-muted: #64748b;
            --border-light: #e2e8f0;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
            background-color: #f8fafc;
            color: #1e293b;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }
        .text-balance-cn {
            text-wrap: balance;
        }
        .data-grid-pattern {
            background-image: radial-gradient(rgba(14, 165, 233, 0.08) 1px, transparent 1px);
            background-size: 24px 24px;
        }
        .dark-grid-pattern {
            background-image: radial-gradient(rgba(56, 189, 248, 0.12) 1px, transparent 1px);
            background-size: 28px 28px;
        }
        .glass-panel {
            background: rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(226, 232, 240, 0.8);
        }
        .dark-glass-panel {
            background: rgba(15, 23, 42, 0.85);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(51, 65, 85, 0.6);
        }
        .metric-glow {
            text-shadow: 0 0 20px rgba(14, 165, 233, 0.35);
        }
        /* 手风琴状态与过渡 */
        .faq-item[open] summary svg {
            transform: rotate(180deg);
        }
        summary::-webkit-details-marker {
            display: none;
        }