*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#020617;width:100%;height:100%;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;overflow:hidden}.viewport{background:radial-gradient(at 50% 0,#06b6d41f,#0000 55%),#020617;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.screen{transform-origin:50%;background:linear-gradient(#0a1628 0%,#0c1929 100%);border:1px solid #1e4976;flex-direction:column;gap:16px;width:1920px;height:1080px;padding:20px 24px 24px;display:flex;box-shadow:0 0 60px #06b6d414}.header{border-bottom:1px solid #1e4976;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding-bottom:12px;display:grid}.header-center{text-align:center}.header-center h1{letter-spacing:.2em;background:linear-gradient(90deg,#06b6d4,#3b82f6);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.header-center p{color:#64748b;letter-spacing:.15em;margin-top:4px;font-size:12px}.header-side{color:#94a3b8;align-items:center;gap:10px;font-size:12px;display:flex}.header-right{justify-content:flex-end}.live-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 8px #22c55e}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.demo-tag{color:#06b6d4;border:1px solid #06b6d4;border-radius:4px;padding:2px 8px;font-size:11px}.clock{font-variant-numeric:tabular-nums}.kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi-card{background:#0f274499;border:1px solid;border-radius:8px;padding:16px 20px}.kpi-label{color:#94a3b8;font-size:13px}.kpi-value{margin-top:8px;font-size:32px;font-weight:700;line-height:1}.kpi-unit{color:#64748b;margin-left:4px;font-size:14px;font-weight:400}.kpi-change{margin-top:8px;font-size:12px}.kpi-change.up{color:#22c55e}.kpi-change.down{color:#f87171}.panel{background:#0f274473;border:1px solid #1e4976;border-radius:8px;flex-direction:column;min-height:0;display:flex}.panel-header{border-bottom:1px solid #1e497633;align-items:center;gap:8px;padding:10px 14px;display:flex}.panel-dot{background:#06b6d4;border-radius:50%;width:6px;height:6px}.panel-title{color:#cbd5e1;letter-spacing:.05em;font-size:13px}.panel-body{flex:1;min-height:0;padding:8px}.chart{width:100%;height:100%;min-height:180px}.grid-main{grid-template-columns:1.1fr 1.2fr .8fr;gap:16px;height:300px;display:grid}.grid-sub{grid-template-columns:1fr 1fr 1fr;gap:16px;height:220px;display:grid}.grid-bottom{flex:1;grid-template-columns:1.2fr .8fr;gap:16px;min-height:200px;display:grid}.col-trend .chart,.col-map .chart,.col-pie .chart,.col-bar .chart,.col-province .chart{min-height:240px}.rank-table{color:#cbd5e1;font-size:12px}.rank-head,.rank-row{grid-template-columns:48px 1fr 80px 64px;align-items:center;gap:8px;padding:8px 10px;display:grid}.rank-head{color:#64748b;border-bottom:1px solid #1e4976}.rank-row:nth-child(2n){background:#1e497633}.rank-no{background:#1e293b;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-weight:600;display:flex}.rank-1{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.rank-2{color:#fff;background:linear-gradient(135deg,#94a3b8,#64748b)}.rank-3{color:#fff;background:linear-gradient(135deg,#b45309,#92400e)}.muted{color:#64748b}.rate{color:#06b6d4;font-weight:600}.alert-list{flex-direction:column;gap:8px;max-height:180px;display:flex;overflow:hidden}.alert-item{background:#0f172a99;border-left:3px solid;border-radius:4px;gap:10px;padding:8px 10px;font-size:12px;display:flex}.alert-warn{border-color:#f59e0b}.alert-error{border-color:#ef4444}.alert-info{border-color:#3b82f6}.alert-time{color:#64748b;flex-shrink:0}.alert-msg{color:#cbd5e1}.gauge-row{grid-template-columns:repeat(3,1fr);height:100%;display:grid}.gauge-item{height:160px}