.image-view-modal[data-v-30f90710]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.modal-mask[data-v-30f90710]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8)}.modal-content[data-v-30f90710]{position:relative;max-width:90%;max-height:90vh;padding:20px}.modal-close[data-v-30f90710]{position:absolute;top:-40px;right:-40px;width:30px;height:30px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.preview-img[data-v-30f90710]{max-width:100%;max-height:80vh;box-shadow:0 0 20px hsla(0,0%,100%,.3)}.uploaded-image-preview[data-v-30f90710]{margin-bottom:10px}.image-container[data-v-30f90710]{width:120px;height:120px;border:1px solid #eee;border-radius:4px;overflow:hidden;position:relative;display:inline-block;cursor:pointer}.result-image[data-v-30f90710]{width:100%;height:100%;object-fit:cover;display:block}.replace-btn[data-v-30f90710]{position:absolute;bottom:0;left:0;right:0;padding:8px 0;background-color:rgba(0,0,0,.5);width:100%;height:100%;gap:15px;opacity:0;transition:opacity .3s ease}.replace-btn .ant-btn[data-v-30f90710],.replace-btn[data-v-30f90710]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.replace-btn .ant-btn[data-v-30f90710]{width:32px;height:32px;background-color:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);position:relative;z-index:1}.replace-btn .ant-btn[data-v-30f90710]:hover{background-color:#1890ff;border-color:#1890ff}.image-container:hover .replace-btn[data-v-30f90710]{opacity:1!important}.wrapper[data-v-30f90710]{padding:20px;max-height:calc(100vh - 160px);overflow-y:auto}.no-image[data-v-30f90710]{text-align:center;padding:40px 0;color:#666}.no-image .upload-btn[data-v-30f90710]{margin-top:15px}.content[data-v-30f90710]{max-width:100%;margin:0 auto}.show-info[data-v-30f90710]{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:start;-ms-flex-wrap:wrap;flex-wrap:wrap}.crop-container[data-v-30f90710]{border:1px dashed #ccc;position:relative;overflow:hidden;margin-bottom:20px}.operation-buttons[data-v-30f90710]{display:-ms-flexbox;display:flex;gap:15px;margin-bottom:20px;padding:10px 0}.upload-btn[data-v-30f90710]{display:inline-block;padding:8px 16px;background-color:#409eff;color:#fff;border-radius:4px;cursor:pointer;font-size:14px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.preview-box[data-v-30f90710]{margin-top:20px;margin-left:20px}.preview-box p[data-v-30f90710]{margin-bottom:8px;font-weight:500;color:#666}.upload-trigger[data-v-30f90710]{width:120px;height:120px;border:1px dashed #ddd;background-color:#f5f5f5;border-radius:4px;color:#666;font-size:14px;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;transition:all .3s ease;cursor:pointer}.upload-trigger[data-v-30f90710]:hover{border-color:#1890ff;color:#1890ff;background-color:#e6f7ff}@media screen and (max-width:768px){.wrapper[data-v-30f90710]{padding:10px}.show-info[data-v-30f90710]{-ms-flex-direction:column;flex-direction:column}.preview-box[data-v-30f90710]{margin-left:0}}.ant-btn[data-v-60f95b08]{margin-left:30px;margin-bottom:30px;float:right}.drawer-footer[data-v-60f95b08]{position:absolute;bottom:-8px;width:100%;border-top:1px solid #e8e8e8;padding:10px 16px;text-align:right;left:0;background:#fff;border-radius:0 0 2px 2px}