.j-org-tree-wrapper[data-v-b4a8e0e6]{width:16%;min-width:200px;height:100%;background:#fff;padding:16px;border-radius:2px;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,.1)}.j-org-tree-wrapper .tree-title[data-v-b4a8e0e6]{font-size:16px;font-weight:600;color:#333;margin:0 -16px 16px -16px;padding:0 16px 12px 16px;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center}.j-org-tree-wrapper .tree-title .expand-icon[data-v-b4a8e0e6]{width:16px;height:16px;cursor:pointer;transition:transform .3s}.j-org-tree-wrapper .tree-title .expand-icon[data-v-b4a8e0e6]:hover{transform:scale(1.2)}.j-org-tree-wrapper .status-filter-wrapper[data-v-b4a8e0e6]{margin-bottom:16px}.j-org-tree-wrapper .tree-content[data-v-b4a8e0e6]{flex:1;overflow:auto;margin-top:10px}.expand-btn[data-v-b4a8e0e6]{display:flex;align-items:flex-start;background-color:hsla(0,0%,96.1%,.6);cursor:pointer;padding:16px 8px 8px 8px;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.expand-btn .expand-icon[data-v-b4a8e0e6]{width:16px;height:16px;transition:transform .3s}.expand-btn .expand-icon[data-v-b4a8e0e6]:hover{transform:scale(1.2)}[data-v-b4a8e0e6] .ant-tree .ant-tree-node-content-wrapper{border-radius:4px;transition:all .3s}[data-v-b4a8e0e6] .ant-tree .ant-tree-node-content-wrapper:hover{background-color:#f5f7fa}[data-v-b4a8e0e6] .ant-tree .ant-tree-node-selected .ant-tree-node-content-wrapper{background-color:#e6f7ff!important;color:#1890ff}[data-v-b4a8e0e6] .ant-tree .ant-tree-title{font-size:14px}.site-monitoring-container[data-v-61cedcd6]{width:100%;height:100%;display:flex;background:#f0f2f5}.main-content[data-v-61cedcd6]{flex:1;display:flex;flex-direction:column;position:relative;padding:0 40px;box-sizing:border-box}.main-content[data-v-61cedcd6]:fullscreen{background:#f0f2f5}.main-content[data-v-61cedcd6]:-webkit-full-screen{background:#f0f2f5}.main-content[data-v-61cedcd6]:-moz-full-screen{background:#f0f2f5}.main-content[data-v-61cedcd6]:-ms-fullscreen{background:#f0f2f5}.toolbar[data-v-61cedcd6]{display:flex;justify-content:flex-end;align-items:center;height:50px;padding:0 10px}.img_show[data-v-61cedcd6]{display:flex;align-items:center;gap:12px}.img_show img[data-v-61cedcd6]{cursor:pointer;height:30px}.fullscreen-btn[data-v-61cedcd6]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#999;cursor:pointer;transition:all .3s;margin-left:12px}.fullscreen-btn[data-v-61cedcd6]:hover{color:#666}.fullscreen-btn .anticon[data-v-61cedcd6]{font-size:30px}.nav-arrow[data-v-61cedcd6]{position:absolute;top:50%;transform:translateY(-50%);font-size:50px;color:#409eff;cursor:pointer;z-index:10}.nav-arrow[data-v-61cedcd6]:hover{color:#66b1ff}.nav-arrow.left[data-v-61cedcd6]{left:0}.nav-arrow.right[data-v-61cedcd6]{right:0}.nav-arrow.disabled[data-v-61cedcd6]{color:#bbb;cursor:not-allowed;opacity:.6;pointer-events:none}.slider-container[data-v-61cedcd6]{flex:1;overflow:hidden;cursor:grab}.slider-container[data-v-61cedcd6]:active{cursor:grabbing}.slider-track[data-v-61cedcd6]{display:flex;width:100%;height:100%;transition:transform .4s ease;will-change:transform}.slider-track.no-transition[data-v-61cedcd6]{transition:none!important}.slider-page[data-v-61cedcd6]{flex:0 0 100%;height:100%}.monitor-grid[data-v-61cedcd6]{display:flex;flex-wrap:wrap;gap:3rem;width:100%;height:100%;padding:10px 0}.monitor-item[data-v-61cedcd6]{background:#fff;border:1px solid #e8e8e8;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column}.monitor-item video[data-v-61cedcd6]{width:100%;height:calc(100% - 40px);object-fit:cover;background:#000}.video-name[data-v-61cedcd6]{height:40px;line-height:40px;text-align:center;font-size:14px;color:#333;font-weight:700;background:#e6e6e6;border-top:1px solid #d9d9d9}.pagination-dots[data-v-61cedcd6]{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:10}.dot[data-v-61cedcd6]{width:8px;height:8px;border-radius:50%;background:#ccc;cursor:pointer;transition:all .3s}.dot[data-v-61cedcd6]:hover{background:#999}.dot.active[data-v-61cedcd6]{background:#1890ff;width:20px;border-radius:4px}