.header{background:#fff;padding:15px 20px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.header h1{font-size:20px;color:#333}.nav{display:flex;gap:10px}.nav a{padding:8px 16px;text-decoration:none;color:#666;border-radius:6px;transition:all .2s}.nav a:hover{background:#f0f0f0}.nav a.active{background:#007bff;color:#fff}.main{max-width:1400px;margin:20px auto;padding:0 20px}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start}.nav{width:100%}.nav a{flex:1;text-align:center}}.print-page[data-v-58d9ec82]{min-height:100vh;display:flex;flex-direction:column;background:#f8fafc}.page-header[data-v-58d9ec82]{display:flex;justify-content:center;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;gap:24px}.page-title[data-v-58d9ec82]{font-size:20px;font-weight:600;color:#0f172a;margin:0}.header-link[data-v-58d9ec82]{padding:8px 16px;text-decoration:none;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s;font-size:14px}.header-link[data-v-58d9ec82]:hover{background:#f1f5f9;color:#3b82f6;border-color:#cbd5e1}.main-content[data-v-58d9ec82]{flex:1;display:grid;grid-template-columns:1fr 400px;gap:24px;padding:24px;max-width:1600px;margin:0 auto;width:100%}@media (max-width: 1200px){.main-content[data-v-58d9ec82]{grid-template-columns:1fr}}.form-section[data-v-58d9ec82]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.section-header[data-v-58d9ec82]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-title[data-v-58d9ec82]{font-size:16px;font-weight:600;color:#0f172a;margin:0}.template-name[data-v-58d9ec82]{font-size:13px;color:#64748b;background:#f1f5f9;padding:4px 10px;border-radius:6px}.empty-state[data-v-58d9ec82]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#94a3b8}.empty-state svg[data-v-58d9ec82]{color:#cbd5e1;margin-bottom:12px}.form-grid[data-v-58d9ec82]{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.form-field[data-v-58d9ec82]{display:flex;flex-direction:column;gap:8px}.form-field.field-full[data-v-58d9ec82]{grid-column:span 12}.form-field.field-half[data-v-58d9ec82]{grid-column:span 6}.form-field.field-third[data-v-58d9ec82]{grid-column:span 4}.form-field.field-two-third[data-v-58d9ec82]{grid-column:span 8}.form-field.field-three-quarter[data-v-58d9ec82]{grid-column:span 9}.form-field.field-quarter[data-v-58d9ec82]{grid-column:span 3}@media (max-width: 640px){.form-grid[data-v-58d9ec82]{grid-template-columns:1fr}.field-half[data-v-58d9ec82],.field-third[data-v-58d9ec82],.field-two-third[data-v-58d9ec82],.field-three-quarter[data-v-58d9ec82],.field-quarter[data-v-58d9ec82]{grid-column:1 / -1}}.field-label[data-v-58d9ec82]{font-size:14px;font-weight:500;color:#334155}.required[data-v-58d9ec82]{color:#ef4444;margin-left:2px}.field-input[data-v-58d9ec82],.field-select[data-v-58d9ec82]{width:100%;padding:10px 14px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;color:#0f172a;background:#fff;transition:all .2s ease;min-height:44px}.field-input[data-v-58d9ec82]:focus,.field-select[data-v-58d9ec82]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.field-input[data-v-58d9ec82]:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.field-error[data-v-58d9ec82]{font-size:12px;color:#ef4444}.radio-group[data-v-58d9ec82],.checkbox-group[data-v-58d9ec82]{display:flex;flex-wrap:wrap;gap:16px;padding:8px 0}.radio-option[data-v-58d9ec82],.checkbox-option[data-v-58d9ec82]{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:#475569}.radio-option input[data-v-58d9ec82],.checkbox-option input[data-v-58d9ec82]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.form-actions[data-v-58d9ec82]{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.btn[data-v-58d9ec82]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn[data-v-58d9ec82]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-58d9ec82]{background:#3b82f6;color:#fff;width:100%;padding:14px 24px;font-size:16px}.btn-primary[data-v-58d9ec82]:hover:not(:disabled){background:#2563eb}.btn-primary.loading[data-v-58d9ec82]{opacity:.8;cursor:wait}.right-panel[data-v-58d9ec82]{display:flex;flex-direction:column;gap:24px}.templates-section[data-v-58d9ec82]{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a;max-height:45vh;display:flex;flex-direction:column}.templates-section .section-header[data-v-58d9ec82]{margin-bottom:12px}.templates-section .section-title[data-v-58d9ec82]{font-size:14px}.template-filters[data-v-58d9ec82]{display:flex;gap:8px;margin-bottom:12px}.filter-select[data-v-58d9ec82]{flex:1;padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#475569;background:#f8fafc}.filter-select[data-v-58d9ec82]:focus{outline:none;border-color:#3b82f6}.templates-list[data-v-58d9ec82]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.empty-templates-small[data-v-58d9ec82]{text-align:center;color:#94a3b8;padding:30px 10px;font-size:13px}.template-item-small[data-v-58d9ec82]{padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.template-item-small[data-v-58d9ec82]:hover{background:#f1f5f9;border-color:#cbd5e1}.template-item-small.active[data-v-58d9ec82]{background:#eff6ff;border-color:#3b82f6}.template-info-small[data-v-58d9ec82]{display:flex;align-items:center;gap:6px;margin-bottom:6px}.template-brand[data-v-58d9ec82]{font-weight:600;font-size:13px;color:#0f172a}.template-separator[data-v-58d9ec82]{color:#cbd5e1;font-size:12px}.template-category[data-v-58d9ec82]{font-size:12px;color:#64748b}.template-size[data-v-58d9ec82]{margin-left:auto;font-size:11px;color:#94a3b8;background:#f1f5f9;padding:2px 6px;border-radius:4px}.template-fields-preview[data-v-58d9ec82]{display:flex;flex-wrap:wrap;gap:4px}.field-tag[data-v-58d9ec82]{font-size:10px;color:#64748b;background:#f1f5f9;padding:2px 6px;border-radius:4px}.field-tag.more[data-v-58d9ec82]{color:#3b82f6}.preview-section[data-v-58d9ec82]{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a;flex:1;display:flex;flex-direction:column}.preview-section .section-header[data-v-58d9ec82]{margin-bottom:12px}.preview-section .section-title[data-v-58d9ec82]{font-size:14px}.preview-container[data-v-58d9ec82]{flex:1;display:flex;justify-content:center;align-items:flex-start;min-height:300px}.preview-empty[data-v-58d9ec82]{display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:14px}.label-preview[data-v-58d9ec82]{background:#fff;border:1px solid #e2e8f0;padding:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.label-preview.size-100x100[data-v-58d9ec82]{width:266px;min-height:266px}.label-preview.size-100x150[data-v-58d9ec82]{width:266px;min-height:400px}.preview-header[data-v-58d9ec82]{text-align:center;padding-bottom:8px;border-bottom:2px solid #3b82f6;margin-bottom:8px}.preview-brand[data-v-58d9ec82]{font-size:14px;font-weight:600;color:#0f172a}.preview-category[data-v-58d9ec82]{font-size:12px;color:#64748b;margin-left:6px}.preview-content[data-v-58d9ec82]{display:flex;flex-wrap:wrap;gap:4px 8px;margin:8px 0;font-size:11px;line-height:1.4;align-items:flex-start}.preview-field[data-v-58d9ec82]{display:flex;align-items:baseline;flex-shrink:0;box-sizing:border-box}.preview-field.width-full[data-v-58d9ec82]{width:100%!important;flex:0 0 100%!important}.preview-field.width-half[data-v-58d9ec82]{width:calc(50% - 4px)!important;flex:0 0 calc(50% - 4px)!important}.preview-field.width-third[data-v-58d9ec82]{width:calc(33.333% - 5.33px)!important;flex:0 0 calc(33.333% - 5.33px)!important}.preview-field.width-two-third[data-v-58d9ec82]{width:calc(66.667% - 2.67px)!important;flex:0 0 calc(66.667% - 2.67px)!important}.preview-field.width-three-quarter[data-v-58d9ec82]{width:calc(75% - 2px)!important;flex:0 0 calc(75% - 2px)!important}.preview-field.width-quarter[data-v-58d9ec82]{width:calc(25% - 6px)!important;flex:0 0 calc(25% - 6px)!important}.preview-label[data-v-58d9ec82]{color:#64748b;font-size:10px;margin-right:2px}.preview-value[data-v-58d9ec82]{color:#0f172a;word-break:break-all}.preview-footer[data-v-58d9ec82]{text-align:center;padding:6px 0 0;border-top:1px solid #e2e8f0;font-size:9px;margin-top:auto}.preview-date[data-v-58d9ec82]{color:#94a3b8}.form-designer[data-v-d106103d]{height:100vh;display:flex;flex-direction:column;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.designer-header[data-v-d106103d]{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:48px;background:#fff;border-bottom:1px solid #e4e7ed;flex-shrink:0}.header-left[data-v-d106103d]{display:flex;align-items:center;gap:16px}.page-title[data-v-d106103d]{font-size:15px;font-weight:600;color:#303133;margin:0}.template-selector[data-v-d106103d]{display:flex;gap:6px}.select-input[data-v-d106103d]{padding:5px 24px 5px 8px;border:1px solid #dcdfe6;border-radius:4px;font-size:13px;color:#606266;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23909399'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'/%3E%3C/svg%3E") no-repeat right 6px center;background-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.header-actions[data-v-d106103d]{display:flex;gap:6px}.btn[data-v-d106103d]{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:13px;cursor:pointer;transition:all .15s;background:#fff;color:#606266}.btn[data-v-d106103d]:hover{border-color:#409eff;color:#409eff}.btn[data-v-d106103d]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-d106103d]{background:#409eff;border-color:#409eff;color:#fff}.btn-primary[data-v-d106103d]:hover:not(:disabled){background:#66b1ff;border-color:#66b1ff;color:#fff}.btn-text[data-v-d106103d]{background:transparent;border:none}.designer-body[data-v-d106103d]{flex:1;display:grid;grid-template-columns:140px 1fr 200px;overflow:hidden}.widget-panel[data-v-d106103d],.props-panel[data-v-d106103d]{background:#fff;display:flex;flex-direction:column;overflow:hidden}.widget-panel[data-v-d106103d]{border-right:1px solid #e4e7ed}.props-panel[data-v-d106103d]{border-left:1px solid #e4e7ed}.panel-header[data-v-d106103d]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;font-weight:600;color:#303133;border-bottom:1px solid #e4e7ed;background:#fafafa}.drag-hint[data-v-d106103d]{display:flex;align-items:center;gap:4px;font-size:11px;color:#909399;font-weight:400}.widget-list[data-v-d106103d]{padding:6px;overflow-y:auto;flex:1}.widget-item[data-v-d106103d]{display:flex;align-items:center;gap:6px;padding:6px 8px;margin-bottom:3px;background:#fff;border:1px solid #e4e7ed;border-radius:4px;cursor:grab;transition:all .15s;-webkit-user-select:none;user-select:none}.widget-item[data-v-d106103d]:hover{border-color:#409eff;background:#ecf5ff}.widget-item[data-v-d106103d]:active{cursor:grabbing}.widget-content[data-v-d106103d]{display:flex;align-items:center;gap:6px;flex:1}.drag-icon[data-v-d106103d]{color:#c0c4cc;margin-left:auto;opacity:.5}.widget-item:hover .drag-icon[data-v-d106103d]{opacity:1}.widget-icon-wrapper[data-v-d106103d]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px}.widget-label[data-v-d106103d]{font-size:12px;color:#606266}.canvas-panel[data-v-d106103d]{background:#f5f7fa;display:flex;flex-direction:column;overflow:hidden}.canvas-header[data-v-d106103d]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;font-weight:500;color:#909399;background:#fff;border-bottom:1px solid #e4e7ed}.canvas-hint[data-v-d106103d]{font-size:11px;opacity:.7}.canvas-actions[data-v-d106103d]{display:flex;align-items:center;gap:12px}.form-canvas[data-v-d106103d]{flex:1;padding:12px;overflow-y:auto;background-image:radial-gradient(circle,#dcdfe6 1px,transparent 1px);background-size:12px 12px}.form-canvas.canvas-dragover[data-v-d106103d]{background-color:#409eff0d}.canvas-100x100 .field-list[data-v-d106103d],.canvas-100x150 .field-list[data-v-d106103d]{max-width:280px;margin:0 auto}.canvas-empty[data-v-d106103d]{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-icon[data-v-d106103d]{width:48px;height:48px;margin-bottom:8px;opacity:.5}.empty-text[data-v-d106103d]{font-size:12px;color:#909399;margin:0}.field-list[data-v-d106103d]{position:relative;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}.field-wrapper[data-v-d106103d]{background:#fff;border:1px solid #e4e7ed;border-radius:4px;transition:all .15s;cursor:pointer;flex-shrink:0;padding:4px;display:flex;flex-direction:column}.field-wrapper[data-v-d106103d]:hover{border-color:#409eff}.field-wrapper.field-selected[data-v-d106103d]{border-color:#409eff;box-shadow:0 0 0 2px #409eff1a}.field-wrapper.field-default[data-v-d106103d]{cursor:default;background:#f5f7fa;border-color:transparent}.drag-handle[data-v-d106103d]{display:flex;align-items:center;gap:4px;color:#909399;cursor:grab;font-size:11px;-webkit-user-select:none;user-select:none;flex-shrink:0}.drag-handle[data-v-d106103d]:active{cursor:grabbing}.field-left-controls[data-v-d106103d]{display:flex;align-items:center;gap:6px;margin-bottom:4px;opacity:0;transition:opacity .15s}.field-wrapper:hover .field-left-controls[data-v-d106103d]{opacity:1}.field-actions-inline[data-v-d106103d]{display:flex;gap:4px}.field-wrapper.dragging[data-v-d106103d]{opacity:.4}.dragging-ghost[data-v-d106103d]{opacity:.5;background:#ecf5ff;border:2px dashed #409eff}.dragging-ghost .field-preview[data-v-d106103d]{visibility:hidden}.field-col-3[data-v-d106103d]{width:calc(25% - 5px)}.field-col-4[data-v-d106103d]{width:calc(33.333% - 5px)}.field-col-6[data-v-d106103d]{width:calc(50% - 5px)}.field-col-8[data-v-d106103d]{width:calc(66.667% - 5px)}.field-col-9[data-v-d106103d]{width:calc(75% - 5px)}.field-col-12[data-v-d106103d]{width:100%}.field-btn[data-v-d106103d]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:4px;cursor:pointer;color:#909399;transition:all .15s;flex-shrink:0}.field-btn[data-v-d106103d]:hover{background:#f5f7fa;color:#409eff}.field-btn.btn-delete[data-v-d106103d]:hover{background:#fef0f0;color:#f56c6c}.field-preview[data-v-d106103d]{padding:8px 10px;flex:1;min-width:0}.preview-default[data-v-d106103d]{padding:6px 10px;text-align:center}.preview-inline[data-v-d106103d]{font-size:13px;color:#303133}.preview-label[data-v-d106103d]{display:block;margin-bottom:4px;font-size:11px;font-weight:500;color:#606266}.required-mark[data-v-d106103d]{color:#f56c6c}.preview-input[data-v-d106103d],.preview-textarea[data-v-d106103d]{width:100%;padding:4px 8px;border:1px solid #dcdfe6;border-radius:3px;font-size:12px;color:#606266;background:#fafafa}.preview-textarea[data-v-d106103d]{resize:vertical;min-height:30px}.preview-select[data-v-d106103d]{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border:1px solid #dcdfe6;border-radius:3px;background:#fafafa}.select-placeholder[data-v-d106103d]{font-size:12px;color:#909399}.select-arrow[data-v-d106103d]{font-size:10px;color:#c0c4cc}.preview-radio-group[data-v-d106103d],.preview-checkbox-group[data-v-d106103d]{display:flex;flex-wrap:wrap;gap:6px}.preview-radio[data-v-d106103d],.preview-checkbox[data-v-d106103d]{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:#606266}.preview-texticon[data-v-d106103d]{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#f5f7fa;border-radius:3px}.texticon-icon[data-v-d106103d]{font-size:14px}.texticon-text[data-v-d106103d]{font-size:11px;color:#606266}.props-content[data-v-d106103d]{flex:1;overflow-y:auto}.props-form[data-v-d106103d]{padding:10px}.props-section[data-v-d106103d]{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.section-title[data-v-d106103d]{font-size:10px;font-weight:600;color:#909399;text-transform:uppercase;margin:0 0 8px}.prop-item[data-v-d106103d]{margin-bottom:10px}.prop-label[data-v-d106103d]{display:block;margin-bottom:3px;font-size:12px;font-weight:500;color:#606266}.prop-input[data-v-d106103d],.prop-textarea[data-v-d106103d]{width:100%;padding:5px 8px;border:1px solid #dcdfe6;border-radius:3px;font-size:12px;color:#606266}.prop-textarea[data-v-d106103d]{resize:vertical;font-family:inherit}.width-options[data-v-d106103d]{display:flex;gap:8px;flex-wrap:wrap}.width-option[data-v-d106103d]{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:12px}.width-option input[data-v-d106103d]{cursor:pointer}.width-option span[data-v-d106103d]{padding:4px 10px;border:1px solid #dcdfe6;border-radius:4px;transition:all .15s}.width-option.active span[data-v-d106103d]{background:#409eff;border-color:#409eff;color:#fff}.checkbox-label[data-v-d106103d]{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.checkbox-label input[data-v-d106103d]{width:auto;cursor:pointer}.checkbox-label span[data-v-d106103d]{font-size:12px;-webkit-user-select:none;user-select:none}.preview-toggle[data-v-d106103d]{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:12px}.preview-toggle input[data-v-d106103d]{cursor:pointer}.form-canvas.preview-mode[data-v-d106103d]{background:#e8f4fd}.page-preview[data-v-d106103d]{padding:16px;background:transparent;display:flex;flex-direction:column;align-items:center;gap:12px}.preview-page[data-v-d106103d]{background:#fff;border:1px solid #ddd;border-radius:4px;padding:10px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;align-items:center}.page-size-100x100[data-v-d106103d]{width:378px;min-height:358px}.page-size-100x150[data-v-d106103d]{width:378px;min-height:547px}.page-header[data-v-d106103d]{width:100%;display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #e4e7ed;margin-bottom:8px;font-size:12px;color:#909399}.page-number[data-v-d106103d]{font-weight:500;color:#409eff}.page-content[data-v-d106103d]{width:100%;display:flex;flex-direction:column;gap:6px}.preview-row[data-v-d106103d]{display:flex;flex-wrap:wrap;gap:4px}.preview-field-preview[data-v-d106103d]{padding:4px 6px;background:#f5f7fa;border-radius:3px;font-size:11px;display:flex;align-items:baseline;gap:4px}.preview-field-preview.preview-brand[data-v-d106103d]{background:#e8f4fd;font-weight:500;justify-content:center;text-align:center}.preview-field-preview .field-label[data-v-d106103d]{font-weight:500;color:#606266}.preview-field-preview .field-value[data-v-d106103d]{color:#909399}.field-col-preview-3[data-v-d106103d]{width:calc(25% - 4px);display:inline-flex}.field-col-preview-4[data-v-d106103d]{width:calc(33.333% - 4px);display:inline-flex}.field-col-preview-6[data-v-d106103d]{width:calc(50% - 4px);display:inline-flex}.field-col-preview-8[data-v-d106103d]{width:calc(66.667% - 4px);display:inline-flex}.field-col-preview-9[data-v-d106103d]{width:calc(75% - 4px);display:inline-flex}.field-col-preview-12[data-v-d106103d]{width:100%;display:flex}.preview-summary[data-v-d106103d]{padding:8px 16px;font-size:12px;color:#409eff;background:#ecf5ff;border-radius:4px;font-weight:500}.props-empty[data-v-d106103d]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 15px;text-align:center}.props-empty svg[data-v-d106103d]{width:36px;height:36px;margin-bottom:8px;opacity:.4}.props-empty p[data-v-d106103d]{font-size:12px;color:#909399;margin:0}.modal-overlay[data-v-d106103d]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-dialog[data-v-d106103d]{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026}.modal-header[data-v-d106103d]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e4e7ed}.modal-header h3[data-v-d106103d]{margin:0;font-size:16px;font-weight:600;color:#303133}.modal-close[data-v-d106103d]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:none;font-size:20px;color:#909399;cursor:pointer;border-radius:4px}.modal-close[data-v-d106103d]:hover{background:#f5f7fa;color:#303133}.modal-body[data-v-d106103d]{padding:20px;overflow-y:auto}.empty-templates[data-v-d106103d]{text-align:center;color:#909399;padding:40px 20px}.template-list[data-v-d106103d]{display:flex;flex-direction:column;gap:8px}.template-item[data-v-d106103d]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f5f7fa;border-radius:6px;cursor:pointer;transition:all .15s}.template-item[data-v-d106103d]:hover{background:#e8f4fd;border-color:#409eff}.template-info[data-v-d106103d]{display:flex;align-items:center;gap:8px}.template-brand[data-v-d106103d]{font-weight:500;color:#303133}.template-separator[data-v-d106103d]{color:#c0c4cc}.template-category[data-v-d106103d]{color:#606266}.template-meta[data-v-d106103d]{display:flex;align-items:center;gap:12px;font-size:12px;color:#909399}.template-main[data-v-d106103d]{flex:1;min-width:0}.template-fields-preview[data-v-d106103d]{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.field-tag[data-v-d106103d]{display:inline-block;padding:2px 6px;background:#e8f4fd;color:#409eff;font-size:11px;border-radius:3px}.field-tag.more[data-v-d106103d]{background:#f0f0f0;color:#909399}.template-actions[data-v-d106103d]{display:flex;align-items:center;gap:12px}.template-size[data-v-d106103d]{font-size:12px;color:#909399}.action-buttons[data-v-d106103d]{display:flex;gap:4px}.btn-template[data-v-d106103d]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;transition:all .15s;color:#64748b}.btn-template[data-v-d106103d]:hover{background:#f1f5f9;color:#334155}.btn-template.btn-edit[data-v-d106103d]:hover{background:#dbeafe;color:#2563eb;border-color:#93c5fd}.btn-template.btn-print[data-v-d106103d]:hover{background:#dcfce7;color:#16a34a;border-color:#86efac}.btn-template.btn-delete[data-v-d106103d]:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.btn-delete-template[data-v-d106103d]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:#fee;color:#f56c6c;border-radius:4px;cursor:pointer;font-size:14px;transition:all .15s}.btn-delete-template[data-v-d106103d]:hover{background:#f56c6c;color:#fff}@media (max-width: 768px){.designer-body[data-v-d106103d]{grid-template-columns:1fr}.widget-panel[data-v-d106103d],.props-panel[data-v-d106103d]{display:none}}.history-page[data-v-c26484b8]{max-width:800px}.history-container[data-v-c26484b8]{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014}.history-header[data-v-c26484b8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.history-header h2[data-v-c26484b8]{font-size:18px;color:#333}.header-actions[data-v-c26484b8]{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.filters[data-v-c26484b8]{display:flex;gap:10px}.btn-clear[data-v-c26484b8]{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.btn-clear[data-v-c26484b8]:hover{background:#dc2626}.filters select[data-v-c26484b8]{padding:8px 12px;border:1px solid #ddd;border-radius:6px}.records-list[data-v-c26484b8]{display:flex;flex-direction:column;gap:10px}.record-item[data-v-c26484b8]{display:flex;align-items:center;gap:15px;padding:15px;background:#f9f9f9;border-radius:8px;transition:background .2s}.record-item[data-v-c26484b8]:hover{background:#f0f0f0}.record-main[data-v-c26484b8]{flex:1}.record-header[data-v-c26484b8]{display:flex;align-items:center;gap:10px;margin-bottom:8px}.brand[data-v-c26484b8]{font-weight:600;color:#333}.category[data-v-c26484b8]{padding:2px 8px;background:#e3f2fd;color:#1976d2;border-radius:4px;font-size:12px}.date[data-v-c26484b8]{margin-left:auto;color:#999;font-size:12px}.record-content[data-v-c26484b8]{display:flex;flex-wrap:wrap;gap:15px}.data-item[data-v-c26484b8]{font-size:13px;color:#666}.record-actions[data-v-c26484b8]{display:flex;gap:8px}.btn-reprint[data-v-c26484b8]{padding:8px 12px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:background .2s}.btn-reprint[data-v-c26484b8]:hover{background:#0056b3}.btn-delete[data-v-c26484b8]{padding:8px 12px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:background .2s}.btn-delete[data-v-c26484b8]:hover{background:#5a6268}.empty[data-v-c26484b8]{text-align:center;color:#999;padding:40px}.pagination[data-v-c26484b8]{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.pagination button[data-v-c26484b8]{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer}.pagination button[data-v-c26484b8]:disabled{opacity:.5;cursor:not-allowed}.pagination button[data-v-c26484b8]:not(:disabled):hover{background:#f5f5f5}.settings-page[data-v-fcc6ec78]{min-height:100vh;display:flex;flex-direction:column;background:#f8fafc}.page-header[data-v-fcc6ec78]{display:flex;justify-content:center;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0}.page-title[data-v-fcc6ec78]{font-size:20px;font-weight:600;color:#0f172a;margin:0}.main-content[data-v-fcc6ec78]{flex:1;padding:24px;max-width:900px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:24px}.section-card[data-v-fcc6ec78]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.section-header[data-v-fcc6ec78]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title[data-v-fcc6ec78]{font-size:16px;font-weight:600;color:#0f172a;margin:0}.btn[data-v-fcc6ec78]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn[data-v-fcc6ec78]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-fcc6ec78]{background:#3b82f6;color:#fff}.btn-primary[data-v-fcc6ec78]:hover:not(:disabled){background:#2563eb}.btn-text[data-v-fcc6ec78]{background:transparent;color:#64748b}.btn-text[data-v-fcc6ec78]:hover{background:#f1f5f9}.data-list[data-v-fcc6ec78]{display:flex;flex-direction:column;gap:8px}.empty-state[data-v-fcc6ec78]{text-align:center;padding:40px 20px;color:#94a3b8;font-size:14px}.data-item[data-v-fcc6ec78]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.data-item[data-v-fcc6ec78]:hover{background:#f1f5f9;border-color:#cbd5e1}.data-name[data-v-fcc6ec78]{font-size:14px;color:#0f172a}.data-actions[data-v-fcc6ec78]{display:flex;gap:8px}.btn-icon[data-v-fcc6ec78]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;background:transparent;color:#64748b}.btn-icon[data-v-fcc6ec78]:hover{background:#e2e8f0;color:#0f172a}.btn-edit[data-v-fcc6ec78]:hover{background:#eff6ff;color:#3b82f6}.btn-delete[data-v-fcc6ec78]:hover{background:#fef2f2;color:#ef4444}.modal-overlay[data-v-fcc6ec78]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-dialog[data-v-fcc6ec78]{background:#fff;border-radius:12px;width:90%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a}.modal-header[data-v-fcc6ec78]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-fcc6ec78]{font-size:16px;font-weight:600;color:#0f172a;margin:0}.modal-close[data-v-fcc6ec78]{background:none;border:none;font-size:24px;color:#94a3b8;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close[data-v-fcc6ec78]:hover{background:#f1f5f9;color:#0f172a}.modal-body[data-v-fcc6ec78]{padding:24px}.modal-footer[data-v-fcc6ec78]{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0}.form-group[data-v-fcc6ec78]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-fcc6ec78]{font-size:14px;font-weight:500;color:#334155}.required[data-v-fcc6ec78]{color:#ef4444}.form-input[data-v-fcc6ec78]{padding:10px 14px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;color:#0f172a;transition:all .2s ease}.form-input[data-v-fcc6ec78]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}