.camera-test-container[data-v-cbf3c970]{height:100vh;width:100%;overflow:hidden}.main-container[data-v-cbf3c970]{height:100%}.device-panel[data-v-cbf3c970]{background:linear-gradient(135deg,#f5f7fa,#eef2f6);border-right:1px solid #e4e7ed;display:flex;flex-direction:column;overflow:hidden}.panel-header[data-v-cbf3c970]{padding:20px 20px 12px;border-bottom:1px solid #e4e7ed;background:hsla(0,0%,100%,.6)}.panel-header h3[data-v-cbf3c970]{font-size:18px;font-weight:600;color:#2c3e50;margin:0;letter-spacing:1px}.panel-content[data-v-cbf3c970]{flex:1;overflow-y:auto;padding:16px}.calibration-status-section[data-v-cbf3c970],.form-section[data-v-cbf3c970]{margin-bottom:24px}.section-label[data-v-cbf3c970]{font-size:13px;font-weight:500;color:#606266;margin-bottom:12px;padding-left:8px;border-left:3px solid #409eff}.section-label i[data-v-cbf3c970]{margin-right:6px;color:#409eff}.section-label .device-count[data-v-cbf3c970]{font-size:12px;color:#909399;margin-left:8px;font-weight:400}.status-card[data-v-cbf3c970]{display:flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;transition:all .3s ease}.status-card i[data-v-cbf3c970]{font-size:18px;margin-right:8px}.status-card.status-none[data-v-cbf3c970]{background:#f4f4f5;color:#909399;border:1px solid #e4e7ed}.status-card.status-calibrating[data-v-cbf3c970]{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.status-card.status-success[data-v-cbf3c970]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-card.status-failed[data-v-cbf3c970]{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.video-status-tag[data-v-cbf3c970]{position:absolute;top:16px;right:16px;padding:8px 16px;border-radius:24px;font-size:14px;font-weight:500;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-status-tag.success-tag[data-v-cbf3c970]{background:rgba(82,196,26,.9);color:#fff}.video-status-tag.failed-tag[data-v-cbf3c970]{background:rgba(255,77,79,.9);color:#fff}.video-status-tag.calibrating-tag[data-v-cbf3c970]{background:rgba(24,144,255,.9);color:#fff}.work-order-input[data-v-cbf3c970]{margin-top:4px}.network-switch[data-v-cbf3c970]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.error-alert[data-v-cbf3c970]{margin-bottom:16px}.update-tip[data-v-cbf3c970]{margin-bottom:16px;padding:8px 12px;background:#fdf6ec;border-radius:6px;display:flex;gap:16px}.device-list-section[data-v-cbf3c970]{margin-top:8px}.device-list[data-v-cbf3c970]{max-height:450px;overflow-y:auto;border-radius:8px;background:#fff;border:1px solid #e4e7ed}.device-item[data-v-cbf3c970]{display:flex;align-items:center;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:all .2s ease}.device-item[data-v-cbf3c970]:hover{background:#f5f7fa;transform:translateX(2px)}.device-item.active[data-v-cbf3c970]{background:linear-gradient(90deg,#ecf5ff,#e8f4ff);border-left:3px solid #409eff}.device-icon[data-v-cbf3c970]{width:40px;height:40px;background:#f0f2f5;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px}.device-icon i[data-v-cbf3c970]{font-size:22px;color:#409eff}.device-info[data-v-cbf3c970]{flex:1}.device-ip[data-v-cbf3c970]{font-size:14px;font-weight:500;color:#303133;font-family:Courier New,monospace}.device-mac[data-v-cbf3c970]{font-size:11px;color:#909399;margin-top:2px;font-family:monospace}.device-status[data-v-cbf3c970]{margin-left:8px}.status-dot[data-v-cbf3c970]{display:inline-block;width:8px;height:8px;border-radius:50%}.status-dot.online[data-v-cbf3c970]{background:#67c23a;box-shadow:0 0 6px rgba(103,194,58,.6)}.empty-device[data-v-cbf3c970]{text-align:center;padding:40px 20px;color:#909399}.empty-device i[data-v-cbf3c970]{font-size:48px;margin-bottom:12px;opacity:.5}.empty-device p[data-v-cbf3c970]{font-size:13px;margin:0}.video-panel[data-v-cbf3c970]{background:#1a1a2e;display:flex;flex-direction:column;padding:0;overflow:hidden}.video-container[data-v-cbf3c970]{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#16213e,#0f0f1a)}.video-wrapper[data-v-cbf3c970]{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3)}.video-stream[data-v-cbf3c970]{width:640px;height:360px}.video-overlay[data-v-cbf3c970]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.video-overlay i[data-v-cbf3c970]{font-size:48px;margin-bottom:16px;opacity:.6}.video-overlay p[data-v-cbf3c970]{font-size:14px;opacity:.6}.control-bar[data-v-cbf3c970]{background:#2d2d44;padding:16px 24px;display:flex;justify-content:center;gap:16px;border-top:1px solid #3d3d5a}.device-list[data-v-cbf3c970]::-webkit-scrollbar,.panel-content[data-v-cbf3c970]::-webkit-scrollbar{width:6px}.device-list[data-v-cbf3c970]::-webkit-scrollbar-track,.panel-content[data-v-cbf3c970]::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.device-list[data-v-cbf3c970]::-webkit-scrollbar-thumb,.panel-content[data-v-cbf3c970]::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:3px}.device-list[data-v-cbf3c970]::-webkit-scrollbar-thumb:hover,.panel-content[data-v-cbf3c970]::-webkit-scrollbar-thumb:hover{background:#909399}