/* roulang page: index */
:root {
            --bg-base: #0B0E14;
            --bg-card: #121824;
            --color-neon: #00F5A0;
            --color-cyan: #00D9F5;
            --color-purple: #7928CA;
            --border-glow: rgba(0, 245, 160, 0.2);
            --border-dim: rgba(255, 255, 255, 0.08);
        }
        body {
            background-color: var(--bg-base);
            color: #94A3B8;
            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }
        .glow-border {
            border: 1px solid var(--border-dim);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .glow-border:hover {
            border-color: var(--color-neon);
            box-shadow: 0 0 25px rgba(0, 245, 160, 0.15);
        }
        .glow-border-cyan:hover {
            border-color: var(--color-cyan);
            box-shadow: 0 0 25px rgba(0, 217, 245, 0.18);
        }
        .text-glow {
            text-shadow: 0 0 15px rgba(0, 245, 160, 0.4);
        }
        .glass-panel {
            background: rgba(18, 24, 36, 0.75);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
        }
        .badge-chip {
            background: rgba(0, 245, 160, 0.08);
            border: 1px solid rgba(0, 245, 160, 0.25);
            color: #00F5A0;
        }
        /* 自定义手风琴动画 */
        details[open] summary svg {
            transform: rotate(180deg);
        }
        /* 隐藏滚动条但保留功能 */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }