.online-help[data-v-605e0d8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 150px);padding:10px}.online-help.fullscreen[data-v-605e0d8c]{height:100vh;padding:0;background:#000}.online-help.fullscreen .main-content[data-v-605e0d8c]{height:100%}.online-help.fullscreen .video-area[data-v-605e0d8c]{border-radius:0;-webkit-box-shadow:none;box-shadow:none}.online-help.fullscreen .grid-container[data-v-605e0d8c]{min-height:100%}.fullscreen-exit[data-v-605e0d8c]{position:absolute;top:10px;right:10px;z-index:200;background:rgba(0,0,0,.6);color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:13px;-webkit-transition:background .2s;transition:background .2s}.fullscreen-exit[data-v-605e0d8c]:hover{background:rgba(64,158,255,.8)}.toolbar[data-v-605e0d8c]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 15px;background:#fff;border-radius:4px;margin-bottom:10px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.toolbar-left[data-v-605e0d8c],.toolbar[data-v-605e0d8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-content[data-v-605e0d8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;gap:10px;min-height:0}.port-list[data-v-605e0d8c]{width:220px;min-width:220px;background:#fff;border-radius:4px;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-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.port-list-header[data-v-605e0d8c]{padding:12px 15px;font-weight:700;font-size:14px;border-bottom:1px solid #ebeef5;background:#fafafa;border-radius:4px 4px 0 0}.port-list-body[data-v-605e0d8c]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:5px}.port-item[data-v-605e0d8c]{padding:10px 12px;cursor:pointer;border-radius:4px;margin-bottom:4px;-webkit-transition:all .2s;transition:all .2s;border:1px solid transparent}.port-item[data-v-605e0d8c]:hover{background:#f0f7ff;border-color:#d0e3ff}.port-item.active[data-v-605e0d8c]{background:#ecf5ff;border-color:#409eff}.port-item-name[data-v-605e0d8c]{font-size:14px;font-weight:500;margin-bottom:4px}.port-item-name i[data-v-605e0d8c]{margin-right:5px}.port-item-info[data-v-605e0d8c]{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;font-size:12px}.port-type[data-v-605e0d8c]{padding:1px 6px;border-radius:3px;font-size:11px}.type-in[data-v-605e0d8c]{background:#e1f3d8;color:#67c23a}.type-out[data-v-605e0d8c]{background:#fde2e2;color:#f56c6c}.port-status[data-v-605e0d8c]{color:#999}.port-status.online[data-v-605e0d8c]{color:#67c23a}.no-data[data-v-605e0d8c]{text-align:center;color:#999;padding:30px 0;font-size:13px}.video-area[data-v-605e0d8c]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#fff;border-radius:4px;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-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);position:relative}.video-placeholder[data-v-605e0d8c]{cursor:pointer}.placeholder-icon[data-v-605e0d8c]{position:relative;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}.placeholder-icon i[data-v-605e0d8c]{font-size:56px;color:#409eff;z-index:1}.pulse-ring[data-v-605e0d8c]{position:absolute;width:80px;height:80px;border:2px solid rgba(64,158,255,.4);border-radius:50%;-webkit-animation:pulse-605e0d8c 2s ease-out infinite;animation:pulse-605e0d8c 2s ease-out infinite}@-webkit-keyframes pulse-605e0d8c{0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:1}to{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}}@keyframes pulse-605e0d8c{0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:1}to{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}}.spinner-ring[data-v-605e0d8c]{width:40px;height:40px;border:3px solid rgba(64,158,255,.2);border-top-color:#409eff;border-radius:50%;-webkit-animation:spin-605e0d8c .8s linear infinite;animation:spin-605e0d8c .8s linear infinite}@-webkit-keyframes spin-605e0d8c{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-605e0d8c{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.video-placeholder span[data-v-605e0d8c]{color:#999;font-size:14px}.loading-spinner span[data-v-605e0d8c]{color:#ccc;font-size:13px}.video-row[data-v-605e0d8c]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;min-height:0;overflow:hidden}.grid-container[data-v-605e0d8c]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:grid;gap:2px;background:#000;padding:2px;min-height:400px;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-transition:-webkit-box-flex .3s ease;transition:-webkit-box-flex .3s ease;transition:flex .3s ease;transition:flex .3s ease,-webkit-box-flex .3s ease,-ms-flex .3s ease}.grid-cell[data-v-605e0d8c]{position:relative;background:#1a1a2e;border:2px solid transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;-webkit-transition:border-color .2s;transition:border-color .2s}.grid-cell.active[data-v-605e0d8c]{border-color:#409eff}.grid-cell.drag-over[data-v-605e0d8c]{border-color:#67c23a;background:rgba(103,194,58,.1)}.grid-cell.enlarged[data-v-605e0d8c]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;border-color:#e6a23c}.cell-header[data-v-605e0d8c]{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:4px 8px;background:rgba(0,0,0,.6);font-size:12px;color:#ccc;z-index:2}.cell-title[data-v-605e0d8c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-mode-tag[data-v-605e0d8c]{font-size:10px;padding:1px 6px;border-radius:3px;background:#ecf5ff;color:#409eff;margin-left:6px}.cell-actions i[data-v-605e0d8c]{cursor:pointer;color:#999;padding:2px 4px;font-size:14px}.cell-actions i[data-v-605e0d8c]:hover{color:#409eff}.cell-actions i.el-icon-close[data-v-605e0d8c]:hover{color:#f56c6c}.cell-video[data-v-605e0d8c]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;overflow:hidden}.cell-video .video-image[data-v-605e0d8c]{position:absolute;top:50%;left:50%;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#000}.fps-badge[data-v-605e0d8c]{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.6);color:#0f0;font-size:11px;padding:1px 5px;border-radius:3px;font-family:monospace;z-index:2;pointer-events:none}.notice-bar[data-v-605e0d8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear,left top,right top,from(#e6f7ff),color-stop(#bae7ff),to(#e6f7ff));background:linear-gradient(90deg,#e6f7ff,#bae7ff,#e6f7ff);background-size:200% 100%;-webkit-animation:noticeShimmer-605e0d8c 3s linear infinite;animation:noticeShimmer-605e0d8c 3s linear infinite;padding:3px 8px;min-height:22px;font-size:12px;color:#1890ff;white-space:nowrap;overflow:hidden;border-top:1px solid #91d5ff;z-index:2;-ms-flex-negative:0;flex-shrink:0}.notice-bar i[data-v-605e0d8c]{margin-right:4px;-ms-flex-negative:0;flex-shrink:0}.notice-text[data-v-605e0d8c]{overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%}@-webkit-keyframes noticeShimmer-605e0d8c{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes noticeShimmer-605e0d8c{0%{background-position:200% 0}to{background-position:-200% 0}}.notice-flash[data-v-605e0d8c]{-webkit-animation:noticeFlash-605e0d8c .6s ease!important;animation:noticeFlash-605e0d8c .6s ease!important}@-webkit-keyframes noticeFlash-605e0d8c{0%{background-color:#fff3cd;-webkit-transform:scale(1);transform:scale(1)}30%{background-color:#ffc107;-webkit-transform:scale(1.02);transform:scale(1.02)}60%{background-color:#fff3cd;-webkit-transform:scale(1);transform:scale(1)}80%{background-color:#ffc107}to{background-color:transparent;-webkit-transform:scale(1);transform:scale(1)}}@keyframes noticeFlash-605e0d8c{0%{background-color:#fff3cd;-webkit-transform:scale(1);transform:scale(1)}30%{background-color:#ffc107;-webkit-transform:scale(1.02);transform:scale(1.02)}60%{background-color:#fff3cd;-webkit-transform:scale(1);transform:scale(1)}80%{background-color:#ffc107}to{background-color:transparent;-webkit-transform:scale(1);transform:scale(1)}}.cell-video .loading-spinner[data-v-605e0d8c],.cell-video .video-placeholder[data-v-605e0d8c]{position:absolute;top:0;left:0;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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:12px;gap:8px}.cell-video .placeholder-icon i[data-v-605e0d8c]{font-size:36px}.cell-video .pulse-ring[data-v-605e0d8c]{width:50px;height:50px}.cell-video .spinner-ring[data-v-605e0d8c]{width:30px;height:30px;border-width:2px}.drop-placeholder[data-v-605e0d8c]{cursor:default;border:2px dashed hsla(0,0%,100%,.2);margin:10px;border-radius:4px}.drop-placeholder i[data-v-605e0d8c]{font-size:28px;color:hsla(0,0%,100%,.3)}.drop-placeholder span[data-v-605e0d8c]{color:hsla(0,0%,100%,.3);font-size:12px}.register-panel[data-v-605e0d8c]{width:320px;min-width:320px;background:#fff;border-left:1px solid #ebeef5;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-shadow:-2px 0 6px rgba(0,0,0,.05);box-shadow:-2px 0 6px rgba(0,0,0,.05);-webkit-transition:width .3s ease;transition:width .3s ease}.register-panel-header[data-v-605e0d8c]{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;padding:12px 15px;border-bottom:1px solid #ebeef5;background:#fafafa}.register-panel-title[data-v-605e0d8c]{font-weight:700;font-size:14px;color:#303133}.register-panel-close[data-v-605e0d8c]{cursor:pointer;font-size:18px;color:#909399;-webkit-transition:color .2s;transition:color .2s}.register-panel-close[data-v-605e0d8c]:hover{color:#f56c6c}.register-panel-body[data-v-605e0d8c]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.register-search[data-v-605e0d8c]{margin-top:5px}.register-search-results[data-v-605e0d8c]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:200px;overflow-y:auto;padding:8px;background:#f5f7fa;border:1px solid #ebeef5;border-radius:4px}.register-search-empty[data-v-605e0d8c]{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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;min-height:200px;color:#c0c4cc;font-size:13px;gap:8px}.register-search-empty i[data-v-605e0d8c]{font-size:32px}.register-car-card[data-v-605e0d8c]{background:#fff;border-radius:8px;margin-bottom:10px;overflow:hidden;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.08);box-shadow:0 1px 4px rgba(0,0,0,.08);cursor:pointer;-webkit-transition:border-color .2s,-webkit-box-shadow .2s,-webkit-transform .2s;transition:border-color .2s,-webkit-box-shadow .2s,-webkit-transform .2s;transition:box-shadow .2s,transform .2s,border-color .2s;transition:box-shadow .2s,transform .2s,border-color .2s,-webkit-box-shadow .2s,-webkit-transform .2s;border:1px solid transparent}.register-car-card[data-v-605e0d8c]:hover{-webkit-box-shadow:0 2px 10px rgba(64,158,255,.25);box-shadow:0 2px 10px rgba(64,158,255,.25);border-color:#409eff;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.register-car-card[data-v-605e0d8c]:last-child{margin-bottom:0}.register-car-card-top[data-v-605e0d8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;padding:10px 12px 8px;border-bottom:1px dashed #ebeef5}.register-car-card-header[data-v-605e0d8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.car-no-line[data-v-605e0d8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.car-no-line .el-icon-truck[data-v-605e0d8c]{color:#409eff;font-size:15px}.car-no-line .car-no-text[data-v-605e0d8c]{font-weight:700;color:#303133;font-size:16px;letter-spacing:1px}.car-meta-line[data-v-605e0d8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.car-color-tag[data-v-605e0d8c]{font-size:11px;padding:2px 8px;border-radius:10px;background:#ecf5ff;color:#409eff}.car-type-text[data-v-605e0d8c]{font-size:12px;color:#606266}.car-park-tag[data-v-605e0d8c]{font-size:11px;padding:2px 8px;border-radius:10px;background:#f0f0f0;color:#606266}.register-car-card-image[data-v-605e0d8c]{width:100px;min-width:100px;height:70px;background:#f0f0f0;border-radius:4px;overflow:hidden;position:relative}.car-card-thumb[data-v-605e0d8c]{width:100%;height:100%;display:block}.car-card-thumb-error[data-v-605e0d8c],.car-card-thumb-loading[data-v-605e0d8c]{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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;color:#c0c4cc;font-size:10px;gap:2px;background:#f5f7fa}.car-card-thumb-error i[data-v-605e0d8c],.car-card-thumb-loading i[data-v-605e0d8c]{font-size:20px}.register-car-card-body[data-v-605e0d8c]{padding:8px 12px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:7px}.register-car-card-row[data-v-605e0d8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;font-size:13px;line-height:1.5}.card-label[data-v-605e0d8c]{color:#909399;min-width:70px;-ms-flex-negative:0;flex-shrink:0}.card-label[data-v-605e0d8c]:after{content:"\FF1A"}.card-value[data-v-605e0d8c]{color:#303133;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;word-break:break-all}.register-panel-footer[data-v-605e0d8c]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:10px;background:#fafafa}.operation-area[data-v-605e0d8c],.register-panel-footer[data-v-605e0d8c]{padding:12px 15px;border-top:1px solid #ebeef5;display:-webkit-box;display:-ms-flexbox;display:flex}.operation-area[data-v-605e0d8c]{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px}.op-group[data-v-605e0d8c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.op-group label[data-v-605e0d8c]{font-size:13px;color:#606266;white-space:nowrap}