:root{--bg-deep: #051226;--bg-darker: #061a36;--bg-card: rgba(13, 36, 71, .6);--bg-card-solid: #0c2347;--bg-card-hover: rgba(20, 55, 105, .8);--line-thin: rgba(64, 158, 255, .18);--line-strong: rgba(64, 158, 255, .45);--line-cyan: rgba(34, 211, 238, .55);--text-primary: #d6e6ff;--text-secondary: #7a96bf;--text-muted: #4a6585;--text-label: #9ab1d4;--accent-cyan: #22d3ee;--accent-blue: #3b82f6;--accent-green: #4ade80;--accent-yellow: #facc15;--accent-orange: #fb923c;--accent-red: #f87171;--accent-purple: #a78bfa;--font-num: "DIN", "Helvetica Neue", "Segoe UI", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;background:var(--bg-deep);color:var(--text-primary);font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;overflow:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}ul,li{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#409eff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#409eff8c}.panel{background:var(--bg-card);border:1px solid var(--line-thin);border-radius:6px;padding:14px 16px;position:relative;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel:before,.panel:after{content:"";position:absolute;width:14px;height:14px;border:1px solid var(--accent-cyan)}.panel:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.panel:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.panel-title{display:flex;align-items:center;font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:1px;margin-bottom:12px;padding-left:10px;border-left:3px solid var(--accent-cyan)}.panel-title .extra{margin-left:auto;font-size:12px;color:var(--text-secondary);font-weight:400}.big-num{font-family:var(--font-num);font-weight:700;color:var(--accent-cyan);letter-spacing:1px;text-shadow:0 0 18px rgba(34,211,238,.4)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}