.buttons-box{width:100%;height:28px;background-color:rgba(43,51,63,.7);position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;bottom:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10}.jessibuca-btn{width:20px;color:#fff;line-height:27px;margin:0 10px;padding:0 2px;cursor:pointer;text-align:center;font-size:.8rem!important}.buttons-box-right{position:absolute;right:0}.buttons-box[data-v-2fe38ccc]{position:absolute;bottom:0;left:0;right:0;height:40px;background:rgba(0,0,0,.7);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 12px;z-index:10}.buttons-box-left[data-v-2fe38ccc],.buttons-box-right[data-v-2fe38ccc],.buttons-box[data-v-2fe38ccc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.buttons-box-left[data-v-2fe38ccc],.buttons-box-right[data-v-2fe38ccc]{gap:12px}.h265-btn[data-v-2fe38ccc]{color:#fff;cursor:pointer;font-size:18px;-webkit-transition:color .3s;transition:color .3s}.h265-btn[data-v-2fe38ccc]:hover{color:#1890ff}.player-header[data-v-407f3496]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 20px;background:linear-gradient(135deg,#141414,#1a1a1a);color:#f8f8f8;border-bottom:none}.header-left[data-v-407f3496],.player-header[data-v-407f3496]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-left[data-v-407f3496]{font-size:16px;font-weight:600}.header-title[data-v-407f3496]{font-size:16px}.close-btn[data-v-407f3496]{font-size:18px;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.close-btn[data-v-407f3496]:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.video-main[data-v-407f3496]{width:100%;height:500px;background:#000;position:relative}.ptz-overlay[data-v-407f3496]{position:absolute;top:12px;right:12px;width:200px;background:rgba(20,20,20,.92);border-radius:8px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.5);box-shadow:0 4px 20px rgba(0,0,0,.5);padding:12px;backdrop-filter:blur(10px);z-index:100;border:1px solid hsla(0,0%,100%,.1)}.ptz-overlay-header[data-v-407f3496]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid hsla(0,0%,100%,.15);font-weight:600;color:#fff;font-size:13px}.ptz-overlay-header[data-v-407f3496],.ptz-title[data-v-407f3496]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ptz-title[data-v-407f3496]{gap:8px;white-space:nowrap;overflow:hidden}.ptz-hint[data-v-407f3496]{font-weight:500;font-size:12px;color:#91d5ff;opacity:.9}.drag-handle[data-v-407f3496]{cursor:move!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.drag-handle[data-v-407f3496]:active{cursor:-webkit-grabbing!important;cursor:grabbing!important}.ptz-overlay-header i[data-v-407f3496]{cursor:pointer;font-size:14px;color:#999;-webkit-transition:color .2s;transition:color .2s}.ptz-overlay-header i[data-v-407f3496]:hover{color:#1890ff}.ptz-direction[data-v-407f3496]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;margin-bottom:12px}.direction-row[data-v-407f3496]{gap:4px}.direction-btn[data-v-407f3496],.direction-row[data-v-407f3496]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.direction-btn[data-v-407f3496]{width:42px;height:42px;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;border-radius:6px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;-webkit-transition:all .2s;transition:all .2s}.direction-btn[data-v-407f3496]:hover:not(:disabled){background:rgba(24,144,255,.3);border-color:#1890ff}.direction-btn.center[data-v-407f3496]{cursor:not-allowed;background:hsla(0,0%,100%,.05);opacity:.5}.ptz-speed[data-v-407f3496]{margin-bottom:12px}.speed-label[data-v-407f3496]{font-size:11px;color:#d9d9d9;margin-bottom:6px;text-align:center;font-weight:500}.ptz-controls[data-v-407f3496]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.control-row[data-v-407f3496]{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}.control-label[data-v-407f3496]{font-size:12px;color:#d9d9d9;width:45px;font-weight:500}.control-buttons[data-v-407f3496]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.control-buttons .ant-btn[data-v-407f3496]{width:36px;padding:0;font-weight:600;font-size:14px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;-webkit-transition:all .2s;transition:all .2s}.control-buttons .ant-btn[data-v-407f3496]:hover{background:rgba(24,144,255,.3);border-color:#1890ff;color:#fff}.player-footer[data-v-407f3496]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 20px;background:#1f1f1f;border-top:1px solid #333}.footer-center[data-v-407f3496],.footer-left[data-v-407f3496],.footer-right[data-v-407f3496]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.footer-info[data-v-407f3496]{color:#d9d9d9;font-size:12px}.footer-info strong[data-v-407f3496]{color:#fff;font-family:Courier New,monospace}.slide-fade-enter-active[data-v-407f3496]{-webkit-transition:all .3s ease;transition:all .3s ease}.slide-fade-leave-active[data-v-407f3496]{-webkit-transition:all .3s cubic-bezier(1,.5,.8,1);transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter[data-v-407f3496],.slide-fade-leave-to[data-v-407f3496]{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}