.panel-box[data-v-647de492]{border-radius:4px;margin-bottom:10px}.panel-header[data-v-647de492]{display:flex;align-items:center;padding:10px;height:2.3rem;background-image:url(./Group_small_title-84cc5d86.png);background-size:100% 100%;background-repeat:no-repeat;border-bottom:1px solid rgba(0,255,255,.2);font-family:YouSheBiaoTiHei,YouSheBiaoTiHei;font-weight:200;font-size:1.3rem;color:#fff;line-height:13px;letter-spacing:1px;text-align:left;font-style:normal;text-transform:none;flex:0 0 auto}.icon[data-v-647de492]{width:20px;height:20px;margin-right:8px;background-size:contain;background-repeat:no-repeat}.status-grid[data-v-647de492]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:15px 15px 45px}.status-item[data-v-647de492]{text-align:center;padding:10px;border-radius:4px;background-size:100% 100%;background-repeat:no-repeat;position:relative;width:95px;height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1rem}.status-value[data-v-647de492]{position:absolute;color:#fff;bottom:35%;left:0;right:0}.status-label[data-v-647de492]{position:absolute;color:#fff;bottom:5%;left:0;right:0}.status-list[data-v-647de492]{position:absolute;color:#fff;bottom:-25%;left:0;right:0}.status-item-1[data-v-647de492]{background-image:url(./Group_status_grid_1-ec5d88e3.png)}.status-item-2[data-v-647de492]{background-image:url(./Group_status_grid_2-61050023.png)}.status-item-3[data-v-647de492]{background-image:url(./Group_status_grid_3-08e4438d.png)}.status-item-4[data-v-647de492]{background-image:url(./Group_status_grid_4-f90e11c5.png)}.panel-box[data-v-6d6b552b]{border-radius:4px;margin-bottom:10px}.panel-header[data-v-6d6b552b]{display:flex;align-items:center;padding:10px;height:2.3rem;background-image:url(./Group_small_title-84cc5d86.png);background-size:100% 100%;background-repeat:no-repeat;border-bottom:1px solid rgba(0,255,255,.2);font-family:YouSheBiaoTiHei,YouSheBiaoTiHei;font-weight:200;font-size:1.3rem;color:#fff;line-height:13px;letter-spacing:1px;text-align:left;font-style:normal;text-transform:none;flex:0 0 auto}.icon[data-v-6d6b552b]{width:20px;height:20px;margin-right:8px;background-size:contain;background-repeat:no-repeat}.device-stats-container[data-v-6d6b552b]{display:flex;flex-direction:column;padding:10px}.device-tabs[data-v-6d6b552b]{display:flex;justify-content:space-around;margin-bottom:15px;border-bottom:1px dashed rgba(0,255,255,.3);padding-bottom:10px}.device-tab[data-v-6d6b552b]{display:flex;flex-direction:row;align-items:center;cursor:pointer;opacity:.7;transition:all .3s;padding:5px 10px;border-radius:4px}.device-tab.active[data-v-6d6b552b]{opacity:1}.tab-icon[data-v-6d6b552b]{width:70px;height:70px;border-radius:4px;margin-right:8px}.tab-text[data-v-6d6b552b]{font-size:1rem;color:#fff}.total-stats[data-v-6d6b552b]{height:4rem;display:flex;align-items:center;margin-top:10px}.total-count[data-v-6d6b552b]{display:flex;flex-direction:column;align-items:center;margin-left:20px;margin-right:10px;padding-right:15px}.stats-icon[data-v-6d6b552b]{width:2rem}.stats-icon1[data-v-6d6b552b]{margin-right:10px}.count-number[data-v-6d6b552b]{font-size:28px;font-weight:700;color:#0ff}.count-label[data-v-6d6b552b]{font-size:1rem;color:#fff}.stats-details[data-v-6d6b552b]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);grid-auto-flow:column;gap:8px;width:100%;max-width:70%}.stats-item[data-v-6d6b552b]{display:flex;align-items:center;margin-bottom:8px;padding-right:10px;justify-content:flex-start}.stats-label[data-v-6d6b552b]{color:#fff;font-size:1rem;margin-right:5px;white-space:nowrap}.stats-value[data-v-6d6b552b]{color:#0ff;font-weight:700;font-size:1rem;margin-left:5px}.video-modal[data-v-222cbbaf]{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;pointer-events:auto}.header-left[data-v-222cbbaf]{display:flex;align-items:center}.header-icon[data-v-222cbbaf]{width:30px;height:30px;margin-right:10px}.modal-content[data-v-222cbbaf]{width:80%;max-width:1000px;background-color:#04485a80;border:1px solid #00ffff;border-radius:8px;overflow:hidden}.modal-header[data-v-222cbbaf]{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-image:url(./Group_popup_top-a14e1d91.png);background-size:100% 100%;background-repeat:no-repeat;color:#fff;font-size:1.2rem}.close-icon[data-v-222cbbaf]{width:20px;height:20px;cursor:pointer;position:relative}.close-icon[data-v-222cbbaf]:before,.close-icon[data-v-222cbbaf]:after{content:"";position:absolute;width:20px;height:2px;background-color:#fff;top:50%;left:0}.close-icon[data-v-222cbbaf]:before{transform:rotate(45deg)}.close-icon[data-v-222cbbaf]:after{transform:rotate(-45deg)}.modal-body[data-v-222cbbaf]{padding:20px}.main-video-container[data-v-222cbbaf]{position:relative;width:100%;height:500px;margin-bottom:20px;overflow:hidden}.modal-video-player[data-v-222cbbaf]{width:100%;height:100%;object-fit:cover}.video-thumbnails-container[data-v-222cbbaf]{display:flex;align-items:center;position:relative}.thumbnails-wrapper[data-v-222cbbaf]{display:flex;overflow-x:hidden;scroll-behavior:smooth;gap:10px;padding:10px 0;flex:1}.video-thumbnail[data-v-222cbbaf]{flex:0 0 auto;width:120px;height:80px;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;transition:all .3s ease}.video-thumbnail.active[data-v-222cbbaf]{border-color:#0ff;box-shadow:0 0 10px #00ffff80}.video-thumbnail img[data-v-222cbbaf]{width:100%;height:100%;object-fit:cover}.video-play-btn[data-v-222cbbaf]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-color:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.play-icon[data-v-222cbbaf]{width:0;height:0;border-style:solid;border-width:10px 0 10px 20px;border-color:transparent transparent transparent #00ffff}.scroll-btn[data-v-222cbbaf]{width:30px;height:30px;background-color:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0 10px;flex-shrink:0}.arrow-left[data-v-222cbbaf],.arrow-right[data-v-222cbbaf]{width:0;height:0;border-style:solid}.arrow-left[data-v-222cbbaf]{border-width:8px 12px 8px 0;border-color:transparent #00ffff transparent transparent}.arrow-right[data-v-222cbbaf]{border-width:8px 0 8px 12px;border-color:transparent transparent transparent #00ffff}.panel-box[data-v-c85cabb7]{border-radius:4px;margin-bottom:10px}.panel-header[data-v-c85cabb7]{display:flex;align-items:center;padding:10px;height:2.3rem;background-image:url(./Group_small_title-84cc5d86.png);background-size:100% 100%;background-repeat:no-repeat;border-bottom:1px solid rgba(0,255,255,.2);font-family:YouSheBiaoTiHei,YouSheBiaoTiHei;font-weight:200;font-size:1.3rem;color:#fff;line-height:13px;letter-spacing:1px;text-align:left;font-style:normal;text-transform:none;flex:0 0 auto}.icon[data-v-c85cabb7]{width:20px;height:20px;margin-right:8px;background-size:contain;background-repeat:no-repeat}.video-container[data-v-c85cabb7]{position:relative;height:250px;overflow:hidden}.video-player[data-v-c85cabb7]{width:100%;height:100%;object-fit:cover}.video-play-btn[data-v-c85cabb7]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-color:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.play-icon[data-v-c85cabb7]{width:0;height:0;border-style:solid;border-width:10px 0 10px 20px;border-color:transparent transparent transparent #00ffff}.video-control[data-v-c85cabb7]{margin-left:auto;font-size:12px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:5px}.station-video[data-v-c85cabb7]{background-image:url(./DataIcon-bbb4f093.png);width:30px;height:30px;background-size:contain;background-repeat:no-repeat;display:inline-block}.station-video-title[data-v-c85cabb7]{font-family:YouSheBiaoTiHei,YouSheBiaoTiHei;font-weight:100;font-size:1.1rem}.camera-modal[data-v-4b41b2db]{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;pointer-events:auto}.modal-content[data-v-4b41b2db]{width:80%;max-width:1000px;background-color:#04485a80;border:1px solid #00ffff;border-radius:8px;overflow:hidden}.modal-header[data-v-4b41b2db]{display:flex;justify-content:space-between;align-items:center;padding:4px 20px;background-image:url(./Group_popup_top-a14e1d91.png);background-size:100% 100%;background-repeat:no-repeat;color:#fff;font-size:1.2rem}.header-left[data-v-4b41b2db]{display:flex;align-items:center}.header-icon[data-v-4b41b2db]{width:30px;height:30px;margin-right:10px}.close-icon[data-v-4b41b2db]{width:20px;height:20px;cursor:pointer;position:relative}.close-icon[data-v-4b41b2db]:before,.close-icon[data-v-4b41b2db]:after{content:"";position:absolute;width:20px;height:2px;background-color:#fff;top:50%;left:0}.close-icon[data-v-4b41b2db]:before{transform:rotate(45deg)}.close-icon[data-v-4b41b2db]:after{transform:rotate(-45deg)}.modal-body[data-v-4b41b2db]{padding:20px}.main-camera-container[data-v-4b41b2db]{position:relative;width:100%;height:400px;margin-bottom:20px;overflow:visible;background-color:#000;border-radius:8px;display:flex;justify-content:center;align-items:center}[data-v-4b41b2db] .video-js .vjs-control-bar{display:flex!important;opacity:1!important}[data-v-4b41b2db] .ezuikit-video-container{position:relative;width:100%!important;height:100%!important}.camera-player[data-v-4b41b2db]{width:100%;height:100%;object-fit:cover}.camera-list-grid[data-v-4b41b2db]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;max-height:300px;overflow:auto}.camera-grid-item[data-v-4b41b2db]{background-color:#1e4e6c;border-radius:4px;padding:10px 15px;cursor:pointer;position:relative;transition:all .3s ease;display:flex;align-items:center;height:40px}.camera-grid-item.status-error[data-v-4b41b2db]{background-color:#785242}.camera-grid-item.status-error[data-v-4b41b2db]{background-color:#cb52524d}.camera-icon[data-v-4b41b2db]{width:40px;height:40px;background-size:contain;background-repeat:no-repeat;display:inline-block;margin-right:10px;flex-shrink:0}.camera-icon.status-error[data-v-4b41b2db]{background-image:url(./MonitorIcon_red-50ca248f.png)}.camera-icon.status-normal[data-v-4b41b2db]{background-image:url(./MonitorIcon_green-03da67a6.png)}.camera-icon.status-offline[data-v-4b41b2db]{background-image:url(./MonitorIcon_grey-a99e2018.png)}.camera-grid-item[data-v-4b41b2db]{background-color:#1e4e6c;border-radius:4px;padding:10px 15px;cursor:pointer;position:relative;transition:all .3s ease;display:flex;align-items:center;height:50px}.camera-grid-item.active[data-v-4b41b2db]{background-color:#2a6b94;box-shadow:0 0 10px #00ffff4d}.camera-grid-item.status-error[data-v-4b41b2db]{background-color:#cb5252b3}.camera-grid-item.active.status-error[data-v-4b41b2db]{background-color:#cb5252cc;box-shadow:0 0 10px #ff64004d}.camera-grid-item.status-offline[data-v-4b41b2db]{background-color:#3a3a3a}.camera-name[data-v-4b41b2db]{color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.camera-status[data-v-4b41b2db]{color:red;font-size:12px;padding:2px 6px;border-radius:10px;margin-left:10px;flex-shrink:0}.loading-indicator[data-v-4b41b2db]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background-color:#000000b3;padding:15px 25px;border-radius:6px;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #00ffff4d}.loading-indicator[data-v-4b41b2db]:before{content:"";width:20px;height:20px;border:2px solid #00ffff;border-top-color:transparent;border-radius:50%;margin-right:10px;animation:spin-4b41b2db 1s linear infinite}@keyframes spin-4b41b2db{to{transform:rotate(360deg)}}.panel-box[data-v-a49b759d]{border-radius:4px;margin-bottom:10px}.panel-header[data-v-a49b759d]{display:flex;align-items:center;padding:10px;height:2.3rem;background-image:url(./Group_small_title-84cc5d86.png);background-size:100% 100%;background-repeat:no-repeat;border-bottom:1px solid rgba(0,255,255,.2);font-family:YouSheBiaoTiHei,YouSheBiaoTiHei;font-weight:200;font-size:1.3rem;color:#fff;line-height:13px;letter-spacing:1px;text-align:left;font-style:normal;text-transform:none;flex:0 0 auto}.icon[data-v-a49b759d]{width:20px;height:20px;margin-right:8px;background-size:contain;background-repeat:no-repeat}.camera-control[data-v-a49b759d]{margin-left:auto;color:#fff;cursor:pointer;display:flex;align-items:center;gap:5px}.station-camera[data-v-a49b759d]{background-image:url(data:image/png;base64,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);width:30px;height:30px;background-size:contain;background-repeat:no-repeat;display:inline-block}.station-camera-title[data-v-a49b759d]{font-family:YouSheBiaoTiHei,YouSheBiaoTiHei;font-weight:100;font-size:1.1rem}.camera-grid[data-v-a49b759d]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px}.camera-item[data-v-a49b759d]{text-align:center}.camera-count[data-v-a49b759d]{font-size:24px;font-weight:700;color:#0ff}.camera-label[data-v-a49b759d]{font-size:1rem;color:#7eb6ff}.camera-modal[data-v-a49b759d]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-a49b759d]{width:80%;max-width:1000px;background-color:#0a2a42;border:1px solid #00ffff;border-radius:8px;overflow:hidden}.modal-header[data-v-a49b759d]{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-image:url(./Group_small_title-84cc5d86.png);background-size:100% 100%;background-repeat:no-repeat;color:#fff;font-size:1.2rem}.close-icon[data-v-a49b759d]{width:20px;height:20px;cursor:pointer;position:relative}.close-icon[data-v-a49b759d]:before,.close-icon[data-v-a49b759d]:after{content:"";position:absolute;width:20px;height:2px;background-color:#0ff;top:50%;left:0}.close-icon[data-v-a49b759d]:before{transform:rotate(45deg)}.close-icon[data-v-a49b759d]:after{transform:rotate(-45deg)}.modal-body[data-v-a49b759d]{padding:20px}.main-camera-container[data-v-a49b759d]{position:relative;width:100%;height:400px;margin-bottom:20px;overflow:hidden;background-color:#000}.camera-player[data-v-a49b759d]{width:100%;height:100%;object-fit:cover}.camera-play-btn[data-v-a49b759d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-color:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.play-icon[data-v-a49b759d]{width:0;height:0;border-style:solid;border-width:10px 0 10px 20px;border-color:transparent transparent transparent #00ffff}.camera-list-container[data-v-a49b759d]{max-height:300px;overflow-y:auto;border:1px solid rgba(0,255,255,.3);border-radius:4px}.camera-list-wrapper[data-v-a49b759d]{display:flex;flex-direction:column}.camera-list-item[data-v-a49b759d]{display:flex;align-items:center;padding:10px 15px;border-bottom:1px solid rgba(0,255,255,.1);cursor:pointer;transition:background-color .3s}.camera-list-item[data-v-a49b759d]:hover{background-color:#00ffff1a}.camera-list-item.active[data-v-a49b759d]{background-color:#0ff3}.camera-item-status[data-v-a49b759d]{width:10px;height:10px;border-radius:50%;margin-right:10px}.camera-item-status.online[data-v-a49b759d]{background-color:#0f0}.camera-item-status.offline[data-v-a49b759d]{background-color:#888}.camera-item-status.error[data-v-a49b759d]{background-color:red}.camera-item-info[data-v-a49b759d]{flex:1}.camera-item-name[data-v-a49b759d]{font-size:1rem;color:#fff;margin-bottom:5px}.camera-item-location[data-v-a49b759d]{font-size:.8rem;color:#7eb6ff}.camera-onLine[data-v-a49b759d],.camera-abnormal[data-v-a49b759d],.camera-offLine[data-v-a49b759d]{cursor:pointer}