.designer-page[data-v-e1c0bbf8]{padding:16px 20px;min-height:100%;background-color:#f5f7fa;box-sizing:border-box}.designer-toolbar[data-v-e1c0bbf8]{justify-content:space-between;margin-bottom:12px}.designer-toolbar[data-v-e1c0bbf8],.tb-left[data-v-e1c0bbf8]{display:flex;align-items:center;gap:12px}.tb-title[data-v-e1c0bbf8]{font-size:16px;font-weight:600;color:#303133}.tb-right[data-v-e1c0bbf8]{display:flex;align-items:center;gap:10px}.base-card[data-v-e1c0bbf8]{margin-bottom:12px;border-radius:8px}.base-head[data-v-e1c0bbf8]{display:flex;align-items:center;justify-content:space-between}.base-title[data-v-e1c0bbf8]{font-weight:600;color:#303133}.banner-wrap[data-v-e1c0bbf8]{display:flex;align-items:center;gap:12px}.banner-preview[data-v-e1c0bbf8]{width:160px;height:60px;border-radius:6px;border:1px solid #ebeef5}.form-tip-inline[data-v-e1c0bbf8]{margin-left:8px;font-size:12px;color:#a8abb2}.field-toggle-wrap[data-v-e1c0bbf8]{display:flex;flex-wrap:wrap;gap:6px 20px;padding:4px 0 8px}.field-toggle-wrap .el-checkbox[data-v-e1c0bbf8]{margin-right:0}.designer-body[data-v-e1c0bbf8]{display:flex;gap:12px;align-items:stretch;min-height:560px}.material-panel[data-v-e1c0bbf8],.prop-panel[data-v-e1c0bbf8]{width:230px;flex:0 0 auto;background:#fff;border-radius:8px;padding:12px;box-shadow:0 1px 4px rgba(0,0,21,.06)}.prop-panel[data-v-e1c0bbf8]{width:300px;overflow:auto}.canvas-panel[data-v-e1c0bbf8]{flex:1 1 auto;min-width:0;background:#fff;border-radius:8px;padding:12px;box-shadow:0 1px 4px rgba(0,0,21,.06);display:flex;flex-direction:column}.panel-title[data-v-e1c0bbf8]{font-size:14px;font-weight:600;color:#303133;margin-bottom:10px}.canvas-head[data-v-e1c0bbf8]{display:flex;align-items:center;justify-content:space-between}.canvas-tip[data-v-e1c0bbf8]{font-size:12px;color:#909399}.material-group[data-v-e1c0bbf8]{margin-bottom:14px}.group-name[data-v-e1c0bbf8]{font-size:12px;color:#909399;margin-bottom:6px}.material-list[data-v-e1c0bbf8]{display:grid;grid-template-columns:1fr 1fr;gap:6px}.material-item[data-v-e1c0bbf8]{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #eef0f3;border-radius:8px;font-size:13px;color:#4b5563;cursor:grab;background:#fafbfc;min-width:0;transition:all .15s ease}.material-item[data-v-e1c0bbf8]:hover{border-color:#8dc63f;color:#5f9427;background:#f6fbef;transform:translateY(-1px)}.material-ico[data-v-e1c0bbf8]{flex:0 0 auto;font-size:15px;color:#8dc63f}.material-txt[data-v-e1c0bbf8]{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-scroll[data-v-e1c0bbf8]{flex:1 1 auto;overflow:auto;padding:8px 4px}.canvas-mock[data-v-e1c0bbf8]{max-width:560px;margin:0 auto;border:1px solid #f0f0f0;border-radius:8px;padding:16px;background:#fdfdfd;position:relative}.mock-head[data-v-e1c0bbf8]{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #f0f0f0}.mock-title[data-v-e1c0bbf8]{font-size:17px;font-weight:600;color:#303133}.mock-sub[data-v-e1c0bbf8]{font-size:13px;color:#909399;margin-top:4px}.mock-desc[data-v-e1c0bbf8]{font-size:12px;color:#b1b3b8;margin-top:6px}.canvas-fields[data-v-e1c0bbf8]{display:flex;flex-wrap:wrap;gap:10px;min-height:80px}.canvas-empty[data-v-e1c0bbf8]{text-align:center;color:#c0c4cc;font-size:13px;padding:26px 18px;border:1px dashed #e4e7ed;border-radius:6px}.canvas-empty .ce-plus[data-v-e1c0bbf8]{width:40px;height:40px;line-height:38px;margin:0 auto 10px;border-radius:50%;border:1px dashed #d3c4f3;color:#a855f7;font-size:22px;background:#faf7ff}.canvas-empty .ce-title[data-v-e1c0bbf8]{color:#606266;font-size:13px;line-height:1.6}.canvas-empty .ce-sub[data-v-e1c0bbf8]{margin-top:4px;color:#a8abb2;font-size:12px;line-height:1.6}.canvas-empty .ce-tpls[data-v-e1c0bbf8]{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.mock-banner[data-v-e1c0bbf8]{margin:-16px -16px 12px;line-height:0}.mock-banner img[data-v-e1c0bbf8]{width:100%;height:96px;-o-object-fit:cover;object-fit:cover;border-radius:6px 6px 0 0}.mock-loc[data-v-e1c0bbf8]{display:flex;align-items:center;gap:8px}.mock-loc-btn[data-v-e1c0bbf8]{flex:0 0 auto;padding:0 12px;height:28px;line-height:28px;border-radius:14px;font-size:12px;color:#7cad37;background:#e8f4d9}.canvas-tools[data-v-e1c0bbf8]{display:flex;align-items:center;gap:10px}.tpl-item[data-v-e1c0bbf8]{line-height:1.4;padding:2px 0}.tpl-name[data-v-e1c0bbf8]{font-size:13px;color:#303133}.tpl-tip[data-v-e1c0bbf8]{font-size:11px;color:#909399}.form-tip-line[data-v-e1c0bbf8]{padding:6px 0;font-size:12px;color:#909399;line-height:1.6}.showif-box[data-v-e1c0bbf8]{margin-top:8px;padding:10px;background:#f7f8fa;border-radius:6px;border:1px solid #ebeef5}.showif-tip[data-v-e1c0bbf8]{margin-top:6px;font-size:12px;color:#909399;line-height:1.5}.allow-range-list[data-v-e1c0bbf8]{width:100%}.allow-range-row[data-v-e1c0bbf8]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.allow-range-sep[data-v-e1c0bbf8]{color:#c0c4cc;font-size:12px}.mock-range[data-v-e1c0bbf8]{display:flex;align-items:center;gap:8px}.mock-range-sep[data-v-e1c0bbf8]{flex:0 0 auto;color:#c0c4cc;font-size:12px}.mock-switch[data-v-e1c0bbf8]{display:flex;align-items:center;justify-content:flex-end;gap:8px}.mock-switch-txt[data-v-e1c0bbf8]{font-size:12px;color:#909399}.mock-switch-box[data-v-e1c0bbf8]{width:40px;height:22px;border-radius:11px;background:#dcdfe6;position:relative}.mock-switch-box[data-v-e1c0bbf8]:after{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:#fff}.mock-rate[data-v-e1c0bbf8]{display:flex;align-items:center;justify-content:flex-end;gap:2px}.mock-star[data-v-e1c0bbf8]{font-size:18px;line-height:1;color:#dcdfe6}.mock-unit[data-v-e1c0bbf8]{margin-left:6px;font-size:12px;color:#909399}.mock-slider[data-v-e1c0bbf8]{display:flex;align-items:center;gap:10px;width:100%}.mock-slider-track[data-v-e1c0bbf8]{flex:1 1 0;min-width:0;height:6px;border-radius:3px;background:#ebeef5;position:relative}.mock-slider-dot[data-v-e1c0bbf8]{position:absolute;left:30%;top:-5px;width:16px;height:16px;border-radius:50%;background:#8dc63f}.mock-slider-val[data-v-e1c0bbf8]{flex:0 0 auto;font-size:12px;color:#909399}.mock-agree[data-v-e1c0bbf8]{display:flex;align-items:flex-start;margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0;font-size:12px;color:#909399;line-height:1.6}.mock-agree-box[data-v-e1c0bbf8]{flex:0 0 auto;width:14px;height:14px;margin:2px 6px 0 0;border-radius:3px;background:#8dc63f;color:#fff;font-size:10px;text-align:center;line-height:14px}.mock-agree-txt em[data-v-e1c0bbf8]{font-style:normal;color:#7cad37}.mock-agree-must[data-v-e1c0bbf8]{margin-left:6px;padding:0 4px;font-size:11px;color:#e6a23c;border:1px solid #f0c78a;border-radius:3px}.field-row[data-v-e1c0bbf8]{position:relative;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:6px;transition:all .18s ease;cursor:pointer}.field-row.half[data-v-e1c0bbf8]{width:calc(50% - 5px)}.field-row[data-v-e1c0bbf8]:hover{border-color:#c9b6f5;background:#faf7ff}.field-row.active[data-v-e1c0bbf8]{border-color:#a855f7;background:#f6f0ff;box-shadow:0 0 0 2px rgba(168,85,247,.12)}.field-row.preview[data-v-e1c0bbf8]{cursor:default}.field-ops[data-v-e1c0bbf8]{position:absolute;top:4px;right:6px;display:none;gap:8px;color:#909399}.field-row:hover .field-ops[data-v-e1c0bbf8]{display:flex}.field-ops .el-icon[data-v-e1c0bbf8]{cursor:pointer;font-size:15px}.field-ops .el-icon[data-v-e1c0bbf8]:hover{color:#a855f7}.render-label[data-v-e1c0bbf8]{font-size:13px;color:#606266;margin-bottom:5px}.star[data-v-e1c0bbf8]{color:#f56c6c;font-style:normal;margin-left:3px}.opt-preview[data-v-e1c0bbf8]{display:flex;flex-wrap:wrap;gap:8px}.opt-chip[data-v-e1c0bbf8]{padding:4px 12px;border:1px solid #dcdfe6;border-radius:16px;font-size:12px;color:#606266;background:#fff}.mock-matrix[data-v-e1c0bbf8]{width:100%;border:1px solid #ebeef5;border-radius:6px;overflow:hidden}.mock-mx-row[data-v-e1c0bbf8]{display:flex;align-items:center;padding:6px 10px;border-bottom:1px solid #f2f3f5}.mock-mx-row[data-v-e1c0bbf8]:last-child{border-bottom:none}.mock-mx-head[data-v-e1c0bbf8]{flex:0 0 110px;min-width:0;font-size:12px;color:#606266;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-mx-cells[data-v-e1c0bbf8]{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 0;min-width:0}.mock-picker[data-v-e1c0bbf8]{justify-content:space-between;height:32px;border:1px solid #dcdfe6;border-radius:4px;font-size:13px}.mock-picker[data-v-e1c0bbf8],.mock-upload[data-v-e1c0bbf8]{display:flex;align-items:center;padding:0 12px;color:#c0c4cc;background:#fff}.mock-upload[data-v-e1c0bbf8]{gap:6px;height:60px;border:1px dashed #dcdfe6;border-radius:6px;font-size:12px}.render-section[data-v-e1c0bbf8]{display:flex;align-items:center;font-size:15px;font-weight:600;color:#303133}.section-bar[data-v-e1c0bbf8]{display:inline-block;width:3px;height:16px;background:#a855f7;border-radius:2px;margin-right:8px}.render-divider[data-v-e1c0bbf8]{height:1px;background:#ebeef5}.render-tips[data-v-e1c0bbf8]{font-size:13px;color:#909399;font-style:italic}.render-imgs-title[data-v-e1c0bbf8]{font-size:13px;font-weight:600;color:#303133;margin-bottom:6px}.render-imgs-item[data-v-e1c0bbf8]{display:block;width:100%;height:84px;margin-bottom:6px;border-radius:6px;border:1px solid #ebeef5}.render-imgs-text[data-v-e1c0bbf8]{font-size:12px;color:#909399;line-height:1.6}.mock-imgs-ph[data-v-e1c0bbf8]{display:flex;align-items:center;justify-content:center;gap:4px;padding:16px 0;font-size:12px;color:#c0c4cc;border:1px dashed #e4e7ed;border-radius:6px}.imgs-editor[data-v-e1c0bbf8]{width:100%}.imgs-row[data-v-e1c0bbf8]{display:flex;align-items:center;margin-bottom:8px}.imgs-thumb[data-v-e1c0bbf8]{flex:none;width:84px;height:52px;border-radius:6px;border:1px solid #ebeef5}.imgs-ops[data-v-e1c0bbf8]{display:flex;align-items:center;margin-left:8px}.imgs-ops[data-v-e1c0bbf8] .el-button{margin-left:0;padding:0 6px}.prop-empty[data-v-e1c0bbf8]{color:#c0c4cc;font-size:13px;text-align:center;padding:30px 0}.prop-form[data-v-e1c0bbf8]{padding-top:4px}.option-editor[data-v-e1c0bbf8]{width:100%}.option-row[data-v-e1c0bbf8]{display:flex;align-items:center;margin-bottom:6px}.opt-del[data-v-e1c0bbf8]{color:#f56c6c;cursor:pointer}.quick-set[data-v-e1c0bbf8]{background:#fff;border-radius:10px;padding:14px 16px 12px;margin-bottom:12px;box-shadow:0 1px 4px rgba(0,0,21,.06)}.qs-head[data-v-e1c0bbf8]{display:flex;gap:10px;margin-bottom:12px}.qs-title[data-v-e1c0bbf8]{flex:0 0 330px}.qs-sub[data-v-e1c0bbf8]{flex:1 1 0;min-width:0}.qs-tiles[data-v-e1c0bbf8]{display:flex;gap:10px;flex-wrap:wrap}.qs-tile[data-v-e1c0bbf8]{display:flex;align-items:center;gap:10px;flex:1 1 210px;min-width:0;padding:10px 12px;border:1px solid #eef0f3;border-radius:10px;background:#fafbfc;cursor:pointer;transition:all .15s ease}.qs-tile[data-v-e1c0bbf8]:hover{border-color:#8dc63f;background:#f6fbef;transform:translateY(-1px)}.qs-tile.disabled[data-v-e1c0bbf8]{opacity:.55}.qs-tile-ico[data-v-e1c0bbf8]{flex:0 0 auto;font-size:18px;color:#8dc63f}.qs-tile-txt[data-v-e1c0bbf8]{flex:1 1 0;min-width:0}.qs-tile-t[data-v-e1c0bbf8]{font-size:13px;font-weight:600;color:#303133}.qs-tile-d[data-v-e1c0bbf8]{font-size:11px;color:#909399;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qs-arrow[data-v-e1c0bbf8]{flex:0 0 auto;color:#c0c4cc}.qs-tip[data-v-e1c0bbf8]{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:8px 12px;border-radius:8px;background:#eef7e2;color:#5f9427;font-size:12px;line-height:1.8}.range-inline[data-v-e1c0bbf8]{display:flex;align-items:center;gap:8px;width:100%}.range-sep[data-v-e1c0bbf8]{flex:0 0 auto;color:#c0c4cc}