.cropper-dialog{width:100%!important;max-width:600px!important;height:auto!important}.cropper-dialog .cropper-content{flex-direction:column;display:flex}.cropper-dialog .cropper-content .two-image-upload{flex:1}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper{flex-direction:row;gap:10px;width:100%;height:100%;display:flex}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper{text-align:center;background-color:#fafafa;border:1px dashed #d9d9d9;border-radius:6px;flex-direction:column;flex:1;height:280px;padding:15px;transition:border-color .3s;display:flex}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper:hover{border-color:#6b3cea}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .image-upload-area{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .image-upload-area .upload-content i{color:var(--el-color-primary);margin-bottom:10px;font-size:48px}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .image-upload-area .upload-content .upload-text{color:#606266;margin:0;font-size:14px}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .crop-container{flex:1;width:100%;height:100%;position:relative}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .crop-container .preview-content{width:100%;height:100%;position:relative}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .crop-container .preview-content .preview-image{object-fit:contain;border-radius:4px;width:100%;height:100%}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .crop-container .preview-content .delete-btn{cursor:pointer;z-index:100;color:#000;position:absolute;top:5px;right:5px}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .crop-container .crop-overlay{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .crop-container .crop-overlay :deep(.vue-cropper){width:100%;height:100%}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .crop-container .crop-overlay :deep(.vue-cropper) .cropper-container{width:100%;height:100%}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .crop-container .crop-overlay :deep(.vue-cropper) .cropper-container .cropper-modal{background:#0000004d}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .crop-container .crop-overlay :deep(.vue-cropper) .cropper-container .cropper-crop-box{border:2px solid #409eff}.cropper-dialog .cropper-content .preview-mode{flex:1;justify-content:center;align-items:center;width:100%;min-height:400px;display:flex}.cropper-dialog .cropper-content .preview-mode .combined-image-container{background-color:#f8f9fa;border:1px solid #e4e7ed;border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;min-height:400px;padding:10px;display:flex}.cropper-dialog .cropper-content .preview-mode .combined-image-container .combined-image{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;box-shadow:0 2px 8px #0000001a}.cropper-dialog .cropper-content .preview-mode .combined-image-container .loading-text{text-align:center;color:#909399}.cropper-dialog .cropper-content .preview-mode .combined-image-container .loading-text i{margin-bottom:10px;font-size:24px;display:block}.cropper-dialog .cropper-content .preview-mode .combined-image-container .loading-text p{margin:0;font-size:14px}@media screen and (width<=768px){.cropper-dialog{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important;margin:0!important;position:absolute!important;bottom:0!important;left:0!important}.cropper-dialog .el-dialog__body{overflow-y:hidden!important}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper{flex-direction:column;gap:10px;height:380px;display:flex}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper{height:calc(50% - 5px)}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper img{object-fit:contain}.cropper-dialog .cropper-content .two-image-upload .frame-wrapper .image-display-wrapper .image-upload-area{height:auto}.cropper-dialog .cropper-content .preview-mode .combined-image-container{padding:5px}}.cropper-dialog .dialog-footer{width:100%}.cropper-dialog .dialog-footer .action-buttons{justify-content:space-between;align-items:center;width:100%;display:flex}.cropper-dialog .dialog-footer .action-buttons .aspect-ratio-section{align-items:center;gap:10px;display:flex}.cropper-dialog .dialog-footer .action-buttons .aspect-ratio-section .ratio-label{color:#606266;margin-right:2px;font-size:14px}.cropper-dialog .dialog-footer .action-buttons .buttons-section{gap:10px;display:flex}.cropper-dialog .dialog-footer .preview-buttons{justify-content:flex-end;gap:10px;width:100%;display:flex}[data-v-d07c2698] .el-radio-button{margin-bottom:0!important}.two-image-cropper[data-v-9269c600]{width:100%}.two-image-cropper .frame-wrapper[data-v-9269c600]{flex-direction:row;gap:10px;width:100%;display:flex}.two-image-cropper .frame-wrapper .image-display-wrapper[data-v-9269c600]{text-align:center;background-color:#fafafa;border:1px dashed #d9d9d9;border-radius:6px;flex:1;padding:20px;transition:border-color .3s}.two-image-cropper .frame-wrapper .image-display-wrapper.single-mode[data-v-9269c600]{height:200px;padding:15px}.two-image-cropper .frame-wrapper .image-display-wrapper.single-mode .image-upload-area[data-v-9269c600]{height:100%;aspect-ratio:unset}.two-image-cropper .frame-wrapper .image-display-wrapper[data-v-9269c600]:hover:not(.disabled){border-color:#6b3cea}.two-image-cropper .frame-wrapper .image-display-wrapper .image-upload-area[data-v-9269c600]{aspect-ratio:1;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.two-image-cropper .frame-wrapper .image-display-wrapper .image-upload-area.has-image .preview-content[data-v-9269c600]{width:100%;height:100%;position:relative}.two-image-cropper .frame-wrapper .image-display-wrapper .image-upload-area.has-image .preview-content .preview-image[data-v-9269c600]{object-fit:contain;max-width:100%;max-height:100%;margin:0 auto}.two-image-cropper .frame-wrapper .image-display-wrapper .image-upload-area.has-image .preview-content .preview-overlay[data-v-9269c600]{opacity:0;color:#fff;background:#00000080;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.two-image-cropper .frame-wrapper .image-display-wrapper .image-upload-area.has-image .preview-content .preview-overlay .el-icon[data-v-9269c600]{margin-bottom:8px;font-size:24px}.two-image-cropper .frame-wrapper .image-display-wrapper .image-upload-area.has-image .preview-content .preview-overlay p[data-v-9269c600]{margin:0;font-size:12px}.two-image-cropper .frame-wrapper .image-display-wrapper .image-upload-area.has-image .preview-content:hover .preview-overlay[data-v-9269c600]{opacity:1}.two-image-cropper .frame-wrapper .image-display-wrapper .image-upload-area .upload-content .el-icon[data-v-9269c600]{color:var(--el-color-primary);margin-bottom:10px;font-size:30px}.two-image-cropper .frame-wrapper .image-display-wrapper .image-upload-area .upload-content .upload-text[data-v-9269c600]{color:#606266;margin:0;font-size:12px}.two-image-cropper .text-center[data-v-9269c600]{text-align:center;color:#666;margin-top:10px;display:block}