.popup-base[data-v-2b2d9b84]{position:absolute;top:0;left:0;background:rgba(0,0,0,.5);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:10}.popup-base-main[data-v-2b2d9b84]{--bg-popup:rgba(6,18,41,0.95);--border-popup:#1a4273;--text-main:#fff;--text-muted:#7fa1cc;--color-accent:#00b4ff;width:520px;background:url(../img/icon_0016.5be23442.png) no-repeat 50%;background-size:100% 100%;border-radius:6px;padding:20px;box-sizing:border-box;color:var(--text-main);font-family:PingFang SC,Microsoft YaHei,sans-serif;-webkit-user-select:none;-ms-user-select:none;user-select:none}.popup-base-main__header[data-v-2b2d9b84]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;border-bottom:1px solid rgba(26,66,115,.6);padding-bottom:15px}.popup-base-main__title[data-v-2b2d9b84]{font-size:18px;font-weight:700;letter-spacing:1px;background:linear-gradient(180deg,#fff 32%,#9cbfed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.popup-base-main__title-icon[data-v-2b2d9b84]{font-size:12px;margin-right:6px;color:#3fa9ff;position:relative;box-sizing:border-box;padding-left:20px}.popup-base-main__close-btn[data-v-2b2d9b84]{background:none;border:none;cursor:pointer;padding:4px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;transition:transform .2s;&[data-v-2b2d9b84]:hover{transform:scale(1.1)}}.panel-title>span[data-v-2b2d9b84]{font-size:15px;font-weight:700;letter-spacing:1px;background:linear-gradient(180deg,#fff,#9cbfed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.monitor-popup[data-v-bb0a7808]{--border-color:rgba(34,85,153,0.4);--text-main:#fff;--text-muted:#8da2c4;--color-primary:#26fff2;--color-link:#3fa9ff;--bg-input:rgba(11,32,69,0.7);width:1000px;height:auto;background:url(../img/icon_0016.5be23442.png) no-repeat 50%;background-size:100% 100%;border-radius:8px;padding:20px 20px;box-sizing:border-box;color:var(--text-main);font-family:PingFang SC,sans-serif;box-shadow:0 0 24px rgba(0,180,255,.25);-webkit-user-select:none;-ms-user-select:none;user-select:none}.monitor-popup__header[data-v-bb0a7808]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:15px}.monitor-popup__title[data-v-bb0a7808]{font-size:18px;font-weight:600;letter-spacing:.5px;background:linear-gradient(180deg,#fff 32%,#9cbfed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.monitor-popup__title-icon[data-v-bb0a7808]{font-size:12px;margin-right:6px;color:#3fa9ff;position:relative;box-sizing:border-box;padding-left:20px}.monitor-popup__close-btn[data-v-bb0a7808]{background:none;border:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;transition:opacity .2s ease}.monitor-popup__close-btn[data-v-bb0a7808]:hover{opacity:.8}.monitor-popup__content-layout[data-v-bb0a7808]{display:-ms-grid;display:grid;-ms-grid-columns:1fr 240px;grid-template-columns:1fr 240px;gap:15px}.monitor-popup__video-section[data-v-bb0a7808]{background:url(../img/icon_0014.8b19af0b.png) no-repeat 50%;background-size:100% 100%;border-radius:4px;padding:15px;box-sizing:border-box}.monitor-popup__video-wrapper[data-v-bb0a7808]{position:relative;width:100%;height:440px;background:#000;border-radius:2px;overflow:hidden}.monitor-popup__video-stream[data-v-bb0a7808]{width:100%;height:100%;object-fit:cover}.monitor-popup__video-controls[data-v-bb0a7808]{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);padding:15px 12px 10px 12px}.monitor-popup__slider-track[data-v-bb0a7808]{position:relative;width:100%;height:4px;background:hsla(0,0%,100%,.25);border-radius:2px;cursor:pointer}.monitor-popup__slider-bar[data-v-bb0a7808]{position:absolute;left:0;top:0;height:100%;background:var(--color-primary);border-radius:2px}.monitor-popup__slider-thumb[data-v-bb0a7808]{position:absolute;top:50%;width:10px;height:10px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px var(--color-primary)}.monitor-popup__control-section[data-v-bb0a7808]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:url(../img/icon_0002.1b04a0b4.png) no-repeat 50%;background-size:100% 100%;padding:14px;box-sizing:border-box}.monitor-popup__section-title[data-v-bb0a7808]{margin:0 0 14px 0;font-size:14px;font-weight:600;letter-spacing:.5px;color:#5bc6ff}.monitor-popup__section-title--gradient[data-v-bb0a7808]{background:linear-gradient(90deg,#fff,#14fffd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));display:inline-block}.monitor-popup__ptz-panel[data-v-bb0a7808]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;width:100%}.monitor-popup__ptz-dial[data-v-bb0a7808]{position:relative;width:180px;height:180px;margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.monitor-popup__dial-bg[data-v-bb0a7808]{width:180px;height:180px;display:block;pointer-events:none}.monitor-popup__joystick[data-v-bb0a7808]{width:90px;height:90px;position:absolute;left:50%;top:50%;cursor:grab;z-index:10;-webkit-user-drag:none;transition:transform .2s cubic-bezier(.1,.8,.3,1)}.monitor-popup__joystick--grabbing[data-v-bb0a7808]{cursor:grabbing;transition:none}.monitor-popup__history-panel[data-v-bb0a7808]{border-top:1px solid rgba(34,85,153,.3);padding-top:14px;width:100%}.monitor-popup__form-group[data-v-bb0a7808]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px}.monitor-popup__input-wrapper[data-v-bb0a7808]{position:relative;width:100%}.monitor-popup__input[data-v-bb0a7808]{width:100%;height:32px;background:var(--bg-input);border:1px solid rgba(53,114,196,.4);border-radius:4px;padding:0 30px 0 10px;box-sizing:border-box;color:#fff;font-size:13px}.monitor-popup__input[data-v-bb0a7808]:-ms-input-placeholder{color:#557299}.monitor-popup__input[data-v-bb0a7808]::placeholder{color:#557299}.monitor-popup__input[data-v-bb0a7808]:focus{border-color:var(--color-link);outline:none}.monitor-popup__input-icon[data-v-bb0a7808]{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;color:#557299;pointer-events:none}.monitor-popup__submit-btn[data-v-bb0a7808]{width:70px;height:28px;-ms-flex-item-align:end;align-self:flex-end;background:linear-gradient(90deg,#0073f7,#747ef6);border:1px solid rgba(116,126,246,.6);border-radius:4px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px rgba(0,115,247,.3);text-shadow:0 1px 2px rgba(0,0,0,.3)}.monitor-popup__submit-btn[data-v-bb0a7808]:hover{background:linear-gradient(90deg,#1a82f8,#858ef7);border-color:#858ef7;box-shadow:0 0 12px rgba(116,126,246,.6),0 2px 4px rgba(0,0,0,.2);transform:translateY(-.5px)}.monitor-popup__submit-btn[data-v-bb0a7808]:active{background:linear-gradient(90deg,#0066dc,#636de5);box-shadow:0 1px 2px rgba(0,115,247,.4);transform:translateY(.5px)}