.zy-upload[data-v-3920bfbf]{display:inline-block;position:relative}.zy-upload .zy-upload-input[data-v-3920bfbf]{opacity:0;position:absolute;top:0;bottom:0;right:0;left:0}.image-upload-component[data-v-9ca2318a]{display:inline-block;width:120px;height:120px}.image-upload-component .ant-spin-nested-loading[data-v-9ca2318a],.image-upload-component .ant-spin-nested-loading[data-v-9ca2318a] .ant-spin-container{width:100%!important;height:100%!important}.image-upload-component.large[data-v-9ca2318a]{width:200px;height:200px}.upload-area[data-v-9ca2318a]{width:100%;height:100%;border:2px dashed #d9d9d9;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.upload-area.drag-over[data-v-9ca2318a],.upload-area[data-v-9ca2318a]:hover{border-color:#1890ff;background-color:#f0f8ff}.upload-placeholder[data-v-9ca2318a]{text-align:center;color:#999}.upload-placeholder .anticon[data-v-9ca2318a]{font-size:24px;margin-bottom:8px}.upload-placeholder .upload-tip[data-v-9ca2318a]{font-size:12px;margin-top:4px}.image-preview[data-v-9ca2318a]{position:relative;width:100%;height:100%;border:1px solid #d9d9d9;border-radius:4px;overflow:hidden}.image-preview img[data-v-9ca2318a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-group[data-v-9ca2318a]{width:100%;height:100%}.image-actions[data-v-9ca2318a]{position:absolute;bottom:8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.batch-image-upload .upload-section[data-v-3c5be4a9]{margin-bottom:16px}.batch-image-upload .upload-tips[data-v-3c5be4a9]{margin-top:8px;color:#666;font-size:12px}.batch-image-upload .upload-tips div[data-v-3c5be4a9]{margin-bottom:4px}.image-group[data-v-23c6dcca]{border:1px solid #d9d9d9;border-radius:6px;padding:12px;margin-bottom:12px;background:#fafafa}.group-header[data-v-23c6dcca]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px;font-weight:700;font-size:14px}.group-content[data-v-23c6dcca]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.images-section[data-v-23c6dcca]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:8px}.fabric-image-section[data-v-23c6dcca],.images-section[data-v-23c6dcca],.style-image-section[data-v-23c6dcca]{-ms-flex-negative:0;flex-shrink:0}.image-container[data-v-23c6dcca]{position:relative;width:200px;height:200px;border:1px solid #d9d9d9;border-radius:4px;overflow:hidden}.image-container img[data-v-23c6dcca]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-actions[data-v-23c6dcca]{position:absolute;bottom:4px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fabric-info[data-v-23c6dcca]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.info-row[data-v-23c6dcca]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;margin-bottom:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.info-item[data-v-23c6dcca]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px}.info-item.full-width[data-v-23c6dcca]{-webkit-box-flex:1;-ms-flex:1;flex:1}.info-item.checkbox-item[data-v-23c6dcca]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:20px}.info-item label[data-v-23c6dcca]{font-size:12px;color:#666;font-weight:500}.info-item .message[data-v-23c6dcca]{font-size:12px;color:#ff4d4f;margin-top:4px}:deep(.image-upload-component) .image-preview[data-v-23c6dcca],:deep(.image-upload-component) .upload-area[data-v-23c6dcca]{width:120px;height:120px}.ant-form-item[data-v-6b774d0c]{margin-bottom:12px}.ant-row .ant-col .ant-form-item[data-v-6b774d0c]{margin-bottom:0}.style-options[data-v-6b774d0c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px}.style-option[data-v-6b774d0c]{-webkit-box-flex:1;-ms-flex:1;flex:1}.style-preview[data-v-6b774d0c]{border:1px solid #d9d9d9;border-radius:6px;padding:12px;margin-top:6px}.style-name[data-v-6b774d0c]{font-weight:700;margin-bottom:8px}.style-image[data-v-6b774d0c]{width:320px;height:80px}.fabric-item[data-v-6b774d0c]{width:38px;height:38px;background-color:#f5f5f5;border:1px solid #d9d9d9;border-radius:2px}.image-list[data-v-6b774d0c]{margin-top:12px}.image-grid[data-v-6b774d0c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:8px}@media (min-width:1400px){.image-grid[data-v-6b774d0c]{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}@media (max-width:1200px){.image-grid[data-v-6b774d0c]{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:768px){.image-grid[data-v-6b774d0c]{grid-template-columns:1fr;gap:8px}}.label-box[data-v-6b774d0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.label-box .create-tag[data-v-6b774d0c]{cursor:pointer}.label-box .create-tag[data-v-6b774d0c]:hover{color:#1890ff}