/* roulang page: index */
:root {
            --bg-dark: #0B0E14;
            --bg-card: #121721;
            --primary: #00FF88;
            --accent-purple: #7C3AED;
            --accent-cyan: #06B6D4;
            --text-main: #FFFFFF;
            --text-muted: #94A3B8;
            --border-line: rgba(255, 255, 255, 0.08);
            --border-hover: rgba(0, 255, 136, 0.4);
            --font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
        }

        body {
            font-family: var(--font-stack);
            background-color: var(--bg-dark);
            color: var(--text-muted);
            line-height: 1.7;
            letter-spacing: 0.02em;
            overflow-x: hidden;
        }

        .cyber-card {
            background-color: var(--bg-card);
            border: 1px solid var(--border-line);
            border-radius: 8px;
            box-shadow: 0 10px 30px -10px rgba(0,0,0,0.5);
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .cyber-card:hover {
            border-color: var(--border-hover);
            transform: translateY(-4px);
            box-shadow: 0 15px 35px -10px rgba(0, 255, 136, 0.12);
        }

        .neon-btn {
            background-color: var(--primary);
            color: #05080c;
            font-weight: 700;
            border-radius: 6px;
            transition: all 0.2s ease;
        }

        .neon-btn:hover {
            background-color: #1aff96;
            box-shadow: 0 0 20px rgba(0, 255, 136, 0.4);
        }

        .ghost-btn {
            border: 1px solid rgba(255, 255, 255, 0.18);
            color: var(--text-main);
            border-radius: 6px;
            transition: all 0.2s ease;
        }

        .ghost-btn:hover {
            border-color: var(--primary);
            color: var(--primary);
            background: rgba(0, 255, 136, 0.05);
        }

        .tabular-numbers {
            font-variant-numeric: tabular-nums;
        }

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