.data-screen[data-v-c2bfdaaf]{background:#0a0e27;width:100%;height:100vh;font-family:Microsoft YaHei,Arial,sans-serif;position:relative;overflow:hidden}html[data-v-c2bfdaaf],body[data-v-c2bfdaaf],#app[data-v-c2bfdaaf]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e27;height:100%;margin:0;padding:0;overflow:hidden}.map-background[data-v-c2bfdaaf]{z-index:1;position:fixed;inset:0}[data-v-c2bfdaaf]::-webkit-scrollbar-track{background:0 0}[data-v-c2bfdaaf]{scrollbar-width:thin;scrollbar-color:#0000 #0000}.map-chart[data-v-c2bfdaaf]{width:100%;height:100%}.particle-layer[data-v-c2bfdaaf]{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.scan-line[data-v-c2bfdaaf]{z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#4eb3e5cc,#0000);width:100%;height:2px;animation:4s linear infinite scan-c2bfdaaf;position:absolute;top:0;left:0}@keyframes scan-c2bfdaaf{0%{opacity:0;top:0}50%{opacity:1}to{opacity:0;top:100%}}.screen-header[data-v-c2bfdaaf]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:linear-gradient(#0a0e27e6 0%,#0a0e2799 100%);border-bottom:2px solid #00d7ff4d;justify-content:space-between;align-items:center;height:80px;padding:0 30px;display:flex;position:fixed;top:0;left:0;right:0}.header-left[data-v-c2bfdaaf]{flex-shrink:0;width:200px}.header-center[data-v-c2bfdaaf]{text-align:center;flex:1;position:absolute;left:50%;transform:translate(-50%)}.header-right[data-v-c2bfdaaf]{justify-content:flex-end;align-items:center;gap:15px;width:auto;margin-left:auto;display:flex}.corner-decoration[data-v-c2bfdaaf]{border:2px solid #00d7ff;width:100px;height:50px}.header-left .corner-decoration[data-v-c2bfdaaf]{border-bottom:none;border-right:none;width:160px;height:60px;position:relative}.header-left .corner-decoration .cpu-usage-panel[data-v-c2bfdaaf]{position:absolute;top:8px;left:10px}.header-right[data-v-c2bfdaaf]{justify-content:flex-end;align-items:center;gap:15px;display:flex}.header-right .corner-decoration[data-v-c2bfdaaf]{border-bottom:none;border-left:none}.fullscreen-btn[data-v-c2bfdaaf]{color:#00d7ff;cursor:pointer;background:#00d7ff33;border:1px solid #00d7ff;border-radius:4px;padding:8px 16px;font-size:16px;transition:all .3s}.fullscreen-btn[data-v-c2bfdaaf]:hover{background:#00d7ff66;transform:scale(1.05)}.example-btn[data-v-c2bfdaaf]{color:#4eb3e5;cursor:pointer;background:#4eb3e51f;border:1px solid #4eb3e54d;border-radius:4px;padding:6px 10px;font-size:13px}.example-btn[data-v-c2bfdaaf]:hover{background:#4eb3e533;transform:scale(1.03)}.header-tabs[data-v-c2bfdaaf]{align-items:center;gap:8px;display:flex}.header-tabs .tab[data-v-c2bfdaaf]{color:#9fe8ff;cursor:pointer;background:#0a142373;border:1px solid #4eb3e52e;border-radius:4px;padding:6px 10px;font-size:13px}.header-tabs .tab.active[data-v-c2bfdaaf]{color:#dffeff;background:linear-gradient(#4eb3e529,#4eb3e514);box-shadow:0 4px 18px #4eb3e514}.map-edge[data-v-c2bfdaaf]{pointer-events:none;z-index:30;background:linear-gradient(#0a0e2700 40% 100%);position:absolute;inset:80px 0 0;box-shadow:inset 0 -40px 80px #0006}.header-center[data-v-c2bfdaaf]{text-align:center;flex:1}.main-title[data-v-c2bfdaaf]{color:#00d7ff;text-shadow:0 0 20px #00d7ffcc;justify-content:center;align-items:center;gap:20px;margin:0;font-size:36px;font-weight:700;display:flex}.title-line[data-v-c2bfdaaf]{background:linear-gradient(90deg,#0000,#00d7ff,#0000);width:80px;height:2px}.current-time[data-v-c2bfdaaf]{color:#64b5f6;letter-spacing:2px;margin-top:5px;font-size:16px}.map-control-area[data-v-c2bfdaaf]{z-index:10;pointer-events:none;position:fixed;top:100px;left:50%;transform:translate(-50%)}.current-area[data-v-c2bfdaaf]{color:#4eb3e5;text-shadow:0 0 20px #4eb3e5cc;text-align:center;margin-bottom:20px;font-size:32px;font-weight:700}.back-btn[data-v-c2bfdaaf]{color:#fff;cursor:pointer;pointer-events:all;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4eb3e54d;border:1px solid #4eb3e5;border-radius:4px;align-items:center;gap:5px;padding:6px 16px;font-size:13px;font-weight:400;transition:all .3s;display:flex;top:-200px;left:50%}.back-btn[data-v-c2bfdaaf]:hover{background:#4eb3e599;box-shadow:0 0 20px #4eb3e580}.flight-toggle[data-v-c2bfdaaf]{cursor:pointer;pointer-events:all;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-top:8px;display:flex}.flight-toggle-track[data-v-c2bfdaaf]{background:#ffffff26;border:1px solid #4eb3e580;border-radius:9px;width:36px;height:18px;transition:background .3s;position:relative}.flight-toggle-track.active[data-v-c2bfdaaf]{background:#00d7ff59;border-color:#00d7ff;box-shadow:0 0 8px #00d7ff80}.flight-toggle-thumb[data-v-c2bfdaaf]{background:#4eb3e599;border-radius:50%;width:12px;height:12px;transition:left .3s,background .3s;position:absolute;top:2px;left:2px}.flight-toggle-track.active .flight-toggle-thumb[data-v-c2bfdaaf]{background:#00d7ff;left:20px;box-shadow:0 0 6px #00d7ffcc}.flight-toggle-label[data-v-c2bfdaaf]{color:#8ab4c8;letter-spacing:1px;font-size:12px}.flight-toggle:hover .flight-toggle-label[data-v-c2bfdaaf]{color:#fff}.icon-back[data-v-c2bfdaaf]{font-size:12px;font-style:normal}.alarm-markers[data-v-c2bfdaaf]{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.alarm-marker[data-v-c2bfdaaf]{pointer-events:all;transition:all .1s linear;position:absolute;transform:translate(-50%,-50%)}.alarm-ripple[data-v-c2bfdaaf]{border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:2s ease-out infinite ripple-c2bfdaaf;position:absolute;top:50%;left:50%}.alarm-marker.level-high .alarm-ripple[data-v-c2bfdaaf]{background:#ff47574d;border:2px solid #ff4757}.alarm-marker.level-medium .alarm-ripple[data-v-c2bfdaaf]{background:#ffa5004d;border:2px solid orange}.alarm-marker.level-low .alarm-ripple[data-v-c2bfdaaf]{background:#00ff884d;border:2px solid #0f8}@keyframes ripple-c2bfdaaf{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(4)}}.alarm-popup[data-v-c2bfdaaf]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a1423f2;border:1px solid #ffffff1a;border-radius:8px;min-width:280px;animation:.3s ease-out popupShow-c2bfdaaf;position:absolute;bottom:30px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 32px #000c}@keyframes popupShow-c2bfdaaf{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.popup-header[data-v-c2bfdaaf]{color:#fff;justify-content:space-between;align-items:center;padding:10px 15px;font-weight:700;display:flex}.popup-header.bg-high[data-v-c2bfdaaf]{background:linear-gradient(135deg,#ff4757,#ff6b6b)}.popup-header.bg-medium[data-v-c2bfdaaf]{background:linear-gradient(135deg,orange,#ffb732)}.popup-header.bg-low[data-v-c2bfdaaf]{background:linear-gradient(135deg,#0f8,#00cc6a)}.alarm-level-text[data-v-c2bfdaaf]{letter-spacing:1px;font-size:14px}.alarm-close[data-v-c2bfdaaf]{cursor:pointer;opacity:.8;font-size:24px;line-height:1;transition:opacity .3s}.popup-body[data-v-c2bfdaaf]{gap:15px;padding:15px;display:flex}.alarm-device-img[data-v-c2bfdaaf]{background:#ffffff1a;border:2px solid #00d7ff4d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.alarm-device-img img[data-v-c2bfdaaf]{object-fit:contain;width:60px;height:60px}.alarm-info[data-v-c2bfdaaf]{color:#64b5f6;flex-direction:column;flex:1;gap:8px;font-size:13px;display:flex}.alarm-location[data-v-c2bfdaaf],.alarm-time[data-v-c2bfdaaf],.alarm-device[data-v-c2bfdaaf]{color:#8aa9c1;font-size:12px}.left-panel[data-v-c2bfdaaf]{z-index:50;flex-direction:column;gap:12px;width:25%;max-width:400px;height:calc(100vh - 120px);display:flex;position:fixed;top:100px;left:20px;overflow:hidden}.left-panel[data-v-c2bfdaaf]::-webkit-scrollbar{width:0}.left-panel[data-v-c2bfdaaf]::-webkit-scrollbar-thumb{background:0 0}.left-panel[data-v-c2bfdaaf]{scrollbar-width:none;-ms-overflow-style:none}.right-panel[data-v-c2bfdaaf]{z-index:50;flex-direction:column;gap:12px;width:25%;max-width:400px;height:calc(100vh - 120px);display:flex;position:fixed;top:100px;right:20px;overflow:hidden}.bottom-panel[data-v-c2bfdaaf]{z-index:50;width:40%;max-width:800px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.panel-item[data-v-c2bfdaaf]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a2137d9;border:1px solid #00d7ff4d;border-radius:8px;flex-direction:column;flex:1;min-height:0;padding:15px 15px 20px;transition:all .3s;display:flex;position:relative;overflow:visible;box-shadow:0 4px 20px #00000080}.panel-item .panel-content[data-v-c2bfdaaf]{flex-direction:column;flex:1;min-height:0;display:flex}.panel-item[data-v-c2bfdaaf]:hover{border-color:#00d7ff99;transform:translateY(-2px);box-shadow:0 6px 30px #00d7ff4d}.panel-item[data-v-c2bfdaaf]:before{content:"";background:linear-gradient(90deg,#0000,#00d7ff,#0000);border-radius:8px 8px 0 0;height:2px;position:absolute;top:0;left:0;right:0;overflow:hidden}.panel-title[data-v-c2bfdaaf]{color:#00d7ff;align-items:center;gap:10px;margin-bottom:15px;font-size:18px;font-weight:700;display:flex}.panel-title .panel-icon[data-v-c2bfdaaf]{color:#00d7ff;filter:drop-shadow(0 0 4px #00d7ff80);flex-shrink:0;width:18px;height:18px}.panel-content[data-v-c2bfdaaf]{color:#64b5f6}.data-cards[data-v-c2bfdaaf]{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px;display:grid}.data-card[data-v-c2bfdaaf]{text-align:center;background:#00d7ff1a;border:1px solid #00d7ff33;border-radius:6px;padding:10px;transition:all .3s}.data-card[data-v-c2bfdaaf]:hover{background:#00d7ff33;transform:scale(1.05)}.card-label[data-v-c2bfdaaf]{color:#64b5f6;margin-bottom:5px;font-size:12px}.card-value[data-v-c2bfdaaf]{color:#00d7ff;margin-bottom:3px;font-size:20px;font-weight:700}.card-trend[data-v-c2bfdaaf]{font-size:12px}.card-trend.up[data-v-c2bfdaaf]{color:#0f8}.chart-container[data-v-c2bfdaaf]{flex:1;width:100%;min-height:120px}.chart-container.small[data-v-c2bfdaaf]{flex:none;height:180px}.device-summary[data-v-c2bfdaaf]{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px;display:grid}.summary-item[data-v-c2bfdaaf]{text-align:center;background:#00d7ff1a;border-radius:6px;padding:10px}.item-label[data-v-c2bfdaaf]{color:#64b5f6;margin-bottom:5px;font-size:12px}.item-value[data-v-c2bfdaaf]{color:#00d7ff;font-size:18px;font-weight:700}.item-value.online[data-v-c2bfdaaf]{color:#0f8}.item-value.offline[data-v-c2bfdaaf]{color:#ff4757}.storage-info[data-v-c2bfdaaf]{margin-bottom:15px}.storage-item[data-v-c2bfdaaf]{justify-content:space-between;margin-bottom:10px;display:flex}.storage-label[data-v-c2bfdaaf]{color:#64b5f6}.storage-value[data-v-c2bfdaaf]{color:#00d7ff;font-weight:700}.storage-value.used[data-v-c2bfdaaf]{color:#0f8}.storage-usage[data-v-c2bfdaaf]{margin-top:15px}.usage-bar[data-v-c2bfdaaf]{background:#00d7ff33;border-radius:4px;width:100%;height:8px;overflow:hidden}.usage-fill[data-v-c2bfdaaf]{background:linear-gradient(90deg,#00d7ff,#0f8);border-radius:4px;height:100%;transition:width .3s}.usage-text[data-v-c2bfdaaf]{text-align:center;color:#64b5f6;margin-top:5px;font-size:12px}.sales-summary[data-v-c2bfdaaf]{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px;display:grid}.sales-item[data-v-c2bfdaaf]{text-align:center;background:#00d7ff1a;border-radius:6px;padding:10px}.sales-label[data-v-c2bfdaaf]{color:#64b5f6;margin-bottom:5px;font-size:12px}.sales-value[data-v-c2bfdaaf]{color:#0f8;font-size:18px;font-weight:700}.notice-list[data-v-c2bfdaaf]{max-height:200px;overflow-y:auto}.notice-list[data-v-c2bfdaaf]::-webkit-scrollbar{width:6px}.notice-list[data-v-c2bfdaaf]::-webkit-scrollbar-thumb{background:#00d7ff4d;border-radius:3px}.notice-item[data-v-c2bfdaaf]{cursor:pointer;border-bottom:1px solid #00d7ff1a;gap:10px;padding:10px;transition:background .3s;display:flex}.notice-item[data-v-c2bfdaaf]:hover{background:#00d7ff1a}.notice-dot[data-v-c2bfdaaf]{background:#00d7ff;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.notice-content[data-v-c2bfdaaf]{flex:1}.notice-title[data-v-c2bfdaaf]{color:#64b5f6;margin-bottom:5px;font-size:13px;line-height:1.4}.notice-time[data-v-c2bfdaaf]{color:#4a7c9e;font-size:11px}.monitor-list[data-v-c2bfdaaf]{flex-direction:column;gap:10px;display:flex}.monitor-item[data-v-c2bfdaaf]{background:#00d7ff0d;border-left:3px solid #00d7ff;border-radius:6px;justify-content:space-between;align-items:center;padding:10px;display:flex}.monitor-name[data-v-c2bfdaaf]{color:#64b5f6;font-size:13px}.monitor-status[data-v-c2bfdaaf]{align-items:center;gap:5px;display:flex}.status-dot[data-v-c2bfdaaf]{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-c2bfdaaf}.monitor-status.normal .status-dot[data-v-c2bfdaaf]{background:#0f8;box-shadow:0 0 8px #0f8}.monitor-status.warning .status-dot[data-v-c2bfdaaf]{background:orange;box-shadow:0 0 8px orange}.status-text[data-v-c2bfdaaf]{font-size:12px}.monitor-status.normal .status-text[data-v-c2bfdaaf]{color:#0f8}.monitor-status.warning .status-text[data-v-c2bfdaaf]{color:orange}.monitor-value[data-v-c2bfdaaf]{color:#00d7ff;font-size:13px;font-weight:700}.data-flow-items[data-v-c2bfdaaf]{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.flow-item[data-v-c2bfdaaf]{align-items:center;gap:10px;display:flex}.flow-province[data-v-c2bfdaaf]{color:#64b5f6;min-width:60px;font-size:14px}.flow-bar[data-v-c2bfdaaf]{background:#00d7ff33;border-radius:4px;flex:1;height:8px;overflow:hidden}.flow-fill[data-v-c2bfdaaf]{background:linear-gradient(90deg,#00d7ff,#0f8);border-radius:4px;height:100%;animation:2s ease-in-out infinite flow-pulse-c2bfdaaf}@keyframes flow-pulse-c2bfdaaf{0%,to{opacity:1}50%{opacity:.6}}.flow-value[data-v-c2bfdaaf]{color:#0f8;text-align:right;min-width:50px;font-size:14px;font-weight:700}.screen-decoration[data-v-c2bfdaaf]{pointer-events:none;z-index:200}.corner-deco[data-v-c2bfdaaf]{border:2px solid #00d7ff80;width:40px;height:40px;position:fixed}.corner-lt[data-v-c2bfdaaf]{border-bottom:none;border-right:none;top:10px;left:10px}.corner-rt[data-v-c2bfdaaf]{border-bottom:none;border-left:none;top:10px;right:10px}.corner-lb[data-v-c2bfdaaf]{border-top:none;border-right:none;bottom:10px;left:10px}.corner-rb[data-v-c2bfdaaf]{border-top:none;border-left:none;bottom:10px;right:10px}@keyframes pulse-c2bfdaaf{0%,to{opacity:1}50%{opacity:.5}}.alarm-info-panel[data-v-c2bfdaaf]{z-index:60;flex-direction:column;gap:12px;width:320px;max-height:calc(100vh - 400px);display:flex;position:fixed;top:100px;right:20px;overflow-y:auto}.alarm-info-panel[data-v-c2bfdaaf]::-webkit-scrollbar{width:6px}.alarm-info-panel[data-v-c2bfdaaf]::-webkit-scrollbar-thumb{background:#00d7ff4d;border-radius:3px}.alarm-info-item[data-v-c2bfdaaf]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:pointer;background:#0a1423f2;border-left:4px solid #0000;border-radius:8px;transition:all .3s;overflow:hidden;box-shadow:0 8px 32px #000c}.alarm-info-item.level-high[data-v-c2bfdaaf]{border-left-color:#ff4757}.alarm-info-item.level-medium[data-v-c2bfdaaf]{border-left-color:orange}.alarm-info-item.level-low[data-v-c2bfdaaf]{border-left-color:#0f8}.alarm-info-item[data-v-c2bfdaaf]:hover{transform:translate(-5px);box-shadow:0 12px 40px #00d7ff66}.alarm-header[data-v-c2bfdaaf]{color:#64b5f6;background:#0000004d;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.level-badge[data-v-c2bfdaaf]{color:#fff;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.level-badge.bg-high[data-v-c2bfdaaf]{background:linear-gradient(135deg,#ff4757,#ff6b6b)}.level-badge.bg-medium[data-v-c2bfdaaf]{background:linear-gradient(135deg,orange,#ffb732)}.level-badge.bg-low[data-v-c2bfdaaf]{background:linear-gradient(135deg,#0f8,#00cc6a)}.alarm-close[data-v-c2bfdaaf]{opacity:.6;font-size:20px;transition:opacity .3s}.alarm-close[data-v-c2bfdaaf]:hover{opacity:1}.alarm-body[data-v-c2bfdaaf]{gap:12px;padding:12px;display:flex}.device-icon[data-v-c2bfdaaf]{object-fit:contain;background:#ffffff1a;border-radius:6px;width:50px;height:50px;padding:5px}.alarm-details[data-v-c2bfdaaf]{flex-direction:column;flex:1;gap:6px;display:flex}.alarm-type[data-v-c2bfdaaf]{color:#fff;font-size:14px;font-weight:700}.alarm-location[data-v-c2bfdaaf],.alarm-device[data-v-c2bfdaaf]{color:#8aa9c1;font-size:12px}.alarm-slide-enter-active[data-v-c2bfdaaf]{animation:.5s ease-out slideInRight-c2bfdaaf}.alarm-slide-leave-active[data-v-c2bfdaaf]{animation:.3s ease-in slideOutRight-c2bfdaaf}@keyframes slideInRight-c2bfdaaf{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight-c2bfdaaf{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.alarm-list[data-v-c2bfdaaf]{flex-direction:column;gap:8px;max-height:260px;display:flex;overflow-y:auto}.alarm-list[data-v-c2bfdaaf]::-webkit-scrollbar{width:0}.alarm-list-item[data-v-c2bfdaaf]{background:#0000004d;border-left:3px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.alarm-list-high[data-v-c2bfdaaf]{border-left-color:#ff4757}.alarm-list-medium[data-v-c2bfdaaf]{border-left-color:orange}.alarm-list-low[data-v-c2bfdaaf]{border-left-color:#0f8}.alarm-list-badge[data-v-c2bfdaaf]{color:#fff;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.alarm-list-high .alarm-list-badge[data-v-c2bfdaaf]{background:#ff4757}.alarm-list-medium .alarm-list-badge[data-v-c2bfdaaf]{background:orange}.alarm-list-low .alarm-list-badge[data-v-c2bfdaaf]{background:#0a5}.alarm-list-type[data-v-c2bfdaaf]{color:#fff;flex:1}.alarm-list-loc[data-v-c2bfdaaf]{color:#8aa9c1;flex:1.2}.alarm-list-time[data-v-c2bfdaaf]{color:#4a7c9e;flex-shrink:0}.rank-list[data-v-c2bfdaaf]{flex-direction:column;gap:10px;display:flex}.rank-item[data-v-c2bfdaaf]{align-items:center;gap:10px;display:flex}.rank-no[data-v-c2bfdaaf]{color:#64b5f6;background:#00d7ff26;border:1px solid #00d7ff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.rank-no.rank-top[data-v-c2bfdaaf]{color:#ffd93d;background:#ffd93d33;border-color:#ffd93d}.rank-name[data-v-c2bfdaaf]{color:#64b5f6;min-width:80px;font-size:13px}.rank-bar-wrap[data-v-c2bfdaaf]{background:#00d7ff26;border-radius:3px;flex:1;height:6px;overflow:hidden}.rank-bar[data-v-c2bfdaaf]{background:linear-gradient(90deg,#00d7ff,#0f8);border-radius:3px;height:100%}.rank-value[data-v-c2bfdaaf]{color:#0f8;text-align:right;min-width:80px;font-size:12px;font-weight:700}.bg-grid[data-v-c2bfdaaf]{z-index:0;pointer-events:none;filter:blur(80px);border-radius:50%;animation:6s ease-in-out infinite glow-pulse-c2bfdaaf;position:fixed}.bg-glow-lt[data-v-c2bfdaaf]{background:radial-gradient(circle,#0064c82e 0%,#0000 70%);width:500px;height:500px;animation-delay:0s;top:-150px;left:-150px}.bg-glow-rb[data-v-c2bfdaaf]{background:radial-gradient(circle,#00d7ff1f 0%,#0000 70%);width:600px;height:600px;animation-delay:3s;bottom:-200px;right:-200px}@keyframes glow-pulse-c2bfdaaf{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.cpu-usage-panel[data-v-c2bfdaaf]{width:130px}.cpu-label[data-v-c2bfdaaf]{color:#8ab4c8;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:11px}.cpu-bar-wrap[data-v-c2bfdaaf]{background:#ffffff14;border-radius:3px;width:100%;height:6px;margin-bottom:5px;overflow:hidden}.cpu-bar[data-v-c2bfdaaf]{background:linear-gradient(90deg,#00b4d8,#00d7ff);border-radius:3px;height:100%;transition:width 1s;box-shadow:0 0 8px #00d7ff99}.cpu-value[data-v-c2bfdaaf]{color:#00d7ff;text-shadow:0 0 10px #00d7ffb3;font-size:18px;font-weight:700;line-height:1}.bottom-stats-bar[data-v-c2bfdaaf]{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e27d1;border:1px solid #00d7ff4d;border-radius:8px;justify-content:space-around;align-items:center;padding:12px 24px;display:flex;position:fixed;bottom:20px;left:calc(25% + 30px);right:calc(25% + 30px);box-shadow:0 0 20px #00d7ff1a}.bottom-stat-item[data-v-c2bfdaaf]{align-items:center;gap:10px;display:flex}.bottom-stat-icon[data-v-c2bfdaaf]{color:#00d7ff;filter:drop-shadow(0 0 6px #00d7ff99);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.bottom-stat-icon svg[data-v-c2bfdaaf]{width:100%;height:100%}.bottom-stat-label[data-v-c2bfdaaf]{color:#8ab4c8;letter-spacing:1px;margin-bottom:3px;font-size:11px}.bottom-stat-value[data-v-c2bfdaaf]{color:#00d7ff;text-shadow:0 0 10px #00d7ff99;font-size:20px;font-weight:700;transition:all .4s}.bottom-stats-bar[data-v-c2bfdaaf]:before{content:"";background:linear-gradient(90deg,#0000,#00d7ff99,#0000);height:1px;position:absolute;top:0;left:0;right:0}.fade-enter-active[data-v-c2bfdaaf],.fade-leave-active[data-v-c2bfdaaf]{transition:opacity .4s,transform .4s}.fade-enter-from[data-v-c2bfdaaf],.fade-leave-to[data-v-c2bfdaaf]{opacity:0;transform:translateY(12px)}.data-stream-list[data-v-c2bfdaaf]{flex-direction:column;gap:5px;display:flex;overflow:hidden}.stream-item[data-v-c2bfdaaf]{background:#00d7ff0a;border-left:2px solid #00d7ff33;border-radius:0 4px 4px 0;align-items:center;gap:6px;padding:5px 8px;font-size:11px;transition:background .2s;display:flex}.stream-item[data-v-c2bfdaaf]:hover{background:#00d7ff17}.stream-icon[data-v-c2bfdaaf]{text-align:center;flex-shrink:0;width:14px;font-size:12px}.stream-type[data-v-c2bfdaaf]{flex-shrink:0;width:56px;font-size:11px;font-weight:700}.stream-node[data-v-c2bfdaaf]{color:#8ab4c8;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.stream-meta[data-v-c2bfdaaf]{color:#64b4dc99;white-space:nowrap;flex-shrink:0;font-size:10px}.stream-ts[data-v-c2bfdaaf]{color:#64b4dc80;flex-shrink:0;font-family:monospace;font-size:10px}.stream-slide-enter-active[data-v-c2bfdaaf]{transition:all .3s}.stream-slide-enter-from[data-v-c2bfdaaf]{opacity:0;transform:translateY(-16px)}.stream-slide-leave-active[data-v-c2bfdaaf]{transition:all .2s;position:absolute}.stream-slide-leave-to[data-v-c2bfdaaf]{opacity:0}.data-screen{background:#0a0e27;width:100%;height:100vh;font-family:Microsoft YaHei,Arial,sans-serif;position:relative;overflow:hidden}html,body,#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e27;height:100%;margin:0;padding:0;overflow:hidden}.map-background{z-index:1;position:fixed;inset:0}::-webkit-scrollbar-track{background:0 0}*{scrollbar-width:thin;scrollbar-color:#0000 #0000}.map-chart{width:100%;height:100%}.particle-layer{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.scan-line{z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#4eb3e5cc,#0000);width:100%;height:2px;animation:4s linear infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{opacity:0;top:0}50%{opacity:1}to{opacity:0;top:100%}}.screen-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:linear-gradient(#0a0e27e6 0%,#0a0e2799 100%);border-bottom:2px solid #00d7ff4d;justify-content:space-between;align-items:center;height:80px;padding:0 30px;display:flex;position:fixed;top:0;left:0;right:0}.header-left{flex-shrink:0;width:200px}.header-center{text-align:center;flex:1;position:absolute;left:50%;transform:translate(-50%)}.header-right{justify-content:flex-end;align-items:center;gap:15px;width:auto;margin-left:auto;display:flex}.corner-decoration{border:2px solid #00d7ff;width:100px;height:50px}.header-left .corner-decoration{border-bottom:none;border-right:none;width:160px;height:60px;position:relative}.header-left .corner-decoration .cpu-usage-panel{position:absolute;top:8px;left:10px}.header-right{justify-content:flex-end;align-items:center;gap:15px;display:flex}.header-right .corner-decoration{border-bottom:none;border-left:none}.fullscreen-btn{color:#00d7ff;cursor:pointer;background:#00d7ff33;border:1px solid #00d7ff;border-radius:4px;padding:8px 16px;font-size:16px;transition:all .3s}.fullscreen-btn:hover{background:#00d7ff66;transform:scale(1.05)}.example-btn{color:#4eb3e5;cursor:pointer;background:#4eb3e51f;border:1px solid #4eb3e54d;border-radius:4px;padding:6px 10px;font-size:13px}.example-btn:hover{background:#4eb3e533;transform:scale(1.03)}.header-tabs{align-items:center;gap:8px;display:flex}.header-tabs .tab{color:#9fe8ff;cursor:pointer;background:#0a142373;border:1px solid #4eb3e52e;border-radius:4px;padding:6px 10px;font-size:13px}.header-tabs .tab.active{color:#dffeff;background:linear-gradient(#4eb3e529,#4eb3e514);box-shadow:0 4px 18px #4eb3e514}.map-edge{pointer-events:none;z-index:30;background:linear-gradient(#0a0e2700 40% 100%);position:absolute;inset:80px 0 0;box-shadow:inset 0 -40px 80px #0006}.header-center{text-align:center;flex:1}.main-title{color:#00d7ff;text-shadow:0 0 20px #00d7ffcc;justify-content:center;align-items:center;gap:20px;margin:0;font-size:36px;font-weight:700;display:flex}.title-line{background:linear-gradient(90deg,#0000,#00d7ff,#0000);width:80px;height:2px}.current-time{color:#64b5f6;letter-spacing:2px;margin-top:5px;font-size:16px}.map-control-area{z-index:10;pointer-events:none;position:fixed;top:100px;left:50%;transform:translate(-50%)}.current-area{color:#4eb3e5;text-shadow:0 0 20px #4eb3e5cc;text-align:center;margin-bottom:20px;font-size:32px;font-weight:700}.back-btn{color:#fff;cursor:pointer;pointer-events:all;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4eb3e54d;border:1px solid #4eb3e5;border-radius:4px;align-items:center;gap:5px;padding:6px 16px;font-size:13px;font-weight:400;transition:all .3s;display:flex;top:-200px;left:50%}.back-btn:hover{background:#4eb3e599;box-shadow:0 0 20px #4eb3e580}.flight-toggle{cursor:pointer;pointer-events:all;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-top:8px;display:flex}.flight-toggle-track{background:#ffffff26;border:1px solid #4eb3e580;border-radius:9px;width:36px;height:18px;transition:background .3s;position:relative}.flight-toggle-track.active{background:#00d7ff59;border-color:#00d7ff;box-shadow:0 0 8px #00d7ff80}.flight-toggle-thumb{background:#4eb3e599;border-radius:50%;width:12px;height:12px;transition:left .3s,background .3s;position:absolute;top:2px;left:2px}.flight-toggle-track.active .flight-toggle-thumb{background:#00d7ff;left:20px;box-shadow:0 0 6px #00d7ffcc}.flight-toggle-label{color:#8ab4c8;letter-spacing:1px;font-size:12px}.flight-toggle:hover .flight-toggle-label{color:#fff}.icon-back{font-size:12px;font-style:normal}.alarm-markers{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.alarm-marker{pointer-events:all;transition:all .1s linear;position:absolute;transform:translate(-50%,-50%)}.alarm-ripple{border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:2s ease-out infinite ripple;position:absolute;top:50%;left:50%}.alarm-marker.level-high .alarm-ripple{background:#ff47574d;border:2px solid #ff4757}.alarm-marker.level-medium .alarm-ripple{background:#ffa5004d;border:2px solid orange}.alarm-marker.level-low .alarm-ripple{background:#00ff884d;border:2px solid #0f8}@keyframes ripple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(4)}}.alarm-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a1423f2;border:1px solid #ffffff1a;border-radius:8px;min-width:280px;animation:.3s ease-out popupShow;position:absolute;bottom:30px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 32px #000c}@keyframes popupShow{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.popup-header{color:#fff;justify-content:space-between;align-items:center;padding:10px 15px;font-weight:700;display:flex}.popup-header.bg-high{background:linear-gradient(135deg,#ff4757,#ff6b6b)}.popup-header.bg-medium{background:linear-gradient(135deg,orange,#ffb732)}.popup-header.bg-low{background:linear-gradient(135deg,#0f8,#00cc6a)}.alarm-level-text{letter-spacing:1px;font-size:14px}.alarm-close{cursor:pointer;opacity:.8;font-size:24px;line-height:1;transition:opacity .3s}.popup-body{gap:15px;padding:15px;display:flex}.alarm-device-img{background:#ffffff1a;border:2px solid #00d7ff4d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.alarm-device-img img{object-fit:contain;width:60px;height:60px}.alarm-info{color:#64b5f6;flex-direction:column;flex:1;gap:8px;font-size:13px;display:flex}.alarm-location,.alarm-time,.alarm-device{color:#8aa9c1;font-size:12px}.left-panel{z-index:50;flex-direction:column;gap:12px;width:25%;max-width:400px;height:calc(100vh - 120px);display:flex;position:fixed;top:100px;left:20px;overflow:hidden}.left-panel::-webkit-scrollbar{width:0}.left-panel::-webkit-scrollbar-thumb{background:0 0}.left-panel{scrollbar-width:none;-ms-overflow-style:none}.right-panel{z-index:50;flex-direction:column;gap:12px;width:25%;max-width:400px;height:calc(100vh - 120px);display:flex;position:fixed;top:100px;right:20px;overflow:hidden}.bottom-panel{z-index:50;width:40%;max-width:800px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.panel-item{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a2137d9;border:1px solid #00d7ff4d;border-radius:8px;flex-direction:column;flex:1;min-height:0;padding:15px 15px 20px;transition:all .3s;display:flex;position:relative;overflow:visible;box-shadow:0 4px 20px #00000080}.panel-item .panel-content{flex-direction:column;flex:1;min-height:0;display:flex}.panel-item:hover{border-color:#00d7ff99;transform:translateY(-2px);box-shadow:0 6px 30px #00d7ff4d}.panel-item:before{content:"";background:linear-gradient(90deg,#0000,#00d7ff,#0000);border-radius:8px 8px 0 0;height:2px;position:absolute;top:0;left:0;right:0;overflow:hidden}.panel-title{color:#00d7ff;align-items:center;gap:10px;margin-bottom:15px;font-size:18px;font-weight:700;display:flex}.panel-title .panel-icon{color:#00d7ff;filter:drop-shadow(0 0 4px #00d7ff80);flex-shrink:0;width:18px;height:18px}.panel-content{color:#64b5f6}.data-cards{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px;display:grid}.data-card{text-align:center;background:#00d7ff1a;border:1px solid #00d7ff33;border-radius:6px;padding:10px;transition:all .3s}.data-card:hover{background:#00d7ff33;transform:scale(1.05)}.card-label{color:#64b5f6;margin-bottom:5px;font-size:12px}.card-value{color:#00d7ff;margin-bottom:3px;font-size:20px;font-weight:700}.card-trend{font-size:12px}.card-trend.up{color:#0f8}.chart-container{flex:1;width:100%;min-height:120px}.chart-container.small{flex:none;height:180px}.device-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px;display:grid}.summary-item{text-align:center;background:#00d7ff1a;border-radius:6px;padding:10px}.item-label{color:#64b5f6;margin-bottom:5px;font-size:12px}.item-value{color:#00d7ff;font-size:18px;font-weight:700}.item-value.online{color:#0f8}.item-value.offline{color:#ff4757}.storage-info{margin-bottom:15px}.storage-item{justify-content:space-between;margin-bottom:10px;display:flex}.storage-label{color:#64b5f6}.storage-value{color:#00d7ff;font-weight:700}.storage-value.used{color:#0f8}.storage-usage{margin-top:15px}.usage-bar{background:#00d7ff33;border-radius:4px;width:100%;height:8px;overflow:hidden}.usage-fill{background:linear-gradient(90deg,#00d7ff,#0f8);border-radius:4px;height:100%;transition:width .3s}.usage-text{text-align:center;color:#64b5f6;margin-top:5px;font-size:12px}.sales-summary{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px;display:grid}.sales-item{text-align:center;background:#00d7ff1a;border-radius:6px;padding:10px}.sales-label{color:#64b5f6;margin-bottom:5px;font-size:12px}.sales-value{color:#0f8;font-size:18px;font-weight:700}.notice-list{max-height:200px;overflow-y:auto}.notice-list::-webkit-scrollbar{width:6px}.notice-list::-webkit-scrollbar-thumb{background:#00d7ff4d;border-radius:3px}.notice-item{cursor:pointer;border-bottom:1px solid #00d7ff1a;gap:10px;padding:10px;transition:background .3s;display:flex}.notice-item:hover{background:#00d7ff1a}.notice-dot{background:#00d7ff;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.notice-content{flex:1}.notice-title{color:#64b5f6;margin-bottom:5px;font-size:13px;line-height:1.4}.notice-time{color:#4a7c9e;font-size:11px}.monitor-list{flex-direction:column;gap:10px;display:flex}.monitor-item{background:#00d7ff0d;border-left:3px solid #00d7ff;border-radius:6px;justify-content:space-between;align-items:center;padding:10px;display:flex}.monitor-name{color:#64b5f6;font-size:13px}.monitor-status{align-items:center;gap:5px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.monitor-status.normal .status-dot{background:#0f8;box-shadow:0 0 8px #0f8}.monitor-status.warning .status-dot{background:orange;box-shadow:0 0 8px orange}.status-text{font-size:12px}.monitor-status.normal .status-text{color:#0f8}.monitor-status.warning .status-text{color:orange}.monitor-value{color:#00d7ff;font-size:13px;font-weight:700}.data-flow-items{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.flow-item{align-items:center;gap:10px;display:flex}.flow-province{color:#64b5f6;min-width:60px;font-size:14px}.flow-bar{background:#00d7ff33;border-radius:4px;flex:1;height:8px;overflow:hidden}.flow-fill{background:linear-gradient(90deg,#00d7ff,#0f8);border-radius:4px;height:100%;animation:2s ease-in-out infinite flow-pulse}@keyframes flow-pulse{0%,to{opacity:1}50%{opacity:.6}}.flow-value{color:#0f8;text-align:right;min-width:50px;font-size:14px;font-weight:700}.screen-decoration{pointer-events:none;z-index:200}.corner-deco{border:2px solid #00d7ff80;width:40px;height:40px;position:fixed}.corner-lt{border-bottom:none;border-right:none;top:10px;left:10px}.corner-rt{border-bottom:none;border-left:none;top:10px;right:10px}.corner-lb{border-top:none;border-right:none;bottom:10px;left:10px}.corner-rb{border-top:none;border-left:none;bottom:10px;right:10px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.alarm-info-panel{z-index:60;flex-direction:column;gap:12px;width:320px;max-height:calc(100vh - 400px);display:flex;position:fixed;top:100px;right:20px;overflow-y:auto}.alarm-info-panel::-webkit-scrollbar{width:6px}.alarm-info-panel::-webkit-scrollbar-thumb{background:#00d7ff4d;border-radius:3px}.alarm-info-item{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:pointer;background:#0a1423f2;border-left:4px solid #0000;border-radius:8px;transition:all .3s;overflow:hidden;box-shadow:0 8px 32px #000c}.alarm-info-item.level-high{border-left-color:#ff4757}.alarm-info-item.level-medium{border-left-color:orange}.alarm-info-item.level-low{border-left-color:#0f8}.alarm-info-item:hover{transform:translate(-5px);box-shadow:0 12px 40px #00d7ff66}.alarm-header{color:#64b5f6;background:#0000004d;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.level-badge{color:#fff;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.level-badge.bg-high{background:linear-gradient(135deg,#ff4757,#ff6b6b)}.level-badge.bg-medium{background:linear-gradient(135deg,orange,#ffb732)}.level-badge.bg-low{background:linear-gradient(135deg,#0f8,#00cc6a)}.alarm-close{opacity:.6;font-size:20px;transition:opacity .3s}.alarm-close:hover{opacity:1}.alarm-body{gap:12px;padding:12px;display:flex}.device-icon{object-fit:contain;background:#ffffff1a;border-radius:6px;width:50px;height:50px;padding:5px}.alarm-details{flex-direction:column;flex:1;gap:6px;display:flex}.alarm-type{color:#fff;font-size:14px;font-weight:700}.alarm-location,.alarm-device{color:#8aa9c1;font-size:12px}.alarm-slide-enter-active{animation:.5s ease-out slideInRight}.alarm-slide-leave-active{animation:.3s ease-in slideOutRight}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.alarm-list{flex-direction:column;gap:8px;max-height:260px;display:flex;overflow-y:auto}.alarm-list::-webkit-scrollbar{width:0}.alarm-list-item{background:#0000004d;border-left:3px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.alarm-list-high{border-left-color:#ff4757}.alarm-list-medium{border-left-color:orange}.alarm-list-low{border-left-color:#0f8}.alarm-list-badge{color:#fff;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.alarm-list-high .alarm-list-badge{background:#ff4757}.alarm-list-medium .alarm-list-badge{background:orange}.alarm-list-low .alarm-list-badge{background:#0a5}.alarm-list-type{color:#fff;flex:1}.alarm-list-loc{color:#8aa9c1;flex:1.2}.alarm-list-time{color:#4a7c9e;flex-shrink:0}.rank-list{flex-direction:column;gap:10px;display:flex}.rank-item{align-items:center;gap:10px;display:flex}.rank-no{color:#64b5f6;background:#00d7ff26;border:1px solid #00d7ff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.rank-no.rank-top{color:#ffd93d;background:#ffd93d33;border-color:#ffd93d}.rank-name{color:#64b5f6;min-width:80px;font-size:13px}.rank-bar-wrap{background:#00d7ff26;border-radius:3px;flex:1;height:6px;overflow:hidden}.rank-bar{background:linear-gradient(90deg,#00d7ff,#0f8);border-radius:3px;height:100%}.rank-value{color:#0f8;text-align:right;min-width:80px;font-size:12px;font-weight:700}.bg-grid{z-index:0;pointer-events:none;filter:blur(80px);border-radius:50%;animation:6s ease-in-out infinite glow-pulse;position:fixed}.bg-glow-lt{background:radial-gradient(circle,#0064c82e 0%,#0000 70%);width:500px;height:500px;animation-delay:0s;top:-150px;left:-150px}.bg-glow-rb{background:radial-gradient(circle,#00d7ff1f 0%,#0000 70%);width:600px;height:600px;animation-delay:3s;bottom:-200px;right:-200px}@keyframes glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.cpu-usage-panel{width:130px}.cpu-label{color:#8ab4c8;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:11px}.cpu-bar-wrap{background:#ffffff14;border-radius:3px;width:100%;height:6px;margin-bottom:5px;overflow:hidden}.cpu-bar{background:linear-gradient(90deg,#00b4d8,#00d7ff);border-radius:3px;height:100%;transition:width 1s;box-shadow:0 0 8px #00d7ff99}.cpu-value{color:#00d7ff;text-shadow:0 0 10px #00d7ffb3;font-size:18px;font-weight:700;line-height:1}.bottom-stats-bar{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e27d1;border:1px solid #00d7ff4d;border-radius:8px;justify-content:space-around;align-items:center;padding:12px 24px;display:flex;position:fixed;bottom:20px;left:calc(25% + 30px);right:calc(25% + 30px);box-shadow:0 0 20px #00d7ff1a}.bottom-stat-item{align-items:center;gap:10px;display:flex}.bottom-stat-icon{color:#00d7ff;filter:drop-shadow(0 0 6px #00d7ff99);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.bottom-stat-icon svg{width:100%;height:100%}.bottom-stat-label{color:#8ab4c8;letter-spacing:1px;margin-bottom:3px;font-size:11px}.bottom-stat-value{color:#00d7ff;text-shadow:0 0 10px #00d7ff99;font-size:20px;font-weight:700;transition:all .4s}.bottom-stats-bar:before{content:"";background:linear-gradient(90deg,#0000,#00d7ff99,#0000);height:1px;position:absolute;top:0;left:0;right:0}.fade-enter-active,.fade-leave-active{transition:opacity .4s,transform .4s}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(12px)}.data-stream-list{flex-direction:column;gap:5px;display:flex;overflow:hidden}.stream-item{background:#00d7ff0a;border-left:2px solid #00d7ff33;border-radius:0 4px 4px 0;align-items:center;gap:6px;padding:5px 8px;font-size:11px;transition:background .2s;display:flex}.stream-item:hover{background:#00d7ff17}.stream-icon{text-align:center;flex-shrink:0;width:14px;font-size:12px}.stream-type{flex-shrink:0;width:56px;font-size:11px;font-weight:700}.stream-node{color:#8ab4c8;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.stream-meta{color:#64b4dc99;white-space:nowrap;flex-shrink:0;font-size:10px}.stream-ts{color:#64b4dc80;flex-shrink:0;font-family:monospace;font-size:10px}.stream-slide-enter-active{transition:all .3s}.stream-slide-enter-from{opacity:0;transform:translateY(-16px)}.stream-slide-leave-active{transition:all .2s;position:absolute}.stream-slide-leave-to{opacity:0}