/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.image-cropper-modal[data-v-e61e37ce]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999}.cropper-dialog[data-v-e61e37ce]{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.cropper-header[data-v-e61e37ce]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-light)}.cropper-header h3[data-v-e61e37ce]{font-size:16px;font-weight:600;color:var(--color-text);margin:0}.close-btn[data-v-e61e37ce]{width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.close-btn[data-v-e61e37ce]:hover{background:var(--color-border-light)}.close-btn svg[data-v-e61e37ce]{width:18px;height:18px;color:var(--color-text-secondary)}.cropper-body[data-v-e61e37ce]{flex:1;min-height:350px;max-height:450px;padding:16px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;overflow:hidden}.cropper-wrapper[data-v-e61e37ce]{width:100%;height:100%}.cropper-wrapper img[data-v-e61e37ce]{display:block;max-width:100%;opacity:0}.cropper-toolbar[data-v-e61e37ce]{display:flex;justify-content:center;gap:24px;padding:12px 16px;background:var(--color-border-light);border-top:1px solid var(--color-border)}.toolbar-group[data-v-e61e37ce]{display:flex;gap:8px}.tool-btn[data-v-e61e37ce]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);min-width:60px}.tool-btn[data-v-e61e37ce]:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.tool-btn[data-v-e61e37ce]:active{transform:scale(.95)}.tool-btn svg[data-v-e61e37ce]{width:20px;height:20px;color:var(--color-text)}.tool-btn span[data-v-e61e37ce]{font-size:11px;color:var(--color-text-secondary)}.cropper-footer[data-v-e61e37ce]{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--color-border-light)}.btn[data-v-e61e37ce]{padding:10px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.btn-secondary[data-v-e61e37ce]{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary[data-v-e61e37ce]:hover{background:var(--color-border-light)}.btn-primary[data-v-e61e37ce]{background:var(--color-primary);color:#fff}.btn-primary[data-v-e61e37ce]:hover{background:var(--color-primary-hover)}.btn-primary[data-v-e61e37ce]:disabled{opacity:.6;cursor:not-allowed}.modal-enter-active[data-v-e61e37ce],.modal-leave-active[data-v-e61e37ce]{transition:all .3s ease}.modal-enter-from[data-v-e61e37ce],.modal-leave-to[data-v-e61e37ce]{opacity:0}.modal-enter-from .cropper-dialog[data-v-e61e37ce],.modal-leave-to .cropper-dialog[data-v-e61e37ce]{transform:scale(.95)}@media (max-width: 480px){.cropper-dialog[data-v-e61e37ce]{width:95%;max-height:85vh}.cropper-header[data-v-e61e37ce]{padding:12px 16px}.cropper-body[data-v-e61e37ce]{min-height:250px;max-height:300px}.cropper-toolbar[data-v-e61e37ce]{flex-wrap:wrap;gap:8px;padding:10px}.tool-btn[data-v-e61e37ce]{padding:6px 10px;min-width:50px}.tool-btn svg[data-v-e61e37ce]{width:18px;height:18px}.tool-btn span[data-v-e61e37ce]{font-size:10px}.cropper-footer[data-v-e61e37ce]{padding:12px 16px}.btn[data-v-e61e37ce]{padding:8px 20px;font-size:13px}}.image-url-input[data-v-9a48d48d]{display:flex;flex-direction:column}.input-card[data-v-9a48d48d]{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal);border:1px solid var(--color-border-light)}.input-card[data-v-9a48d48d]:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);transform:translateY(-2px)}.input-card[data-v-9a48d48d]:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.card-body[data-v-9a48d48d]{padding:12px;display:flex;gap:12px;align-items:stretch}.card-left[data-v-9a48d48d]{flex-shrink:0;width:100px;display:flex;align-items:center;justify-content:center}.card-right[data-v-9a48d48d]{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.preview-area[data-v-9a48d48d]{position:relative;width:100%;aspect-ratio:1/1;background:var(--color-border-light);border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px dashed var(--color-border);transition:all var(--transition-fast)}.input-card:hover .preview-area[data-v-9a48d48d]{border-color:var(--color-primary);border-style:solid}.clear-btn[data-v-9a48d48d]{position:absolute;top:6px;right:6px;width:24px;height:24px;padding:0;background:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);opacity:0}.preview-area:hover .clear-btn[data-v-9a48d48d]{opacity:1}.clear-btn[data-v-9a48d48d]:hover{background:#dc2626;transform:scale(1.1)}.clear-btn[data-v-9a48d48d]:active{transform:scale(.95)}.clear-btn svg[data-v-9a48d48d]{width:14px;height:14px;color:#fff}.preview-area.has-image[data-v-9a48d48d]{border-style:solid;border-color:var(--color-primary-light)}.preview-area.loading[data-v-9a48d48d]{border-color:var(--color-primary);background:var(--color-primary-light)}.preview-area.error[data-v-9a48d48d]{border-color:#fecaca;background:#fef2f2}.preview-area.drag-over[data-v-9a48d48d]{border-color:var(--color-primary);background:var(--color-primary-light);border-style:solid}.preview-area[data-v-9a48d48d]:not(.has-image):not(.loading){cursor:pointer}.file-input[data-v-9a48d48d]{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.upload-hint span[data-v-9a48d48d]{font-size:11px}.preview-image[data-v-9a48d48d]{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.input-card:hover .preview-image[data-v-9a48d48d]{transform:scale(1.02)}.preview-loading[data-v-9a48d48d],.preview-error[data-v-9a48d48d],.preview-placeholder[data-v-9a48d48d]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--color-text-secondary)}.preview-loading svg[data-v-9a48d48d],.preview-error svg[data-v-9a48d48d],.preview-placeholder svg[data-v-9a48d48d]{width:40px;height:40px;opacity:.5}.preview-loading span[data-v-9a48d48d],.preview-error span[data-v-9a48d48d],.preview-placeholder span[data-v-9a48d48d]{font-size:12px;opacity:.7;font-weight:500}.preview-error[data-v-9a48d48d]{color:#dc2626}.preview-error svg[data-v-9a48d48d]{color:#dc2626;opacity:.8}.loading-spinner[data-v-9a48d48d]{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin-9a48d48d .8s linear infinite}@keyframes spin-9a48d48d{to{transform:rotate(360deg)}}.input-wrapper[data-v-9a48d48d]{display:flex;align-items:center;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);overflow:hidden}.input-wrapper.focused[data-v-9a48d48d]{background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input-wrapper.error[data-v-9a48d48d]{border-color:#ef4444;background:#fef2f2}.url-input[data-v-9a48d48d]{flex:1;padding:10px 14px;border:none;background:transparent;font-size:13px;color:var(--color-text);outline:none;font-family:inherit}.url-input[data-v-9a48d48d]::placeholder{color:var(--color-text-secondary);opacity:.6}.url-input[data-v-9a48d48d]:disabled{cursor:not-allowed;opacity:.6}.action-buttons[data-v-9a48d48d]{display:flex;gap:8px}.edit-btn[data-v-9a48d48d]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast)}.edit-btn[data-v-9a48d48d]:hover{background:var(--color-primary);color:#fff}.edit-btn[data-v-9a48d48d]:active{transform:scale(.98)}.edit-btn[data-v-9a48d48d]:disabled{opacity:.6;cursor:not-allowed;transform:none}.edit-btn svg[data-v-9a48d48d]{width:16px;height:16px}@media (max-width: 768px){.card-body[data-v-9a48d48d]{padding:10px;gap:10px;flex-direction:column}.card-left[data-v-9a48d48d]{width:100%;max-width:100px;margin:0 auto}.card-right[data-v-9a48d48d]{width:100%}.preview-area[data-v-9a48d48d]{aspect-ratio:1/1}.url-input[data-v-9a48d48d]{padding:8px 12px;font-size:12px}}@media (max-width: 480px){.card-body[data-v-9a48d48d]{padding:8px;gap:8px;flex-direction:column}.card-left[data-v-9a48d48d]{width:100%;max-width:100px}.card-right[data-v-9a48d48d]{width:100%}.preview-area[data-v-9a48d48d]{aspect-ratio:1/1}.clear-btn[data-v-9a48d48d]{width:22px;height:22px;top:5px;right:5px}.clear-btn svg[data-v-9a48d48d]{width:12px;height:12px}.preview-loading svg[data-v-9a48d48d],.preview-error svg[data-v-9a48d48d],.preview-placeholder svg[data-v-9a48d48d]{width:32px;height:32px}.preview-loading span[data-v-9a48d48d],.preview-error span[data-v-9a48d48d],.preview-placeholder span[data-v-9a48d48d]{font-size:11px}.url-input[data-v-9a48d48d]{padding:8px 10px;font-size:11px}.edit-btn[data-v-9a48d48d]{padding:6px 10px;font-size:12px}.edit-btn svg[data-v-9a48d48d]{width:14px;height:14px}}@media (min-width: 1400px){.card-body[data-v-9a48d48d]{padding:14px;gap:14px}.card-left[data-v-9a48d48d]{width:100px}.card-right[data-v-9a48d48d]{gap:12px}.preview-area[data-v-9a48d48d]{aspect-ratio:1/1}.url-input[data-v-9a48d48d]{padding:12px 16px;font-size:14px}.edit-btn[data-v-9a48d48d]{padding:10px 14px;font-size:14px}}@media (min-width: 1800px){.card-body[data-v-9a48d48d]{padding:16px;gap:16px}.card-left[data-v-9a48d48d]{width:100px}.card-right[data-v-9a48d48d]{gap:14px}.preview-area[data-v-9a48d48d]{aspect-ratio:1/1}.url-input[data-v-9a48d48d]{padding:14px 18px;font-size:15px}.edit-btn[data-v-9a48d48d]{padding:12px 16px;font-size:15px}}.text-input[data-v-c3aa5c85]{display:flex;flex-direction:column;gap:8px}.input-header[data-v-c3aa5c85]{display:flex;flex-direction:column;gap:2px}.header-row[data-v-c3aa5c85]{display:flex;align-items:center;justify-content:space-between;gap:12px}label[data-v-c3aa5c85]{font-size:13px;font-weight:600;color:var(--color-text)}label.required[data-v-c3aa5c85]:after{content:" *";color:#ef4444}.type-switch[data-v-c3aa5c85]{display:flex;background:var(--color-border-light);border-radius:var(--radius-sm);padding:2px;flex-shrink:0}.switch-btn[data-v-c3aa5c85]{padding:4px 10px;font-size:11px;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;transition:all var(--transition-fast)}.switch-btn[data-v-c3aa5c85]:hover{color:var(--color-text)}.switch-btn.active[data-v-c3aa5c85]{background:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 2px #0000001a}.input-tips[data-v-c3aa5c85]{font-size:11px;color:var(--color-text-secondary);line-height:1.4}.input-wrapper[data-v-c3aa5c85]{display:flex;align-items:center;background:var(--color-border-light);border:1.5px solid transparent;border-radius:var(--radius-sm);padding:0 12px;transition:all var(--transition-fast)}.input-wrapper.focused[data-v-c3aa5c85]{background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.text-field[data-v-c3aa5c85]{flex:1;padding:10px 0;border:none;background:transparent;font-size:13px;color:var(--color-text);outline:none}.text-field[data-v-c3aa5c85]::placeholder{color:var(--color-text-secondary);opacity:.6}.char-count[data-v-c3aa5c85]{font-size:11px;color:var(--color-text-secondary);white-space:nowrap;padding-left:8px}@media (max-width: 480px){.header-row[data-v-c3aa5c85]{flex-direction:column;align-items:flex-start;gap:6px}.type-switch[data-v-c3aa5c85]{width:100%;justify-content:flex-start}.switch-btn[data-v-c3aa5c85]{padding:5px 12px;font-size:12px}}.background-selector[data-v-dbb70ffb]{display:flex;flex-direction:column;gap:16px}.selector-header[data-v-dbb70ffb]{display:flex;justify-content:space-between;align-items:center}.selector-header h4[data-v-dbb70ffb]{font-size:14px;font-weight:600;color:var(--color-text);margin:0}.current-bg[data-v-dbb70ffb]{font-size:12px;color:var(--color-primary);background:#4f46e51a;padding:4px 10px;border-radius:12px}.bg-grid[data-v-dbb70ffb]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bg-item[data-v-dbb70ffb]{position:relative;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast);background:var(--color-surface)}.bg-item[data-v-dbb70ffb]:hover{border-color:var(--color-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.bg-item.active[data-v-dbb70ffb]{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e533}.bg-preview[data-v-dbb70ffb]{width:100%;aspect-ratio:2 / 1;object-fit:cover;display:block}.bg-label[data-v-dbb70ffb]{padding:6px 8px;font-size:11px;color:var(--color-text-secondary);text-align:center;background:var(--color-surface);border-top:1px solid var(--color-border-light)}.selected-mark[data-v-dbb70ffb]{position:absolute;top:6px;right:6px;width:20px;height:20px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.selected-mark svg[data-v-dbb70ffb]{width:12px;height:12px;color:#fff}@media (max-width: 480px){.bg-grid[data-v-dbb70ffb]{grid-template-columns:repeat(2,1fr);gap:8px}}.template-editor[data-v-24c450a6]{display:flex;flex-direction:column;min-height:500px;height:100%}.tab-content[data-v-24c450a6]{flex:1;padding:20px;overflow-y:auto;min-height:0}.tab-panel[data-v-24c450a6]{animation:fadeIn-24c450a6 .3s ease}.panel-header[data-v-24c450a6]{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border-light)}.panel-header h3[data-v-24c450a6]{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:4px}.panel-desc[data-v-24c450a6]{font-size:13px;color:var(--color-text-secondary)}.input-list[data-v-24c450a6]{display:flex;flex-direction:column;gap:16px}.image-list[data-v-24c450a6]{display:flex;flex-direction:column;gap:12px}.tab-slide-enter-active[data-v-24c450a6],.tab-slide-leave-active[data-v-24c450a6]{transition:all .25s ease}.tab-slide-enter-from[data-v-24c450a6]{opacity:0;transform:translate(20px)}.tab-slide-leave-to[data-v-24c450a6]{opacity:0;transform:translate(-20px)}@keyframes fadeIn-24c450a6{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.tab-content[data-v-24c450a6]{padding:12px}.panel-header[data-v-24c450a6]{margin-bottom:16px;padding-bottom:12px}.panel-header h3[data-v-24c450a6]{font-size:15px}.panel-desc[data-v-24c450a6]{font-size:12px}.image-list[data-v-24c450a6]{gap:10px}}@media (min-width: 1400px){.tab-content[data-v-24c450a6]{padding:24px}.panel-header[data-v-24c450a6]{margin-bottom:24px;padding-bottom:20px}.panel-header h3[data-v-24c450a6]{font-size:18px}.panel-desc[data-v-24c450a6]{font-size:14px}.image-list[data-v-24c450a6]{gap:14px}}@media (min-width: 1800px){.tab-content[data-v-24c450a6]{padding:28px}.panel-header[data-v-24c450a6]{margin-bottom:28px;padding-bottom:24px}.panel-header h3[data-v-24c450a6]{font-size:20px}.panel-desc[data-v-24c450a6]{font-size:15px}.image-list[data-v-24c450a6]{gap:16px}}.template-preview[data-v-2d05b553]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;min-height:0}.template-wrapper[data-v-2d05b553]{transform-origin:center center;transition:transform var(--transition-normal)}.preview-placeholder[data-v-2d05b553]{width:400px;height:200px;display:flex;align-items:center;justify-content:center;background:var(--color-border-light);border-radius:var(--radius-sm);animation:pulse-2d05b553 1.5s ease-in-out infinite}.placeholder-content[data-v-2d05b553]{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-text-secondary)}.placeholder-content svg[data-v-2d05b553]{width:48px;height:48px;opacity:.5}.placeholder-content span[data-v-2d05b553]{font-size:13px}@keyframes pulse-2d05b553{0%,to{opacity:1}50%{opacity:.6}}.gif-exporter[data-v-72cfeea2]{display:flex;flex-direction:column;gap:16px}.export-btn[data-v-72cfeea2]{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 14px #6366f166;overflow:hidden;position:relative}.export-btn[data-v-72cfeea2]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 100%);opacity:0;transition:opacity var(--transition-fast)}.export-btn[data-v-72cfeea2]:hover:not(:disabled):before{opacity:1}.export-btn[data-v-72cfeea2]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.export-btn[data-v-72cfeea2]:active:not(:disabled){transform:translateY(0)}.export-btn[data-v-72cfeea2]:disabled{cursor:not-allowed}.export-btn.exporting[data-v-72cfeea2]{background:linear-gradient(135deg,#6366f1,#4f46e5)}.btn-content[data-v-72cfeea2]{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:1}.btn-icon[data-v-72cfeea2]{width:20px;height:20px;flex-shrink:0}.btn-icon.spinning[data-v-72cfeea2]{animation:spin-72cfeea2 1s linear infinite}@keyframes spin-72cfeea2{to{transform:rotate(360deg)}}.btn-text[data-v-72cfeea2]{white-space:nowrap}.progress-container[data-v-72cfeea2]{display:flex;flex-direction:column;gap:8px}.progress-bar[data-v-72cfeea2]{height:6px;background:var(--color-border-light);border-radius:3px;overflow:hidden}.progress-fill[data-v-72cfeea2]{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-success) 100%);transition:width .3s ease;border-radius:3px}.progress-info[data-v-72cfeea2]{display:flex;justify-content:space-between;align-items:center}.progress-stage[data-v-72cfeea2]{font-size:12px;color:var(--color-text-secondary)}.progress-time[data-v-72cfeea2]{font-size:11px;color:var(--color-text-secondary);opacity:.7}.export-tips[data-v-72cfeea2]{display:flex;align-items:center;gap:8px;padding:12px;background:var(--color-primary-light);border-radius:var(--radius-sm);font-size:12px;color:var(--color-primary-hover)}.export-tips svg[data-v-72cfeea2]{width:16px;height:16px;flex-shrink:0}.progress-slide-enter-active[data-v-72cfeea2],.progress-slide-leave-active[data-v-72cfeea2]{transition:all .3s ease}.progress-slide-enter-from[data-v-72cfeea2],.progress-slide-leave-to[data-v-72cfeea2]{opacity:0;transform:translateY(-10px)}.error-message[data-v-72cfeea2]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);font-size:13px;color:#dc2626}.error-message svg[data-v-72cfeea2]{width:18px;height:18px;flex-shrink:0;color:#dc2626}.error-shake-enter-active[data-v-72cfeea2]{animation:shake-72cfeea2 .5s ease}.error-shake-leave-active[data-v-72cfeea2]{transition:all .3s ease}.error-shake-leave-to[data-v-72cfeea2]{opacity:0;transform:translateY(-10px)}@keyframes shake-72cfeea2{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@font-face{font-family:HONOR-Sans-CN;font-weight:200;src:url(/fonts/HONORSansCN-Light.ttf) format("truetype");font-display:swap}@font-face{font-family:HONOR-Sans-CN;font-weight:800;src:url(/fonts/HONORSansCN-ExtraBold.ttf) format("truetype");font-display:swap}.template-root{width:400px;height:200px;background-image:url(/assets/BG-Dg_11eJO.jpg);background-size:cover;background-position:center;position:relative;overflow:hidden;font-family:思源黑体,sans-serif;border-radius:0}.template-root.capturing .product-img,.template-root.capturing .tuquA img,.template-root.capturing .tuqu2 img,.template-root.js-animation .tuquA img,.template-root.js-animation .tuqu2 img{animation:none!important;transition:none!important}.left-half{width:60%;height:100%;position:relative;display:flex;padding:1px}.image-container{width:114px;height:180px;overflow:hidden;position:relative;border-radius:16px}.image-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;z-index:-1}.product-img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;animation-iteration-count:infinite}.tuquA{margin-top:14px;margin-left:6px;position:relative;overflow:hidden;width:112px;height:178px}.tuquA img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;animation:carouselSlide 4s infinite;animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-play-state:paused}.tuquA img:first-child{opacity:1;animation:slideSequenceA1 4s infinite;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:translate(0)}.tuquA img:nth-child(2){animation:slideSequenceA2 4s infinite;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:translate(-114px)}.tuqu2{margin-left:5px;margin-top:4px;position:relative;overflow:hidden;width:112px;height:178px}.tuqu2 img:first-child{opacity:1;animation:slideSequenceB1 4s infinite;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:translate(0)}.tuqu2 img:nth-child(2){animation:slideSequenceB2 4s infinite;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:translate(114px)}.start-animation img,.start-animation .tuquA img,.start-animation .tuqu2 img{animation-play-state:running}@keyframes slideSequenceA1{0%{transform:translate(0);opacity:1}15%{transform:translate(114px);opacity:1}62%{transform:translate(114px);opacity:1}77%{transform:translate(-114px);opacity:1}to{transform:translate(0);opacity:1}}@keyframes slideSequenceA2{0%{transform:translate(-114px);opacity:1}15%{transform:translate(0);opacity:1}62%{transform:translate(0);opacity:1}77%{transform:translate(0);opacity:1}to{transform:translate(114px);opacity:1}}@keyframes slideSequenceB1{0%{transform:translate(0);opacity:1}15%{transform:translate(-114px);opacity:1}62%{transform:translate(-114px);opacity:1}77%{transform:translate(114px);opacity:1}to{transform:translate(0);opacity:1}}@keyframes slideSequenceB2{0%{transform:translate(114px);opacity:1}15%{transform:translate(0);opacity:1}62%{transform:translate(0);opacity:1}77%{transform:translate(0);opacity:1}to{transform:translate(-114px);opacity:1}}.text-wrap{position:absolute;right:0;top:45%;transform:translateY(-50%);z-index:10;pointer-events:none;text-align:left;width:155px}.shop-name{font-size:36px;color:#fff;font-weight:800;margin:0 0 8px;line-height:1.2;font-family:HONOR-Sans-CN,思源黑体,sans-serif}.shop-name.small{font-size:30px}.qq,.contact-phone{font-size:16px;color:#fff;margin:0 0 6px;line-height:1;font-family:HONOR-Sans-CN,思源黑体,sans-serif;font-weight:200;display:flex;align-items:center}.qq .prefix,.contact-phone .prefix{display:inline-block;color:#333;width:42px;flex-shrink:0;text-align:justify;text-align-last:justify;white-space:nowrap;overflow:hidden}.qq .prefix:after,.contact-phone .prefix:after{content:"";display:inline-block;width:100%}.qq .value,.contact-phone .value{flex:1}.button-text{display:inline-block;background:var(--shop-name-color, #b1a283);color:#fff;border-radius:4px;font-size:12px;z-index:3;width:82px;height:20px;position:absolute;bottom:36px;right:73px;text-align:center;pointer-events:none}:root{--color-bg: #fafbfc;--color-surface: #ffffff;--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-light: #e0e7ff;--color-success: #10b981;--color-text: #1f2937;--color-text-secondary: #6b7280;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,HONOR-Sans-CN,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;padding:12px;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:12px;animation:fadeInDown .6s ease}.header-left{display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);cursor:pointer;background:#fff}.brand-icon img{width:100%;height:100%;object-fit:contain;display:block}.brand-icon:hover{transform:scale(1.05) rotate(5deg);box-shadow:var(--shadow-md)}.brand-icon:active{transform:scale(.95)}.brand-text h1{font-family:HONOR-Sans-CN,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:800;font-size:20px;color:var(--color-text);letter-spacing:-.5px;margin:0;line-height:1.2}.brand-tag{font-size:12px;color:var(--color-text-secondary);font-weight:500}.header-nav{display:flex;align-items:center;gap:4px;background:var(--color-border-light);padding:4px;border-radius:var(--radius-md)}.nav-item{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast);position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-primary);opacity:0;transition:opacity var(--transition-fast)}.nav-item:hover{color:var(--color-text);background:#ffffff80;transform:translateY(-1px)}.nav-item:active{transform:translateY(0)}.nav-item.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.nav-item.active:before{opacity:.05}.nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.nav-icon :deep(svg){width:100%;height:100%}.nav-label{white-space:nowrap}.header-right{display:flex;align-items:center;gap:8px}.action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:500;color:var(--color-text);transition:all var(--transition-fast);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-primary);opacity:0;transition:opacity var(--transition-fast)}.action-btn:hover{background:var(--color-border-light);border-color:var(--color-text-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.action-btn:active{transform:translateY(0)}.action-btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.action-btn.primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.action-btn.primary:before{opacity:.1}.action-btn svg{width:18px;height:18px}.subtitle{font-size:13px;color:var(--color-text-secondary)}.main-container{display:grid;grid-template-columns:380px 1fr;gap:12px;align-items:start;flex:1;min-height:0;animation:fadeInUp .6s ease .1s both}.editor-panel{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;position:sticky;top:12px;max-height:calc(100vh - 24px);display:flex;flex-direction:column}.preview-panel{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px;position:relative;min-height:400px;display:flex;flex-direction:column}.preview-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.03) 0%,transparent 50%);pointer-events:none;border-radius:var(--radius-lg);z-index:0}.preview-wrapper{display:flex;flex-direction:column;align-items:center;gap:24px;flex:1;justify-content:center;min-height:0;position:relative;z-index:1}.export-section{width:100%;max-width:400px;padding-top:16px;border-top:1px solid var(--color-border-light)}.toast-message{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:var(--color-text);color:#fff;padding:14px 24px;border-radius:var(--radius-md);display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);z-index:9999}.toast-icon{width:20px;height:20px;color:var(--color-success)}.toast-enter-active,.toast-leave-active{transition:all .3s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%) translateY(20px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){#app{padding:8px}.app-header{padding:8px 12px;margin-bottom:8px;flex-wrap:wrap;gap:8px}.header-left{gap:8px}.brand-icon{width:32px;height:32px}.brand-icon svg{width:20px;height:20px}.brand-text h1{font-size:16px}.brand-tag{font-size:11px}.header-nav{order:3;width:100%;justify-content:center}.nav-item{padding:6px 12px;font-size:12px}.nav-label{display:none}.header-right{gap:6px}.action-btn{padding:6px 12px;font-size:12px}.action-btn span{display:none}.main-container{display:flex;flex-direction:column}.preview-panel{order:-1;padding:12px;min-height:300px}.editor-panel{order:1;position:static;max-height:none}.export-section{max-width:100%}}@media (min-width: 1400px){.main-container{grid-template-columns:420px 1fr;gap:16px}.app-header{padding:14px 20px}.brand-icon{width:44px;height:44px}.brand-icon svg{width:26px;height:26px}.brand-text h1{font-size:22px}.brand-tag{font-size:13px}.nav-item,.action-btn{padding:10px 18px;font-size:14px}.preview-panel{padding:20px}}@media (min-width: 1800px){.main-container{grid-template-columns:480px 1fr;gap:20px}.app-header{padding:16px 24px}.brand-icon{width:48px;height:48px}.brand-icon svg{width:28px;height:28px}.brand-text h1{font-size:24px}.brand-tag{font-size:14px}.nav-item,.action-btn{padding:12px 20px;font-size:14px}.preview-panel{padding:24px}}@media (min-width: 2400px){.main-container{grid-template-columns:540px 1fr;gap:24px}.app-header{padding:18px 28px}.brand-icon{width:52px;height:52px}.brand-icon svg{width:30px;height:30px}.brand-text h1{font-size:26px}.brand-tag{font-size:15px}.nav-item,.action-btn{padding:14px 22px;font-size:15px}.preview-panel{padding:28px}}.app-footer{text-align:center;padding:8px 0 4px;margin-top:8px}.app-footer p{font-size:11px;color:var(--color-text-secondary);opacity:.6;transition:opacity var(--transition-fast)}.app-footer p:hover{opacity:1}@media (max-width: 480px){#app{padding:6px}.app-header{padding:6px 10px;margin-bottom:6px;gap:6px}.header-left{gap:6px}.brand-icon{width:28px;height:28px}.brand-icon svg{width:18px;height:18px}.brand-text h1{font-size:14px}.brand-tag{font-size:10px}.header-nav{order:3;width:100%;justify-content:center;gap:2px}.nav-item{padding:5px 10px;font-size:11px;gap:4px}.nav-icon{width:16px;height:16px}.nav-label{display:none}.header-right{gap:4px}.action-btn{padding:5px 10px;font-size:11px;gap:4px}.action-btn svg{width:16px;height:16px}.action-btn span{display:none}.preview-panel{padding:10px;border-radius:var(--radius-md);min-height:250px}}