.image-container[data-v-87e7a248]{position:relative;width:100vw;height:100vh;overflow:hidden;background-color:#f0f0f0}.zoom-container[data-v-87e7a248]{width:100%;height:100%;overflow:hidden;cursor:grab;position:relative}.zoom-container[data-v-87e7a248]:active{cursor:grabbing}.zoom-container.draw-mode[data-v-87e7a248]{cursor:crosshair}.zoom-image[data-v-87e7a248]{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.background-name[data-v-87e7a248]{position:absolute;color:#333;pointer-events:auto;z-index:2;padding:.05333rem .13333rem;background-color:hsla(0,0%,100%,.7);border-radius:.08rem;white-space:nowrap;cursor:pointer;transition:all .2s ease}.background-name[data-v-87e7a248]:hover{background-color:hsla(0,0%,100%,.9)}.area-marker[data-v-87e7a248]{position:absolute;background-color:transparent;border:.02667rem solid transparent;border-radius:.10667rem;cursor:pointer;transition:all .2s ease;z-index:5;overflow:visible}.area-marker[data-v-87e7a248]:hover{background-color:rgba(52,152,219,.2);border-color:#3498db}.area-name[data-v-87e7a248]{position:absolute;top:-.66667rem;left:50%;transform:translateX(-50%);background-color:#3498db;color:#fff;padding:.05333rem .21333rem;border-radius:.08rem;white-space:nowrap;font-size:.37333rem;z-index:10;opacity:0;transition:opacity .2s ease}.area-marker:hover .area-name[data-v-87e7a248]{opacity:1}.control-button.toggle-visibility-btn.active[data-v-87e7a248]{background:#e74c3c;color:#fff;border-color:#e74c3c}.drawing-rectangle[data-v-87e7a248]{position:absolute;background-color:rgba(52,152,219,.2);border:.05333rem dashed #3498db;pointer-events:none;z-index:4}.zoom-controls[data-v-87e7a248]{position:absolute;top:.53333rem;right:.53333rem;display:flex;flex-direction:column;gap:.26667rem;z-index:100}.control-button[data-v-87e7a248]{background:hsla(0,0%,100%,.9);border:.02667rem solid #ddd;border-radius:.10667rem;padding:.26667rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.05333rem;min-width:2.13333rem}.control-button[data-v-87e7a248]:hover:not(:disabled){background:#fff;box-shadow:0 .05333rem .13333rem rgba(0,0,0,.1)}.control-button[data-v-87e7a248]:disabled{opacity:.5;cursor:not-allowed}.control-button.active[data-v-87e7a248]{background:#3498db;color:#fff;border-color:#3498db}.control-button .english[data-v-87e7a248]{font-size:.26667rem;opacity:.7}.control-button .chinese[data-v-87e7a248]{font-size:.37333rem;font-weight:700}.error-message[data-v-87e7a248],.loading-indicator[data-v-87e7a248]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);color:#fff;padding:.4rem .66667rem;border-radius:.13333rem;display:flex;align-items:center;gap:.26667rem;z-index:100}.loading-indicator i[data-v-87e7a248]{animation:spin-87e7a248 1s linear infinite}@keyframes spin-87e7a248{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.area-detail[data-v-87e7a248],.area-form[data-v-87e7a248]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:.21333rem;box-shadow:0 .13333rem .4rem rgba(0,0,0,.3);z-index:200;width:90%;max-width:13.33333rem;max-height:90vh;overflow-y:auto}.detail-header[data-v-87e7a248],.form-header[data-v-87e7a248]{padding:0 .32rem;border-bottom:.02667rem solid #eee;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:#fff;z-index:10}.detail-content[data-v-87e7a248]{padding:.32rem;display:flex;justify-content:center;align-items:center;min-height:8rem;text-align:center}.detail-content img[data-v-87e7a248]{max-width:100%;max-height:100%;height:auto;width:auto;object-fit:contain;border-radius:.10667rem;box-shadow:0 .05333rem .21333rem rgba(0,0,0,.1)}.detail-content p[data-v-87e7a248]{color:#999;font-size:.37333rem}.form-item[data-v-87e7a248]{margin-bottom:.4rem}.form-item label[data-v-87e7a248]{display:block;margin-bottom:.13333rem;font-weight:700}.form-item input[data-v-87e7a248],.form-item textarea[data-v-87e7a248]{width:100%;padding:.21333rem;border:.02667rem solid #ddd;border-radius:.10667rem}.form-item textarea[data-v-87e7a248]{min-height:2.13333rem;resize:vertical}.coordinate-inputs[data-v-87e7a248]{display:flex;align-items:center;gap:.21333rem}.coordinate-inputs input[data-v-87e7a248]{width:45%}.coordinate-inputs span[data-v-87e7a248]{font-weight:700}.detail-actions[data-v-87e7a248],.form-actions[data-v-87e7a248]{display:flex;justify-content:flex-end;gap:.26667rem;margin-top:.53333rem}button[data-v-87e7a248]{padding:.21333rem .4rem;border:none;border-radius:.10667rem;cursor:pointer}button.cancel-btn[data-v-87e7a248]{background:#eee}button.delete-btn[data-v-87e7a248]{background:#f44336;color:#fff}.close-btn[data-v-87e7a248]{background:none;border:none;font-size:.53333rem;cursor:pointer}