@font-face{font-family:华文行楷;src:url(/fonts/STXINGKA.TTF) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Microsoft YaHei,微软雅黑,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f2f5;touch-action:manipulation}#app{width:100%;height:100%}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;outline:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}::-webkit-scrollbar-track{background:#f1f1f1}.editor-canvas[data-v-edcf9d82]{position:relative;flex-shrink:0;overflow:hidden;box-shadow:0 4px 20px #0000004d}.layer-item[data-v-edcf9d82]{position:absolute;cursor:move;-webkit-user-select:none;user-select:none}.layer-item.locked[data-v-edcf9d82]{cursor:default;pointer-events:none}.layer-item.locked img[data-v-edcf9d82]{pointer-events:none}.layer-item.selected[data-v-edcf9d82]{outline:2px dashed #fff;outline-offset:-2px;box-shadow:0 0 0 1px #e74c3c80}.image-inner[data-v-edcf9d82]{pointer-events:none}.text-display[data-v-edcf9d82]{position:relative}.text-input[data-v-edcf9d82]{position:absolute;top:0;left:0;z-index:10}.resize-handle[data-v-edcf9d82]{position:absolute;width:24px;height:24px;background:#fff;border:3px solid #e74c3c;border-radius:50%;z-index:10;touch-action:none}.resize-handle[data-v-edcf9d82]:after{content:"";position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px}.resize-handle.nw[data-v-edcf9d82]{top:-12px;left:-12px;cursor:nw-resize}.resize-handle.n[data-v-edcf9d82]{top:-12px;left:calc(50% - 12px);cursor:n-resize}.resize-handle.ne[data-v-edcf9d82]{top:-12px;right:-12px;cursor:ne-resize}.resize-handle.w[data-v-edcf9d82]{top:calc(50% - 12px);left:-12px;cursor:w-resize}.resize-handle.e[data-v-edcf9d82]{top:calc(50% - 12px);right:-12px;cursor:e-resize}.resize-handle.sw[data-v-edcf9d82]{bottom:-12px;left:-12px;cursor:sw-resize}.resize-handle.s[data-v-edcf9d82]{bottom:-12px;left:calc(50% - 12px);cursor:s-resize}.resize-handle.se[data-v-edcf9d82]{bottom:-12px;right:-12px;cursor:se-resize}.layer-panel[data-v-4ab2ef3b]{display:flex;flex-direction:column;gap:16px}.panel-section[data-v-4ab2ef3b]{background:#fafafa;border-radius:8px;padding:12px}.section-title[data-v-4ab2ef3b]{font-size:14px;font-weight:600;color:#333;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee}.form-row[data-v-4ab2ef3b]{display:flex;align-items:center;gap:8px;margin-bottom:10px}.form-row label[data-v-4ab2ef3b]{font-size:13px;color:#666;min-width:50px}.form-input[data-v-4ab2ef3b]{flex:1;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px}.form-input.small[data-v-4ab2ef3b]{flex:0 0 80px}.form-input.color[data-v-4ab2ef3b]{flex:0 0 50px;height:32px;padding:2px;cursor:pointer}.empty-tip[data-v-4ab2ef3b]{text-align:center;color:#999;font-size:13px;padding:20px 0}.layer-list[data-v-4ab2ef3b]{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.layer-item[data-v-4ab2ef3b]{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#fff;border:1px solid #eee;border-radius:6px;cursor:pointer;transition:all .2s}.layer-item[data-v-4ab2ef3b]:hover{border-color:#e74c3c}.layer-item.selected[data-v-4ab2ef3b]{border-color:#e74c3c;background:#fff5f5}.layer-info[data-v-4ab2ef3b]{display:flex;align-items:center;gap:8px}.layer-icon[data-v-4ab2ef3b]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#e74c3c;color:#fff;border-radius:4px;font-size:12px;font-weight:700}.layer-name[data-v-4ab2ef3b]{font-size:13px;color:#333;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-actions[data-v-4ab2ef3b]{display:flex;gap:4px}.icon-btn[data-v-4ab2ef3b]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s}.icon-btn[data-v-4ab2ef3b]:hover{background:#f0f0f0}.icon-btn.danger[data-v-4ab2ef3b]:hover{background:#fee}.btn[data-v-4ab2ef3b]{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s}.btn-danger[data-v-4ab2ef3b]{background:#e74c3c;color:#fff}.btn-danger[data-v-4ab2ef3b]:hover{background:#c0392b}.btn-primary[data-v-4ab2ef3b]{background:#3498db;color:#fff}.btn-primary[data-v-4ab2ef3b]:hover{background:#2980b9}.block[data-v-4ab2ef3b]{width:100%}.text-add-panel[data-v-abbb0abe]{display:flex;flex-direction:column;gap:16px}.panel-section[data-v-abbb0abe]{background:#fafafa;border-radius:8px;padding:12px}.section-title[data-v-abbb0abe]{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.section-desc[data-v-abbb0abe]{font-size:12px;color:#999;margin-bottom:12px}.preset-grid[data-v-abbb0abe]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-btn[data-v-abbb0abe]{padding:12px 8px;background:#fff;border:1px solid #e74c3c;border-radius:6px;color:#e74c3c;font-size:13px;font-weight:500;transition:all .2s}.preset-btn[data-v-abbb0abe]:hover{background:#e74c3c;color:#fff}.form-group[data-v-abbb0abe]{margin-bottom:12px}.form-group label[data-v-abbb0abe]{display:block;font-size:13px;color:#666;margin-bottom:6px}.form-textarea[data-v-abbb0abe]{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;resize:vertical}.form-row[data-v-abbb0abe]{display:flex;align-items:center;gap:8px;margin-bottom:10px}.form-row label[data-v-abbb0abe]{font-size:13px;color:#666;min-width:50px}.form-input[data-v-abbb0abe]{flex:1;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px}.form-input.small[data-v-abbb0abe]{flex:0 0 80px}.form-input.color[data-v-abbb0abe]{flex:0 0 50px;height:32px;padding:2px;cursor:pointer}.btn[data-v-abbb0abe]{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary[data-v-abbb0abe]{background:#e74c3c;color:#fff}.btn-primary[data-v-abbb0abe]:hover{background:#c0392b}.block[data-v-abbb0abe]{width:100%}.image-add-panel[data-v-18d3dc73]{display:flex;flex-direction:column;gap:16px}.panel-section[data-v-18d3dc73]{background:#fafafa;border-radius:8px;padding:12px}.section-title[data-v-18d3dc73]{font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.section-desc[data-v-18d3dc73]{font-size:12px;color:#999;margin-bottom:12px}.upload-btn[data-v-18d3dc73]{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;background:#e74c3c;color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.upload-btn[data-v-18d3dc73]:hover{background:#c0392b}.upload-btn.block[data-v-18d3dc73]{width:100%}.preview-thumb[data-v-18d3dc73]{position:relative;margin-top:10px;width:100%;height:120px;border-radius:6px;overflow:hidden;border:1px solid #ddd}.preview-thumb img[data-v-18d3dc73]{width:100%;height:100%;object-fit:cover}.remove-btn[data-v-18d3dc73]{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#00000080;color:#fff;border:none;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.remove-btn[data-v-18d3dc73]:hover{background:#e74c3c}.demo-grid[data-v-18d3dc73]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-item[data-v-18d3dc73]{aspect-ratio:1;border-radius:6px;overflow:hidden;border:1px solid #ddd;cursor:pointer;transition:border-color .2s}.demo-item[data-v-18d3dc73]:hover{border-color:#e74c3c}.demo-item img[data-v-18d3dc73]{width:100%;height:100%;object-fit:cover}.property-panel[data-v-f6422c13]{display:flex;flex-direction:column;gap:16px;margin-top:16px;padding-top:16px;border-top:2px solid #e74c3c}.panel-section[data-v-f6422c13]{background:#fff5f5;border-radius:8px;padding:12px}.section-title[data-v-f6422c13]{font-size:14px;font-weight:600;color:#e74c3c;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #ffdddd}.form-group[data-v-f6422c13]{margin-bottom:12px}.form-group label[data-v-f6422c13]{display:block;font-size:13px;color:#666;margin-bottom:6px}.form-textarea[data-v-f6422c13]{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;resize:vertical}.form-row[data-v-f6422c13]{display:flex;align-items:center;gap:8px;margin-bottom:10px}.form-row label[data-v-f6422c13]{font-size:13px;color:#666;min-width:50px}.form-input[data-v-f6422c13]{flex:1;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px}.form-input.small[data-v-f6422c13]{flex:0 0 70px}.form-input.color[data-v-f6422c13]{flex:0 0 50px;height:32px;padding:2px;cursor:pointer}.btn-row[data-v-f6422c13]{display:flex;gap:8px;margin-top:8px}.btn[data-v-f6422c13]{flex:1;padding:8px 12px;border-radius:4px;font-size:13px;transition:all .2s}.btn-small[data-v-f6422c13]{background:#fff;border:1px solid #ddd;color:#333}.btn-small[data-v-f6422c13]:hover,.btn-small.danger[data-v-f6422c13]{border-color:#e74c3c;color:#e74c3c}.btn-small.danger[data-v-f6422c13]:hover{background:#e74c3c;color:#fff}.parse-panel[data-v-493762d7]{display:flex;flex-direction:column;gap:16px}.panel-section[data-v-493762d7]{background:#fafafa;border-radius:8px;padding:12px}.section-title[data-v-493762d7]{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.section-desc[data-v-493762d7]{font-size:12px;color:#999;margin-bottom:12px}.parse-textarea[data-v-493762d7]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:13px;resize:vertical;margin-bottom:12px;font-family:inherit}.parse-result[data-v-493762d7]{margin-top:10px;padding:8px 12px;border-radius:4px;font-size:13px}.parse-result.success[data-v-493762d7]{background:#f0fff4;color:#27ae60;border:1px solid #a0d8b3}.parse-result.error[data-v-493762d7]{background:#fff5f5;color:#e74c3c;border:1px solid #ffcccc}.api-status[data-v-493762d7]{margin-top:8px;padding:6px 10px;background:#fff8e1;color:#f39c12;border-radius:4px;font-size:12px;border:1px solid #ffe082}.result-list[data-v-493762d7]{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.result-item[data-v-493762d7]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.result-label[data-v-493762d7]{font-size:13px;color:#666;min-width:60px}.result-input[data-v-493762d7]{flex:1;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;min-width:100px}.result-input.small[data-v-493762d7]{flex:0 0 80px}.api-tag[data-v-493762d7]{font-size:11px;padding:2px 6px;background:#e8f5e9;color:#27ae60;border-radius:3px;border:1px solid #a5d6a7}.photo-preview[data-v-493762d7]{align-items:flex-start}.photo-thumb[data-v-493762d7]{width:60px;height:75px;object-fit:cover;border-radius:4px;border:1px solid #ddd}.photo-status[data-v-493762d7]{font-size:12px;color:#27ae60}.quick-actions[data-v-493762d7]{display:flex;gap:8px}.btn[data-v-493762d7]{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary[data-v-493762d7]{background:#e74c3c;color:#fff}.btn-primary[data-v-493762d7]:hover{background:#c0392b}.btn-primary[data-v-493762d7]:disabled{background:#ccc;cursor:not-allowed}.btn-secondary[data-v-493762d7]{flex:1;background:#e74c3c;color:#fff}.btn-secondary[data-v-493762d7]:hover{background:#c0392b}.btn-outline[data-v-493762d7]{flex:1;background:#fff;color:#e74c3c;border:1px solid #e74c3c}.btn-outline[data-v-493762d7]:hover{background:#fff5f5}.block[data-v-493762d7]{width:100%}.format-examples[data-v-493762d7]{display:flex;flex-direction:column;gap:10px}.example-item[data-v-493762d7]{background:#fff;padding:10px;border-radius:6px;border:1px solid #eee}.example-title[data-v-493762d7]{font-size:12px;color:#999;margin-bottom:6px}.example-text[data-v-493762d7]{font-size:12px;color:#333;white-space:pre-wrap;line-height:1.6;font-family:monospace;background:#f9f9f9;padding:8px;border-radius:4px}.template-panel[data-v-ee15bf30]{display:flex;flex-direction:column;gap:16px}.panel-section[data-v-ee15bf30]{background:#fafafa;border-radius:8px;padding:12px}.section-title[data-v-ee15bf30]{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.section-desc[data-v-ee15bf30]{font-size:12px;color:#999;margin-bottom:12px}.form-row[data-v-ee15bf30]{margin-bottom:12px}.form-input[data-v-ee15bf30]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.btn[data-v-ee15bf30]{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary[data-v-ee15bf30]{background:#e74c3c;color:#fff}.btn-primary[data-v-ee15bf30]:hover{background:#c0392b}.btn-primary[data-v-ee15bf30]:disabled{background:#ccc;cursor:not-allowed}.block[data-v-ee15bf30]{width:100%}.empty-tip[data-v-ee15bf30]{text-align:center;color:#999;font-size:13px;padding:20px 0}.template-list[data-v-ee15bf30]{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.template-item[data-v-ee15bf30]{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#fff;border:1px solid #eee;border-radius:6px;transition:all .2s}.template-item[data-v-ee15bf30]:hover{border-color:#e74c3c}.template-info[data-v-ee15bf30]{display:flex;align-items:center;gap:10px;flex:1;cursor:pointer}.template-icon[data-v-ee15bf30]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff5f5;border-radius:6px;font-size:18px}.template-meta[data-v-ee15bf30]{flex:1;min-width:0}.template-name[data-v-ee15bf30]{font-size:14px;color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-date[data-v-ee15bf30]{font-size:11px;color:#999;margin-top:2px}.template-actions[data-v-ee15bf30]{display:flex;gap:4px}.icon-btn[data-v-ee15bf30]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background .2s}.icon-btn[data-v-ee15bf30]:hover{background:#f0f0f0}.icon-btn.danger[data-v-ee15bf30]:hover{background:#fee}.tips[data-v-ee15bf30]{font-size:12px;color:#666;line-height:1.8}.tips p[data-v-ee15bf30]{margin-bottom:4px}[data-v-b6f234f0]{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.app-container[data-v-b6f234f0]{width:100%;height:100vh;height:100dvh;display:flex;background:#8b0000;overflow:hidden;position:fixed;top:0;left:0}.canvas-viewport[data-v-b6f234f0]{flex:1;width:100%;height:100%;overflow:hidden;position:relative;background:#8b0000;display:flex;align-items:flex-start;justify-content:flex-start;padding:0}.canvas-transform[data-v-b6f234f0]{flex-shrink:0;position:relative}.floating-top-bar[data-v-b6f234f0]{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;align-items:flex-start;padding:12px 16px;z-index:100;pointer-events:none}.type-switch-bar[data-v-b6f234f0]{display:flex;gap:8px;padding:4px;background:#00000080;border-radius:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.type-btn[data-v-b6f234f0]{padding:6px 18px;border:none;border-radius:20px;background:transparent;color:#fffc;font-size:13px;cursor:pointer;transition:all .2s}.type-btn.active[data-v-b6f234f0]{background:#fff;color:#c0392b;font-weight:500}.floating-export-btn[data-v-b6f234f0]{position:absolute;right:16px;top:12px;width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;pointer-events:auto}.floating-export-btn[data-v-b6f234f0]:active{transform:scale(.95)}.fab-btn[data-v-b6f234f0]{position:fixed;bottom:24px;right:20px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;font-size:22px;box-shadow:0 4px 12px #e74c3c66;z-index:100;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.fab-btn[data-v-b6f234f0]:active{transform:scale(.95)}.fab-btn.open[data-v-b6f234f0]{transform:rotate(90deg)}.panel-overlay[data-v-b6f234f0]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:150;opacity:0;pointer-events:none;transition:opacity .3s}.panel-overlay.show[data-v-b6f234f0]{opacity:1;pointer-events:auto}.side-panel[data-v-b6f234f0]{position:fixed;top:0;right:0;bottom:0;width:85%;max-width:360px;background:#fff;z-index:200;transform:translate(100%);transition:transform .3s ease-out;display:flex;flex-direction:column}.side-panel.open[data-v-b6f234f0]{transform:translate(0)}.panel-header[data-v-b6f234f0]{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;flex-shrink:0}.panel-header-right[data-v-b6f234f0]{display:flex;align-items:center;gap:8px}.export-btn[data-v-b6f234f0]{padding:6px 12px;border-radius:16px;border:none;background:#ffffff40;color:#fff;font-size:13px;cursor:pointer;white-space:nowrap;display:none}.export-btn[data-v-b6f234f0]:hover{background:#ffffff59}.pc-type-switch[data-v-b6f234f0]{display:none;justify-content:center;gap:12px;padding:10px 16px;background:#fafafa;border-bottom:1px solid #eee}.pc-type-switch .type-btn[data-v-b6f234f0]{padding:6px 20px;border:1px solid #ddd;border-radius:20px;background:#fff;color:#666;font-size:13px;cursor:pointer}.pc-type-switch .type-btn.active[data-v-b6f234f0]{background:#c0392b;color:#fff;border-color:#c0392b;font-weight:500}.panel-title[data-v-b6f234f0]{font-size:16px;font-weight:700}.close-btn[data-v-b6f234f0]{width:32px;height:32px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:16px;cursor:pointer}.panel-tabs[data-v-b6f234f0]{display:flex;background:#fafafa;border-bottom:1px solid #eee;padding:0 8px;flex-shrink:0;overflow-x:auto}.panel-tab[data-v-b6f234f0]{padding:12px 16px;border:none;background:transparent;color:#666;font-size:14px;white-space:nowrap;border-bottom:2px solid transparent;cursor:pointer}.panel-tab.active[data-v-b6f234f0]{color:#e74c3c;border-bottom-color:#e74c3c;font-weight:500}.panel-content[data-v-b6f234f0]{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.big-tip[data-v-b6f234f0]{background:linear-gradient(135deg,#fff5f5,#ffe6e6);border:1px solid #ffcccc;border-radius:8px;padding:20px;text-align:center}.tip-icon[data-v-b6f234f0]{font-size:40px;margin-bottom:12px}.tip-title[data-v-b6f234f0]{font-size:16px;font-weight:700;color:#c0392b;margin-bottom:8px}.tip-desc[data-v-b6f234f0]{font-size:13px;color:#666}.preview-modal[data-v-b6f234f0]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}.preview-content[data-v-b6f234f0]{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:100%;max-height:100%}.preview-image[data-v-b6f234f0]{max-width:100%;max-height:70vh;border-radius:8px;box-shadow:0 8px 32px #00000080}.preview-actions[data-v-b6f234f0]{display:flex;gap:12px}.preview-btn[data-v-b6f234f0]{padding:12px 24px;border-radius:24px;border:none;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.download-btn[data-v-b6f234f0]{background:#e74c3c;color:#fff}.preview-btn[data-v-b6f234f0]:last-child{background:#fff3;color:#fff}.preview-tip[data-v-b6f234f0]{color:#ffffffb3;font-size:12px;margin:0}@media(min-width:768px){.app-container[data-v-b6f234f0]{flex-direction:row}.floating-top-bar[data-v-b6f234f0],.fab-btn[data-v-b6f234f0],.panel-overlay[data-v-b6f234f0]{display:none}.canvas-viewport[data-v-b6f234f0]{flex:1;cursor:default;align-items:flex-start;justify-content:flex-start}.side-panel[data-v-b6f234f0]{position:relative;transform:none;width:340px;max-width:340px;box-shadow:-2px 0 8px #0000001a}.panel-header[data-v-b6f234f0]{padding:16px}.export-btn[data-v-b6f234f0]{display:inline-flex}.pc-type-switch[data-v-b6f234f0]{display:flex}.close-btn[data-v-b6f234f0]{display:none}}