:root{--page-bg: #f0f2f5;--page-padding: 16px;--page-gap: 12px;--content-max-width: 1600px;--card-bg: #ffffff;--card-radius: 8px;--card-border: 1px solid #ebeef5;--card-padding: 16px;--toolbar-gap: 10px;--toolbar-margin-bottom: 14px;--text-primary: #303133;--text-regular: #606266;--text-secondary: #909399;--text-placeholder: #c0c4cc;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399;--aside-width: 220px;--aside-collapsed-width: 64px;--aside-bg: #001529;--header-height: 56px;--header-bg: #ffffff;--header-border: 1px solid #ebeef5;--stat-value-size: 26px;--stat-label-size: 13px}html,body,#app{height:100%;margin:0}body{color:var(--text-primary);background:var(--page-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}.layout .main.el-main{padding:var(--page-padding);background:var(--page-bg)}.layout .main.el-main>.alarm-overview,.layout .main.el-main>.monitor-page,.layout .main.el-main>.overview-page,.layout .main.el-main>.realtime-page,.layout .main.el-main>.video-page,.layout .main.el-main>.video-center,.layout .main.el-main>.trend-page,.layout .main.el-main>.page-with-padding{margin:calc(var(--page-padding) * -1);padding:var(--page-padding);min-height:calc(100% + var(--page-padding) * 2);box-sizing:border-box}.layout .main>.el-card,.layout .main .page-scaffold>.el-card{border:var(--card-border);border-radius:var(--card-radius);box-shadow:none}.layout .main>.el-card>.el-card__body,.page-scaffold .el-card>.el-card__body{padding:var(--card-padding)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--toolbar-gap);margin-bottom:var(--toolbar-margin-bottom)}.toolbar .toolbar-spacer,.toolbar .spacer{flex:1;min-width:8px}.toolbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--toolbar-gap);margin-left:auto}.layout .main .el-pagination{margin-top:16px;justify-content:flex-end}.layout .main .el-table{--el-table-header-bg-color: #fafbfc;--el-table-header-text-color: var(--text-regular);border-radius:6px}.layout .main .el-table .el-button.is-link{padding:0 4px;margin-left:0}.layout .main .el-table .el-button.is-link+.el-button.is-link{margin-left:4px}.empty-text{text-align:center;color:var(--text-secondary);padding:28px 0;font-size:13px}.stat-cards .stat-value,.stat-card .stat-value{font-size:var(--stat-value-size);font-weight:700;line-height:1.2;color:var(--text-primary)}.stat-cards .stat-label,.stat-card .stat-label{margin-top:6px;font-size:var(--stat-label-size);color:var(--text-secondary)}.stat-cards .stat-value.warning{color:var(--color-warning)}.stat-cards .stat-value.general,.stat-cards .stat-value.info{color:#f59a23}.stat-cards .stat-value.emergency,.stat-cards .stat-value.danger{color:var(--color-danger)}.stat-cards .stat-value.success{color:var(--color-success)}.stat-cards .el-card{border-radius:var(--card-radius);border:var(--card-border)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:var(--page-gap)}.page-header .page-title{font-size:18px;font-weight:600;color:var(--text-primary)}.page-header .page-sub{font-size:13px;color:var(--text-secondary);margin-top:2px}.layout .el-dialog{border-radius:10px}.layout .el-dialog__header{padding-bottom:8px;margin-right:0;border-bottom:1px solid #f0f2f5}.layout .el-dialog__footer{border-top:1px solid #f0f2f5;padding-top:12px}body:has(.login-page){background:transparent}.alarm-notification[data-v-4af07a8f]{display:inline-flex;align-items:center}.bell-wrap[data-v-4af07a8f]{cursor:pointer;padding:6px;color:#606266;display:flex;align-items:center;justify-content:center}.bell-wrap[data-v-4af07a8f]:hover{color:#409eff}.alarm-badge[data-v-4af07a8f] .el-badge__content{top:4px;right:6px}.alarm-popover-header[data-v-4af07a8f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee}.title[data-v-4af07a8f]{font-weight:700;font-size:14px}.actions[data-v-4af07a8f]{display:flex;gap:12px}.action-icon[data-v-4af07a8f]{cursor:pointer;color:#909399}.action-icon[data-v-4af07a8f]:hover{color:#409eff}.alarm-list[data-v-4af07a8f]{max-height:260px;overflow-y:auto}.empty[data-v-4af07a8f]{text-align:center;color:#909399;padding:24px 0;font-size:13px}.alarm-item[data-v-4af07a8f]{padding:10px 0;border-bottom:1px solid #f0f0f0;cursor:pointer}.alarm-item[data-v-4af07a8f]:last-child{border-bottom:none}.alarm-item[data-v-4af07a8f]:hover{background:#f5f7fa}.alarm-item-level[data-v-4af07a8f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.alarm-time[data-v-4af07a8f]{font-size:12px;color:#909399}.alarm-item-title[data-v-4af07a8f]{font-size:13px;font-weight:500;margin-bottom:4px}.alarm-item-desc[data-v-4af07a8f]{font-size:12px;color:#606266}.alarm-footer[data-v-4af07a8f]{text-align:center;padding-top:8px;border-top:1px solid #eee}.video-player[data-v-30361b86]{position:relative;width:100%;height:100%;background:#000;display:flex;flex-direction:column}.video-player .player-video[data-v-30361b86]{flex:1;width:100%;min-height:0;object-fit:contain}.video-player .player-loading[data-v-30361b86]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:#00000080;gap:8px;font-size:14px}.video-player .player-toolbar[data-v-30361b86]{position:absolute;top:8px;right:8px;display:flex;gap:8px;align-items:center;opacity:0;transition:opacity .2s;background:#00000080;padding:4px 8px;border-radius:4px}.video-player:hover .player-toolbar[data-v-30361b86]{opacity:1}.video-player .time-display[data-v-30361b86]{color:#fff;font-size:12px;min-width:120px;text-align:center}.alarm-video-dialog .camera-name[data-v-8deccb0b]{font-weight:700;margin-bottom:8px}.alarm-video-dialog .video-box[data-v-8deccb0b]{height:480px;background:#000;border-radius:4px;overflow:hidden}.alarm-video-dialog .empty[data-v-8deccb0b]{height:480px;display:flex;align-items:center;justify-content:center;color:#909399}.alarm-video-dialog .camera-list[data-v-8deccb0b]{margin-top:12px}.alarm-video-dialog .list-title[data-v-8deccb0b]{font-size:13px;color:#606266;margin-bottom:8px}.alarm-video-dialog .camera-tabs[data-v-8deccb0b]{display:flex;gap:8px;flex-wrap:wrap}.layout[data-v-f78b4744]{height:100vh;background:var(--page-bg)}.aside[data-v-f78b4744]{background:var(--aside-bg);overflow:hidden;display:flex;flex-direction:column;transition:width .2s ease;border-right:1px solid rgba(255,255,255,.04)}.aside-scroll[data-v-f78b4744]{flex:1;min-height:0}.logo[data-v-f78b4744]{min-height:var(--header-height);padding:0 14px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-size:16px;font-weight:650;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.logo-img[data-v-f78b4744]{max-height:32px;max-width:32px;object-fit:contain;flex-shrink:0}.logo-text[data-v-f78b4744]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aside[data-v-f78b4744] .el-menu{border-right:none;background:transparent;padding:8px 0 16px}.aside[data-v-f78b4744] .el-menu-item,.aside[data-v-f78b4744] .el-sub-menu__title{height:44px;line-height:44px;margin:2px 8px;border-radius:8px}.aside[data-v-f78b4744]:not(.collapsed) .el-menu-item,.aside[data-v-f78b4744]:not(.collapsed) .el-sub-menu__title{padding-left:14px!important}.aside[data-v-f78b4744] .el-menu-item.is-active{background:var(--el-color-primary)!important;color:#fff!important}.aside[data-v-f78b4744] .el-menu-item:hover,.aside[data-v-f78b4744] .el-sub-menu__title:hover{background:#ffffff14!important}.layout-main[data-v-f78b4744]{min-width:0}.header[data-v-f78b4744]{display:flex;justify-content:space-between;align-items:center;border-bottom:var(--header-border);background:var(--header-bg);padding:0 12px 0 4px;box-shadow:none;height:var(--header-height)}.header-left[data-v-f78b4744]{display:flex;align-items:center;gap:4px;min-width:0}.collapse-btn[data-v-f78b4744]{color:var(--text-regular)}.header-title[data-v-f78b4744]{font-size:16px;font-weight:600;color:var(--text-primary)}.header-right[data-v-f78b4744]{display:flex;align-items:center;gap:10px;flex-shrink:0}.username[data-v-f78b4744]{color:var(--text-regular);font-size:13px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main[data-v-f78b4744]{background:var(--page-bg);padding:var(--page-padding);overflow:auto}