/* roulang page: index */
:root {
            --bg-obsidian: #090B0E;
            --bg-charcoal: #11141A;
            --bg-panel: #171B22;
            --brand-green: #00F5A0;
            --accent-purple: #7B61FF;
            --text-main: #FFFFFF;
            --text-dim: #A0AEC0;
            --border-subtle: rgba(255, 255, 255, 0.08);
        }
        * { box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body {
            background-color: var(--bg-obsidian);
            color: var(--text-main);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            overflow-x: hidden;
        }
        .tabular-data { font-variant-numeric: tabular-nums; }
        .glass-nav {
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            background: rgba(9, 11, 14, 0.85);
            border-bottom: 1px solid var(--border-subtle);
        }
        .card-border {
            border: 1px solid var(--border-subtle);
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .card-border:hover {
            border-color: rgba(0, 245, 160, 0.35);
            box-shadow: 0 0 24px rgba(0, 245, 160, 0.08);
            transform: translateY(-3px);
        }
        .glow-badge {
            background: rgba(0, 245, 160, 0.1);
            border: 1px solid rgba(0, 245, 160, 0.3);
            color: var(--brand-green);
        }
        .drawer-mask {
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }
        .drawer-content {
            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .faq-item .faq-ans {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }
        .faq-item.active .faq-ans {
            max-height: 200px;
        }
        .faq-item.active .faq-icon {
            transform: rotate(180deg);
        }