.camera-control-container[data-v-0b55b9f6]{width:100%;height:100%;background:#f5f7fa;padding:24px}@media (max-width:768px){.camera-control-container[data-v-0b55b9f6]{padding:12px}}.page-header[data-v-0b55b9f6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e8e8e8}@media (max-width:768px){.page-header[data-v-0b55b9f6]{margin-bottom:16px;padding-bottom:12px;gap:12px}}.page-header .page-title[data-v-0b55b9f6]{margin:0;font-size:18px;font-weight:600;color:#1f1f1f;-webkit-box-flex:1;-ms-flex:1;flex:1}@media (max-width:768px){.page-header .page-title[data-v-0b55b9f6]{font-size:16px}}.control-layout[data-v-0b55b9f6]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;height:calc(100vh - 140px)}@media (max-width:768px){.control-layout[data-v-0b55b9f6]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto;gap:16px}}.video-section[data-v-0b55b9f6]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.video-section .video-container[data-v-0b55b9f6]{width:100%;height:100%;background:#000;border-radius:8px;overflow:hidden;position:relative}@media (max-width:768px){.video-section .video-container[data-v-0b55b9f6]{height:50vh}}.video-section .video-container .control-player[data-v-0b55b9f6]{width:100%;height:100%}.video-section .video-container .video-placeholder[data-v-0b55b9f6]{width:100%;height:100%;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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;gap:16px}.video-section .video-container .video-placeholder .placeholder-icon[data-v-0b55b9f6]{font-size:48px;opacity:.5}.video-section .video-container .video-placeholder p[data-v-0b55b9f6]{margin:0;font-size:14px;opacity:.7}.ptz-section[data-v-0b55b9f6]{width:320px;-ms-flex-negative:0;flex-shrink:0}@media (max-width:768px){.ptz-section[data-v-0b55b9f6]{width:100%}}.ptz-section .ptz-panel[data-v-0b55b9f6]{background:#fff;border-radius:8px;padding:24px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08)}@media (max-width:768px){.ptz-section .ptz-panel[data-v-0b55b9f6]{padding:16px}}.ptz-section .ptz-panel .panel-title[data-v-0b55b9f6]{margin:0 0 24px 0;font-size:16px;font-weight:600;color:#1f1f1f;text-align:center}.ptz-direction-wrapper[data-v-0b55b9f6]{position:relative;width:200px;height:200px;margin:0 auto 24px}@media (max-width:768px){.ptz-direction-wrapper[data-v-0b55b9f6]{width:240px;height:240px}}.ptz-circle-control[data-v-0b55b9f6]{position:relative;width:100%;height:100%;border-radius:50%;background:#f5f5f5;border:2px solid #e0e0e0}.ptz-circle-control .dir-btn[data-v-0b55b9f6]{position:absolute;width:48px;height:48px;border-radius:50%;border:1px solid #d9d9d9;background:#fff;cursor:pointer;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;font-size:20px;color:#595959;-webkit-transition:all .2s;transition:all .2s;z-index:2}.ptz-circle-control .dir-btn[data-v-0b55b9f6]:hover{background:#e6f7ff;border-color:#1890ff;color:#1890ff}.ptz-circle-control .dir-btn[data-v-0b55b9f6]:active{background:#1890ff;border-color:#1890ff;color:#fff;-webkit-transform:scale(.95);transform:scale(.95)}@media (max-width:768px){.ptz-circle-control .dir-btn[data-v-0b55b9f6]{width:56px;height:56px;font-size:24px}}.ptz-circle-control .dir-up[data-v-0b55b9f6]{top:8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ptz-circle-control .dir-down[data-v-0b55b9f6]{bottom:8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ptz-circle-control .dir-left[data-v-0b55b9f6]{left:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ptz-circle-control .dir-right[data-v-0b55b9f6]{right:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ptz-circle-control .center-point[data-v-0b55b9f6]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#fafafa;border:2px solid #e0e0e0;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;color:#bfbfbf;font-size:18px}.diagonal-controls[data-v-0b55b9f6]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.diagonal-controls .diag-btn[data-v-0b55b9f6]{position:absolute;width:36px;height:36px;border-radius:50%;border:1px solid #d9d9d9;background:#fff;cursor:pointer;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;font-size:14px;color:#8c8c8c;-webkit-transition:all .2s;transition:all .2s;pointer-events:auto}.diagonal-controls .diag-btn[data-v-0b55b9f6]:hover{background:#e6f7ff;border-color:#1890ff;color:#1890ff}.diagonal-controls .diag-btn[data-v-0b55b9f6]:active{background:#1890ff;border-color:#1890ff;color:#fff}@media (max-width:768px){.diagonal-controls .diag-btn[data-v-0b55b9f6]{width:42px;height:42px;font-size:16px}}.diagonal-controls .diag-ul[data-v-0b55b9f6]{top:20px;left:20px}.diagonal-controls .diag-ur[data-v-0b55b9f6]{top:20px;right:20px}.diagonal-controls .diag-dl[data-v-0b55b9f6]{bottom:20px;left:20px}.diagonal-controls .diag-dr[data-v-0b55b9f6]{bottom:20px;right:20px}.zoom-controls[data-v-0b55b9f6]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:16px;margin-bottom:24px;padding:16px;background:#f5f5f5;border-radius:8px}.zoom-controls .zoom-btn[data-v-0b55b9f6],.zoom-controls[data-v-0b55b9f6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.zoom-controls .zoom-btn[data-v-0b55b9f6]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;padding:12px 20px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;min-width:70px}.zoom-controls .zoom-btn[data-v-0b55b9f6]:hover{background:#e6f7ff;border-color:#1890ff;color:#1890ff}.zoom-controls .zoom-btn[data-v-0b55b9f6]:active{background:#1890ff;border-color:#1890ff;color:#fff;-webkit-transform:scale(.95);transform:scale(.95)}.zoom-controls .zoom-btn span[data-v-0b55b9f6]{font-size:12px}.zoom-controls .zoom-label[data-v-0b55b9f6]{font-size:14px;color:#8c8c8c;font-weight:500}.speed-control[data-v-0b55b9f6]{margin-bottom:16px}.speed-control .speed-label[data-v-0b55b9f6]{display:block;font-size:14px;color:#595959;margin-bottom:8px;text-align:center}.speed-control .speed-slider-wrapper[data-v-0b55b9f6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.speed-control .speed-slider-wrapper .speed-max[data-v-0b55b9f6],.speed-control .speed-slider-wrapper .speed-min[data-v-0b55b9f6]{font-size:12px;color:#8c8c8c;white-space:nowrap}.speed-control .speed-slider-wrapper .speed-slider[data-v-0b55b9f6]{-webkit-box-flex:1;-ms-flex:1;flex:1}.speed-control .speed-value[data-v-0b55b9f6]{display:block;text-align:center;font-size:14px;color:#1890ff;font-weight:600;margin-top:4px}.keyboard-hint[data-v-0b55b9f6]{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;gap:8px;padding:8px;background:#f6ffed;border:1px solid #b7eb8f;border-radius:4px;color:#52c41a;font-size:12px}.keyboard-hint i[data-v-0b55b9f6]{font-size:14px}.no-control[data-v-0b55b9f6]{text-align:center;padding:40px 24px}.no-control .no-control-icon[data-v-0b55b9f6]{font-size:48px;color:#d9d9d9;margin-bottom:16px}.no-control p[data-v-0b55b9f6]{margin:0 0 8px 0;font-size:16px;color:#595959}.no-control .no-control-sub[data-v-0b55b9f6]{font-size:13px;color:#999}.rotate-45[data-v-0b55b9f6]{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-315[data-v-0b55b9f6]{-webkit-transform:rotate(315deg);transform:rotate(315deg)}