:root{--login-bg-start: #1a5ab8;--login-bg-end: #4da0e8;--login-card-bg: #ffffff;--login-btn-bg: linear-gradient(135deg, #3a8ee6, #1a6dd5);--bg-primary: #0c1a2e;--bg-secondary: #0f2345;--bg-panel: rgba(6, 30, 65, .85);--bg-card: rgba(2, 18, 48, .9);--border-color: rgba(32, 128, 220, .35);--border-glow: rgba(32, 160, 255, .6);--border-corner: #00d4ff;--text-primary: #ffffff;--text-secondary: rgba(200, 220, 255, .95);--text-muted: rgba(160, 195, 240, .8);--accent-blue: #1890ff;--accent-cyan: #00d4ff;--accent-green: #36d988;--accent-yellow: #ffb347;--accent-red: #f5565a;--accent-orange: #ff9a3c;--accent-purple: #b37feb;--chart-grid: rgba(32, 128, 220, .12);--chart-axis: rgba(140, 180, 230, .4);--shadow-panel: 0 0 20px rgba(0, 100, 255, .1);--shadow-glow: 0 0 8px rgba(0, 212, 255, .3);--font-family: "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;--font-din: "DIN Alternate", "DIN", "Roboto Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:var(--font-family);font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#app{width:100%;height:100%}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2080dc4d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#2080dc80}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.text-center{text-align:center}.w-full{width:100%}.h-full{height:100%}