/* roulang page: index */
:root {
            --bg-obsidian: #0A0B0D;
            --bg-card: #121418;
            --text-primary: #F1F3F5;
            --text-secondary: #9CA3AF;
            --accent-gold: #E2B778;
            --accent-green: #00E599;
            --border-dim: rgba(255, 255, 255, 0.08);
            --transition-smooth: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }

        body {
            background-color: var(--bg-obsidian);
            color: var(--text-primary);
            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Inter, system-ui, sans-serif;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }

        .border-subtle {
            border: 1px solid var(--border-dim);
        }

        .border-subtle-light {
            border: 1px solid rgba(0, 0, 0, 0.07);
        }

        .hover-lift {
            transition: var(--transition-smooth);
        }
        .hover-lift:hover {
            transform: translateY(-2px);
            border-color: rgba(226, 183, 120, 0.35);
        }

        .glow-hover:hover {
            box-shadow: 0 0 25px rgba(0, 229, 153, 0.15);
        }

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

        /* 隐藏原生滚动条，保持整洁 */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #0A0B0D;
        }
        ::-webkit-scrollbar-thumb {
            background: #23272F;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #374151;
        }