.video-container[data-v-da957f04]{min-height:82vh;background-color:#fff;color:#333;padding:16px}.toolbar[data-v-da957f04]{height:48px;background-color:#e4e3e3;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 16px;border-bottom:1px solid #d1d5db}.toolbar .toolbar-left[data-v-da957f04],.toolbar .toolbar-right[data-v-da957f04],.toolbar[data-v-da957f04]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.toolbar .toolbar-left[data-v-da957f04],.toolbar .toolbar-right[data-v-da957f04]{gap:8px}.view-controls[data-v-da957f04]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.main-content[data-v-da957f04]{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:calc(85vh - 48px)}.control-panel[data-v-da957f04],.main-content[data-v-da957f04]{background-color:#f9fafb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.control-panel[data-v-da957f04]{-webkit-box-flex:2;-ms-flex:2;flex:2;border-right:1px solid #374151;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;height:100%}.control-panel .ptz-control[data-v-da957f04]{padding:8px}.control-panel .ptz-control h3[data-v-da957f04]{font-size:14px;font-weight:500;margin-bottom:16px}.control-panel .ptz-control .direction-grid[data-v-da957f04]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.control-panel .ptz-control .direction-grid .direction-btn[data-v-da957f04]{width:40px;height:40px;background-color:#e5e7eb;border:1px solid #d1d5db;color:#1f2937;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;cursor:pointer}.control-panel .ptz-control .direction-grid .direction-btn[data-v-da957f04]:hover{background-color:#d1d5db}.control-panel .ptz-control .control-group[data-v-da957f04]{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-panel .ptz-control .control-group .control-item[data-v-da957f04]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.control-panel .ptz-control .control-group .control-item span[data-v-da957f04]{font-size:14px}.control-panel .ptz-control .control-group .control-item .control-buttons[data-v-da957f04]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.device-tree[data-v-da957f04]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:16px;background-color:#fff;color:#333;border-top:1px solid #e5e7eb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:var(--device-tree-height)}.device-tree .device-tree-header[data-v-da957f04]{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;margin-bottom:16px;-ms-flex-negative:0;flex-shrink:0}.device-tree .device-tree-header h3[data-v-da957f04]{margin:0}.device-tree .device-tree-header .tree-controls[data-v-da957f04]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.device-tree h3[data-v-da957f04]{margin-bottom:16px;-ms-flex-negative:0;flex-shrink:0}.device-tree .el-tree[data-v-da957f04]{overflow-y:auto;height:calc(100% - 40px)}.device-tree .el-table[data-v-da957f04]{margin-top:10px}.el-collapse[data-v-da957f04]{border:none}.el-collapse .el-collapse-item__header[data-v-da957f04]{background-color:#f0f2f5;padding:0 16px;font-weight:500}.el-collapse .el-collapse-item__content[data-v-da957f04]{padding:8px;will-change:height;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.el-collapse .el-collapse-item.is-active .el-collapse-item__header[data-v-da957f04]{border-bottom-color:transparent}.video-grid[data-v-da957f04]{-webkit-box-flex:8;-ms-flex:8;flex:8;padding:16px;display:grid;gap:8px}.video-grid.layout-1[data-v-da957f04]{grid-template-columns:1fr}.video-grid.layout-4[data-v-da957f04]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.video-grid.layout-6[data-v-da957f04]{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.video-grid.layout-9[data-v-da957f04]{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.video-grid .video-item[data-v-da957f04]{background-color:#939c9b;color:#1f2937;position:relative;border:2px solid transparent}.video-grid .video-item .video-header[data-v-da957f04]{position:absolute;top:50%;left:50%;color:#fff;font-size:32px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-grid .video-item .camera-name[data-v-da957f04]{position:absolute;top:8px;left:8px;color:#fff;font-size:14px;z-index:10;background-color:rgba(0,0,0,.5);padding:4px 8px;border-radius:4px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-grid .video-item .video-timestamp[data-v-da957f04]{position:absolute;bottom:0;left:0;right:0;padding:8px;background:#606060;color:#fff}.video-grid .video-item .video-timestamp span[data-v-da957f04]{font-size:12px}.video-grid .video-item .player-container[data-v-da957f04]{width:100%;height:100%}input[type=range][data-v-da957f04]{-webkit-appearance:none;width:128px;height:4px;background:#4b5563;border-radius:9999px}input[type=range][data-v-da957f04]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#3b82f6;border-radius:50%;cursor:pointer}input[type=range][data-v-da957f04]::-moz-range-thumb{width:16px;height:16px;background:#3b82f6;border-radius:50%;cursor:pointer;border:none}input[type=range][data-v-da957f04]:focus{outline:none}[data-v-da957f04] .custom-tree-node.active-camera{color:#67c23a;font-weight:500}.direction-grid .el-button.is-active[data-v-da957f04]{background-color:#409eff;color:#fff}.direction-grid .el-button.is-active[data-v-da957f04]:hover{background-color:#66b1ff}.el-icon-video-camera[data-v-da957f04]{font-size:18px}.el-icon-video-camera.is-playing[data-v-da957f04]{color:#fe0000;-webkit-animation:pulse-da957f04 1.5s infinite;animation:pulse-da957f04 1.5s infinite}@-webkit-keyframes pulse-da957f04{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes pulse-da957f04{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.ptz-control[data-v-da957f04]{padding:15px}.ptz-control.disabled[data-v-da957f04]{opacity:.6;pointer-events:none}.ptz-header[data-v-da957f04]{margin-bottom:10px;padding:5px 0;border-bottom:1px solid #eee}.ptz-header span[data-v-da957f04]{font-size:14px;color:#606266}.el-button.is-active[data-v-da957f04]{color:#409eff;border-color:#409eff}.el-button [class^=el-icon-][data-v-da957f04]{margin-right:5px}