.construction-video-viewport{position:relative;width:100%;max-width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#111;--construction-video-side-width: 132px}.construction-video-viewport:-webkit-full-screen,.construction-video-viewport--fullscreen:-webkit-full-screen{width:100vw;height:100vh;max-width:none;max-height:none;aspect-ratio:auto;border-radius:0!important;background:#000}.construction-video-viewport:fullscreen,.construction-video-viewport:-webkit-full-screen,.construction-video-viewport--fullscreen:fullscreen,.construction-video-viewport--fullscreen:-webkit-full-screen{width:100vw;height:100vh;max-width:none;max-height:none;aspect-ratio:auto;border-radius:0!important;background:#000}.construction-video-viewport:-webkit-full-screen .p_container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000}.construction-video-viewport:fullscreen .p_container,.construction-video-viewport:-webkit-full-screen .p_container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000}.construction-video-viewport:-webkit-full-screen>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center center;background:#000}.construction-video-viewport:fullscreen>video,.construction-video-viewport:-webkit-full-screen>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center center;background:#000}.construction-video-viewport .p_container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.construction-video-viewport .p_container .videoCanvasMsg{background-color:transparent!important;pointer-events:none!important;display:none!important}.construction-video-viewport>video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}.construction-video-viewport .p_container canvas.videoCanvas,.construction-video-viewport>video{opacity:1;visibility:visible}.construction-video-side{position:absolute;top:50%;right:8px;left:auto;z-index:20;width:var(--construction-video-side-width);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px;padding:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:transparent;pointer-events:none}.construction-video-side>*{pointer-events:auto}.construction-video-connecting{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;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;background:#000;pointer-events:auto}.construction-video-connecting--see-through{background:#00000073}.construction-video-freeze-frame{position:absolute;z-index:15;display:block;max-width:none;max-height:none;background:transparent;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.construction-video-connecting__row{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;line-height:1}.construction-video-connecting__icon{-ms-flex-negative:0;flex-shrink:0;-webkit-animation:construction-video-connecting-spin .8s linear infinite;animation:construction-video-connecting-spin .8s linear infinite}.construction-video-connecting__text{color:#a4a9b3;font-size:14px;white-space:nowrap}@-webkit-keyframes construction-video-connecting-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes construction-video-connecting-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.construction-video-viewport .videoCanvasMsg .iconPlay,.construction-video-viewport .videoCanvasMsg #iconPlay{display:none!important}.construction-video-viewport .p_container .videoCanvasMsg:not(:last-of-type){display:none!important}.construction-video-mode-switch{position:relative;top:auto;right:auto;left:auto;z-index:1;width:100%;padding:3px;border-radius:8px;background:#0f172ab8;border:1px solid rgba(255,255,255,.18);-webkit-box-shadow:none;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.construction-video-mode-switch .ant-radio-group{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;width:100%}.construction-video-mode-switch .ant-radio-button-wrapper{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;height:28px;line-height:26px;padding-inline:0;text-align:center;font-size:12px;border-color:#fff3!important;background:transparent!important;color:#ffffffe0!important}.construction-video-mode-switch .ant-radio-button-wrapper:not(:first-child):before{background-color:#fff3!important}.construction-video-mode-switch .ant-radio-button-wrapper-checked{background:#3b82f6d9!important;border-color:#3b82f6d9!important;color:#fff!important}.construction-video-mode-switch .ant-radio-button-wrapper:hover{color:#fff!important}.construction-video-action-bar{position:relative;top:auto;right:auto;left:auto;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:6px;width:100%;padding:4px;border-radius:8px;-webkit-transform:none;transform:none;background:#0f172ab8;border:1px solid rgba(255,255,255,.18);-webkit-box-shadow:none;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.construction-video-action-bar__btn{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-flex:1;-ms-flex:1 1 0px;flex:1 1 0;width:auto;min-width:0;height:32px;padding:0;border:none;border-radius:6px;background:#ffffff1f;color:#fff;font-size:17px;line-height:1;cursor:pointer;-webkit-transition:background .15s,-webkit-transform .1s;transition:background .15s,-webkit-transform .1s;transition:background .15s,transform .1s;transition:background .15s,transform .1s,-webkit-transform .1s}.construction-video-volume{position:relative;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0}.construction-video-volume .construction-video-action-bar__btn{width:100%}.construction-video-volume__popover{position:absolute;left:50%;right:auto;bottom:100%;top:auto;z-index:30;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:10px;padding-right:0;padding-left:0;-webkit-transform:translateX(-50%);transform:translate(-50%);pointer-events:auto}.construction-video-action-bar__btn--light{background:#ffffff47;color:#fffffff5}.construction-video-action-bar__btn:hover:not(:disabled){background:#ffffff57}.construction-video-action-bar__btn--light:hover:not(:disabled){background:#ffffff6b}.construction-video-action-bar__btn:active:not(:disabled){-webkit-transform:scale(.94);transform:scale(.94)}.construction-video-action-bar__btn--active{background:#3b82f6d9}.construction-video-action-bar__btn:disabled{opacity:.45;cursor:not-allowed}.construction-video-action-bar__spin{-webkit-animation:construction-video-action-spin .8s linear infinite;animation:construction-video-action-spin .8s linear infinite}@-webkit-keyframes construction-video-action-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes construction-video-action-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.construction-video-volume__arrow{position:absolute;left:50%;right:auto;bottom:2px;top:auto;z-index:1;width:0;height:0;-webkit-transform:translateX(-50%);transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid rgba(15,23,42,.92);border-bottom:none;-webkit-filter:drop-shadow(0 0 .5px rgba(255,255,255,.28));filter:drop-shadow(0 0 .5px rgba(255,255,255,.28))}.construction-video-volume__panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;width:148px;height:40px;padding:0 12px 0 10px;border-radius:8px;background:#0f172aeb;border:1px solid rgba(255,255,255,.18);-webkit-box-shadow:0 4px 16px rgba(0,0,0,.35);box-shadow:0 4px 16px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.construction-video-volume__value{-ms-flex-negative:0;flex-shrink:0;min-width:22px;font-size:11px;font-variant-numeric:tabular-nums;line-height:1;text-align:right;color:#ffffffeb}.construction-video-volume__slider{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0!important;min-width:0}.construction-video-volume__slider .ant-slider-rail{background:#fff3}.construction-video-volume__slider .ant-slider-track{background:#3b82f6}.construction-video-volume__slider .ant-slider-handle:after{-webkit-box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px #3b82f6}.playback-record-panel__toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:12px}.playback-record-panel__label{font-size:13px;color:#4b5563}.playback-record-panel__hint{font-size:12px;color:#6b7280}.playback-record-panel__empty{padding:24px 12px;text-align:center;font-size:13px;color:#6b7280}.construction-video-playback-controls{position:absolute;left:50%;bottom:16px;z-index:20;-webkit-transform:translateX(-50%);transform:translate(-50%);padding:4px;border-radius:999px;background:#0f172ab8;border:1px solid rgba(255,255,255,.18);-webkit-box-shadow:0 4px 16px rgba(0,0,0,.28);box-shadow:0 4px 16px #00000047;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.construction-video-playback-controls__btn{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;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:#ffffff24;color:#fff;font-size:22px;line-height:1;cursor:pointer;-webkit-transition:background .15s,-webkit-transform .1s;transition:background .15s,-webkit-transform .1s;transition:background .15s,transform .1s;transition:background .15s,transform .1s,-webkit-transform .1s}.construction-video-playback-controls__btn:hover:not(:disabled){background:#ffffff47}.construction-video-playback-controls__btn:active:not(:disabled){-webkit-transform:scale(.94);transform:scale(.94)}.construction-video-playback-controls__btn--active{background:#3b82f6d9}.construction-video-playback-controls__btn:disabled{opacity:.45;cursor:not-allowed}.playback-timeline-scale{margin-bottom:14px}.playback-timeline-scale__header{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:8px;gap:8px}.playback-timeline-scale__hint{font-size:12px;color:#6b7280}.playback-timeline-scale__time{font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;color:#2563eb}.playback-timeline-scale__track{position:relative;height:28px;margin-top:4px;background:transparent;border:none;cursor:pointer;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.playback-timeline-scale__track:before{content:"";position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;border-radius:3px;background:#cbd5e1;pointer-events:none}.playback-timeline-scale__track--disabled{opacity:.5;cursor:not-allowed}.playback-timeline-scale__bar{position:absolute;top:50%;height:6px;margin-top:-3px;border-radius:3px;background:#3b82f6;pointer-events:none;z-index:1}.playback-timeline-scale__playhead{position:absolute;top:50%;width:3px;height:20px;margin-top:-10px;-webkit-transform:translateX(-50%);transform:translate(-50%);border-radius:2px;background:#1d4ed8;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.9),0 1px 4px rgba(29,78,216,.45);box-shadow:0 0 0 2px #ffffffe6,0 1px 4px #1d4ed873;pointer-events:none;z-index:2}.playback-record-scale{margin-bottom:14px}.playback-record-scale__track{position:relative;height:36px;border-radius:8px;background:-webkit-gradient(linear,left top,left bottom,from(#f3f4f6),to(#e5e7eb));background:linear-gradient(180deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;overflow:hidden}.playback-record-scale__segment{position:absolute;top:4px;bottom:4px;min-width:3px;padding:0;border:none;border-radius:4px;background:#3b82f68c;cursor:pointer;-webkit-transition:background .15s,-webkit-box-shadow .15s;transition:background .15s,-webkit-box-shadow .15s;transition:background .15s,box-shadow .15s;transition:background .15s,box-shadow .15s,-webkit-box-shadow .15s}.playback-record-scale__segment:hover{background:#3b82f6c7}.playback-record-scale__segment--active{background:#2563ebeb;-webkit-box-shadow:0 0 0 2px rgba(59,130,246,.35);box-shadow:0 0 0 2px #3b82f659}.playback-record-scale__ticks{position:relative;height:22px;margin-top:6px}.playback-record-scale__tick{position:absolute;-webkit-transform:translateX(-50%);transform:translate(-50%);font-size:11px;color:#9ca3af;white-space:nowrap}.playback-record-scale__tick:first-child{-webkit-transform:none;transform:none}.playback-record-scale__tick:last-child{-webkit-transform:translateX(-100%);transform:translate(-100%)}.playback-record-segments{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.playback-record-segments__btn{padding:6px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:12px;font-variant-numeric:tabular-nums;color:#374151;cursor:pointer;-webkit-transition:border-color .15s,background .15s,color .15s;transition:border-color .15s,background .15s,color .15s}.playback-record-segments__btn:hover{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.playback-record-segments__btn--active{border-color:#3b82f6;background:#dbeafe;color:#1d4ed8;font-weight:500}.construction-video-progress{position:absolute;left:12px;right:12px;bottom:12px;z-index:20;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:#0f172ac7;border:1px solid rgba(255,255,255,.16);-webkit-box-shadow:0 4px 16px rgba(0,0,0,.28);box-shadow:0 4px 16px #00000047;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.construction-video-progress__time{-ms-flex-negative:0;flex-shrink:0;min-width:64px;font-size:12px;font-variant-numeric:tabular-nums;color:#ffffffeb;text-align:center}.construction-video-progress__slider{-webkit-box-flex:1;-ms-flex:1;flex:1;height:4px;margin:0;accent-color:#3b82f6;cursor:pointer}.construction-video-progress__slider:disabled{opacity:.45;cursor:not-allowed}.construction-ptz-pad{position:relative;right:auto;bottom:auto;z-index:1;width:var(--construction-video-side-width, 132px);height:var(--construction-video-side-width, 132px);-ms-flex-item-align:center;align-self:center;margin-top:4px;border-radius:50%;background:#0f172ab8;border:1px solid rgba(255,255,255,.18);-webkit-box-shadow:0 4px 20px rgba(0,0,0,.35);box-shadow:0 4px 20px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}.construction-ptz-pad--disabled{opacity:.45;pointer-events:none}.construction-ptz-pad__btn{position:absolute;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;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:#ffffff1f;color:#fff;font-size:18px;line-height:1;cursor:pointer;-webkit-transition:background .15s,-webkit-transform .1s;transition:background .15s,-webkit-transform .1s;transition:background .15s,transform .1s;transition:background .15s,transform .1s,-webkit-transform .1s}.construction-ptz-pad__btn:hover:not(:disabled){background:#ffffff47}.construction-ptz-pad__btn:active:not(:disabled){background:#3b82f68c;-webkit-transform:scale(.94);transform:scale(.94)}.construction-ptz-pad__btn--up{top:10px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.construction-ptz-pad__btn--up:active:not(:disabled){-webkit-transform:translateX(-50%) scale(.94);transform:translate(-50%) scale(.94)}.construction-ptz-pad__btn--down{bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.construction-ptz-pad__btn--down:active:not(:disabled){-webkit-transform:translateX(-50%) scale(.94);transform:translate(-50%) scale(.94)}.construction-ptz-pad__btn--left{left:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.construction-ptz-pad__btn--left:active:not(:disabled){-webkit-transform:translateY(-50%) scale(.94);transform:translateY(-50%) scale(.94)}.construction-ptz-pad__btn--right{right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.construction-ptz-pad__btn--right:active:not(:disabled){-webkit-transform:translateY(-50%) scale(.94);transform:translateY(-50%) scale(.94)}.construction-ptz-pad__center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#ffffff14;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.construction-ptz-pad__zoom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;min-height:0;padding:0;border:none;background:#ffffff1f;color:#fff;font-size:11px;line-height:1;cursor:pointer;-webkit-transition:background .15s;transition:background .15s}.construction-ptz-pad__zoom--in{border-bottom:1px solid rgba(255,255,255,.14)}.construction-ptz-pad__zoom:hover:not(:disabled){background:#ffffff47}.construction-ptz-pad__zoom:active:not(:disabled){background:#3b82f68c}.construction-auth-table .ant-table{table-layout:auto}.construction-auth-table .ant-table-thead>tr>th,.construction-auth-table .ant-table-tbody>tr>td{white-space:nowrap}