/* roulang page: index */
:root {
            --bg-main: #070b14;
            --primary-blue: #1e6fff;
            --electric-cyan: #00f0ff;
            --accent-green: #10b981;
            --card-border: rgba(255, 255, 255, 0.1);
        }
        * { box-sizing: border-box; }
        body {
            background-color: var(--bg-main);
            color: #cbd5e1;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            overflow-x: hidden;
        }
        .glow-btn {
            background: linear-gradient(135deg, #1e6fff 0%, #00f0ff 100%);
            box-shadow: 0 0 25px rgba(0, 240, 255, 0.35);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .glow-btn:hover {
            box-shadow: 0 0 35px rgba(0, 240, 255, 0.65);
            transform: translateY(-2px);
        }
        .glass-panel {
            background: rgba(15, 23, 42, 0.7);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid var(--card-border);
        }
        .glass-panel:hover {
            border-color: rgba(0, 240, 255, 0.35);
        }
        .custom-scroll::-webkit-scrollbar { width: 6px; height: 6px; }
        .custom-scroll::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 4px; }
        .custom-scroll::-webkit-scrollbar-thumb:hover { background: #334155; }
        .data-grid-bg {
            background-image: radial-gradient(rgba(30, 111, 255, 0.12) 1px, transparent 0);
            background-size: 28px 28px;
        }