.style-container[data-v-078c9792]{display:flex;flex-wrap:wrap;gap:10px;max-height:400px;overflow-y:auto;padding:2px}.style-item[data-v-078c9792]{width:150px;height:150px;border:2px solid #dcdfe6;border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .3s}.style-item[data-v-078c9792]:hover{border-color:#3b82f6;transform:translateY(-2px)}.image-container[data-v-078c9792]{position:relative;width:100%;height:100%}.style-image[data-v-078c9792]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-overlay[data-v-078c9792]{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:13px;text-align:center}.custom-slider[data-v-078c9792],.custom-textarea[data-v-078c9792]{width:680px}.custom-select[data-v-078c9792]{width:200px}.default-image-list[data-v-078c9792]{margin-top:8px}.default-images p[data-v-078c9792]{margin-bottom:12px}.custom-textarea[data-v-078c9792]{width:100%}.custom-textarea .el-textarea__inner[data-v-078c9792]{min-height:100px;border-radius:8px}.custom-slider[data-v-078c9792]{margin-top:10px}.custom-select[data-v-078c9792]{width:220px}.upload-tips[data-v-078c9792]{font-size:12px;color:#64748b;line-height:1.6}.el-form-item__tip-icon[data-v-078c9792]{margin-left:8px;color:#9ca3af;cursor:help}.preview-image-content[data-v-078c9792]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.default-image[data-v-078c9792]{-o-object-fit:cover;object-fit:cover;width:80px;height:80px;border-radius:4px;cursor:pointer;border:2px solid #dcdfe6;transition:all .3s;margin:12px 0}.default-image[data-v-078c9792]:hover{border-color:#409eff;transform:scale(1.05)}.preview-wrapper[data-v-078c9792]{width:160px;min-height:160px;position:relative;display:flex;flex-direction:column}.upload-container[data-v-078c9792]{display:flex;gap:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px dashed #e2e8f0;margin-bottom:16px;margin-right:20px}.preview-image[data-v-078c9792]{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc}.default-images p[data-v-078c9792]{color:#475569;font-size:14px;margin-bottom:8px}.default-image-list[data-v-078c9792]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.default-image-selected[data-v-078c9792]{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2);filter:brightness(1)}.upload-container[data-v-078c9792]:hover{border-color:#94a3b8;background:#f1f5f9}.preview-placeholder .el-icon[data-v-078c9792]{font-size:36px;margin-bottom:10px;color:#94a3b8}.preview-image-content[data-v-078c9792]:hover{transform:scale(1.02);box-shadow:0 4px 8px rgba(0,0,0,.12);transform:scale(1.03)}.preview-image-name[data-v-078c9792]{position:absolute;bottom:0;left:0;right:0;padding:6px;background:rgba(0,0,0,.3);color:#fff;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-controls[data-v-078c9792]{margin-left:auto;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.upload-btn[data-v-078c9792]{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;font-weight:500;letter-spacing:.5px}.el-upload__tip[data-v-078c9792]{font-size:13px;color:#64748b;line-height:1.6;margin-top:10px}@media (max-width:768px){.preview-image[data-v-078c9792]{width:100%;margin-bottom:12px}.preview-image-content[data-v-078c9792]{width:100%;height:auto;max-height:200px}}.content-wrapper[data-v-078c9792]{display:flex;gap:30px;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.05);padding:24px}.preview-container[data-v-078c9792]{width:600px;min-height:600px;flex-shrink:0;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;flex-direction:column}.empty-preview[data-v-078c9792]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:8px;border:1px dashed #cbd5e1;cursor:pointer;transition:all .3s;flex:1;flex-direction:column;color:#9ca3af;background:#f9fafb}.empty-preview[data-v-078c9792]:hover{border-color:#c1d9ff;background:#f0f7ff;transform:translateY(-2px)}.empty-icon[data-v-078c9792]{font-size:48px;color:#cbd5e1;margin-bottom:12px;display:block}.empty-preview-content[data-v-078c9792]{text-align:center;padding:20px}.result-container[data-v-078c9792]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.result-image[data-v-078c9792]{border:1px solid #f3f4f6;background-color:#f9fafb;max-width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain;border-radius:4px}.download-btn[data-v-078c9792]{height:44px;width:100%}@media (max-width:992px){.content-wrapper[data-v-078c9792]{flex-direction:column}.preview-container[data-v-078c9792]{width:100%;margin-top:30px}.style-item[data-v-078c9792]{width:calc(33.33% - 8px)}}@media (max-width:768px){.content-wrapper[data-v-078c9792],.page-container[data-v-078c9792]{padding:16px}.upload-container[data-v-078c9792]{flex-direction:column;align-items:flex-start}.style-item[data-v-078c9792]{width:calc(50% - 6px);height:140px}.default-image[data-v-078c9792]{width:70px;height:70px}}.action-buttons[data-v-078c9792]{display:flex;flex-direction:column;gap:12px}.style-container[data-v-078c9792]::-webkit-scrollbar{width:6px}.style-container[data-v-078c9792]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.style-container[data-v-078c9792]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.clear-btn[data-v-078c9792],.select-btn[data-v-078c9792]{width:120px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.clear-btn[data-v-078c9792]{color:#f56c6c;background:#fef0f0;border-color:#fde2e2}.clear-btn[data-v-078c9792]:hover{background-color:#fde2e2;color:#f56c6c;border-color:#fbc4c4}.clear-btn[data-v-078c9792]:active{background-color:#fcd3d3}.clear-btn .el-icon[data-v-078c9792]{margin-right:4px}.style-item-selected[data-v-078c9792]{border-color:#3b82f6;box-shadow:0 4px 8px rgba(59,130,246,.15)}.content-wrapper[data-v-6a432623]{display:flex;gap:24px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.05)}.preview-container[data-v-6a432623]{width:600px;min-height:500px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;flex-direction:column}.upload-container[data-v-6a432623]{display:flex;gap:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px dashed #e2e8f0;margin-bottom:16px;margin-right:20px}.preview-wrapper[data-v-6a432623]{width:160px;min-height:160px;position:relative;display:flex;flex-direction:column}.empty-preview[data-v-6a432623]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px;border:1px dashed #cbd5e1;color:#64748b;cursor:pointer}.empty-icon[data-v-6a432623]{font-size:32px;margin-bottom:8px;color:#94a3b8}.empty-text[data-v-6a432623]{font-size:14px}.preview-image[data-v-6a432623]{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc}.preview-image-content[data-v-6a432623]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.preview-image-name[data-v-6a432623]{position:absolute;bottom:0;left:0;right:0;padding:6px;background:rgba(0,0,0,.3);color:#fff;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-buttons[data-v-6a432623]{display:flex;flex-direction:column;gap:12px}.clear-btn[data-v-6a432623],.select-btn[data-v-6a432623]{width:120px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.clear-btn[data-v-6a432623]{color:#f56c6c;background:#fef0f0;border-color:#fde2e2}.upload-tips[data-v-6a432623]{font-size:12px;color:#64748b;line-height:1.6}.style-option[data-v-6a432623]{display:flex;align-items:center;gap:8px}.style-thumb[data-v-6a432623]{width:40px;height:40px;border-radius:4px;-o-object-fit:cover;object-fit:cover}.result-container[data-v-6a432623]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.result-image[data-v-6a432623]{max-width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain;border-radius:8px;border:1px solid #f3f4f6}.download-btn[data-v-6a432623]{width:100%}@media (max-width:992px){.content-wrapper[data-v-6a432623]{flex-direction:column}.preview-container[data-v-6a432623]{width:100%;margin-top:24px}.style-item[data-v-6a432623]{width:calc(33.33% - 8px)}}@media (max-width:768px){.upload-container[data-v-6a432623]{flex-direction:column}.preview-wrapper[data-v-6a432623]{width:100%;height:auto;aspect-ratio:1/1;margin-bottom:16px}.default-image[data-v-6a432623]{width:70px;height:70px}.style-item[data-v-6a432623]{width:calc(50% - 6px);height:140px}}.default-images p[data-v-6a432623]{margin-bottom:8px;color:#475569;font-size:14px;margin-bottom:12px}.default-image-list[data-v-6a432623]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px}.default-image[data-v-6a432623]{-o-object-fit:cover;object-fit:cover;width:80px;height:80px;border-radius:4px;cursor:pointer;border:2px solid #dcdfe6;transition:all .3s;margin:12px 0}.default-image[data-v-6a432623]:hover{border-color:#409eff;transform:scale(1.05)}.style-container[data-v-6a432623]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-height:500px;overflow-y:auto;padding:4px;max-width:720px}.image-container[data-v-6a432623]{position:relative;width:100%;height:100%}.style-image[data-v-6a432623]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.gender-image:hover .style-image[data-v-6a432623]{transform:scale(1.05)}.image-overlay[data-v-6a432623]{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:13px;text-align:center}.style-item[data-v-6a432623]{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;background:#fff}.style-item[data-v-6a432623]:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.style-container[data-v-6a432623]::-webkit-scrollbar{width:6px}.style-container[data-v-6a432623]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.style-container[data-v-6a432623]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.style-item-selected[data-v-6a432623]{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.3)}.gender-image[data-v-6a432623]{position:relative;width:50%;height:100%;overflow:hidden}.gender-label[data-v-6a432623]{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;padding:2px 8px;border-radius:12px;font-size:12px}.style-label[data-v-6a432623]{padding:10px;text-align:center;font-weight:500;color:#4b5563;background:#f9fafb;border-top:1px solid #e5e7eb}.gender-examples[data-v-6a432623]{display:flex;height:180px}.content-wrapper[data-v-8a61deaa]{display:flex;gap:24px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.05)}.preview-container[data-v-8a61deaa]{width:600px;min-height:500px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;flex-direction:column}.upload-container[data-v-8a61deaa]{display:flex;gap:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px dashed #e2e8f0;margin-bottom:16px;margin-right:20px}.preview-wrapper[data-v-8a61deaa]{width:160px;position:relative}.empty-preview[data-v-8a61deaa]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px;border:1px dashed #cbd5e1;color:#64748b;cursor:pointer}.empty-icon[data-v-8a61deaa]{font-size:32px;margin-bottom:8px;color:#94a3b8}.empty-text[data-v-8a61deaa]{font-size:14px}.preview-image[data-v-8a61deaa]{width:100%;height:100%}.preview-image-content[data-v-8a61deaa]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.preview-image-name[data-v-8a61deaa]{position:absolute;bottom:0;left:0;right:0;padding:6px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-buttons[data-v-8a61deaa]{display:flex;flex-direction:column;gap:12px}.clear-btn[data-v-8a61deaa],.select-btn[data-v-8a61deaa]{width:120px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.clear-btn[data-v-8a61deaa]{color:#f56c6c;background:#fef0f0;border-color:#fde2e2}.upload-tips[data-v-8a61deaa]{font-size:12px;color:#64748b;line-height:1.6}.result-container[data-v-8a61deaa]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.result-image[data-v-8a61deaa]{max-width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain;border-radius:8px;border:1px solid #f3f4f6}.download-btn[data-v-8a61deaa]{width:100%}.default-images p[data-v-8a61deaa]{color:#475569;font-size:14px;margin-bottom:8px}.default-image[data-v-8a61deaa]{-o-object-fit:cover;object-fit:cover;width:80px;border-radius:4px;cursor:pointer;border:2px solid #dcdfe6;transition:all .3s;margin:12px 0}.default-image[data-v-8a61deaa]:hover{border-color:#409eff;transform:scale(1.05)}.style-container[data-v-8a61deaa]{display:flex;flex-wrap:wrap;gap:10px;max-height:400px;max-width:670px;overflow-y:auto;padding:2px}.image-container[data-v-8a61deaa]{position:relative;width:100%;height:100%}.style-image[data-v-8a61deaa]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-overlay[data-v-8a61deaa]{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:13px;text-align:center}.style-item[data-v-8a61deaa]{width:150px;border:2px solid #dcdfe6;border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .3s}.style-item[data-v-8a61deaa]:hover{border-color:#3b82f6;transform:translateY(-2px)}.style-container[data-v-8a61deaa]::-webkit-scrollbar{width:6px}.style-container[data-v-8a61deaa]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.style-container[data-v-8a61deaa]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.style-item-selected[data-v-8a61deaa]{border-color:#3b82f6;box-shadow:0 4px 8px rgba(59,130,246,.15)}@media (max-width:992px){.content-wrapper[data-v-8a61deaa]{flex-direction:column}.preview-container[data-v-8a61deaa]{width:100%;margin-top:24px}.style-item[data-v-8a61deaa]{width:calc(33.33% - 8px)}}@media (max-width:768px){.upload-container[data-v-8a61deaa]{flex-direction:column}.preview-wrapper[data-v-8a61deaa]{width:100%;height:auto;aspect-ratio:1/1;margin-bottom:16px}.style-item[data-v-8a61deaa]{width:calc(50% - 6px);height:140px}}.content-wrapper[data-v-2fb66c2c]{display:flex;gap:24px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.05)}.preview-container[data-v-2fb66c2c]{width:600px;min-height:500px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;flex-direction:column}.upload-container[data-v-2fb66c2c]{display:flex;gap:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px dashed #e2e8f0;margin-bottom:16px;margin-right:20px}.preview-wrapper[data-v-2fb66c2c]{width:160px;min-height:160px;position:relative;display:flex;flex-direction:column}.ratio-tip[data-v-2fb66c2c]{font-size:12px;color:#999;margin-top:8px}.preview-image[data-v-2fb66c2c]{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc}.empty-preview[data-v-2fb66c2c]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px;border:1px dashed #cbd5e1;color:#64748b;cursor:pointer}.empty-icon[data-v-2fb66c2c]{font-size:32px;margin-bottom:8px;color:#94a3b8}.empty-text[data-v-2fb66c2c]{font-size:14px}.preview-image-content[data-v-2fb66c2c]{max-width:100%;max-height:100%;cursor:zoom-in}.preview-image-name[data-v-2fb66c2c]{position:absolute;bottom:0;left:0;right:0;padding:6px;background:rgba(0,0,0,.3);color:#fff;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-buttons[data-v-2fb66c2c]{display:flex;flex-direction:column;gap:12px}.clear-btn[data-v-2fb66c2c],.select-btn[data-v-2fb66c2c]{width:120px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.clear-btn[data-v-2fb66c2c]{color:#f56c6c;background:#fef0f0;border-color:#fde2e2}.upload-tips[data-v-2fb66c2c]{font-size:12px;color:#64748b;line-height:1.6}.result-container[data-v-2fb66c2c]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.result-image[data-v-2fb66c2c]{max-width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain;border-radius:8px;border:1px solid #f3f4f6}.download-btn[data-v-2fb66c2c]{width:100%}.default-images p[data-v-2fb66c2c]{color:#475569;font-size:14px;margin-bottom:12px}.default-image[data-v-2fb66c2c]{-o-object-fit:cover;object-fit:cover;width:150px;border-radius:4px;cursor:pointer;border:2px solid #dcdfe6;transition:all .3s;margin:0 8px 8px 0}.default-image[data-v-2fb66c2c]:hover{border-color:#409eff;transform:scale(1.05)}.default-image-selected[data-v-2fb66c2c]{border-color:#3b82f6;box-shadow:0 0 8px rgba(59,130,246,.5)}.model-preview[data-v-2fb66c2c]{width:150px;height:200px}@media (max-width:992px){.content-wrapper[data-v-2fb66c2c]{flex-direction:column}.preview-container[data-v-2fb66c2c]{width:100%;margin-top:24px}}@media (max-width:768px){.upload-container[data-v-2fb66c2c]{flex-direction:column}.preview-wrapper[data-v-2fb66c2c]{width:100%;height:auto;aspect-ratio:1/1;margin-bottom:16px}.default-image[data-v-2fb66c2c]{width:70px;height:70px}}.content-wrapper[data-v-392da6e4]{display:flex;gap:24px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.05)}.form-container[data-v-392da6e4]{width:800px;flex-shrink:0}.preview-container[data-v-392da6e4]{width:600px;min-height:500px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;flex-direction:column}.template-tabs[data-v-392da6e4]{height:100%;display:flex}.template-scroll-container[data-v-392da6e4]{max-height:400px;overflow-y:auto;padding-right:8px}.upload-container[data-v-392da6e4]{display:flex;gap:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px dashed #e2e8f0;margin-bottom:16px;margin-right:20px}.preview-wrapper[data-v-392da6e4]{width:160px;min-height:160px;position:relative;display:flex;flex-direction:column}.empty-preview[data-v-392da6e4]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px;border:1px dashed #cbd5e1;color:#64748b;cursor:pointer}.empty-icon[data-v-392da6e4]{font-size:32px;margin-bottom:8px;color:#94a3b8}.empty-text[data-v-392da6e4]{font-size:14px}.preview-image[data-v-392da6e4]{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc}.preview-image-content[data-v-392da6e4]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.preview-image-name[data-v-392da6e4]{position:absolute;bottom:0;left:0;right:0;padding:6px;background:rgba(0,0,0,.3);color:#fff;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-buttons[data-v-392da6e4]{display:flex;flex-direction:column;gap:12px}.clear-btn[data-v-392da6e4],.select-btn[data-v-392da6e4]{width:120px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.clear-btn[data-v-392da6e4]{color:#f56c6c;background:#fef0f0;border-color:#fde2e2}.upload-tips[data-v-392da6e4]{font-size:12px;color:#64748b;line-height:1.6}.default-images p[data-v-392da6e4]{color:#475569;font-size:14px;margin-bottom:12px}.default-image[data-v-392da6e4]{-o-object-fit:cover;object-fit:cover;width:100px;height:100px;border-radius:4px;cursor:pointer;border:2px solid #dcdfe6;transition:all .3s;margin:12px 12px 12px 0}.default-image[data-v-392da6e4]:hover{border-color:#409eff;transform:scale(1.05)}.default-image-selected[data-v-392da6e4]{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.subcategory-title[data-v-392da6e4]{margin:15px 0 10px;font-size:15px;color:#606266}.style-container[data-v-392da6e4]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.image-container[data-v-392da6e4]{position:relative;width:100%;height:100%}.style-image[data-v-392da6e4]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-overlay[data-v-392da6e4]{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:13px;text-align:center}.style-item[data-v-392da6e4]{width:150px;height:150px;border:2px solid #dcdfe6;border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .3s}.style-item[data-v-392da6e4]:hover{border-color:#3b82f6;transform:translateY(-2px)}.style-item-selected[data-v-392da6e4]{border-color:#3b82f6;box-shadow:0 4px 8px rgba(59,130,246,.15)}.style-container[data-v-392da6e4]::-webkit-scrollbar{width:6px}.style-container[data-v-392da6e4]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.style-container[data-v-392da6e4]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.custom-resolution[data-v-392da6e4]{display:flex;align-items:center;margin-top:10px}.separator[data-v-392da6e4]{margin:0 10px}.result-container[data-v-392da6e4]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.result-image[data-v-392da6e4]{max-width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain;border-radius:8px;border:1px solid #f3f4f6}.template-scroll-container[data-v-392da6e4]::-webkit-scrollbar{width:6px}.template-scroll-container[data-v-392da6e4]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.template-scroll-container[data-v-392da6e4]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.download-btn[data-v-392da6e4]{width:100%}.loading-placeholder[data-v-392da6e4]{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999}.loading-icon[data-v-392da6e4]{font-size:24px;margin-bottom:10px;animation:rotate-392da6e4 2s linear infinite}@keyframes rotate-392da6e4{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1200px){.content-wrapper[data-v-392da6e4]{flex-direction:column}.form-container[data-v-392da6e4],.preview-container[data-v-392da6e4]{width:100%}.preview-container[data-v-392da6e4]{margin-top:24px}}@media (max-width:992px){.content-wrapper[data-v-392da6e4]{flex-direction:column}.preview-container[data-v-392da6e4]{width:100%;margin-top:24px}.style-item[data-v-392da6e4]{width:calc(33.33% - 8px)}}@media (max-width:768px){.upload-container[data-v-392da6e4]{flex-direction:column}.preview-wrapper[data-v-392da6e4]{width:100%;height:auto;aspect-ratio:1/1;margin-bottom:16px}.default-image[data-v-392da6e4]{width:70px;height:70px}.style-item[data-v-392da6e4]{width:calc(50% - 6px);height:140px}}.content-wrapper[data-v-48bbf464]{display:flex;gap:24px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.05)}.form-container[data-v-48bbf464]{width:800px;flex-shrink:0}.preview-container[data-v-48bbf464]{width:600px;min-height:500px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;flex-direction:column}.result-container[data-v-48bbf464]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.upload-container[data-v-48bbf464]{display:flex;gap:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px dashed #e2e8f0;margin-bottom:16px;margin-right:20px}.preview-wrapper[data-v-48bbf464]{width:160px;min-height:160px;position:relative;display:flex;flex-direction:column}.empty-preview[data-v-48bbf464]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px;border:1px dashed #cbd5e1;color:#64748b;cursor:pointer}.empty-icon[data-v-48bbf464]{font-size:32px;margin-bottom:8px;color:#94a3b8}.empty-text[data-v-48bbf464]{font-size:14px}.preview-image[data-v-48bbf464]{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc}.preview-image-content[data-v-48bbf464]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.preview-image-name[data-v-48bbf464]{position:absolute;bottom:0;left:0;right:0;padding:6px;background:rgba(0,0,0,.3);color:#fff;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-buttons[data-v-48bbf464]{display:flex;flex-direction:column;gap:12px}.clear-btn[data-v-48bbf464],.select-btn[data-v-48bbf464]{width:120px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.clear-btn[data-v-48bbf464]{color:#f56c6c;background:#fef0f0;border-color:#fde2e2}.upload-tips[data-v-48bbf464]{font-size:12px;color:#64748b;line-height:1.6}.default-images p[data-v-48bbf464]{color:#475569;font-size:14px;margin-bottom:12px}.default-image[data-v-48bbf464]{-o-object-fit:cover;object-fit:cover;width:150px;height:150px;border-radius:4px;cursor:pointer;border:2px solid #dcdfe6;transition:all .3s;margin:12px 12px 12px 0}.default-image[data-v-48bbf464]:hover{border-color:#409eff;transform:scale(1.05)}.default-image-selected[data-v-48bbf464]{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.subcategory-title[data-v-48bbf464]{margin:15px 0 10px;font-size:15px;color:#606266}.style-container[data-v-48bbf464]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.image-container[data-v-48bbf464]{position:relative;width:100%;height:100%}.style-image[data-v-48bbf464]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-overlay[data-v-48bbf464]{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:13px;text-align:center}.style-item[data-v-48bbf464]{width:150px;height:150px;border:2px solid #dcdfe6;border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .3s}.style-item[data-v-48bbf464]:hover{border-color:#3b82f6;transform:translateY(-2px)}.style-item-selected[data-v-48bbf464]{border-color:#3b82f6;box-shadow:0 4px 8px rgba(59,130,246,.15)}.result-image[data-v-48bbf464]{max-width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain;border-radius:8px;border:1px solid #f3f4f6}.download-btn[data-v-48bbf464]{width:100%}@media (max-width:1200px){.content-wrapper[data-v-48bbf464]{flex-direction:column}.form-container[data-v-48bbf464],.preview-container[data-v-48bbf464]{width:100%}.preview-container[data-v-48bbf464]{margin-top:24px}}@media (max-width:768px){.upload-container[data-v-48bbf464]{flex-direction:column}.preview-wrapper[data-v-48bbf464]{width:100%;height:auto;aspect-ratio:1/1;margin-bottom:16px}.default-image[data-v-48bbf464]{width:70px;height:70px}}.template-scroll-container[data-v-48bbf464]::-webkit-scrollbar{width:6px}.template-scroll-container[data-v-48bbf464]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.template-scroll-container[data-v-48bbf464]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.content-wrapper[data-v-9f30a066]{display:flex;gap:24px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.05)}.form-container[data-v-9f30a066]{width:800px;flex-shrink:0}.preview-container[data-v-9f30a066]{width:600px;min-height:500px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;flex-direction:column}.result-container[data-v-9f30a066]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.upload-container[data-v-9f30a066]{display:flex;gap:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px dashed #e2e8f0;margin-bottom:16px;margin-right:20px}.preview-wrapper[data-v-9f30a066]{width:160px;min-height:160px;position:relative;display:flex;flex-direction:column}.empty-preview[data-v-9f30a066]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px;border:1px dashed #cbd5e1;color:#64748b;cursor:pointer}.empty-icon[data-v-9f30a066]{font-size:32px;margin-bottom:8px;color:#94a3b8}.empty-text[data-v-9f30a066]{font-size:14px}.preview-image[data-v-9f30a066]{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc}.preview-image-content[data-v-9f30a066]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.scale-tooltip[data-v-9f30a066]{max-width:300px;line-height:1.5;padding:10px}.el-form-item__tip-icon[data-v-9f30a066]{margin-left:8px;color:#9ca3af;cursor:help;vertical-align:middle}.preview-image-name[data-v-9f30a066]{position:absolute;bottom:0;left:0;right:0;padding:6px;background:rgba(0,0,0,.3);color:#fff;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-buttons[data-v-9f30a066]{display:flex;flex-direction:column;gap:12px}.clear-btn[data-v-9f30a066],.select-btn[data-v-9f30a066]{width:120px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.clear-btn[data-v-9f30a066]{color:#f56c6c;background:#fef0f0;border-color:#fde2e2}.upload-tips[data-v-9f30a066]{font-size:12px;color:#64748b;line-height:1.6}.default-images p[data-v-9f30a066]{color:#475569;font-size:14px;margin-bottom:12px}.default-image[data-v-9f30a066]{-o-object-fit:cover;object-fit:cover;width:150px;height:150px;border-radius:4px;cursor:pointer;border:2px solid #dcdfe6;transition:all .3s;margin:12px 12px 12px 0}.default-image[data-v-9f30a066]:hover{border-color:#409eff;transform:scale(1.05)}.default-image-selected[data-v-9f30a066]{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.subcategory-title[data-v-9f30a066]{margin:15px 0 10px;font-size:15px;color:#606266}.style-container[data-v-9f30a066]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.image-container[data-v-9f30a066]{position:relative;width:100%;height:100%}.style-image[data-v-9f30a066]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-overlay[data-v-9f30a066]{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:13px;text-align:center}.style-item[data-v-9f30a066]{width:150px;height:150px;border:2px solid #dcdfe6;border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .3s}.style-item[data-v-9f30a066]:hover{border-color:#3b82f6;transform:translateY(-2px)}.style-item-selected[data-v-9f30a066]{border-color:#3b82f6;box-shadow:0 4px 8px rgba(59,130,246,.15)}.result-image[data-v-9f30a066]{max-width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain;border-radius:8px;border:1px solid #f3f4f6}.download-btn[data-v-9f30a066]{width:100%}@media (max-width:1200px){.content-wrapper[data-v-9f30a066]{flex-direction:column}.form-container[data-v-9f30a066],.preview-container[data-v-9f30a066]{width:100%}.preview-container[data-v-9f30a066]{margin-top:24px}}@media (max-width:768px){.upload-container[data-v-9f30a066]{flex-direction:column}.preview-wrapper[data-v-9f30a066]{width:100%;height:auto;aspect-ratio:1/1;margin-bottom:16px}.default-image[data-v-9f30a066]{width:70px;height:70px}}.template-scroll-container[data-v-9f30a066]::-webkit-scrollbar{width:6px}.template-scroll-container[data-v-9f30a066]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.template-scroll-container[data-v-9f30a066]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.content-wrapper[data-v-0ebb6ef0]{display:flex;gap:24px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.05)}.form-container[data-v-0ebb6ef0]{width:800px;flex-shrink:0}.preview-container[data-v-0ebb6ef0]{width:600px;min-height:500px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;flex-direction:column}.result-container[data-v-0ebb6ef0]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.upload-container[data-v-0ebb6ef0]{display:flex;gap:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px dashed #e2e8f0;margin-bottom:16px;margin-right:20px}.preview-wrapper[data-v-0ebb6ef0]{width:160px;min-height:160px;position:relative;display:flex;flex-direction:column}.empty-preview[data-v-0ebb6ef0]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px;border:1px dashed #cbd5e1;color:#64748b;cursor:pointer}.empty-icon[data-v-0ebb6ef0]{font-size:32px;margin-bottom:8px;color:#94a3b8}.empty-text[data-v-0ebb6ef0]{font-size:14px}.preview-image[data-v-0ebb6ef0]{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc}.preview-image-content[data-v-0ebb6ef0]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.preview-image-name[data-v-0ebb6ef0]{position:absolute;bottom:0;left:0;right:0;padding:6px;background:rgba(0,0,0,.3);color:#fff;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-buttons[data-v-0ebb6ef0]{display:flex;flex-direction:column;gap:12px}.clear-btn[data-v-0ebb6ef0],.select-btn[data-v-0ebb6ef0]{width:120px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.clear-btn[data-v-0ebb6ef0]{color:#f56c6c;background:#fef0f0;border-color:#fde2e2}.upload-tips[data-v-0ebb6ef0]{font-size:12px;color:#64748b;line-height:1.6}.default-images p[data-v-0ebb6ef0]{color:#475569;font-size:14px;margin-bottom:12px}.default-image[data-v-0ebb6ef0]{-o-object-fit:cover;object-fit:cover;width:150px;height:150px;border-radius:4px;cursor:pointer;border:2px solid #dcdfe6;transition:all .3s;margin:12px 12px 12px 0}.default-image[data-v-0ebb6ef0]:hover{border-color:#409eff;transform:scale(1.05)}.default-image-selected[data-v-0ebb6ef0]{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.subcategory-title[data-v-0ebb6ef0]{margin:15px 0 10px;font-size:15px;color:#606266}.style-container[data-v-0ebb6ef0]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.image-container[data-v-0ebb6ef0]{position:relative;width:100%;height:100%}.style-image[data-v-0ebb6ef0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-overlay[data-v-0ebb6ef0]{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:13px;text-align:center}.style-item[data-v-0ebb6ef0]{width:150px;height:150px;border:2px solid #dcdfe6;border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .3s}.style-item[data-v-0ebb6ef0]:hover{border-color:#3b82f6;transform:translateY(-2px)}.style-item-selected[data-v-0ebb6ef0]{border-color:#3b82f6;box-shadow:0 4px 8px rgba(59,130,246,.15)}.result-image[data-v-0ebb6ef0]{max-width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain;border-radius:8px;border:1px solid #f3f4f6}.download-btn[data-v-0ebb6ef0]{width:100%}@media (max-width:1200px){.content-wrapper[data-v-0ebb6ef0]{flex-direction:column}.form-container[data-v-0ebb6ef0],.preview-container[data-v-0ebb6ef0]{width:100%}.preview-container[data-v-0ebb6ef0]{margin-top:24px}}@media (max-width:768px){.upload-container[data-v-0ebb6ef0]{flex-direction:column}.preview-wrapper[data-v-0ebb6ef0]{width:100%;height:auto;aspect-ratio:1/1;margin-bottom:16px}.default-image[data-v-0ebb6ef0]{width:70px;height:70px}}.template-scroll-container[data-v-0ebb6ef0]::-webkit-scrollbar{width:6px}.template-scroll-container[data-v-0ebb6ef0]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.template-scroll-container[data-v-0ebb6ef0]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.content-wrapper[data-v-e497c574]{display:flex;gap:24px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.05)}.form-container[data-v-e497c574]{width:800px;flex-shrink:0}.preview-container[data-v-e497c574]{width:600px;min-height:500px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;flex-direction:column}.result-container[data-v-e497c574]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.upload-container[data-v-e497c574]{display:flex;gap:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px dashed #e2e8f0;margin-bottom:16px;margin-right:20px}.preview-wrapper[data-v-e497c574]{width:160px;min-height:160px;position:relative;display:flex;flex-direction:column}.empty-preview[data-v-e497c574]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px;border:1px dashed #cbd5e1;color:#64748b;cursor:pointer}.empty-icon[data-v-e497c574]{font-size:32px;margin-bottom:8px;color:#94a3b8}.empty-text[data-v-e497c574]{font-size:14px}.preview-image[data-v-e497c574]{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc}.preview-image-content[data-v-e497c574]{max-width:100%;max-height:100%;cursor:zoom-in}.image-error[data-v-e497c574]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999}.preview-image-name[data-v-e497c574]{position:absolute;bottom:0;left:0;right:0;padding:6px;background:rgba(0,0,0,.3);color:#fff;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-buttons[data-v-e497c574]{display:flex;flex-direction:column;gap:12px}.clear-btn[data-v-e497c574],.select-btn[data-v-e497c574]{width:120px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.clear-btn[data-v-e497c574]{color:#f56c6c;background:#fef0f0;border-color:#fde2e2}.upload-tips[data-v-e497c574]{font-size:12px;color:#64748b;line-height:1.6}.default-images p[data-v-e497c574]{color:#475569;font-size:14px;margin-bottom:12px}.default-image[data-v-e497c574]{-o-object-fit:cover;object-fit:cover;width:150px;height:150px;border-radius:4px;cursor:pointer;border:2px solid #dcdfe6;transition:all .3s;margin:12px 12px 12px 0}.default-image[data-v-e497c574]:hover{border-color:#409eff;transform:scale(1.05)}.default-image-selected[data-v-e497c574]{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.subcategory-title[data-v-e497c574]{margin:15px 0 10px;font-size:15px;color:#606266}.style-container[data-v-e497c574]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.image-container[data-v-e497c574]{position:relative;width:100%;height:100%}.style-image[data-v-e497c574]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-overlay[data-v-e497c574]{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:13px;text-align:center}.style-item[data-v-e497c574]{width:150px;height:150px;border:2px solid #dcdfe6;border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .3s}.style-item[data-v-e497c574]:hover{border-color:#3b82f6;transform:translateY(-2px)}.style-item-selected[data-v-e497c574]{border-color:#3b82f6;box-shadow:0 4px 8px rgba(59,130,246,.15)}.result-image[data-v-e497c574]{max-width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain;border-radius:8px;border:1px solid #f3f4f6}.download-btn[data-v-e497c574]{width:100%}@media (max-width:1200px){.content-wrapper[data-v-e497c574]{flex-direction:column}.form-container[data-v-e497c574],.preview-container[data-v-e497c574]{width:100%}.preview-container[data-v-e497c574]{margin-top:24px}}@media (max-width:768px){.upload-container[data-v-e497c574]{flex-direction:column}.preview-wrapper[data-v-e497c574]{width:100%;height:auto;aspect-ratio:1/1;margin-bottom:16px}.default-image[data-v-e497c574]{width:70px;height:70px}}.template-scroll-container[data-v-e497c574]::-webkit-scrollbar{width:6px}.template-scroll-container[data-v-e497c574]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.template-scroll-container[data-v-e497c574]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.el-color-picker[data-v-1fa576bb]{vertical-align:middle}.custom-size-option[data-v-1fa576bb]{height:auto;padding:0}.custom-size-option[data-v-1fa576bb]:hover{background-color:transparent!important}.el-input-number[data-v-1fa576bb]{margin:5px 0}.el-color-picker[data-v-1fa576bb]{height:32px}.content-wrapper[data-v-1fa576bb]{display:flex;gap:24px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.05)}.form-container[data-v-1fa576bb]{width:800px;flex-shrink:0}.preview-container[data-v-1fa576bb]{width:600px;min-height:500px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;flex-direction:column}.result-container[data-v-1fa576bb]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.upload-container[data-v-1fa576bb]{display:flex;gap:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px dashed #e2e8f0;margin-bottom:16px;margin-right:20px}.preview-wrapper[data-v-1fa576bb]{width:160px;min-height:160px;position:relative;display:flex;flex-direction:column}.empty-preview[data-v-1fa576bb]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px;border:1px dashed #cbd5e1;color:#64748b;cursor:pointer}.empty-icon[data-v-1fa576bb]{font-size:32px;margin-bottom:8px;color:#94a3b8}.empty-text[data-v-1fa576bb]{font-size:14px}.preview-image[data-v-1fa576bb]{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc}.preview-image-content[data-v-1fa576bb]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.preview-image-name[data-v-1fa576bb]{position:absolute;bottom:0;left:0;right:0;padding:6px;background:rgba(0,0,0,.3);color:#fff;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-buttons[data-v-1fa576bb]{display:flex;flex-direction:column;gap:12px}.clear-btn[data-v-1fa576bb],.select-btn[data-v-1fa576bb]{width:120px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.clear-btn[data-v-1fa576bb]{color:#f56c6c;background:#fef0f0;border-color:#fde2e2}.upload-tips[data-v-1fa576bb]{font-size:12px;color:#64748b;line-height:1.6}.default-images p[data-v-1fa576bb]{color:#475569;font-size:14px;margin-bottom:12px}.default-image[data-v-1fa576bb]{-o-object-fit:cover;object-fit:cover;width:150px;height:150px;border-radius:4px;cursor:pointer;border:2px solid #dcdfe6;transition:all .3s;margin:12px 12px 12px 0}.default-image[data-v-1fa576bb]:hover{border-color:#409eff;transform:scale(1.05)}.default-image-selected[data-v-1fa576bb]{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.result-image[data-v-1fa576bb]{max-width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain;border-radius:8px;border:1px solid #f3f4f6}.download-btn[data-v-1fa576bb]{width:100%}@media (max-width:1200px){.content-wrapper[data-v-1fa576bb]{flex-direction:column}.form-container[data-v-1fa576bb],.preview-container[data-v-1fa576bb]{width:100%}.preview-container[data-v-1fa576bb]{margin-top:24px}}.size-select-container[data-v-1fa576bb]{display:flex;flex-direction:column;gap:10px}.size-select-row[data-v-1fa576bb]{display:flex;align-items:center;gap:10px}.size-select[data-v-1fa576bb]{flex:1;min-width:200px}.custom-size-toggle[data-v-1fa576bb]{margin-left:10px;white-space:nowrap}.custom-size-container[data-v-1fa576bb]{display:flex;align-items:center;gap:10px;margin-top:5px;padding:10px;background-color:#f8fafc;border-radius:4px}.custom-size-inputs[data-v-1fa576bb]{display:flex;align-items:center;gap:8px}.size-input[data-v-1fa576bb]{width:120px}.size-separator[data-v-1fa576bb]{color:#606266;font-size:14px}.apply-size-btn[data-v-1fa576bb]{margin-left:auto}@media (max-width:768px){.el-form-item .el-input-number[data-v-1fa576bb]{width:100px!important;width:80px!important}.el-form-item .el-input[data-v-1fa576bb]{width:100px!important}.upload-container[data-v-1fa576bb]{flex-direction:column}.preview-wrapper[data-v-1fa576bb]{width:100%;height:auto;aspect-ratio:1/1;margin-bottom:16px}.default-image[data-v-1fa576bb]{width:70px;height:70px}.size-select-row[data-v-1fa576bb]{flex-direction:column;align-items:flex-start;gap:8px}.custom-size-toggle[data-v-1fa576bb]{margin-left:0}.custom-size-container[data-v-1fa576bb]{flex-direction:column;align-items:flex-start}.apply-size-btn[data-v-1fa576bb]{margin-left:0;margin-top:10px;align-self:flex-end}.size-input[data-v-1fa576bb]{width:100px}}.template-scroll-container[data-v-1fa576bb]::-webkit-scrollbar{width:6px}.template-scroll-container[data-v-1fa576bb]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.template-scroll-container[data-v-1fa576bb]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.content-wrapper[data-v-0ef4e283]{display:flex;gap:24px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.05)}.form-container[data-v-0ef4e283]{width:800px;flex-shrink:0}.preview-container[data-v-0ef4e283]{width:600px;min-height:500px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;flex-direction:column}.result-container[data-v-0ef4e283]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.upload-container[data-v-0ef4e283]{display:flex;gap:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px dashed #e2e8f0;margin-bottom:16px;margin-right:20px}.preview-wrapper[data-v-0ef4e283]{width:160px;min-height:160px;position:relative;display:flex;flex-direction:column}.empty-preview[data-v-0ef4e283]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px;border:1px dashed #cbd5e1;color:#64748b;cursor:pointer}.empty-icon[data-v-0ef4e283]{font-size:32px;margin-bottom:8px;color:#94a3b8}.empty-text[data-v-0ef4e283]{font-size:14px}.preview-image[data-v-0ef4e283]{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc}.preview-image-content[data-v-0ef4e283]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.preview-image-name[data-v-0ef4e283]{position:absolute;bottom:0;left:0;right:0;padding:6px;background:rgba(0,0,0,.3);color:#fff;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-buttons[data-v-0ef4e283]{display:flex;flex-direction:column;gap:12px}.clear-btn[data-v-0ef4e283],.select-btn[data-v-0ef4e283]{width:120px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.clear-btn[data-v-0ef4e283]{color:#f56c6c;background:#fef0f0;border-color:#fde2e2}.upload-tips[data-v-0ef4e283]{font-size:12px;color:#64748b;line-height:1.6}.default-images p[data-v-0ef4e283]{color:#475569;font-size:14px;margin-bottom:12px}.default-image[data-v-0ef4e283]{-o-object-fit:cover;object-fit:cover;width:150px;height:150px;border-radius:4px;cursor:pointer;border:2px solid #dcdfe6;transition:all .3s;margin:12px 12px 12px 0}.default-image[data-v-0ef4e283]:hover{border-color:#409eff;transform:scale(1.05)}.default-image-selected[data-v-0ef4e283]{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.subcategory-title[data-v-0ef4e283]{margin:15px 0 10px;font-size:15px;color:#606266}.style-container[data-v-0ef4e283]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.image-container[data-v-0ef4e283]{position:relative;width:100%;height:100%}.style-image[data-v-0ef4e283]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-overlay[data-v-0ef4e283]{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:13px;text-align:center}.style-item[data-v-0ef4e283]{width:150px;height:150px;border:2px solid #dcdfe6;border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .3s}.style-item[data-v-0ef4e283]:hover{border-color:#3b82f6;transform:translateY(-2px)}.style-item-selected[data-v-0ef4e283]{border-color:#3b82f6;box-shadow:0 4px 8px rgba(59,130,246,.15)}.result-image[data-v-0ef4e283]{max-width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain;border-radius:8px;border:1px solid #f3f4f6}.download-btn[data-v-0ef4e283]{width:100%}@media (max-width:1200px){.content-wrapper[data-v-0ef4e283]{flex-direction:column}.form-container[data-v-0ef4e283],.preview-container[data-v-0ef4e283]{width:100%}.preview-container[data-v-0ef4e283]{margin-top:24px}}@media (max-width:768px){.upload-container[data-v-0ef4e283]{flex-direction:column}.preview-wrapper[data-v-0ef4e283]{width:100%;height:auto;aspect-ratio:1/1;margin-bottom:16px}.default-image[data-v-0ef4e283]{width:70px;height:70px}}.template-scroll-container[data-v-0ef4e283]::-webkit-scrollbar{width:6px}.template-scroll-container[data-v-0ef4e283]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.template-scroll-container[data-v-0ef4e283]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.user-center-container[data-v-1e7d00a6]{margin:0 auto;padding:20px}.user-summary[data-v-1e7d00a6]{margin-bottom:24px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.summary-content[data-v-1e7d00a6]{display:flex;align-items:center;padding:24px;gap:24px}.el-avatar[data-v-1e7d00a6]{border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.12)}.summary-details[data-v-1e7d00a6]{flex:1}.summary-details h3[data-v-1e7d00a6]{margin:0 0 8px 0;font-size:20px;font-weight:600;color:#333}.user-id-container[data-v-1e7d00a6]{display:flex;align-items:center;gap:8px}.id-label[data-v-1e7d00a6]{font-size:14px;color:#666}.copy-btn[data-v-1e7d00a6]{padding:4px;border-radius:50%;transition:all .2s ease}.copy-btn[data-v-1e7d00a6]:hover{background-color:#f5f5f5;transform:scale(1.1)}.summary-balance[data-v-1e7d00a6]{display:flex;gap:16px}.currency-card[data-v-1e7d00a6]{display:flex;align-items:center;padding:16px;border-radius:8px;min-width:160px;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s ease;cursor:default}.currency-card[data-v-1e7d00a6]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.currency-icon[data-v-1e7d00a6]{font-size:24px;margin-right:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.currency-info[data-v-1e7d00a6]{display:flex;flex-direction:column}.currency-name[data-v-1e7d00a6]{font-size:14px;color:#666;margin-bottom:4px}.currency-value[data-v-1e7d00a6]{font-size:20px;font-weight:600}.welth-card[data-v-1e7d00a6]{background:linear-gradient(135deg,#fff9e6,#ffecb3);border:1px solid #ffd54f}.welth-card .currency-icon[data-v-1e7d00a6]{background-color:#ffd54f;color:#fff}.welth-card .currency-value[data-v-1e7d00a6]{color:#ff9800}.coupon-card[data-v-1e7d00a6]{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #81c784}.coupon-card .currency-icon[data-v-1e7d00a6]{background-color:#81c784;color:#fff}.coupon-card .currency-value[data-v-1e7d00a6]{color:#4caf50}.services-section[data-v-1e7d00a6],.transaction-section[data-v-1e7d00a6]{margin-bottom:24px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.card-header[data-v-1e7d00a6]{font-size:18px;font-weight:600;color:#333;padding:16px 20px}.el-table[data-v-1e7d00a6]{border-radius:8px;overflow:hidden}.el-table[data-v-1e7d00a6] .el-table__header-wrapper th{background-color:#f8f8f8;font-weight:600}.el-table[data-v-1e7d00a6] .el-table__row{transition:all .2s ease}.el-table[data-v-1e7d00a6] .el-table__row:hover{background-color:#f5f7fa}.amount-expense[data-v-1e7d00a6]{font-weight:600;color:#f56c6c}.pagination[data-v-1e7d00a6]{margin-top:20px;display:flex;justify-content:center}@media (max-width:768px){.summary-content[data-v-1e7d00a6]{flex-direction:column;align-items:flex-start;gap:16px}.summary-balance[data-v-1e7d00a6]{width:100%;justify-content:space-between}.currency-card[data-v-1e7d00a6]{min-width:calc(50% - 8px)}}@media (max-width:480px){.summary-balance[data-v-1e7d00a6]{flex-direction:column}.currency-card[data-v-1e7d00a6]{width:100%}.user-center-container[data-v-1e7d00a6]{padding:12px}.services-section[data-v-1e7d00a6],.summary-content[data-v-1e7d00a6],.transaction-section[data-v-1e7d00a6]{padding:16px}}.preview-dialog[data-v-9e8e5f66]{display:flex;flex-direction:column}.dialog-preview-image[data-v-9e8e5f66]{max-width:100%;-o-object-fit:contain;object-fit:contain}.service-history-container[data-v-9e8e5f66]{margin:0 auto;padding:20px}.history-card[data-v-9e8e5f66]{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.card-header[data-v-9e8e5f66]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-size:18px;font-weight:600;color:#333}.header-actions[data-v-9e8e5f66]{display:flex;gap:12px}.cost-container[data-v-9e8e5f66]{display:flex;flex-direction:column;gap:6px}.currency-item[data-v-9e8e5f66]{display:flex;align-items:center;gap:4px}.currency-item .el-icon[data-v-9e8e5f66]{font-size:16px}.currency-item .amount[data-v-9e8e5f66]{font-size:14px;font-weight:500}.image-preview-container[data-v-9e8e5f66]{width:100%}.preview-images[data-v-9e8e5f66]{display:flex;gap:4px}.preview-thumbnail[data-v-9e8e5f66]{width:60px;border-radius:4px;border:1px solid #ebeef5;cursor:pointer;position:relative}.last-image-more[data-v-9e8e5f66]{position:relative}.more-count[data-v-9e8e5f66]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;border-radius:4px}.image-popover-content[data-v-9e8e5f66]{overflow-y:auto;display:flex;flex-wrap:wrap;gap:12px;padding:8px}.popover-image-item[data-v-9e8e5f66]{width:calc(50% - 6px);display:flex;flex-direction:column;align-items:center;gap:8px}.popover-image[data-v-9e8e5f66]{width:100%;height:180px;border-radius:4px;border:1px solid #ebeef5}.image-actions[data-v-9e8e5f66]{display:flex;gap:8px}.pagination-container[data-v-9e8e5f66]{margin-top:20px;display:flex;justify-content:flex-end}.preview-dialog-content[data-v-9e8e5f66]{width:100%;display:flex;justify-content:center;align-items:center}.dialog-preview-image[data-v-9e8e5f66]{max-width:80%}@media (max-width:992px){.popover-image-item[data-v-9e8e5f66]{width:100%}}@media (max-width:768px){.preview-dialog[data-v-9e8e5f66]{margin:0;width:100%;height:100%}.preview-dialog-content[data-v-9e8e5f66]{height:calc(100% - 80px)}.card-header[data-v-9e8e5f66]{flex-direction:column;align-items:flex-start;gap:12px}.header-actions[data-v-9e8e5f66]{width:100%;justify-content:space-between}.popover-image[data-v-9e8e5f66]{height:120px}}@media (max-width:576px){.service-history-container[data-v-9e8e5f66]{padding:12px}.history-card[data-v-9e8e5f66]{border-radius:8px}.card-header[data-v-9e8e5f66],.el-table[data-v-9e8e5f66]{padding:8px}}.image-preview-container .preview-images[data-v-9e8e5f66]{display:flex;gap:4px;cursor:pointer}.image-error[data-v-9e8e5f66]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;color:#999;cursor:default}body{margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}.el-card{border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-form-item__label{color:#304156;font-weight:700}.el-button--primary{background-color:#409eff;border-color:#409eff}.el-button--primary:hover{background-color:#66b1ff;border-color:#66b1ff}.el-input__inner{border-radius:4px}.el-icon-lock,.el-icon-user{color:#409eff}