.app-header{height:80px;background:linear-gradient(180deg,#0a1428f2,#0a1428cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,212,255,.2);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 24px;position:relative;z-index:100}.app-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,#0066ff,transparent)}.app-header .header-left{display:flex;align-items:center}.app-header .header-left .logo-wrapper{display:flex;align-items:center;gap:16px}.app-header .header-left .logo-wrapper .logo-icon{width:40px;height:40px;filter:drop-shadow(0 0 8px rgba(0,212,255,.6));animation:breathe 3s ease-in-out infinite}.app-header .header-left .logo-wrapper .logo-text .logo-title{font-size:18px;font-weight:600;color:#06f;letter-spacing:2px;margin:0}.app-header .header-left .logo-wrapper .logo-text .logo-subtitle{font-size:12px;color:#0f8;display:flex;align-items:center;gap:6px;margin-top:4px}.app-header .header-left .logo-wrapper .logo-text .logo-subtitle:before{content:"";width:6px;height:6px;background:#0f8;border-radius:50%;animation:pulse 2s ease-in-out infinite}.app-header .header-center{text-align:center}.app-header .header-center .main-title{font-size:24px;font-weight:700;background:linear-gradient(135deg,#06f,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:4px;margin:0 0 4px;text-shadow:0 0 20px rgba(0,212,255,.5)}.app-header .header-center .sub-title{font-size:12px;color:#ffffffd9;letter-spacing:8px}.app-header .header-right{display:flex;align-items:center;justify-content:flex-end;gap:24px}.app-header .header-right .time-display{text-align:right}.app-header .header-right .time-display .time{font-size:24px;font-weight:700;color:#06f;font-family:Courier New,Consolas,monospace;letter-spacing:2px;text-shadow:0 0 10px rgba(0,212,255,.5)}.app-header .header-right .time-display .date{font-size:12px;color:#ffffffd9;margin-top:2px}.app-header .header-right .header-actions{display:flex;gap:8px}.app-header .header-right .header-actions .action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:4px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:fit-content}.app-header .header-right .header-actions .action-btn svg{flex-shrink:0;width:18px;height:18px}.app-header .header-right .header-actions .action-btn:hover{background:#00d4ff33;border-color:#06f;box-shadow:0 0 10px #00d4ff4d}.app-header .header-right .header-actions .action-btn.logout:hover{background:#ff000026;box-shadow:0 0 10px #f003}.app-footer{height:60px;background:linear-gradient(0deg,#0a1428f2,#0a1428cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,212,255,.2);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 24px;position:relative;z-index:100}.app-footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,#0066ff,transparent)}.app-footer .footer-left{display:flex;gap:24px}.app-footer .footer-left .task-info{display:flex;align-items:center;gap:8px;font-size:13px}.app-footer .footer-left .task-info .label{color:#ffffffd9}.app-footer .footer-left .task-info .value{color:#06f;font-family:Courier New,Consolas,monospace;font-weight:600}.app-footer .footer-center{display:flex;justify-content:center;gap:32px}.app-footer .footer-center .status-item{display:flex;align-items:center;gap:8px}.app-footer .footer-center .status-item .icon{width:18px;height:18px;color:#06f}.app-footer .footer-center .status-item .label{font-size:12px;color:#ffffffd9}.app-footer .footer-center .status-item .value{font-size:14px;font-weight:600;color:#fff;font-family:Courier New,Consolas,monospace}.app-footer .footer-center .status-item .value.success{color:#0f8}.app-footer .footer-right{display:flex;justify-content:flex-end}.app-footer .footer-right .progress-wrapper{display:flex;align-items:center;gap:16px}.app-footer .footer-right .progress-wrapper .label{font-size:12px;color:#ffffffd9}.app-footer .footer-right .progress-wrapper .progress-bar{width:200px;height:6px;background:#0000004d;border-radius:3px;overflow:hidden}.app-footer .footer-right .progress-wrapper .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#06f,#0f8);border-radius:3px;transition:width .3s ease;box-shadow:0 0 10px #00d4ff80}.quick-toolbar{display:flex;align-items:center;gap:2px}.quick-toolbar .toolbar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 18px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#ffffffd9;transition:all .25s ease;white-space:nowrap;position:relative}.quick-toolbar .toolbar-item:after{content:"";position:absolute;right:0;top:20%;bottom:20%;width:1px;background:#ffffff14}.quick-toolbar .toolbar-item:last-child:after{display:none}.quick-toolbar .toolbar-item:hover{background:#0066ff26;color:#fff}.quick-toolbar .toolbar-item:hover .item-icon{filter:drop-shadow(0 0 6px rgba(0,102,255,.6))}.quick-toolbar .toolbar-item:active{transform:scale(.95)}.quick-toolbar .toolbar-item .item-icon{width:22px;height:22px;transition:filter .25s ease}.quick-toolbar .toolbar-item .item-icon svg{width:100%;height:100%}.quick-toolbar .toolbar-item .item-label{font-size:11px;font-weight:500;letter-spacing:.5px}.quick-toolbar .toolbar-item[style*=--item-color]{color:red}.quick-toolbar .toolbar-item[style*=--item-color]:hover{background:#ff000026}.quick-toolbar .toolbar-item[style*=--item-color]:hover .item-icon{filter:drop-shadow(0 0 6px rgba(255,0,0,.6))}.quick-toolbar .toolbar-item.active{color:#00e676;background:#00e6761f;border-bottom:2px solid #00e676}.quick-toolbar .toolbar-item.active .item-icon{filter:drop-shadow(0 0 8px rgba(0,230,118,.7))}.quick-toolbar .toolbar-item.active:hover{background:#00e6762e;color:#00e676}.quick-toolbar .toolbar-item.active:hover .item-icon{filter:drop-shadow(0 0 10px rgba(0,230,118,.8))}.realtime-log{background:#081020d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,102,255,.4);border-radius:8px;box-shadow:0 4px 20px #0009,inset 0 1px #ffffff26,0 0 30px #00e5ff1a;position:relative;overflow:hidden}.realtime-log:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.8),transparent)}.realtime-log:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.4),transparent)}.realtime-log{display:flex;flex-direction:column;height:100%}.realtime-log .log-header{padding:8px 16px;border-bottom:1px solid rgba(0,102,255,.3);display:flex;justify-content:space-between;align-items:center}.realtime-log .log-header .header-title{font-size:14px;font-weight:600;color:#06f}.realtime-log .log-header .log-count{font-size:12px;color:#ffffffd9;background:#0066ff1a;padding:2px 8px;border-radius:10px}.realtime-log .log-devices-container{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;overflow:hidden}.realtime-log .device-log-panel{display:flex;flex-direction:column;background:#0003;border:1px solid rgba(0,102,255,.15);border-radius:6px;overflow:hidden}.realtime-log .device-log-panel .device-log-header{padding:8px 12px;border-bottom:2px solid;display:flex;justify-content:space-between;align-items:center;background:#0000004d}.realtime-log .device-log-panel .device-log-header .device-name{font-size:13px;font-weight:600}.realtime-log .device-log-panel .device-log-header .device-log-count{font-size:11px;color:#fff9;background:#ffffff1a;padding:2px 6px;border-radius:8px}.realtime-log .device-log-panel .device-log-content{flex:1;overflow-y:auto;padding:4px;font-family:Courier New,Consolas,monospace;font-size:11px;min-height:0}.realtime-log .device-log-panel .device-log-content::-webkit-scrollbar{width:3px}.realtime-log .device-log-panel .device-log-content::-webkit-scrollbar-track{background:transparent}.realtime-log .device-log-panel .device-log-content::-webkit-scrollbar-thumb{background:#0066ff4d;border-radius:2px}.realtime-log .device-log-panel .device-log-content .no-logs{text-align:center;color:#fff9;padding:20px 10px;font-style:italic}.realtime-log .log-item{padding:6px 8px;margin-bottom:3px;border-radius:3px;line-height:1.5;display:flex;gap:6px;transition:background .2s ease;font-size:11px}.realtime-log .log-item:hover{background:#0066ff14}.realtime-log .log-item .log-time{color:#fff9;white-space:nowrap;font-size:10px}.realtime-log .log-item .log-level{font-weight:600;white-space:nowrap;font-size:10px}.realtime-log .log-item .log-message{color:#fff;flex:1;word-break:break-word}.ai-panel{background:#081020d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,102,255,.4);border-radius:8px;box-shadow:0 4px 20px #0009,inset 0 1px #ffffff26,0 0 30px #00e5ff1a;position:relative;overflow:hidden}.ai-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.8),transparent)}.ai-panel:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.4),transparent)}.ai-panel{display:flex;flex-direction:column;height:100%;min-height:320px}.ai-panel .panel-header-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:linear-gradient(90deg,rgba(0,212,255,.15),transparent);border-bottom:1px solid rgba(0,212,255,.2)}.ai-panel .panel-header-bar .panel-title-section{display:flex;align-items:center;gap:8px}.ai-panel .panel-header-bar .panel-title-section .panel-icon{color:#06f}.ai-panel .panel-header-bar .panel-title-section .panel-title{font-size:15px;font-weight:600;color:#fff;letter-spacing:1px}.ai-panel .panel-header-bar .panel-subtitle{font-size:11px;color:#fff9;font-family:Courier New,Consolas,monospace}.ai-panel .panel-body{flex:1;display:grid;grid-template-columns:1fr auto;gap:16px;padding:16px}.ai-panel .panel-body .panel-visual{position:relative;background:linear-gradient(135deg,#001428cc,#000a14e6);border:1px solid rgba(0,212,255,.15);border-radius:4px;overflow:hidden;min-height:200px}.ai-panel .panel-body .panel-visual .runtime-video-frame{position:relative;width:100%;height:100%;min-height:200px;background:#00000073}.ai-panel .panel-body .panel-visual .runtime-video-frame .runtime-video-media{width:100%;height:100%;min-height:200px;display:block;object-fit:contain;background:#01040a}.ai-panel .panel-body .panel-visual .runtime-video-frame .runtime-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.ai-panel .panel-body .panel-visual .runtime-video-frame .runtime-status{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);padding:3px 8px;border:1px solid rgba(0,255,136,.4);border-radius:4px;background:#001414b8;color:#0f8;font-size:11px;line-height:1.35;font-family:Courier New,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2}.ai-panel .panel-body .panel-visual .runtime-video-frame .runtime-status.error{border-color:#ff000073;background:#280000b8;color:red}.ai-panel .panel-body .panel-visual .runtime-video-frame .runtime-empty{width:100%;height:100%;min-height:200px;display:flex;align-items:center;justify-content:center;padding:16px;color:#fff9;font-size:13px;text-align:center}.ai-panel .panel-body .panel-visual .visual-placeholder{width:100%;height:100%;position:relative}.ai-panel .panel-body .panel-visual .visual-placeholder .grid-overlay{background-image:linear-gradient(rgba(0,212,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.08) 1px,transparent 1px);background-size:30px 30px;width:100%;height:100%}.ai-panel .panel-body .panel-visual .visual-placeholder .scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.8),transparent);animation:scan 3s linear infinite}.ai-panel .panel-body .panel-visual .visual-placeholder .target-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid #ff0000;padding:16px;animation:breathe 2s ease-in-out infinite}.ai-panel .panel-body .panel-visual .visual-placeholder .target-box:before,.ai-panel .panel-body .panel-visual .visual-placeholder .target-box:after{content:"";position:absolute;width:10px;height:10px;border-color:red;border-style:solid}.ai-panel .panel-body .panel-visual .visual-placeholder .target-box:before{top:-2px;left:-2px;border-width:2px 0 0 2px}.ai-panel .panel-body .panel-visual .visual-placeholder .target-box:after{bottom:-2px;right:-2px;border-width:0 2px 2px 0}.ai-panel .panel-body .panel-visual .visual-placeholder .target-box .target-label{position:absolute;top:-24px;left:0;background:#ff0000e6;color:#fff;padding:2px 8px;font-size:11px;border-radius:2px;white-space:nowrap}.ai-panel .panel-body .panel-visual .visual-placeholder .target-box .target-confidence{position:absolute;bottom:-20px;left:0;font-size:10px;color:red;white-space:nowrap}.ai-panel .panel-body .panel-visual .compass{position:absolute;top:16px;right:16px;width:40px;height:40px}.ai-panel .panel-body .panel-visual .compass .compass-inner{width:100%;height:100%;border:1px solid rgba(0,212,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#00142899}.ai-panel .panel-body .panel-visual .compass .compass-inner .compass-n{color:red;font-size:12px;font-weight:700}.ai-panel .panel-body .panel-sidebar{display:flex;flex-direction:column;gap:8px;min-width:120px}.ai-panel .panel-body .panel-sidebar .data-group{display:flex;flex-direction:column;gap:8px}.ai-panel .panel-body .panel-sidebar .data-group .data-item{display:flex;flex-direction:column;gap:2px}.ai-panel .panel-body .panel-sidebar .data-group .data-item .data-label{font-size:11px;color:#fff9}.ai-panel .panel-body .panel-sidebar .data-group .data-item .data-value{font-size:16px;font-weight:700;color:#06f;font-family:Courier New,Consolas,monospace}.ai-panel .panel-body .panel-sidebar .data-group .data-item .data-value.danger{color:red}.ai-panel .panel-body .panel-sidebar .data-group .data-item .data-value.success{color:#0f8}.ai-panel .panel-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-top:1px solid rgba(0,212,255,.2)}.ai-panel .panel-footer .task-status{font-size:12px}.ai-panel .panel-footer .task-status .label{color:#fff9}.ai-panel .panel-footer .task-status .value{color:#0f8;font-weight:600}.ai-panel .panel-footer .action-buttons{display:flex;gap:4px}.ai-panel .panel-footer .action-buttons .btn-sm{padding:4px 12px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:4px;color:#ffffffd9;font-size:11px;cursor:pointer;transition:all .2s ease}.ai-panel .panel-footer .action-buttons .btn-sm:hover{background:#00d4ff33;border-color:#06f;color:#fff}.glass-panel{padding:16px;animation:fadeIn .5s ease;transition:all .3s ease}.glass-panel.compact{padding:8px}.glass-panel.full{padding:24px}.glass-panel:hover{border-color:#00d4ff80;box-shadow:0 4px 20px #0009,0 0 25px #06f9}.glass-panel .panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(0,212,255,.2)}.glass-panel .panel-header .panel-title-wrapper{display:flex;align-items:center;gap:8px}.glass-panel .panel-header .panel-title-wrapper .panel-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#06f}.glass-panel .panel-header .panel-title-wrapper .panel-title{font-size:16px;font-weight:600;color:#06f;letter-spacing:1px}.glass-panel .panel-header .panel-actions{display:flex;align-items:center;gap:8px}.glass-panel .panel-content{position:relative;z-index:1}.glass-panel:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#00d4ff80,#0099cc4d,#00d4ff80);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .3s ease}.glass-panel:hover:after{opacity:1}.data-ring{position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:50%;overflow:hidden}.data-ring .data-ring-content{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.data-ring .data-ring-content .data-ring-value{font-size:28px;font-weight:700;color:#06f;font-family:Courier New,Consolas,monospace;text-shadow:0 0 10px rgba(0,212,255,.5)}.data-ring .data-ring-content .data-ring-label{font-size:12px;color:#ffffffd9;margin-top:4px}.data-ring .data-ring-content .data-ring-sublabel{font-size:10px;color:#fff9;margin-top:2px}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:20px;background:#0000004d;border:1px solid}.status-badge.small{padding:2px 8px;font-size:11px}.status-badge.small .status-dot{width:6px;height:6px}.status-badge.medium{padding:4px 12px;font-size:13px}.status-badge.medium .status-dot{width:8px;height:8px}.status-badge.large{padding:6px 16px;font-size:14px}.status-badge.large .status-dot{width:10px;height:10px}.status-badge.pulse .status-dot{animation:pulse 2s ease-in-out infinite}.status-badge .status-dot{border-radius:50%;flex-shrink:0}.status-badge .status-text{color:#fff;white-space:nowrap}.task-overview{background:#081020d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,102,255,.4);border-radius:8px;box-shadow:0 4px 20px #0009,inset 0 1px #ffffff26,0 0 30px #00e5ff1a;position:relative;overflow:hidden}.task-overview:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.8),transparent)}.task-overview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.4),transparent)}.task-overview{padding:16px;display:flex;flex-direction:column}.task-overview .overview-header{margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(0,212,255,.2)}.task-overview .overview-header .panel-title{font-size:15px;font-weight:600;color:#06f;display:flex;align-items:center;gap:8px}.task-overview .overview-header .panel-title:before{content:"";width:3px;height:15px;background:#06f;border-radius:2px}.task-overview .overview-content{display:flex;flex-direction:column;align-items:center;gap:16px}.task-overview .overview-content .ring-section{display:flex;justify-content:center}.task-overview .overview-content .task-list{width:100%;display:flex;flex-direction:column;gap:8px}.task-overview .overview-content .task-list .task-item{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#0003;border-radius:4px}.task-overview .overview-content .task-list .task-item .task-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.task-overview .overview-content .task-list .task-item .task-label{flex:1;font-size:12px;color:#ffffffd9}.task-overview .overview-content .task-list .task-item .task-value{font-size:14px;font-weight:700;color:#fff;font-family:Courier New,Consolas,monospace}.alert-list{background:#081020d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,102,255,.4);border-radius:8px;box-shadow:0 4px 20px #0009,inset 0 1px #ffffff26,0 0 30px #00e5ff1a;position:relative;overflow:hidden}.alert-list:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.8),transparent)}.alert-list:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.4),transparent)}.alert-list{padding:16px;display:flex;flex-direction:column;flex:1;min-height:0}.alert-list .alert-header{margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(0,212,255,.2)}.alert-list .alert-header .panel-title{font-size:15px;font-weight:600;color:#06f;display:flex;align-items:center;gap:8px}.alert-list .alert-header .panel-title:before{content:"";width:3px;height:15px;background:#06f;border-radius:2px}.alert-list .alert-content{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;width:100%;overflow-y:auto}.alert-list .alert-content .alert-item{display:flex;align-items:flex-start;gap:8px;padding:8px;background:#0003;border-radius:4px;border-left:3px solid transparent;transition:all .2s ease}.alert-list .alert-content .alert-item:hover{background:#00d4ff1a}.alert-list .alert-content .alert-item .alert-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.alert-list .alert-content .alert-item .alert-icon svg{width:16px;height:16px}.alert-list .alert-content .alert-item .alert-info{flex:1}.alert-list .alert-content .alert-item .alert-info .alert-message{font-size:13px;color:#fff;margin-bottom:4px}.alert-list .alert-content .alert-item .alert-info .alert-location{font-size:11px;color:#fff9}.alert-list .alert-content .alert-item .alert-meta{text-align:right;flex-shrink:0}.alert-list .alert-content .alert-item .alert-meta .alert-time{font-size:11px;color:#ffffffd9;font-family:Courier New,Consolas,monospace;margin-bottom:2px}.alert-list .alert-content .alert-item .alert-meta .alert-level{font-size:10px;font-weight:600}.target-lock{background:#081020d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,102,255,.4);border-radius:8px;box-shadow:0 4px 20px #0009,inset 0 1px #ffffff26,0 0 30px #00e5ff1a;position:relative;overflow:hidden}.target-lock:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.8),transparent)}.target-lock:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.4),transparent)}.target-lock{padding:16px;display:flex;flex-direction:column;background:linear-gradient(135deg,#ff00001f,#6400000f,#0000004d);border:1px solid rgba(255,0,0,.25);box-shadow:0 0 20px #ff00001f,inset 0 0 30px #ff00000a}.target-lock .lock-header{margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,0,0,.25)}.target-lock .lock-header .panel-title{font-size:15px;font-weight:600;color:red;display:flex;align-items:center;gap:8px}.target-lock .lock-header .panel-title:before{content:"";width:3px;height:15px;background:red;border-radius:2px;animation:alertPulseDanger 1.5s ease-in-out infinite}.target-lock .lock-content{display:flex;gap:16px}.target-lock .lock-content .lock-left{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.target-lock .lock-content .target-image{width:84px;height:100px;background:#0000004d;border:1px solid rgba(255,0,0,.4);border-radius:4px;position:relative;overflow:hidden}.target-lock .lock-content .target-image .target-photo-img{width:100%;height:100%;object-fit:cover;display:block}.target-lock .lock-content .target-image .scan-overlay{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff0000,transparent);animation:scan 2s linear infinite}.target-lock .lock-content .confidence-badge{width:84px;display:flex;flex-direction:column;align-items:center;background:#00c85314;border:1px solid rgba(0,200,83,.25);border-radius:4px;padding:3px 0}.target-lock .lock-content .confidence-badge .conf-label{font-size:10px;color:#fff9}.target-lock .lock-content .confidence-badge .conf-value{font-size:13px;font-weight:700;font-family:Courier New,Consolas,monospace;color:#0f8}.target-lock .lock-content .target-info{flex:1;display:flex;flex-direction:column;gap:3px;justify-content:center}.target-lock .lock-content .target-info .info-row{display:flex;justify-content:space-between;font-size:12px}.target-lock .lock-content .target-info .info-row .label{color:#fff9}.target-lock .lock-content .target-info .info-row .value{color:#fff;font-family:Courier New,Consolas,monospace}.target-lock .lock-content .target-info .info-row .value.highlight{color:#06f;font-weight:600}.target-lock .lock-content .target-info .info-row .value.mono{font-family:Courier New,Consolas,monospace;font-size:11px}.target-lock .lock-content .target-info .info-row .value.danger{color:red}.target-lock .lock-content .target-info .info-row .value.success{color:#0f8}.target-lock .criminal-record{margin-top:8px;padding:4px 8px;background:#ff3c3c12;border:1px solid rgba(255,0,0,.2);border-radius:4px;display:flex;gap:8px;align-items:flex-start}.target-lock .criminal-record .record-label{font-size:11px;color:red;white-space:nowrap;font-weight:600}.target-lock .criminal-record .record-text{font-size:11px;color:#ffc8c8e6;line-height:1.4}.risk-warning{background:#081020d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,102,255,.4);border-radius:8px;box-shadow:0 4px 20px #0009,inset 0 1px #ffffff26,0 0 30px #00e5ff1a;position:relative;overflow:hidden}.risk-warning:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.8),transparent)}.risk-warning:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.4),transparent)}.risk-warning{padding:16px;display:flex;flex-direction:column;flex:1;min-height:0}.risk-warning .warning-header{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(0,212,255,.2)}.risk-warning .warning-header .panel-title{font-size:15px;font-weight:600;color:#06f;display:flex;align-items:center;gap:8px}.risk-warning .warning-header .panel-title:before{content:"";width:3px;height:15px;background:#06f;border-radius:2px}.risk-warning .warning-header .panel-title .header-status{font-size:12px;font-weight:500;margin-left:auto;font-family:Courier New,Consolas,monospace;letter-spacing:.5px}.risk-warning .warning-content{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto}.risk-warning .warning-content .waveform-chart{position:relative;width:100%;border-radius:4px;overflow:hidden;border:1px solid rgba(0,212,255,.18);background:#00081499}.risk-warning .warning-content .waveform-chart .waveform-svg{display:block;width:100%;height:118px;min-height:108px}.risk-warning .warning-content .waveform-chart .waveform-svg .scan-line{animation:scanPulse .6s ease-in-out infinite alternate}.risk-warning .warning-content .waveform-chart .waveform-legend{display:flex;gap:10px;padding:6px 10px;background:#00000059;border-top:1px solid rgba(0,212,255,.12);flex-wrap:wrap}.risk-warning .warning-content .waveform-chart .waveform-legend .wlegend-item{display:flex;align-items:center;gap:4px;font-size:10px;color:#ffffffd9}.risk-warning .warning-content .waveform-chart .waveform-legend .wlegend-item .wlegend-dot{width:7px;height:7px;border-radius:50%;box-shadow:0 0 6px currentColor}.risk-warning .warning-content .waveform-chart .waveform-legend .wlegend-item strong{font-family:Courier New,Consolas,monospace;font-size:11px;margin-left:2px}.risk-warning .warning-content .risk-details{width:100%;display:flex;flex-direction:column;gap:4px}.risk-warning .warning-content .risk-details .risk-item{display:flex;align-items:center;gap:8px;padding:5px 8px;background:#0003;border-radius:4px}.risk-warning .warning-content .risk-details .risk-item .risk-dot{width:6px;height:6px;border-radius:50%}.risk-warning .warning-content .risk-details .risk-item .risk-label{flex:1;font-size:12px;color:#ffffffd9}.risk-warning .warning-content .risk-details .risk-item .risk-value{font-size:13px;font-weight:600;font-family:Courier New,Consolas,monospace}.risk-warning .warning-content .risk-details .risk-item .risk-value.danger{color:#ff5252}.risk-warning .warning-content .risk-details .risk-item .risk-value.warning{color:#ffa502}.risk-warning .warning-content .risk-details .risk-item .risk-value.info{color:#00d4ff}.risk-warning .warning-content .risk-details .risk-item .risk-value.success{color:#2ed573}.risk-warning .warning-content .warning-footer{width:100%;padding:8px;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:4px}.risk-warning .warning-content .warning-footer .warning-text{font-size:12px;color:red;text-align:center}.risk-warning .warning-content .response-suggestions{width:100%;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;min-height:0;padding-top:8px;border-top:1px solid rgba(0,212,255,.12)}.risk-warning .warning-content .response-suggestions .suggestion-section{min-height:0;display:flex;flex-direction:column;gap:5px;padding:7px;border:1px solid rgba(0,212,255,.14);border-radius:5px;background:#00081452}.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-title-row .plan-title{font-size:12px;font-weight:600;color:#00d4ff}.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-title-row .suggestion-count{font-size:10px;color:#fff9;font-family:Courier New,Consolas,monospace}.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-list{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:5px}.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-list::-webkit-scrollbar{width:3px}.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-list::-webkit-scrollbar-thumb{background:#00d4ff47;border-radius:2px}.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-item{padding:6px 7px;border-radius:4px;border-left:3px solid transparent;background:#00000038}.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-item.danger{border-left-color:red}.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-item.warning{border-left-color:#ff9500}.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-item.info{border-left-color:#00d4ff}.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-item .suggestion-meta{display:flex;align-items:center;gap:5px;margin-bottom:3px;min-width:0}.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-item .suggestion-status,.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-item .suggestion-risk,.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-item .suggestion-time{flex-shrink:0;font-size:9px;line-height:1;white-space:nowrap}.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-item .suggestion-status,.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-item .suggestion-risk{padding:2px 5px;border-radius:3px;font-weight:600}.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-item .suggestion-status{color:#fff;background:#00d4ff1f}.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-item .suggestion-risk.danger{color:red;background:#ff00001f}.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-item .suggestion-risk.warning{color:#ff9500;background:#ff95001f}.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-item .suggestion-risk.info{color:#00d4ff;background:#00d4ff1a}.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-item .suggestion-time{margin-left:auto;color:#fff9;font-family:Courier New,Consolas,monospace}.risk-warning .warning-content .response-suggestions .suggestion-section .suggestion-item .suggestion-text{display:block;color:#ffffffd9;font-size:11px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes scanPulse{0%{opacity:.7}to{opacity:1}}.live-monitor{background:#081020d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,102,255,.4);border-radius:8px;box-shadow:0 4px 20px #0009,inset 0 1px #ffffff26,0 0 30px #00e5ff1a;position:relative;overflow:hidden}.live-monitor:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.8),transparent)}.live-monitor:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.4),transparent)}.live-monitor{display:flex;flex-direction:column;height:100%}.live-monitor .monitor-header{padding:8px 16px;border-bottom:1px solid rgba(0,212,255,.2);display:flex;justify-content:space-between;align-items:center}.live-monitor .monitor-header .monitor-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff}.live-monitor .monitor-header .monitor-title .device-type-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.live-monitor .monitor-header .monitor-title .device-type-icon svg{width:22px;height:22px}.live-monitor .monitor-header .monitor-title .live-badge{background:linear-gradient(135deg,red,#f44);color:#fff;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:700;animation:pulse 2s ease-in-out infinite}.live-monitor .monitor-header .monitor-id{font-size:12px;color:#fff9;font-family:Courier New,Consolas,monospace}.live-monitor .monitor-video{flex:1;position:relative;background:#00000080;overflow:hidden}.live-monitor .monitor-video video{width:100%;height:100%;object-fit:cover}.live-monitor .monitor-video .video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.live-monitor .monitor-video .video-placeholder .placeholder-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#06f;z-index:1}.live-monitor .monitor-video .video-placeholder .placeholder-content svg{width:64px;height:64px;opacity:.5}.live-monitor .monitor-video .video-placeholder .placeholder-content span{font-size:14px;opacity:.7}.live-monitor .monitor-video .video-placeholder .scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#0066ff,transparent);animation:scan-vertical 3s linear infinite;opacity:.5}.live-monitor .monitor-video .monitor-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,#000000b3)}.live-monitor .monitor-video .monitor-overlay .overlay-info{display:flex;gap:16px}.live-monitor .monitor-video .monitor-overlay .overlay-info .info-item{font-size:12px;color:#fffc}.live-monitor .monitor-video .monitor-overlay .overlay-info .info-item .label{color:#ffffff80;margin-right:4px}.live-monitor .monitor-video .monitor-overlay .overlay-info .info-item .value{font-family:Courier New,Consolas,monospace;color:#06f}.live-monitor .monitor-controls{padding:8px;border-top:1px solid rgba(0,212,255,.2);display:flex;justify-content:center;gap:8px}.live-monitor .monitor-controls .control-btn{width:36px;height:36px;border:1px solid rgba(0,212,255,.3);background:#00d4ff1a;border-radius:4px;color:#06f;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.live-monitor .monitor-controls .control-btn:hover{background:#00d4ff33;border-color:#06f;transform:translateY(-2px)}.live-monitor .monitor-controls .control-btn svg{width:20px;height:20px}.realtime-track{background:#081020d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,102,255,.4);border-radius:8px;box-shadow:0 4px 20px #0009,inset 0 1px #ffffff26,0 0 30px #00e5ff1a;position:relative;overflow:hidden}.realtime-track:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.8),transparent)}.realtime-track:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.4),transparent)}.realtime-track{padding:16px;display:flex;flex-direction:column}.realtime-track .track-header{margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(0,212,255,.2);display:flex;justify-content:space-between;align-items:center}.realtime-track .track-header .header-title{font-size:15px;font-weight:600;color:#06f;display:flex;align-items:center;gap:8px}.realtime-track .track-header .header-title:before{content:"";width:3px;height:16px;background:linear-gradient(180deg,#0066ff,transparent);border-radius:2px}.realtime-track .track-header .track-count{font-size:12px;color:#ffffffd9;background:#00d4ff1a;padding:2px 8px;border-radius:10px}.realtime-track .track-content{display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1;min-height:0}.realtime-track .track-content::-webkit-scrollbar{width:4px}.realtime-track .track-content::-webkit-scrollbar-track{background:transparent}.realtime-track .track-content::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:2px}.realtime-track .track-item{padding:8px;background:#0003;border-radius:4px;border-left:3px solid #0066ff;transition:all .2s ease}.realtime-track .track-item:hover{background:#00d4ff1a;transform:translate(4px)}.realtime-track .track-item .track-device-info{display:flex;align-items:center;gap:8px;margin-bottom:4px}.realtime-track .track-item .track-device-info .device-icon-wrapper{position:relative;width:36px;height:36px}.realtime-track .track-item .track-device-info .device-icon-wrapper .device-icon{width:100%;height:100%;color:#06f}.realtime-track .track-item .track-device-info .device-icon-wrapper .device-icon svg{width:100%;height:100%}.realtime-track .track-item .track-device-info .device-icon-wrapper .status-indicator{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid rgba(10,20,40,.8);box-shadow:0 0 8px currentColor;animation:pulse 2s ease-in-out infinite}.realtime-track .track-item .track-device-info .device-details{flex:1}.realtime-track .track-item .track-device-info .device-details .device-name{font-size:13px;font-weight:600;color:#fff;margin-bottom:2px}.realtime-track .track-item .track-device-info .device-details .device-id{font-size:11px;color:#fff9;font-family:Courier New,Consolas,monospace}.realtime-track .track-item .track-data{display:flex;flex-direction:column;gap:4px;padding-left:44px}.realtime-track .track-item .track-data .coordinate-info{font-size:12px;color:#ffffffd9}.realtime-track .track-item .track-data .coordinate-info .coord-label{color:#fff9;margin-right:4px}.realtime-track .track-item .track-data .coordinate-info .coord-value{font-family:Courier New,Consolas,monospace;color:#06f}.realtime-track .track-item .track-data .track-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px}.realtime-track .track-item .track-data .track-meta .track-status{font-weight:600;display:flex;align-items:center;gap:4px}.realtime-track .track-item .track-data .track-meta .track-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.realtime-track .track-item .track-data .track-meta .track-time{color:#fff9;font-family:Courier New,Consolas,monospace}.city-map{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:transparent}.city-map :global(.maptalks-attribution),.city-map :global(.maptalks-watermark),.city-map :global(.maptalks-msgBox){display:none!important}.city-map .map-header{position:relative;z-index:100;background:#081020e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 16px;border-bottom:1px solid rgba(0,102,255,.3);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.city-map .map-header .panel-title{font-size:16px;font-weight:600;color:#06f;display:flex;align-items:center;gap:8px;text-shadow:0 0 10px rgba(0,102,255,.5)}.city-map .map-header .panel-title:before{content:"";width:3px;height:16px;background:linear-gradient(180deg,#0066ff,transparent);border-radius:2px;box-shadow:0 0 8px #06fc}.city-map .map-header .map-info .coord-display{font-size:11px;color:#ffffffd9;font-family:Courier New,Consolas,monospace;background:#0066ff1a;padding:4px 8px;border-radius:4px;border:1px solid rgba(0,102,255,.2)}.city-map .map-container{position:relative;flex:1;min-height:0;background:#050a14}.city-map .map-container .map-toolbar-float{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:150;background:#081020d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,102,255,.35);border-radius:10px;padding:6px 4px;box-shadow:0 4px 24px #00000080,0 0 20px #0066ff14}.city-map .map-container .map-right-panel{position:absolute;top:12px;right:12px;z-index:200;display:flex;flex-direction:column;gap:10px;height:calc(100% - 24px);min-height:0;overflow:hidden}.city-map .map-container .map-right-panel>:not(.realtime-alert){flex-shrink:0}.city-map .map-container .maptalks-wrapper{width:100%;height:100%;position:relative;z-index:1}.city-map .map-container .maptalks-wrapper .maptalks-zoom-control{background:#081020e6!important;border:1px solid rgba(0,102,255,.4)!important;border-radius:4px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.city-map .map-container .maptalks-wrapper .maptalks-zoom-control a{color:#06f!important;border-color:#0066ff4d!important}.city-map .map-container .maptalks-wrapper .maptalks-zoom-control a:hover{background:#06f3!important}.city-map .map-container .maptalks-wrapper .maptalks-scale-control{background:#081020e6!important;border:1px solid rgba(0,102,255,.4)!important;color:#ffffffd9!important;border-radius:4px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.city-map .monitor-strip{position:absolute;top:12px;left:12px;z-index:180;display:flex;flex-direction:column;gap:8px;max-height:calc(100% - 24px);overflow-y:auto;scrollbar-width:none;transition:all .35s ease}.city-map .monitor-strip::-webkit-scrollbar{display:none}.city-map .monitor-strip.collapsed{width:auto;gap:0;overflow:visible}.city-map .monitor-strip.collapsed .monitor-video-module,.city-map .monitor-strip.collapsed .monitor-mini-card{display:none}.city-map .monitor-strip.collapsed .strip-toggle-btn.standalone{display:flex}.city-map .monitor-strip .strip-toggle-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#0066ff26;border:1px solid rgba(0,102,255,.35);border-radius:3px;color:#06f;font-size:10px;cursor:pointer;transition:all .25s ease;padding:0;line-height:1;flex-shrink:0}.city-map .monitor-strip .strip-toggle-btn.standalone{display:none;background:#081020e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#0066ff80}.city-map .monitor-strip .strip-toggle-btn:hover{background:#0066ff4d;border-color:#00d4ff99;color:#00d4ff;box-shadow:0 0 8px #0066ff4d}.city-map .monitor-video-module{width:300px;position:relative;flex-shrink:0;transition:transform .25s ease}.city-map .monitor-video-module:hover{transform:translate(2px);cursor:pointer}.city-map .monitor-video-module .strip-toggle-btn.module-toggle{position:absolute;top:8px;right:8px;z-index:4}.city-map .monitor-video-module .ai-panel{min-height:250px;border-radius:6px;overflow:hidden}.city-map .monitor-video-module .ai-panel .panel-header-bar{padding-right:38px}.city-map .monitor-video-module .ai-panel .panel-body{grid-template-columns:1fr;gap:0;padding:8px}.city-map .monitor-video-module .ai-panel .panel-visual,.city-map .monitor-video-module .ai-panel .panel-visual .runtime-video-frame,.city-map .monitor-video-module .ai-panel .panel-visual .runtime-video-media,.city-map .monitor-video-module .ai-panel .panel-visual .runtime-empty{min-height:142px}.city-map .monitor-video-module .ai-panel .panel-sidebar{display:none}.city-map .monitor-video-module .ai-panel .panel-footer{padding:0 8px 8px}.city-map .monitor-video-module .ai-panel .panel-footer .action-buttons{display:none}.city-map .monitor-mini-card{width:280px;background:#081020e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,102,255,.3);border-radius:6px;overflow:hidden;transition:all .25s ease;box-shadow:0 2px 10px #0006;flex-shrink:0}.city-map .monitor-mini-card:hover{border-color:#00d4ff80;box-shadow:0 2px 16px #0066ff26;transform:translate(2px);cursor:pointer}.city-map .monitor-mini-card .mini-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-bottom:1px solid rgba(0,102,255,.2)}.city-map .monitor-mini-card .mini-header .mini-device-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;display:flex;align-items:center;gap:3px}.city-map .monitor-mini-card .mini-header .mini-device-name .mini-device-icon{width:13px;height:13px;flex-shrink:0}.city-map .monitor-mini-card .mini-header .mini-device-name{min-width:0}.city-map .monitor-mini-card .mini-header .mini-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.city-map .monitor-mini-card .mini-header .mini-live-badge{font-size:9px;font-weight:700;color:red;letter-spacing:1.5px;padding:1px 6px;border:1px solid rgba(255,0,0,.4);border-radius:3px;background:#ff000014;animation:livePulse 1.5s ease-in-out infinite;flex-shrink:0}.city-map .monitor-mini-card .mini-video{width:100%;aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.city-map .monitor-mini-card .mini-video .video-placeholder{width:100%;height:100%;position:relative;background:linear-gradient(135deg,#0a0e1a,#121828)}.city-map .monitor-mini-card .mini-video .video-placeholder .scan-line{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,136,.5),transparent);animation:scanMove 3s linear infinite}.city-map .monitor-mini-card .mini-video .video-placeholder .device-overlay{position:absolute;bottom:4px;left:4px}.city-map .monitor-mini-card .mini-video .video-placeholder .device-overlay .device-tag{font-size:10px;font-weight:600;background:#000000b3;padding:1px 5px;border-radius:2px;border-left:2px solid currentColor;display:flex;align-items:center;gap:3px}.city-map .monitor-mini-card .mini-video .video-placeholder .device-overlay .device-tag .device-tag-icon{width:12px;height:12px;flex-shrink:0}.city-map .monitor-mini-card .mini-stats{padding:6px 10px;display:flex;flex-direction:column;gap:3px}.city-map .monitor-mini-card .mini-stats .stat-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.city-map .monitor-mini-card .mini-stats .stat-row .stat-label{color:#fff9;min-width:32px}.city-map .monitor-mini-card .mini-stats .stat-row .stat-value{color:#fff;font-family:Courier New,Consolas,monospace;font-weight:500}.city-map .monitor-mini-card .mini-stats .stat-row .stat-value.stat-coord{font-size:10px;color:#fff9;text-align:right}.city-map .device-video-popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:300;display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease}.city-map .device-video-popup{width:800px;max-width:95%;background:#081020f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,102,255,.45);border-radius:10px;box-shadow:0 8px 48px #000000b3,0 0 30px #06f3;overflow:hidden;animation:popIn .35s ease}.city-map .device-video-popup .popup-header{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid rgba(0,102,255,.3)}.city-map .device-video-popup .popup-header .popup-title{font-size:16px;font-weight:600;flex:1;display:flex;align-items:center;gap:6px}.city-map .device-video-popup .popup-header .popup-title .popup-title-icon{width:18px;height:18px;flex-shrink:0}.city-map .device-video-popup .popup-header .popup-status{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:red;letter-spacing:1px}.city-map .device-video-popup .popup-header .popup-status .status-dot{width:7px;height:7px;background:red;border-radius:50%;animation:livePulse 1.5s ease-in-out infinite;box-shadow:0 0 6px red}.city-map .device-video-popup .popup-header .popup-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#ffffffd9;font-size:18px;cursor:pointer;transition:all .2s;padding:0;line-height:1}.city-map .device-video-popup .popup-header .popup-close-btn:hover{background:#f003;border-color:red;color:red}.city-map .device-video-popup .popup-body{padding:16px 18px}.city-map .device-video-popup .popup-body .popup-video{width:100%;aspect-ratio:16/9;background:#000;border-radius:6px;overflow:hidden;position:relative;border:1px solid rgba(0,102,255,.3);margin-bottom:14px}.city-map .device-video-popup .popup-body .popup-video .popup-live-canvas,.city-map .device-video-popup .popup-body .popup-video .popup-live-empty{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.city-map .device-video-popup .popup-body .popup-video .popup-live-canvas{display:block;background:#01040a}.city-map .device-video-popup .popup-body .popup-video .popup-live-empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0e1a,#1a1f2e);color:#ffffffd9;font-size:14px}.city-map .device-video-popup .popup-body .popup-video .device-overlay{position:absolute;bottom:10px;left:10px}.city-map .device-video-popup .popup-body .popup-video .device-overlay .device-tag{font-size:13px;font-weight:600;background:#000000b3;padding:3px 10px;border-radius:4px;border-left:2px solid currentColor;display:flex;align-items:center;gap:4px}.city-map .device-video-popup .popup-body .popup-video .device-overlay .device-tag .device-tag-icon{width:14px;height:14px;flex-shrink:0}.city-map .device-video-popup .popup-body .popup-video .video-placeholder{width:100%;height:100%;position:relative;background:linear-gradient(135deg,#0a0e1a,#1a1f2e)}.city-map .device-video-popup .popup-body .popup-video .video-placeholder .scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,136,.8),transparent);animation:scanMove 3s linear infinite;box-shadow:0 0 10px #00ff8880}.city-map .device-video-popup .popup-body .popup-video .video-placeholder .crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.city-map .device-video-popup .popup-body .popup-video .video-placeholder .crosshair .crosshair-h,.city-map .device-video-popup .popup-body .popup-video .video-placeholder .crosshair .crosshair-v{position:absolute;background:#0f89}.city-map .device-video-popup .popup-body .popup-video .video-placeholder .crosshair .crosshair-h{width:60px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}.city-map .device-video-popup .popup-body .popup-video .video-placeholder .crosshair .crosshair-v{width:1px;height:60px;top:50%;left:50%;transform:translate(-50%,-50%)}.city-map .device-video-popup .popup-body .popup-video .video-placeholder .device-overlay{position:absolute;bottom:10px;left:10px}.city-map .device-video-popup .popup-body .popup-video .video-placeholder .device-overlay .device-tag{font-size:13px;font-weight:600;background:#000000b3;padding:3px 10px;border-radius:4px;border-left:2px solid currentColor;display:flex;align-items:center;gap:4px}.city-map .device-video-popup .popup-body .popup-video .video-placeholder .device-overlay .device-tag .device-tag-icon{width:14px;height:14px;flex-shrink:0}.city-map .device-video-popup .popup-body .popup-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.city-map .device-video-popup .popup-body .popup-info-grid .info-item{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:7px 10px;background:#0066ff0f;border-radius:5px}.city-map .device-video-popup .popup-body .popup-info-grid .info-item .label{color:#fff9}.city-map .device-video-popup .popup-body .popup-info-grid .info-item .value{color:#fff;font-family:Courier New,Consolas,monospace;font-weight:500}.city-map .map-mode-switcher{position:relative;z-index:100;background:#081020e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 16px;border-top:1px solid rgba(0,102,255,.3);display:flex;justify-content:center;gap:12px;flex-shrink:0}.city-map .map-mode-switcher .mode-btn{padding:6px 16px;background:#0066ff1a;border:1px solid rgba(0,102,255,.3);border-radius:4px;color:#ffffffd9;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:5px}.city-map .map-mode-switcher .mode-btn .mode-btn-icon{width:14px;height:14px;flex-shrink:0}.city-map .map-mode-switcher .mode-btn:hover{background:#06f3;border-color:#0066ff80;color:#fff}.city-map .map-mode-switcher .mode-btn.active{background:#0066ff4d;border-color:#06f;color:#06f;box-shadow:0 0 10px #0066ff4d}.device-list{background:#081020d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,102,255,.4);border-radius:8px;box-shadow:0 4px 20px #0009,inset 0 1px #ffffff26,0 0 30px #00e5ff1a;position:relative;overflow:hidden}.device-list:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.8),transparent)}.device-list:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.4),transparent)}.device-list{width:280px;max-height:360px;display:flex;flex-direction:column;flex-shrink:0}.device-list .device-list-header{padding:8px 16px;border-bottom:1px solid rgba(0,212,255,.2);display:flex;justify-content:space-between;align-items:center}.device-list .device-list-header .header-title{font-size:14px;font-weight:600;color:#06f}.device-list .device-list-header .header-count{font-size:12px;color:#ffffffd9;background:#00d4ff1a;padding:2px 8px;border-radius:10px}.device-list .device-list-content{flex:1;overflow-y:auto;padding:4px}.device-list .device-list-content::-webkit-scrollbar{width:4px}.device-list .device-list-content::-webkit-scrollbar-track{background:transparent}.device-list .device-list-content::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:2px}.device-list .device-item{padding:8px;margin-bottom:4px;border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.device-list .device-item:hover{background:#00d4ff1a}.device-list .device-item.selected{background:#00d4ff26;border:1px solid rgba(0,212,255,.4)}.device-list .device-item .device-icon{width:32px;height:32px;color:#06f;flex-shrink:0}.device-list .device-item .device-icon svg{width:100%;height:100%}.device-list .device-item .device-info{flex:1;min-width:0}.device-list .device-item .device-info .device-name{font-size:13px;font-weight:500;color:#fff;margin-bottom:2px}.device-list .device-item .device-info .device-id{font-size:11px;color:#fff9;font-family:Courier New,Consolas,monospace}.device-list .device-item .device-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.device-list .device-item .device-status .status-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor}.device-list .device-item .device-status .battery-level{display:flex;align-items:center;gap:6px}.device-list .device-item .device-status .battery-level .battery-bar-container{width:50px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.device-list .device-item .device-status .battery-level .battery-bar-container .battery-bar{height:100%;border-radius:2px;transition:width .3s ease,background-color .3s ease}.device-list .device-item .device-status .battery-level .battery-text{font-size:11px;font-weight:600;color:#ffffffd9;min-width:32px;text-align:right;font-family:Courier New,Consolas,monospace}.joint-cooperation{background:#081020d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,102,255,.4);border-radius:8px;box-shadow:0 4px 20px #0009,inset 0 1px #ffffff26,0 0 30px #00e5ff1a;position:relative;overflow:hidden}.joint-cooperation:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.8),transparent)}.joint-cooperation:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.4),transparent)}.joint-cooperation{width:280px;display:flex;flex-direction:column;overflow:hidden}.joint-cooperation .jc-header{padding:8px 16px;border-bottom:1px solid rgba(0,212,255,.2);display:flex;justify-content:space-between;align-items:center}.joint-cooperation .jc-header .jc-title{font-size:13px;font-weight:600;color:#0f8}.joint-cooperation .jc-header .jc-count{font-size:11px;color:#0f8;background:#00ff881a;padding:1px 8px;border-radius:10px;border:1px solid rgba(0,255,136,.25)}.joint-cooperation .jc-content{max-height:360px;overflow-y:auto;padding:4px}.joint-cooperation .jc-content::-webkit-scrollbar{width:4px}.joint-cooperation .jc-content::-webkit-scrollbar-track{background:transparent}.joint-cooperation .jc-content::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:2px}.joint-cooperation .jc-item{padding:6px 8px;margin-bottom:3px;border-radius:4px;display:flex;align-items:center;gap:6px;transition:background .2s}.joint-cooperation .jc-item:hover{background:#00d4ff0f}.joint-cooperation .jc-item .jc-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid currentColor;flex-shrink:0;background:#0000004d}.joint-cooperation .jc-item .jc-icon svg{width:16px;height:16px}.joint-cooperation .jc-item .jc-info{flex:1;min-width:0}.joint-cooperation .jc-item .jc-info .jc-name{font-size:12px;font-weight:500;color:#fff}.joint-cooperation .jc-item .jc-info .jc-type{font-size:10px;color:#fff9}.joint-cooperation .jc-item .jc-metrics{text-align:right;flex-shrink:0}.joint-cooperation .jc-item .jc-metrics .jc-dist{font-size:11px;font-weight:500;color:#ffffffd9;font-family:Courier New,Consolas,monospace}.joint-cooperation .jc-item .jc-metrics .jc-eta{font-size:10px;color:#fff9;font-family:Courier New,Consolas,monospace}.joint-cooperation .jc-item .jc-status{display:flex;align-items:center;gap:4px;flex-shrink:0}.joint-cooperation .jc-item .jc-status .jc-status-dot{width:6px;height:6px;border-radius:50%}.joint-cooperation .jc-item .jc-status .jc-status-text{font-size:10px;white-space:nowrap}.joint-cooperation .jc-footer{padding:6px 12px;border-top:1px solid rgba(0,212,255,.15)}.joint-cooperation .jc-footer .jc-dispatch-btn{width:100%;padding:6px 0;background:linear-gradient(90deg,#0066ff4d,#0f83);border:1px solid rgba(0,255,136,.35);border-radius:4px;color:#0f8;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s;letter-spacing:2px}.joint-cooperation .jc-footer .jc-dispatch-btn:hover{background:linear-gradient(90deg,#0066ff80,#00ff8859);border-color:#0f89;box-shadow:0 0 12px #0f83}.joint-cooperation .jc-footer .jc-dispatch-btn:active{transform:scale(.97)}.realtime-alert{background:#081020d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,102,255,.4);border-radius:8px;box-shadow:0 4px 20px #0009,inset 0 1px #ffffff26,0 0 30px #00e5ff1a;position:relative;overflow:hidden}.realtime-alert:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.8),transparent)}.realtime-alert:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.4),transparent)}.realtime-alert{width:280px;display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:hidden}.realtime-alert .ra-header{padding:8px 16px;border-bottom:1px solid rgba(0,212,255,.2);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.realtime-alert .ra-header .ra-title{font-size:13px;font-weight:600;color:#ff9500;display:flex;align-items:center;gap:5px}.realtime-alert .ra-header .ra-title .ra-title-icon{width:14px;height:14px;flex-shrink:0}.realtime-alert .ra-header .ra-summary{display:flex;gap:4px;align-items:center}.realtime-alert .ra-header .ra-badge{font-size:10px;padding:1px 7px;border-radius:10px;font-weight:500;white-space:nowrap}.realtime-alert .ra-header .ra-badge.danger{color:red;background:#ff00001f;border:1px solid rgba(255,0,0,.3)}.realtime-alert .ra-header .ra-badge.suspicious{color:#ff9500;background:#ff95001f;border:1px solid rgba(255,149,0,.3)}.realtime-alert .ra-header .ra-badge.count{color:#fff9;background:#00d4ff14;border:1px solid rgba(0,212,255,.2)}.realtime-alert .ra-content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:4px;overflow-y:auto;overflow-x:hidden;padding:4px}.realtime-alert .ra-content::-webkit-scrollbar{width:4px}.realtime-alert .ra-content::-webkit-scrollbar-track{background:transparent}.realtime-alert .ra-content::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:2px}.realtime-alert .ra-item{padding:4px 6px;border-radius:6px;display:flex;align-items:center;gap:8px;flex:1 1 54px;min-height:54px;border-left:3px solid transparent;background:#0003;transition:all .25s ease}.realtime-alert .ra-item:hover{transform:translate(2px)}.realtime-alert .ra-item.normal{background:#00ff8808}.realtime-alert .ra-item.normal:hover{background:#00ff880f}.realtime-alert .ra-item.suspicious{background:#ff95000a;border-left-width:4px;animation:alertPulse 2.5s ease-in-out infinite}.realtime-alert .ra-item.suspicious:hover{background:#ff950014}.realtime-alert .ra-item.danger{background:#ff00000d;border-left-width:4px;animation:alertPulseDanger 1.5s ease-in-out infinite}.realtime-alert .ra-item.danger:hover{background:#ff00001a}.realtime-alert .ra-item .ra-photo{width:42px;height:clamp(46px,100%,62px);border-radius:4px;flex-shrink:0;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#000814cc}.realtime-alert .ra-item .ra-photo .ra-avatar-img{width:100%;height:100%;display:block;object-fit:cover;background:#ffffff14}.realtime-alert .ra-item .ra-photo .ra-level-tag{position:absolute;bottom:0;left:0;right:0;height:13px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:600;color:#fff;line-height:1}.realtime-alert .ra-item .ra-info{flex:1;min-width:0}.realtime-alert .ra-item .ra-info .ra-name{font-size:12px;font-weight:600;color:#fff;margin-bottom:1px}.realtime-alert .ra-item .ra-info .ra-id{font-size:9px;font-family:Courier New,Consolas,monospace;color:#fff9;margin-bottom:1px}.realtime-alert .ra-item .ra-info .ra-desc{font-size:9px;color:#ffffffd9;margin-bottom:1px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.realtime-alert .ra-item .ra-info .ra-meta{display:flex;flex-direction:column;gap:1px}.realtime-alert .ra-item .ra-info .ra-meta .ra-time,.realtime-alert .ra-item .ra-info .ra-meta .ra-loc{font-size:9px;color:#fff9;display:flex;align-items:center;gap:3px}.realtime-alert .ra-item .ra-info .ra-meta .ra-time .ra-meta-icon,.realtime-alert .ra-item .ra-info .ra-meta .ra-loc .ra-meta-icon{width:10px;height:10px;flex-shrink:0;opacity:.6}.realtime-alert .ra-item .ra-info .ra-meta .ra-loc{color:#00d4ff}.realtime-alert .ra-item .ra-level-indicator{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}.realtime-alert .ra-item .ra-level-indicator .ra-indicator-dot{width:7px;height:7px;border-radius:50%}.realtime-alert .ra-item .ra-level-indicator .ra-indicator-text{font-size:9px;font-weight:600;white-space:nowrap}.realtime-alert .ra-footer{padding:8px 12px;border-top:1px solid rgba(0,212,255,.15);display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;flex-shrink:0}.realtime-alert .ra-footer.danger{background:#ff000014;border-top-color:#ff00004d}.realtime-alert .ra-footer.danger .ra-footer-icon{width:16px;height:16px;flex-shrink:0;color:red;animation:alertPulseDanger 1.5s ease-in-out infinite}.realtime-alert .ra-footer.danger .ra-footer-icon svg{width:16px;height:16px}.realtime-alert .ra-footer.danger .ra-footer-text{color:red}.realtime-alert .ra-footer.suspicious{background:#ff95000f;border-top-color:#ff950040}.realtime-alert .ra-footer.suspicious .ra-footer-icon{width:16px;height:16px;flex-shrink:0;color:#ff9500}.realtime-alert .ra-footer.suspicious .ra-footer-icon svg{width:16px;height:16px}.realtime-alert .ra-footer.suspicious .ra-footer-text{color:#ff9500}@keyframes alertPulse{0%,to{box-shadow:0 0 #ff95004d}50%{box-shadow:0 0 8px 2px #ff950026}}@keyframes alertPulseDanger{0%,to{box-shadow:0 0 #f006}50%{box-shadow:0 0 12px 3px #f003}}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes breathe{0%,to{box-shadow:0 0 5px #00d4ff80}50%{box-shadow:0 0 20px #00d4ffcc,0 0 40px #00d4ff66}}@keyframes dataFlow{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes borderFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes numberRoll{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0);opacity:.3}25%{transform:translateY(-20px) translate(10px);opacity:.6}50%{transform:translateY(-10px) translate(-15px);opacity:.4}75%{transform:translateY(-30px) translate(5px);opacity:.7}}@keyframes dataPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes neuralConnect{0%{stroke-dashoffset:1000;opacity:.3}50%{opacity:.8}to{stroke-dashoffset:0;opacity:.3}}@keyframes mapContourMove{0%{transform:translate(0) rotate(0)}25%{transform:translate(-5%,-3%) rotate(1deg)}50%{transform:translate(-10%,-5%) rotate(0)}75%{transform:translate(-5%,-3%) rotate(-1deg)}to{transform:translate(0) rotate(0)}}@keyframes techScan{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes scanMove{0%{top:0}to{top:100%}}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#020610;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0006;border-radius:3px}::-webkit-scrollbar-thumb{background:#06f6;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#06f9}.text-primary{color:#fff}.text-secondary{color:#ffffffd9}.text-muted{color:#fff9}.text-gradient{background:linear-gradient(135deg,#06f,#0052cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-panel{background:#081020d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,102,255,.4);border-radius:8px;box-shadow:0 4px 20px #0009,inset 0 1px #ffffff26,0 0 30px #00e5ff1a;position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.8),transparent)}.glass-panel:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.4),transparent)}.tech-corner{clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.app-container{width:100vw;height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,#0a1628,#020610);position:relative;overflow:hidden}.app-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,102,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,102,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;animation:dataPulse 8s ease-in-out infinite}.app-container:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(ellipse 120px 80px at 20% 30%,rgba(0,102,255,.08) 0%,transparent 70%),radial-gradient(ellipse 100px 90px at 25% 35%,rgba(0,102,255,.06) 0%,transparent 70%),radial-gradient(ellipse 150px 100px at 75% 25%,rgba(0,102,255,.07) 0%,transparent 70%),radial-gradient(ellipse 130px 110px at 78% 30%,rgba(0,102,255,.05) 0%,transparent 70%),radial-gradient(ellipse 90px 70px at 50% 60%,rgba(0,102,255,.06) 0%,transparent 70%),radial-gradient(ellipse 110px 85px at 52% 65%,rgba(0,102,255,.05) 0%,transparent 70%),radial-gradient(ellipse 140px 95px at 30% 75%,rgba(0,102,255,.07) 0%,transparent 70%),radial-gradient(ellipse 100px 80px at 70% 70%,rgba(0,102,255,.06) 0%,transparent 70%);animation:mapContourMove 60s linear infinite;pointer-events:none;z-index:0;opacity:.6}.main-content-new{flex:1;display:grid;grid-template-columns:320px 1fr 320px;gap:16px;padding:16px 16px 0;position:relative;z-index:1;min-height:0;overflow:hidden}.main-content-new .left-sidebar,.main-content-new .right-sidebar{display:flex;flex-direction:column;gap:16px;overflow-y:auto;height:100%}.main-content-new .center-area{position:relative;height:100%;min-height:0}.main-content-new .center-area .map-wrapper{position:relative;width:100%;height:100%}.main-content-new .center-area .monitor-overlay-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;display:flex;flex-direction:column;animation:fadeIn .3s ease}.main-content-new .center-area .monitor-overlay-wrapper .monitor-close-btn{position:absolute;top:16px;right:16px;width:40px;height:40px;background:#f003;border:1px solid rgba(255,0,0,.5);border-radius:50%;color:red;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001}.main-content-new .center-area .monitor-overlay-wrapper .monitor-close-btn:hover{background:#ff00004d;transform:rotate(90deg)}.panel{background:#081020d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,102,255,.4);border-radius:8px;box-shadow:0 4px 20px #0009,inset 0 1px #ffffff26,0 0 30px #00e5ff1a;position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.8),transparent)}.panel:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.4),transparent)}.panel{padding:16px;animation:fadeIn .5s ease}.panel .panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(0,102,255,.3)}.panel .panel-header .panel-title{font-size:16px;font-weight:600;color:#06f;display:flex;align-items:center;gap:8px;text-shadow:0 0 10px rgba(0,102,255,.5)}.panel .panel-header .panel-title:before{content:"";width:3px;height:16px;background:linear-gradient(180deg,#0066ff,transparent);border-radius:2px;box-shadow:0 0 8px #06fc}