.realtime-page[data-v-44ae63f5]{min-height:calc(100vh - 180px)}.page-heading[data-v-44ae63f5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:18px}.page-title[data-v-44ae63f5]{color:#1f2329;font-size:22px;font-weight:700}.page-subtitle[data-v-44ae63f5]{margin-top:6px;color:#86909c;font-size:13px}.monitor-layout[data-v-44ae63f5]{min-height:620px}.camera-list-card[data-v-44ae63f5],.preview-card[data-v-44ae63f5]{height:100%;min-height:620px}.camera-list[data-v-44ae63f5]{max-height:540px;overflow-y:auto}.camera-item[data-v-44ae63f5]{padding:12px;border-bottom:1px solid #f0f0f0;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.camera-item.active[data-v-44ae63f5],.camera-item[data-v-44ae63f5]:hover{background:#f0f7ff}.camera-item-title[data-v-44ae63f5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;color:#1f2329;font-weight:600}.camera-item-meta[data-v-44ae63f5]{margin:6px 0;color:#86909c;font-size:12px}.preview-empty[data-v-44ae63f5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:560px;color:#86909c;font-size:14px;gap:12px}.preview-empty .anticon[data-v-44ae63f5]{color:#91b7df;font-size:48px}.video-stage[data-v-44ae63f5]{position:relative;min-height:500px;overflow:hidden;background:#080808;border-radius:4px}.monitor-video[data-v-44ae63f5]{display:block;width:100%;min-height:500px;-o-object-fit:contain;object-fit:contain;background:#080808}.video-placeholder[data-v-44ae63f5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:500px;color:#bfbfbf}.region-layer[data-v-44ae63f5]{z-index:1}.annotation-layer[data-v-44ae63f5],.region-layer[data-v-44ae63f5]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.annotation-layer[data-v-44ae63f5]{z-index:2}.alarm-banner[data-v-44ae63f5]{position:absolute;left:14px;right:14px;top:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:9px 12px;color:#fff;border-radius:4px;background:rgba(22,93,255,.86)}.alarm-banner.alarm-high[data-v-44ae63f5]{background:rgba(207,19,34,.9)}.alarm-banner .ant-tag[data-v-44ae63f5]{margin-left:auto;color:#fff;border-color:hsla(0,0%,100%,.65);background:transparent}.video-error[data-v-44ae63f5]{position:absolute;left:14px;right:14px;bottom:14px}.preview-footer[data-v-44ae63f5]{padding-top:14px}.footer-label[data-v-44ae63f5]{margin-right:10px;color:#4e5969;font-size:13px;font-weight:600}.muted[data-v-44ae63f5]{color:#86909c;font-size:12px}.event-panel[data-v-44ae63f5]{margin-top:14px;padding-top:12px;border-top:1px solid #f0f0f0}.event-row[data-v-44ae63f5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #f7f7f7;font-size:12px}.event-content[data-v-44ae63f5]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-time[data-v-44ae63f5]{color:#86909c}