*{box-sizing:border-box;margin:0;padding:0}html,body{background:#00081c;width:100%;height:100%;overflow:hidden}#app{width:100%;height:100%}.smart-monitor-screen[data-v-7ffea4fa]{color:#00f0ff;background:#00081c;flex-direction:column;width:100%;height:100%;font-family:Microsoft Yahei,sans-serif;display:flex;position:relative;overflow:hidden}.smart-monitor-screen .screen-header[data-v-7ffea4fa]{border-bottom:1px solid #08f;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.smart-monitor-screen .header-left[data-v-7ffea4fa]{color:#4a90b8;letter-spacing:3px;text-align:left;flex:1;font-family:Consolas,Courier New,monospace;font-size:16px}.smart-monitor-screen .header-title[data-v-7ffea4fa]{letter-spacing:14px;text-align:center;white-space:nowrap;flex:0;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:36px;font-weight:700}.smart-monitor-screen .header-right[data-v-7ffea4fa]{color:#4a90b8;letter-spacing:2px;text-align:right;flex:1;font-family:Consolas,Courier New,monospace;font-size:16px}.smart-monitor-screen .screen-container[data-v-7ffea4fa]{flex:1;grid-template:"leftTop center rightTop"1fr"leftMid center rightMid"1fr"leftBot center rightBot"1fr/260px 1fr 260px;gap:8px;min-height:0;padding:6px 8px;display:grid}.smart-monitor-screen .panel[data-v-7ffea4fa]{background:#00143cb3;border:1px solid #08f;border-radius:5px;padding:6px 8px;position:relative;overflow:hidden;box-shadow:0 0 12px #00b4ff33}.smart-monitor-screen .panel .panel-title[data-v-7ffea4fa]{color:#00e0ff;border-bottom:1px solid #06f;margin-bottom:5px;padding-bottom:5px;font-size:14px}.smart-monitor-screen .panel-left-top[data-v-7ffea4fa]{grid-area:leftTop}.smart-monitor-screen .panel-left-middle[data-v-7ffea4fa]{grid-area:leftMid}.smart-monitor-screen .panel-left-bottom[data-v-7ffea4fa]{grid-area:leftBot}.smart-monitor-screen .panel-center[data-v-7ffea4fa]{box-shadow:none;background:0 0;border:none;grid-area:center;padding:0}.smart-monitor-screen .panel-right-top[data-v-7ffea4fa]{grid-area:rightTop}.smart-monitor-screen .panel-right-middle[data-v-7ffea4fa]{grid-area:rightMid}.smart-monitor-screen .panel-right-bottom[data-v-7ffea4fa]{grid-area:rightBot}.smart-monitor-screen .chart-box[data-v-7ffea4fa]{width:100%;height:calc(100% - 28px)}.smart-monitor-screen .map-canvas[data-v-7ffea4fa]{cursor:grab;width:100%;height:100%;display:block}.smart-monitor-screen .map-canvas[data-v-7ffea4fa]:active{cursor:grabbing}.smart-monitor-screen .map-legend[data-v-7ffea4fa]{color:#80e0ff;pointer-events:none;align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;bottom:8px;left:12px}.smart-monitor-screen .map-legend .legend-dot[data-v-7ffea4fa]{border-radius:50%;display:inline-block}.smart-monitor-screen .map-legend .legend-dot.s[data-v-7ffea4fa]{background:#ffd54f;width:6px;height:6px;box-shadow:0 0 4px #ffd54f}.smart-monitor-screen .map-legend .legend-dot.m[data-v-7ffea4fa]{background:#ffd54f;width:9px;height:9px;box-shadow:0 0 6px #ffd54f}.smart-monitor-screen .map-legend .legend-dot.l[data-v-7ffea4fa]{background:#f80;width:13px;height:13px;box-shadow:0 0 8px #f80}.smart-monitor-screen .map-legend .legend-dot.xl[data-v-7ffea4fa]{background:#f44;width:17px;height:17px;box-shadow:0 0 10px #f44}.smart-monitor-screen .drill-back[data-v-7ffea4fa]{color:#00f0ff;cursor:pointer;z-index:10;background:#001e50d9;border:1px solid #00f0ff;border-radius:3px;padding:4px 14px;font-size:12px;position:absolute;top:8px;left:12px}.smart-monitor-screen .drill-back[data-v-7ffea4fa]:hover{background:#003c8ce6;box-shadow:0 0 8px #00f0ff}.smart-monitor-screen .map-reset[data-v-7ffea4fa]{color:#80e0ff;cursor:pointer;z-index:10;background:#001e50d9;border:1px solid #0088ff80;border-radius:3px;padding:4px 14px;font-size:12px;position:absolute;top:8px;right:12px}.smart-monitor-screen .map-reset[data-v-7ffea4fa]:hover{background:#003c8ce6;box-shadow:0 0 8px #08f}.smart-monitor-screen .stats-grid[data-v-7ffea4fa]{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px;height:calc(100% - 28px);display:grid}.smart-monitor-screen .stats-grid .stat-card[data-v-7ffea4fa]{background:#001e3c99;border:1px solid #0088ff4d;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;display:flex}.smart-monitor-screen .stats-grid .stat-card .stat-value[data-v-7ffea4fa]{font-size:26px;font-weight:700}.smart-monitor-screen .stats-grid .stat-card .stat-value.yellow[data-v-7ffea4fa]{color:#ffd54f;text-shadow:0 0 8px #ffd54f}.smart-monitor-screen .stats-grid .stat-card .stat-value.green[data-v-7ffea4fa]{color:#4ade80;text-shadow:0 0 8px #4ade80}.smart-monitor-screen .stats-grid .stat-card .stat-value .unit[data-v-7ffea4fa]{margin-left:2px;font-size:13px}.smart-monitor-screen .stats-grid .stat-card .stat-label[data-v-7ffea4fa]{color:#80e0ff;margin-top:4px;font-size:11px}.smart-monitor-screen .hot-products[data-v-7ffea4fa]{flex-direction:column;gap:6px;height:calc(100% - 28px);padding:8px 14px;display:flex;overflow:hidden}.smart-monitor-screen .hot-products .hot-item[data-v-7ffea4fa]{background:#001e3c66;border-radius:3px;align-items:center;gap:10px;padding:5px 8px;transition:background .3s;display:flex}.smart-monitor-screen .hot-products .hot-item[data-v-7ffea4fa]:hover{background:#003c8c80}.smart-monitor-screen .hot-products .hot-rank[data-v-7ffea4fa]{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.smart-monitor-screen .hot-products .hot-rank.rank-1[data-v-7ffea4fa],.smart-monitor-screen .hot-products .hot-rank.rank-2[data-v-7ffea4fa],.smart-monitor-screen .hot-products .hot-rank.rank-3[data-v-7ffea4fa]{font-size:0}.smart-monitor-screen .hot-products .hot-rank[data-v-7ffea4fa]:not(.rank-1):not(.rank-2):not(.rank-3){color:#80e0ff;text-align:center;background:#0088ff40;border-radius:50%;font-size:12px;line-height:24px}.smart-monitor-screen .hot-products .hot-name[data-v-7ffea4fa]{color:#c8e8ff;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}