.area-drawer[data-v-ff04a044]{display:flex;flex-direction:column;align-items:center;width:640px;height:360px;position:absolute;top:0;left:0}.draw-container[data-v-ff04a044]{position:relative;cursor:crosshair;overflow:hidden}.draw-placeholder[data-v-ff04a044]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#e0e0e0;color:#606266;font-size:14px}.draw-area[data-v-ff04a044]{position:absolute;top:0;left:0;cursor:pointer}.area-svg[data-v-ff04a044]{position:absolute;top:0;left:0;pointer-events:none}.area-polygon[data-v-ff04a044]{fill:rgba(64,158,255,.2);stroke:#409eff;stroke-width:2;pointer-events:auto;cursor:move}.draw-area.active .area-polygon[data-v-ff04a044]{fill:rgba(245,108,108,.2);stroke:#f56c6c}.vertex[data-v-ff04a044]{fill:#409eff;stroke:#fff;stroke-width:1;cursor:move;pointer-events:auto}.draw-area.active .vertex[data-v-ff04a044]{fill:#f56c6c}.vertex.active[data-v-ff04a044]{fill:#e6a23c;stroke:#fff;stroke-width:2;r:6}.drawing-svg[data-v-ff04a044]{position:absolute;top:0;left:0;pointer-events:none}.drawing-polygon[data-v-ff04a044]{fill:rgba(64,158,255,.1);stroke:#409eff;stroke-width:2;stroke-dasharray:5,5;pointer-events:none}.drawing-vertex[data-v-ff04a044]{fill:#409eff;stroke:#fff;stroke-width:1;pointer-events:none}.drawing-line[data-v-ff04a044]{stroke:#409eff;stroke-width:2;stroke-dasharray:5,5;pointer-events:none}.area-header[data-v-ff04a044]{position:absolute;top:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:2px 5px;background-color:rgba(64,158,255,.8);color:#fff;font-size:12px;cursor:move;pointer-events:auto}.draw-area.active .area-header[data-v-ff04a044]{background-color:rgba(245,108,108,.8)}.delete-btn[data-v-ff04a044]{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;pointer-events:auto}.delete-btn[data-v-ff04a044]:hover{background-color:hsla(0,0%,100%,.2)}.context-menu[data-v-ff04a044]{position:fixed;background-color:#fff;border:1px solid #dcdfe6;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);z-index:1000;min-width:120px}.menu-item[data-v-ff04a044]{padding:8px 16px;cursor:pointer;font-size:14px;color:#606266;transition:background-color .2s}.menu-item[data-v-ff04a044]:hover{background-color:#ecf5ff;color:#409eff}.menu-item[data-v-ff04a044]:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.menu-item[data-v-ff04a044]:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.control-panel[data-v-ff04a044]{margin-top:10px;display:flex;gap:10px}.control-panel button[data-v-ff04a044]{padding:5px 10px;background-color:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.control-panel button[data-v-ff04a044]:hover{background-color:#66b1ff}.control-panel button[data-v-ff04a044]:disabled{background-color:#a0cfff;cursor:not-allowed}.detail-container[data-v-1210c03e],.fc[data-v-1210c03e]{display:flex;justify-content:center;align-items:center}.detail-container[data-v-1210c03e]{font-size:14px}.detail-container .pic[data-v-1210c03e]{width:60%;display:flex;justify-content:center;align-items:center;flex-direction:column}.detail-container .pic .origin[data-v-1210c03e]{width:70%;float:left}.detail-container .pic .big[data-v-1210c03e]{display:flex;justify-content:center;align-items:center;width:70%;min-height:160px;margin:10px 0;background:rgba(0,0,0,.6);border-radius:5px}.detail-container .pic .big[data-v-1210c03e] .el-image__error{min-height:160px}.detail-container .pic video[data-v-1210c03e]{width:70%;min-height:160px}.detail-container .detail[data-v-1210c03e]{width:40%;padding:12px 25px}.detail-container .detail li[data-v-1210c03e]{color:#9d9d9d;padding:10px 0}.detail-container .detail li span[data-v-1210c03e]{margin-left:10px;color:#606266}.image-slot[data-v-1210c03e]{width:100%;min-height:160px;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;color:#fff}@media (max-width:767px){.detail-container[data-v-1210c03e]{flex-wrap:wrap-reverse}.detail-container .pic[data-v-1210c03e]{width:100%;justify-content:left}.detail-container .pic .big[data-v-1210c03e],.detail-container .pic .origin[data-v-1210c03e],.detail-container .pic video[data-v-1210c03e]{width:100%}.detail-container .detail[data-v-1210c03e]{width:100%;padding:0}.detail-container .detail ul[data-v-1210c03e]{display:flex;flex-wrap:wrap}.detail-container .detail ul li[data-v-1210c03e]{width:50%}}.gas-station-container[data-v-6d7fb8ec]{width:100%;height:100%;background-color:#f5f7fa;padding:20px;box-sizing:border-box;overflow:auto}.gas-station-container .gas-station-header[data-v-6d7fb8ec]{margin-bottom:20px}.gas-station-container .gas-station-header h2[data-v-6d7fb8ec]{margin:0 auto;color:#303133;font-size:20px}.gas-station-container .gas-station-content[data-v-6d7fb8ec]{display:flex;gap:20px}.gas-station-container .gas-station-content .config-section[data-v-6d7fb8ec]{width:300px;background-color:#fff;padding:20px;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.gas-station-container .gas-station-content .config-section h3[data-v-6d7fb8ec]{margin:0 0 20px 0;color:#303133;font-size:16px}.gas-station-container .gas-station-content .config-section .el-form-item[data-v-6d7fb8ec]{margin-bottom:15px}.gas-station-container .gas-station-content .config-section .unit[data-v-6d7fb8ec]{margin-left:10px;color:#909399}.gas-station-container .gas-station-content .monitor-section[data-v-6d7fb8ec]{flex:1;background-color:#fff;padding:20px;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.gas-station-container .gas-station-content .monitor-section h3[data-v-6d7fb8ec]{margin:0 0 20px 0;color:#303133;font-size:16px}.gas-station-container .gas-station-content .monitor-section .monitor-status[data-v-6d7fb8ec]{display:flex;gap:20px;margin-bottom:20px;padding:15px;background-color:#f5f7fa;border-radius:4px;flex-wrap:wrap}.gas-station-container .gas-station-content .monitor-section .monitor-status .status-item[data-v-6d7fb8ec]{display:flex;align-items:center}.gas-station-container .gas-station-content .monitor-section .monitor-status .status-item .label[data-v-6d7fb8ec]{color:#606266;margin-right:5px}.gas-station-container .gas-station-content .monitor-section .monitor-status .status-item .value[data-v-6d7fb8ec]{color:#303133;font-weight:500}.gas-station-container .gas-station-content .monitor-section .video-monitor[data-v-6d7fb8ec]{margin-bottom:20px}.gas-station-container .gas-station-content .monitor-section .video-monitor .video-header[data-v-6d7fb8ec]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.gas-station-container .gas-station-content .monitor-section .video-monitor .video-header h4[data-v-6d7fb8ec]{margin:0;color:#606266;font-size:14px}.gas-station-container .gas-station-content .monitor-section .video-monitor .video-header .channel-config[data-v-6d7fb8ec]{display:flex;gap:10px;flex-wrap:wrap}.gas-station-container .gas-station-content .monitor-section .video-monitor .video-header .channel-config .el-select[data-v-6d7fb8ec]{width:120px}.gas-station-container .gas-station-content .monitor-section .video-monitor .video-grid[data-v-6d7fb8ec]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gas-station-container .gas-station-content .monitor-section .video-monitor .video-grid .video-item[data-v-6d7fb8ec]{background-color:#f5f7fa;border:1px solid #e4e7ed;border-radius:4px;overflow:hidden;transition:all .3s ease;cursor:pointer}.gas-station-container .gas-station-content .monitor-section .video-monitor .video-grid .video-item[data-v-6d7fb8ec]:hover{border-color:#409eff;box-shadow:0 2px 12px 0 rgba(64,158,255,.5)}.gas-station-container .gas-station-content .monitor-section .video-monitor .video-grid .video-item .video-title[data-v-6d7fb8ec]{padding:5px 10px;background-color:#e4e7ed;font-size:12px;color:#606266;text-align:center;display:flex;justify-content:space-between;align-items:center}.gas-station-container .gas-station-content .monitor-section .video-monitor .video-grid .video-item .video-content-wrapper[data-v-6d7fb8ec]{position:relative;height:180px;overflow:hidden}.gas-station-container .gas-station-content .monitor-section .video-monitor .video-grid .video-item .video-content-wrapper .video-content[data-v-6d7fb8ec]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#909399;font-size:14px}.gas-station-container .gas-station-content .monitor-section .video-monitor .video-grid .video-item .video-content-wrapper .video-content .video-placeholder[data-v-6d7fb8ec]{display:flex;align-items:center;justify-content:center;width:640px;height:360px;background-color:#e4e7ed}.gas-station-container .gas-station-content .monitor-section .video-monitor .video-grid .video-item .video-content-wrapper .areas-indicator[data-v-6d7fb8ec]{position:absolute;top:5px;right:5px;background-color:rgba(67,194,58,.9);color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;z-index:5}.gas-station-container .gas-station-content .monitor-section .video-drawing-area[data-v-6d7fb8ec]{width:640px;height:360px;margin-bottom:15px;background-color:#000;border-radius:4px;overflow:hidden}.gas-station-container .gas-station-content .monitor-section .video-player-container[data-v-6d7fb8ec]{position:relative;width:100%;height:100%}.gas-station-container .gas-station-content .monitor-section .video-placeholder-large[data-v-6d7fb8ec]{display:flex;align-items:center;justify-content:center;width:640px;height:360px;background-color:#e4e7ed;color:#909399;font-size:20px}.gas-station-container .gas-station-content .monitor-section .drawing-overlay[data-v-6d7fb8ec]{position:absolute;top:0;left:0;width:640px;height:360px;pointer-events:all;z-index:10}.gas-station-container .gas-station-content .monitor-section .dialog-control-panel[data-v-6d7fb8ec]{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f5f7fa;border-radius:4px}.gas-station-container .gas-station-content .monitor-section .dialog-control-panel .control-buttons[data-v-6d7fb8ec]{display:flex;gap:10px}.gas-station-container .gas-station-content .monitor-section .dialog-control-panel .control-buttons .el-button[data-v-6d7fb8ec]{padding:6px 12px}.gas-station-container .gas-station-content .monitor-section .dialog-control-panel .areas-info[data-v-6d7fb8ec]{color:#606266;font-size:14px;font-weight:500}.gas-station-container .gas-station-content .monitor-section .step-navigation[data-v-6d7fb8ec]{margin-bottom:20px;padding:15px;background-color:#f5f7fa;border-radius:4px}.gas-station-container .gas-station-content .monitor-section .detection-results h4[data-v-6d7fb8ec]{margin:0 0 15px 0;color:#606266;font-size:14px}.gas-station-container .gas-station-content .monitor-section .detection-results .el-table[data-v-6d7fb8ec]{font-size:12px}.gas-station-container .dialog-content[data-v-6d7fb8ec]{display:flex;flex-direction:column;gap:20px}.gas-station-container .dialog-content .dialog-video[data-v-6d7fb8ec]{width:100%;height:480px}.gas-station-container .dialog-content .dialog-video .video-placeholder[data-v-6d7fb8ec]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f7fa;color:#909399;font-size:16px}.gas-station-container .dialog-content .dialog-drawer[data-v-6d7fb8ec]{margin-top:20px}.gas-station-container .dialog-content .dialog-drawer h4[data-v-6d7fb8ec]{margin:0 0 15px 0;color:#606266;font-size:14px}