/* roulang page: index */
:root {
            --bg-base: #0F1117;
            --bg-card: #1A1D26;
            --bg-card-hover: #222734;
            --brand-primary: #5833EA;
            --brand-glow: #6366F1;
            --accent-green: #10B981;
            --accent-orange: #F59E0B;
            --text-main: #F3F4F6;
            --text-muted: #9CA3AF;
            --text-faint: #6B7280;
            --border-line: rgba(255, 255, 255, 0.08);
        }

        body {
            background-color: var(--bg-base);
            color: var(--text-main);
            font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
            overflow-x: hidden;
        }

        .custom-border {
            border: 1px solid var(--border-line);
        }

        .glow-hover:hover {
            box-shadow: 0 0 20px rgba(99, 102, 241, 0.35);
            border-color: rgba(99, 102, 241, 0.5);
        }

        .font-num {
            font-family: Consolas, Monaco, "SF Mono", monospace;
        }

        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }