.area-drawer[data-v-227e1cde]{margin:10px;display:flex;flex-direction:column;align-items:center;width:calc(50% - 20px);height:225px;position:absolute;top:0;left:0}.shape-selector[data-v-227e1cde]{display:flex;gap:8px;margin-bottom:8px;padding:6px 8px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.shape-btn[data-v-227e1cde]{width:32px;height:32px;border:1px solid #dcdfe6;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#606266;transition:all .2s;padding:0}.shape-btn[data-v-227e1cde]:hover{border-color:#409eff;color:#409eff;background:#ecf5ff}.shape-btn.active[data-v-227e1cde]{background:#409eff;border-color:#409eff;color:#fff}.shape-btn.clear-btn[data-v-227e1cde]:hover{border-color:#f56c6c;color:#f56c6c;background:#fef0f0}.draw-container[data-v-227e1cde]{width:100%;position:relative;cursor:crosshair;overflow:hidden;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.draw-placeholder[data-v-227e1cde]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#f5f7fa;color:#909399;font-size:14px;border-radius:4px}.draw-area[data-v-227e1cde]{position:absolute;top:0;left:0;cursor:pointer}.area-svg[data-v-227e1cde]{position:absolute;top:0;left:0;pointer-events:none}.area-circle[data-v-227e1cde],.area-line[data-v-227e1cde],.area-polygon[data-v-227e1cde],.area-rectangle[data-v-227e1cde]{fill:rgba(64,158,255,.2);stroke:#409eff;stroke-width:2;pointer-events:auto;cursor:move;transition:all .2s}.area-line[data-v-227e1cde]{fill:none}.draw-area.active .area-circle[data-v-227e1cde],.draw-area.active .area-line[data-v-227e1cde],.draw-area.active .area-polygon[data-v-227e1cde],.draw-area.active .area-rectangle[data-v-227e1cde]{fill:rgba(245,108,108,.2);stroke:#f56c6c}.draw-area.active .area-line[data-v-227e1cde]{fill:none}.vertex[data-v-227e1cde]{fill:#409eff;stroke:#fff;stroke-width:2;cursor:move;pointer-events:auto;transition:all .2s}.draw-area.active .vertex[data-v-227e1cde]{fill:#f56c6c}.vertex.active[data-v-227e1cde]{fill:#e6a23c;stroke:#fff;stroke-width:2;r:6}.drawing-svg[data-v-227e1cde]{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none}.drawing-circle[data-v-227e1cde],.drawing-polygon[data-v-227e1cde],.drawing-rectangle[data-v-227e1cde]{fill:rgba(64,158,255,.1);stroke:#409eff;stroke-width:2;stroke-dasharray:5,5;pointer-events:none}.drawing-vertex[data-v-227e1cde]{fill:#409eff;stroke:#fff;stroke-width:2;pointer-events:none}.drawing-line[data-v-227e1cde]{stroke:#409eff;stroke-width:2;stroke-dasharray:5,5;pointer-events:none}.area-header[data-v-227e1cde]{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-227e1cde]{background-color:rgba(245,108,108,.8)}.delete-btn[data-v-227e1cde]{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-227e1cde]:hover{background-color:hsla(0,0%,100%,.2)}.context-menu[data-v-227e1cde]{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-227e1cde]{padding:8px 16px;cursor:pointer;font-size:14px;color:#606266;transition:background-color .2s}.menu-item[data-v-227e1cde]:hover{background-color:#ecf5ff;color:#409eff}.menu-item[data-v-227e1cde]:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.menu-item[data-v-227e1cde]:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.control-panel[data-v-227e1cde]{margin-top:10px;display:flex;gap:10px}.control-panel button[data-v-227e1cde]{padding:5px 10px;background-color:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.control-panel button[data-v-227e1cde]:hover{background-color:#66b1ff}.control-panel button[data-v-227e1cde]:disabled{background-color:#a0cfff;cursor:not-allowed}.tip[data-v-227e1cde]{font-size:12px;color:red}.big[data-v-50ed8952],.fc[data-v-50ed8952]{display:flex;justify-content:center;align-items:center}.big[data-v-50ed8952]{margin:10px 0;width:400px;border:1px solid #ccc;border-radius:5px;height:225px}.big[data-v-50ed8952] .el-image__error{min-height:225px}.big[data-v-50ed8952] .image-slot{display:flex;justify-content:center;align-items:center;min-height:225px}[data-v-653f8b48] .el-upload--picture-card{border:transparent!important;height:40px!important;width:100%!important;display:flex}.detail-container[data-v-56a67458],.fc[data-v-56a67458]{display:flex;justify-content:center;align-items:center}.detail-container[data-v-56a67458]{font-size:12px}.detail-container .pic[data-v-56a67458]{width:60%;display:flex;justify-content:center;align-items:center;flex-direction:column}.detail-container .pic .origin[data-v-56a67458]{width:70%;float:left}.detail-container .pic .big[data-v-56a67458]{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-56a67458] .el-image__error{min-height:160px}.detail-container .pic video[data-v-56a67458]{width:70%;min-height:160px}.detail-container .detail[data-v-56a67458]{width:40%;padding:12px 25px}.detail-container .detail li[data-v-56a67458]{color:#9d9d9d;padding:10px 0}.detail-container .detail li span[data-v-56a67458]{margin-left:10px;color:#606266}.image-slot[data-v-56a67458]{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-56a67458]{flex-wrap:wrap-reverse}.detail-container .pic[data-v-56a67458]{width:100%;justify-content:left}.detail-container .pic .big[data-v-56a67458],.detail-container .pic .origin[data-v-56a67458],.detail-container .pic video[data-v-56a67458]{width:100%}.detail-container .detail[data-v-56a67458]{width:100%;padding:0}.detail-container .detail ul[data-v-56a67458]{display:flex;flex-wrap:wrap}.detail-container .detail ul li[data-v-56a67458]{width:50%}}