@keyframes alarmFlash-9f5cf9c0{0%,to{background:transparent}50%{background:rgba(255,51,51,.15)}}@keyframes liveBlink-9f5cf9c0{0%,to{opacity:1}50%{opacity:.2}}@keyframes rippleAnim-9f5cf9c0{0%{transform:scale(.8);opacity:.6}50%{transform:scale(1.1);opacity:.3}to{transform:scale(.8);opacity:.6}}@keyframes nfcPulse-9f5cf9c0{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.smart-city-container[data-v-9f5cf9c0]{width:100%;height:100%;overflow:hidden;background:#051f2a;display:flex;flex-direction:column}.smart-city-container [data-v-9f5cf9c0]{box-sizing:border-box}.smart-city-container .pan-bg[data-v-9f5cf9c0]{background:rgba(1,35,35,.6);padding:8px;margin-bottom:10px;pointer-events:visible}.smart-city-container .panel-title[data-v-9f5cf9c0]{font-size:20px;font-weight:700;color:#6ff;line-height:25px;margin-bottom:10px}.smart-city-container .top-banner[data-v-9f5cf9c0]{width:100%;position:relative}.smart-city-container .top-banner img[data-v-9f5cf9c0]{width:100%;display:block}.smart-city-container .top-banner h1[data-v-9f5cf9c0]{position:absolute;width:100%;top:0;left:0;margin:0;text-align:center;font-size:36px;font-weight:700;color:#6ff;text-shadow:0 0 10px rgba(102,255,255,.6);line-height:60px}.smart-city-container .top-banner .date-time[data-v-9f5cf9c0]{position:absolute;right:30px;top:0;font-size:18px;color:#6ff;line-height:60px}.smart-city-container .bottom-banner[data-v-9f5cf9c0]{height:36px;line-height:36px;text-align:center;font-size:14px;color:rgba(102,255,255,.8);background:rgba(0,40,50,.8);border-top:1px solid rgba(102,255,255,.15);letter-spacing:1px;flex-shrink:0}.smart-city-container .main-container[data-v-9f5cf9c0]{flex:1;position:relative}.smart-city-container .main-container .map-box[data-v-9f5cf9c0]{position:absolute;inset:0;z-index:1}.smart-city-container .main-container #smartCityMap[data-v-9f5cf9c0]{width:100%;height:100%}.smart-city-container .main-container .over-container[data-v-9f5cf9c0]{position:absolute;inset:0;z-index:2;display:flex;pointer-events:none}.smart-city-container .main-container .over-container .left[data-v-9f5cf9c0],.smart-city-container .main-container .over-container .middle-bottom[data-v-9f5cf9c0],.smart-city-container .main-container .over-container .middle[data-v-9f5cf9c0],.smart-city-container .main-container .over-container .right[data-v-9f5cf9c0]{pointer-events:visible}.smart-city-container .main-container .over-container .left[data-v-9f5cf9c0]{width:333px;margin-left:20px;display:flex;flex-direction:column}.smart-city-container .main-container .over-container .left .left-top[data-v-9f5cf9c0]{flex-basis:35%;display:flex;flex-direction:column}.smart-city-container .main-container .over-container .left .left-top .zhineng-shuzi[data-v-9f5cf9c0]{display:flex;flex-direction:row;margin-bottom:10px}.smart-city-container .main-container .over-container .left .left-top .zhineng-shuzi .shuzi-item[data-v-9f5cf9c0]{width:38px;height:40px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAuCAYAAABu3ppsAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAEOSURBVGiB7dkxS0JRGMbx5z26uITY7CL4RZqDhjvkIoIiQuoQNEQtLjY1VuBgcGly8BPoN9DWaHJxuXAx6hKZCB5Xxe3c4fHC+xvPWZ7/cKYj7fHURl/fc+zwH5/6AIDqVQ3H4PWlDwCVm9benpNcNi+t0cQ+3z9whsXU7N7BsEfElfiA1OxHOsvfP/YOJ7OPT5hFELJ3OFsEIQwKRfaOWIy98NgbnNnr2+Q/Yg1g0wA2DWDTADYNYNMANg1g0wA2DWDTADYNYNMANg1g0wA2DWBLfEBKok0Hq3/2DieyXsGcZtLsHe7eJzCldp09w5l+dB+DtIjAa1T2Doc9HwBgL8uMTQdk8AYAOPPOD+62ZfI22KqeLrcAAAAASUVORK5CYII=) 98% 100% no-repeat;margin-left:20px;font-size:35px;font-weight:700;line-height:40px;color:#6ff;text-align:center}.smart-city-container .main-container .over-container .left .left-top .chart-items[data-v-9f5cf9c0]{width:100%;flex:1;display:flex;flex-direction:row}.smart-city-container .main-container .over-container .left .left-top .chart-items .circle[data-v-9f5cf9c0]{flex:1;height:100%}.smart-city-container .main-container .over-container .left .left-middle[data-v-9f5cf9c0]{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.smart-city-container .main-container .over-container .left .left-middle .panel-title[data-v-9f5cf9c0]{display:flex;align-items:center;justify-content:space-between}.smart-city-container .main-container .over-container .left .left-middle .alarm-total-badge[data-v-9f5cf9c0]{display:inline-block;min-width:20px;height:20px;line-height:20px;text-align:center;padding:0 6px;border-radius:10px;background:rgba(255,51,51,.2);color:#f33;border:1px solid rgba(255,51,51,.5);font-size:11px;font-weight:700}.smart-city-container .main-container .over-container .left .left-middle .tbl[data-v-9f5cf9c0]{overflow:auto;flex:1;min-height:0}.smart-city-container .main-container .over-container .left .left-middle .tbl[data-v-9f5cf9c0]::-webkit-scrollbar{width:4px}.smart-city-container .main-container .over-container .left .left-middle .tbl[data-v-9f5cf9c0]::-webkit-scrollbar-track{background:transparent}.smart-city-container .main-container .over-container .left .left-middle .tbl[data-v-9f5cf9c0]::-webkit-scrollbar-thumb{background:rgba(102,255,255,.3);border-radius:2px}.smart-city-container .main-container .over-container .left .left-middle table[data-v-9f5cf9c0]{width:100%;font-size:12px;font-weight:700;line-height:1.3;color:#fff;border-collapse:collapse}.smart-city-container .main-container .over-container .left .left-middle table .th-sep[data-v-9f5cf9c0]{width:3px;padding:0!important}.smart-city-container .main-container .over-container .left .left-middle table thead[data-v-9f5cf9c0]{background:#003c3c;position:sticky;top:0;z-index:2}.smart-city-container .main-container .over-container .left .left-middle table thead td[data-v-9f5cf9c0]{height:34px;vertical-align:middle;padding:0 4px;font-size:11px;letter-spacing:.5px}.smart-city-container .main-container .over-container .left .left-middle table tbody .alarm-row[data-v-9f5cf9c0]{height:36px;transition:background .3s}.smart-city-container .main-container .over-container .left .left-middle table tbody .alarm-row td[data-v-9f5cf9c0]{vertical-align:middle;padding:2px 4px}.smart-city-container .main-container .over-container .left .left-middle table tbody .alarm-row[data-v-9f5cf9c0]:hover{background:rgba(102,255,255,.15)!important}.smart-city-container .main-container .over-container .left .left-middle table tbody .alarm-row td.alarm-sep[data-v-9f5cf9c0]{width:3px;padding:0!important}.smart-city-container .main-container .over-container .left .left-middle table tbody .alarm-row.priority-row-high td.alarm-sep[data-v-9f5cf9c0]{box-shadow:0 0 8px 0 rgba(255,51,51,.8)}.smart-city-container .main-container .over-container .left .left-middle table tbody .alarm-row.priority-row-medium td.alarm-sep[data-v-9f5cf9c0]{box-shadow:0 0 6px 0 rgba(255,153,0,.7)}.smart-city-container .main-container .over-container .left .left-middle table tbody .alarm-row .td-type[data-v-9f5cf9c0]{text-align:left}.smart-city-container .main-container .over-container .left .left-middle table tbody .alarm-row .td-type .type-icon[data-v-9f5cf9c0]{color:#f90;margin-right:2px}.smart-city-container .main-container .over-container .left .left-middle table tbody .alarm-row .td-area[data-v-9f5cf9c0]{text-align:left;font-size:12px}.smart-city-container .main-container .over-container .left .left-middle table tbody .alarm-row .td-time[data-v-9f5cf9c0]{text-align:center}.smart-city-container .main-container .over-container .left .left-middle table tbody .alarm-row .td-time .time-main[data-v-9f5cf9c0]{font-size:12px;color:#fff}.smart-city-container .main-container .over-container .left .left-middle table tbody tr[data-v-9f5cf9c0]:nth-child(2n){background:rgba(102,255,255,.08)}.smart-city-container .main-container .over-container .left .left-middle table tbody .alarm-flash[data-v-9f5cf9c0]{animation:alarmFlash-9f5cf9c0 1.2s ease-in-out infinite}.smart-city-container .main-container .over-container .left .left-middle table tbody .alarm-empty[data-v-9f5cf9c0]{height:100%!important;padding:40px 0!important;color:rgba(102,255,255,.5)}.smart-city-container .main-container .over-container .left .left-middle table tbody .alarm-empty .empty-icon[data-v-9f5cf9c0]{width:36px;height:36px;line-height:36px;border-radius:50%;background:rgba(51,204,51,.15);color:#3c3;font-size:20px;margin:0 auto 10px}.smart-city-container .main-container .over-container .left .left-middle .level-tag[data-v-9f5cf9c0],.smart-city-container .main-container .over-container .left .left-middle .status-tag[data-v-9f5cf9c0]{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;border:1px solid;font-size:11px;font-weight:700;white-space:nowrap}.smart-city-container .main-container .over-container .left .left-middle .level-tag .level-dot[data-v-9f5cf9c0],.smart-city-container .main-container .over-container .left .left-middle .level-tag .status-dot[data-v-9f5cf9c0],.smart-city-container .main-container .over-container .left .left-middle .status-tag .level-dot[data-v-9f5cf9c0],.smart-city-container .main-container .over-container .left .left-middle .status-tag .status-dot[data-v-9f5cf9c0]{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.smart-city-container .main-container .over-container .left .left-middle .level-tag .level-dot.status-dot-blink[data-v-9f5cf9c0],.smart-city-container .main-container .over-container .left .left-middle .level-tag .status-dot.status-dot-blink[data-v-9f5cf9c0],.smart-city-container .main-container .over-container .left .left-middle .status-tag .level-dot.status-dot-blink[data-v-9f5cf9c0],.smart-city-container .main-container .over-container .left .left-middle .status-tag .status-dot.status-dot-blink[data-v-9f5cf9c0]{animation:liveBlink-9f5cf9c0 1s infinite}.smart-city-container .main-container .over-container .middle[data-v-9f5cf9c0]{flex:1;display:flex;flex-direction:column}.smart-city-container .main-container .over-container .middle .middle-main[data-v-9f5cf9c0]{flex:1;position:relative}.smart-city-container .main-container .over-container .middle .middle-bottom[data-v-9f5cf9c0]{height:120px;display:flex;gap:20px;padding:0 20px 20px}.smart-city-container .main-container .over-container .middle .middle-bottom .workflow-panel[data-v-9f5cf9c0]{width:100%;margin-bottom:0;display:flex;flex-direction:column;align-items:center}.smart-city-container .main-container .over-container .middle .middle-bottom .workflow-steps[data-v-9f5cf9c0]{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.smart-city-container .main-container .over-container .middle .middle-bottom .wf-step[data-v-9f5cf9c0]{display:flex;align-items:center;gap:6px}.smart-city-container .main-container .over-container .middle .middle-bottom .wf-icon[data-v-9f5cf9c0]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.smart-city-container .main-container .over-container .middle .middle-bottom .wf-icon i[data-v-9f5cf9c0]{color:#fff;font-size:14px}.smart-city-container .main-container .over-container .middle .middle-bottom .wf-info .wf-label[data-v-9f5cf9c0]{font-size:12px;font-weight:700;color:#fff}.smart-city-container .main-container .over-container .middle .middle-bottom .wf-info .wf-value[data-v-9f5cf9c0]{font-size:10px;color:rgba(102,255,255,.7)}.smart-city-container .main-container .over-container .middle .middle-bottom .wf-arrow[data-v-9f5cf9c0]{color:rgba(102,255,255,.3);font-size:14px;margin:0 2px}.smart-city-container .main-container .over-container .right[data-v-9f5cf9c0]{width:400px;margin-right:15px;display:flex;flex-direction:column;overflow:hidden;height:100%}.smart-city-container .main-container .over-container .right .right-middle[data-v-9f5cf9c0]{flex:1.2;display:flex;flex-direction:column;min-height:0;overflow:hidden}.smart-city-container .main-container .over-container .right .right-middle .video-frame[data-v-9f5cf9c0]{position:relative;width:100%;flex:1;min-height:0;background:#000;overflow:hidden}.smart-city-container .main-container .over-container .right .right-middle .video-frame .video-inner[data-v-9f5cf9c0]{position:absolute;inset:0}.smart-city-container .main-container .over-container .right .right-middle .video-frame .video-placeholder-dark[data-v-9f5cf9c0]{position:absolute;inset:0;background:radial-gradient(ellipse at center,#035 0,#000 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(102,255,255,.6)}.smart-city-container .main-container .over-container .right .right-middle .video-frame .video-placeholder-dark .video-cam-icon[data-v-9f5cf9c0]{font-size:36px;margin-bottom:8px;opacity:.5}.smart-city-container .main-container .over-container .right .right-middle .video-frame .video-placeholder-dark .video-cam-label[data-v-9f5cf9c0]{font-size:13px;color:hsla(0,0%,100%,.7);margin-bottom:12px}.smart-city-container .main-container .over-container .right .right-middle .video-frame .water-ripple[data-v-9f5cf9c0]{position:absolute;border-radius:50%;border:1px solid rgba(102,255,255,.2)}.smart-city-container .main-container .over-container .right .right-middle .video-frame .ripple1[data-v-9f5cf9c0]{width:60%;height:40%;left:20%;top:30%;animation:rippleAnim-9f5cf9c0 3s ease-in-out infinite}.smart-city-container .main-container .over-container .right .right-middle .video-frame .ripple2[data-v-9f5cf9c0]{width:80%;height:60%;left:10%;top:20%;border:1px solid rgba(102,255,255,.1);animation:rippleAnim-9f5cf9c0 3s ease-in-out 1.5s infinite}.smart-city-container .main-container .over-container .right .right-middle .video-frame .video-center-text[data-v-9f5cf9c0]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(102,255,255,.6);text-align:center;font-size:16px;font-weight:700}.smart-city-container .main-container .over-container .right .right-middle .video-frame .cam-id-tag[data-v-9f5cf9c0]{position:absolute;left:6px;top:6px;color:hsla(0,0%,100%,.8);font-size:12px}.smart-city-container .main-container .over-container .right .right-middle .video-frame .live-tag[data-v-9f5cf9c0]{position:absolute;right:6px;top:6px;color:#f33;font-weight:700;font-size:12px}.smart-city-container .main-container .over-container .right .right-middle .video-frame .live-tag .live-dot[data-v-9f5cf9c0]{display:inline-block;width:8px;height:8px;background:#f33;border-radius:50%;margin-right:4px;animation:liveBlink-9f5cf9c0 1s infinite}.smart-city-container .main-container .over-container .right .right-middle .video-frame .video-info[data-v-9f5cf9c0]{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:3}.smart-city-container .main-container .over-container .right .right-middle .event-detail[data-v-9f5cf9c0]{margin-top:8px;background:rgba(0,20,40,.4);padding:6px 8px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;flex-shrink:0}.smart-city-container .main-container .over-container .right .right-middle .event-detail .detail-item .label[data-v-9f5cf9c0]{font-size:12px;color:rgba(102,255,255,.8);margin-bottom:4px}.smart-city-container .main-container .over-container .right .right-middle .event-detail .detail-item .value[data-v-9f5cf9c0]{font-size:14px;color:#fff;word-break:break-all}.smart-city-container .main-container .over-container .right .right-bottom[data-v-9f5cf9c0]{flex:0 0 200px;display:flex;flex-direction:column;min-height:0}.smart-city-container .main-container .over-container .right .right-bottom .chart-dark[data-v-9f5cf9c0]{flex:1;min-height:0}.smart-city-container .main-container .over-container .right .right-bottom2[data-v-9f5cf9c0]{flex:0 0 auto;display:flex;flex-direction:column;min-height:0}.smart-city-container .main-container .over-container .right .right-bottom2 .chart[data-v-9f5cf9c0]{display:flex;flex-direction:column;gap:10px}.smart-city-container .main-container .over-container .right .right-bottom2 .chart .chart-item[data-v-9f5cf9c0]{width:100%;display:flex;flex-direction:row;align-items:center}.smart-city-container .main-container .over-container .right .right-bottom2 .chart .chart-item .label[data-v-9f5cf9c0]{width:90px;font-size:12px;font-weight:400;line-height:16px;color:hsla(0,0%,100%,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-city-container .main-container .over-container .right .right-bottom2 .chart .chart-item .box[data-v-9f5cf9c0]{flex:1;height:14px;position:relative}.smart-city-container .main-container .over-container .right .right-bottom2 .chart .chart-item .box .bar-bg[data-v-9f5cf9c0]{width:100%;height:100%;background:rgba(102,255,255,.08);border-radius:7px;overflow:hidden}.smart-city-container .main-container .over-container .right .right-bottom2 .chart .chart-item .box .bar-bg .bar[data-v-9f5cf9c0]{height:100%;border-radius:7px;background:linear-gradient(90deg,#02f7ba,#00d5ff);box-shadow:0 0 8px rgba(0,213,255,.5);transition:width .6s ease}.smart-city-container .main-container .over-container .right .right-bottom2 .chart .chart-item .value[data-v-9f5cf9c0]{width:60px;text-align:right;font-size:14px;font-weight:700;color:#6ff;text-shadow:0 0 6px rgba(102,255,255,.6)}.smart-city-container .nfc-animation[data-v-9f5cf9c0]{position:relative;width:60px;height:60px;margin-top:12px}.smart-city-container .nfc-ring[data-v-9f5cf9c0]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid #2e86c1;border-radius:50%;animation:nfcPulse-9f5cf9c0 2s infinite}.smart-city-container .ring-1[data-v-9f5cf9c0]{width:30px;height:30px;animation-delay:0s}.smart-city-container .ring-2[data-v-9f5cf9c0]{width:45px;height:45px;animation-delay:.5s}.smart-city-container .ring-3[data-v-9f5cf9c0]{width:60px;height:60px;animation-delay:1s}.smart-city-container .nfc-icon[data-v-9f5cf9c0]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;color:#2e86c1}.nfc-content .nfc-header-info[data-v-9f5cf9c0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e8ecf1}.nfc-content .nfc-alarm-info[data-v-9f5cf9c0]{display:flex;align-items:center;gap:8px}.nfc-content .nfc-address[data-v-9f5cf9c0]{font-size:14px;font-weight:600;color:#1a2332}.nfc-content .nfc-device-info[data-v-9f5cf9c0]{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7a8d}.nfc-video-area[data-v-9f5cf9c0]{margin-bottom:16px}.video-placeholder[data-v-9f5cf9c0]{background:#1a2332;border-radius:8px;padding:40px;text-align:center;color:#fff;position:relative;overflow:hidden;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center}.video-placeholder>i[data-v-9f5cf9c0]{font-size:48px;margin-bottom:12px;opacity:.6}.video-placeholder p[data-v-9f5cf9c0]{margin:4px 0;font-size:14px;opacity:.8}.video-placeholder .video-hint[data-v-9f5cf9c0]{font-size:12px;opacity:.5}.nfc-actions[data-v-9f5cf9c0]{display:flex;gap:10px;justify-content:center}