.designer-page[data-v-3fb9d147]{--el-color-primary:#8dc63f;--el-color-primary-light-3:#afd779;--el-color-primary-light-5:#c6e39f;--el-color-primary-light-7:#ddeec5;--el-color-primary-light-8:#e8f4d9;--el-color-primary-light-9:#f4f9ec;--el-color-primary-dark-2:#719e32;--yh-t1:#303133;--yh-t2:#606266;--yh-t3:#909399;--yh-t4:#a8abb2;--yh-t5:#c0c4cc;--yh-theme:#8dc63f;--yh-theme-d:#7cad37;--yh-theme-dd:#5f9427;--yh-theme-l:#eef7e2;--yh-theme-ll:#f6fbef;--yh-bg:#f5f7fa;--yh-fill:#fafbfc;--yh-line:#ebeef5;--yh-line-d:#dcdfe6;--yh-divide:#f2f3f5;--yh-r-xs:4px;--yh-r-sm:6px;--yh-r:8px;--yh-r-lg:12px;--yh-r-pill:999px;padding:16px 20px;min-height:100%;background-color:#f5f7fa;box-sizing:border-box}.designer-toolbar[data-v-3fb9d147]{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;border-radius:var(--yh-r-lg);padding:14px 20px;margin-bottom:12px;box-shadow:0 1px 4px rgba(0,0,21,.06)}.tb-left[data-v-3fb9d147]{display:flex;align-items:center;gap:14px}.tb-head[data-v-3fb9d147]{display:flex;flex-direction:column;min-width:0}.tb-title[data-v-3fb9d147]{display:flex;align-items:center;gap:8px}.tb-title h2[data-v-3fb9d147]{margin:0;font-size:19px;font-weight:600;color:var(--yh-t1)}.tb-badge[data-v-3fb9d147]{padding:2px 8px;border-radius:var(--yh-r-pill);background:var(--yh-theme-l);color:var(--yh-theme-dd);font-size:12px}.tb-sub[data-v-3fb9d147]{margin:4px 0 0;font-size:12px;color:var(--yh-t3)}.tb-right[data-v-3fb9d147]{display:flex;align-items:center;gap:10px}.base-card[data-v-3fb9d147]{margin-bottom:12px;border-radius:var(--yh-r-lg)}.base-head[data-v-3fb9d147]{display:flex;align-items:center;justify-content:space-between}.base-title[data-v-3fb9d147]{font-weight:600;color:var(--yh-t1)}.banner-wrap[data-v-3fb9d147]{display:flex;align-items:center;gap:12px}.banner-preview[data-v-3fb9d147]{width:160px;height:60px;border-radius:var(--yh-r-sm);border:1px solid var(--yh-line)}.form-tip-inline[data-v-3fb9d147]{margin-left:8px;font-size:12px;color:var(--yh-t4)}.field-toggle-wrap[data-v-3fb9d147]{display:flex;flex-wrap:wrap;gap:6px 20px;padding:4px 0 8px}.field-toggle-wrap .el-checkbox[data-v-3fb9d147]{margin-right:0}.designer-body[data-v-3fb9d147]{display:flex;gap:12px;align-items:stretch;min-height:560px}.material-panel[data-v-3fb9d147],.prop-panel[data-v-3fb9d147]{width:300px;flex:0 0 auto;overflow:auto}.canvas-panel[data-v-3fb9d147],.material-panel[data-v-3fb9d147],.prop-panel[data-v-3fb9d147]{background:#fff;border-radius:var(--yh-r-lg);padding:12px;box-shadow:0 1px 4px rgba(0,0,21,.06)}.canvas-panel[data-v-3fb9d147]{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.panel-title[data-v-3fb9d147]{font-size:14px;font-weight:600;color:var(--yh-t1);margin-bottom:10px}.canvas-head[data-v-3fb9d147]{display:flex;align-items:center;justify-content:space-between}.canvas-tip[data-v-3fb9d147]{font-size:12px;color:var(--yh-t3)}.material-group[data-v-3fb9d147]{margin-bottom:14px}.group-name[data-v-3fb9d147]{font-size:12px;color:var(--yh-t3);margin-bottom:6px}.material-list[data-v-3fb9d147]{display:grid;grid-template-columns:1fr 1fr;gap:6px}.material-item[data-v-3fb9d147]{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--yh-line);border-radius:var(--yh-r);font-size:13px;color:var(--yh-t2);cursor:grab;background:var(--yh-fill);min-width:0;transition:all .15s ease}.material-item[data-v-3fb9d147]:hover{border-color:var(--yh-theme);color:var(--yh-theme-dd);background:var(--yh-theme-ll);transform:translateY(-1px)}.material-ico[data-v-3fb9d147]{flex:0 0 auto;font-size:15px;color:var(--yh-theme)}.material-txt[data-v-3fb9d147]{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-scroll[data-v-3fb9d147]{flex:1 1 auto;overflow:auto;padding:8px 4px}.canvas-mock[data-v-3fb9d147]{max-width:560px;margin:0 auto;border:1px solid var(--yh-divide);border-radius:var(--yh-r);padding:16px;background:var(--yh-fill);position:relative}.mock-head[data-v-3fb9d147]{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--yh-divide)}.mock-title[data-v-3fb9d147]{font-size:17px;font-weight:600;color:var(--yh-t1)}.mock-sub[data-v-3fb9d147]{font-size:13px;color:var(--yh-t3);margin-top:4px}.mock-desc[data-v-3fb9d147]{font-size:12px;color:var(--yh-t4);margin-top:6px}.canvas-fields[data-v-3fb9d147]{display:flex;flex-wrap:wrap;gap:10px;min-height:80px}.canvas-empty[data-v-3fb9d147]{text-align:center;color:var(--yh-t5);font-size:13px;padding:26px 18px;border:1px dashed #e4e7ed;border-radius:var(--yh-r-sm)}.canvas-empty .ce-plus[data-v-3fb9d147]{width:40px;height:40px;line-height:38px;margin:0 auto 10px;border-radius:50%;border:1px dashed #b8e07a;color:var(--yh-theme);font-size:22px;background:var(--yh-theme-ll)}.canvas-empty .ce-title[data-v-3fb9d147]{color:var(--yh-t2);font-size:13px;line-height:1.6}.canvas-empty .ce-sub[data-v-3fb9d147]{margin-top:4px;color:var(--yh-t4);font-size:12px;line-height:1.6}.canvas-empty .ce-tpls[data-v-3fb9d147]{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.mock-banner[data-v-3fb9d147]{margin:-16px -16px 12px;line-height:0}.mock-banner img[data-v-3fb9d147]{width:100%;height:96px;-o-object-fit:cover;object-fit:cover;border-radius:var(--yh-r-sm) 6px 0 0}.mock-loc[data-v-3fb9d147]{display:flex;align-items:center;gap:8px}.mock-loc-btn[data-v-3fb9d147]{flex:0 0 auto;padding:0 12px;height:28px;line-height:28px;border-radius:var(--yh-r-pill);font-size:12px;color:var(--yh-theme-d);background:var(--yh-theme-l)}.canvas-tools[data-v-3fb9d147]{display:flex;align-items:center;gap:10px}.tpl-item[data-v-3fb9d147]{line-height:1.4;padding:2px 0}.tpl-name[data-v-3fb9d147]{font-size:13px;color:var(--yh-t1)}.tpl-tip[data-v-3fb9d147]{font-size:11px;color:var(--yh-t3)}.form-tip-line[data-v-3fb9d147]{padding:6px 0;font-size:12px;color:var(--yh-t3);line-height:1.6}.showif-box[data-v-3fb9d147]{margin-top:8px;padding:10px;background:var(--yh-fill);border-radius:var(--yh-r-sm);border:1px solid var(--yh-line)}.showif-tip[data-v-3fb9d147]{margin-top:6px;font-size:12px;color:var(--yh-t3);line-height:1.5}.allow-range-list[data-v-3fb9d147]{width:100%}.allow-range-row[data-v-3fb9d147]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.allow-range-sep[data-v-3fb9d147]{color:var(--yh-t5);font-size:12px}.mock-range[data-v-3fb9d147]{display:flex;align-items:center;gap:8px}.mock-range-sep[data-v-3fb9d147]{flex:0 0 auto;color:var(--yh-t5);font-size:12px}.mock-switch[data-v-3fb9d147]{display:flex;align-items:center;justify-content:flex-end;gap:8px}.mock-switch-txt[data-v-3fb9d147]{font-size:12px;color:var(--yh-t3)}.mock-switch-box[data-v-3fb9d147]{width:40px;height:22px;border-radius:11px;background:#dcdfe6;position:relative}.mock-switch-box[data-v-3fb9d147]:after{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:#fff}.mock-rate[data-v-3fb9d147]{display:flex;align-items:center;justify-content:flex-end;gap:2px}.mock-star[data-v-3fb9d147]{font-size:18px;line-height:1;color:#dcdfe6}.mock-unit[data-v-3fb9d147]{margin-left:6px;font-size:12px;color:var(--yh-t3)}.mock-slider[data-v-3fb9d147]{display:flex;align-items:center;gap:10px;width:100%}.mock-slider-track[data-v-3fb9d147]{flex:1 1 0;min-width:0;height:6px;border-radius:var(--yh-r-xs);background:#ebeef5;position:relative}.mock-slider-dot[data-v-3fb9d147]{position:absolute;left:30%;top:-5px;width:16px;height:16px;border-radius:50%;background:var(--yh-theme)}.mock-slider-val[data-v-3fb9d147]{flex:0 0 auto;font-size:12px;color:var(--yh-t3)}.mock-agree[data-v-3fb9d147]{display:flex;align-items:flex-start;margin-top:12px;padding-top:12px;border-top:1px solid var(--yh-divide);font-size:12px;color:var(--yh-t3);line-height:1.6}.mock-agree-box[data-v-3fb9d147]{flex:0 0 auto;width:14px;height:14px;margin:2px 6px 0 0;border-radius:var(--yh-r-xs);background:var(--yh-theme);color:#fff;font-size:10px;text-align:center;line-height:14px}.mock-agree-txt em[data-v-3fb9d147]{font-style:normal;color:var(--yh-theme-d)}.mock-agree-must[data-v-3fb9d147]{margin-left:6px;padding:0 4px;font-size:11px;color:#e6a23c;border:1px solid #f0c78a;border-radius:var(--yh-r-xs)}.field-row[data-v-3fb9d147]{position:relative;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:var(--yh-r-sm);transition:all .18s ease;cursor:pointer}.field-row.half[data-v-3fb9d147]{width:calc(50% - 5px)}.field-row[data-v-3fb9d147]:hover{border-color:#b8e07a;background:var(--yh-theme-ll)}.field-row.active[data-v-3fb9d147]{border-color:var(--yh-theme);background:var(--yh-theme-ll);box-shadow:0 0 0 2px rgba(141,198,63,.15)}.field-row.preview[data-v-3fb9d147]{cursor:default}.field-ops[data-v-3fb9d147]{position:absolute;top:4px;right:6px;display:none;gap:8px;color:var(--yh-t3)}.field-row:hover .field-ops[data-v-3fb9d147]{display:flex}.field-ops .el-icon[data-v-3fb9d147]{cursor:pointer;font-size:15px}.field-ops .el-icon[data-v-3fb9d147]:hover{color:var(--yh-theme)}.render-label[data-v-3fb9d147]{font-size:13px;color:var(--yh-t2);margin-bottom:5px}.star[data-v-3fb9d147]{color:#f56c6c;font-style:normal;margin-left:3px}.opt-preview[data-v-3fb9d147]{display:flex;flex-wrap:wrap;gap:8px}.opt-chip[data-v-3fb9d147]{padding:4px 12px;border:1px solid var(--yh-line-d);border-radius:var(--yh-r-pill);font-size:12px;color:var(--yh-t2);background:#fff}.mock-matrix[data-v-3fb9d147]{width:100%;border:1px solid var(--yh-line);border-radius:var(--yh-r-sm);overflow:hidden}.mock-mx-row[data-v-3fb9d147]{display:flex;align-items:center;padding:6px 10px;border-bottom:1px solid var(--yh-divide)}.mock-mx-row[data-v-3fb9d147]:last-child{border-bottom:none}.mock-mx-head[data-v-3fb9d147]{flex:0 0 110px;min-width:0;font-size:12px;color:var(--yh-t2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-mx-cells[data-v-3fb9d147]{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 0;min-width:0}.mock-upload[data-v-3fb9d147]{display:flex;align-items:center;gap:6px;height:60px;padding:0 12px;border:1px dashed #dcdfe6;border-radius:var(--yh-r-sm);color:var(--yh-t5);font-size:12px;background:#fff}.render-section[data-v-3fb9d147]{display:flex;align-items:center;font-size:15px;font-weight:600;color:var(--yh-t1)}.section-bar[data-v-3fb9d147]{display:inline-block;width:3px;height:16px;background:var(--yh-theme);border-radius:var(--yh-r-xs);margin-right:8px}.render-divider[data-v-3fb9d147]{height:1px;background:#ebeef5}.render-tips[data-v-3fb9d147]{font-size:13px;color:var(--yh-t3);font-style:italic}.render-imgs-title[data-v-3fb9d147]{font-size:13px;font-weight:600;color:var(--yh-t1);margin-bottom:6px}.render-imgs-item[data-v-3fb9d147]{display:block;width:100%;height:84px;margin-bottom:6px;border-radius:var(--yh-r-sm);border:1px solid var(--yh-line)}.render-imgs-text[data-v-3fb9d147]{font-size:12px;color:var(--yh-t3);line-height:1.6}.mock-imgs-ph[data-v-3fb9d147]{display:flex;align-items:center;justify-content:center;gap:4px;padding:16px 0;font-size:12px;color:var(--yh-t5);border:1px dashed #e4e7ed;border-radius:var(--yh-r-sm)}.imgs-editor[data-v-3fb9d147]{width:100%}.imgs-row[data-v-3fb9d147]{display:flex;align-items:center;margin-bottom:8px}.imgs-thumb[data-v-3fb9d147]{flex:none;width:84px;height:52px;border-radius:var(--yh-r-sm);border:1px solid var(--yh-line)}.imgs-ops[data-v-3fb9d147]{display:flex;align-items:center;margin-left:8px}.imgs-ops[data-v-3fb9d147] .el-button{margin-left:0;padding:0 6px}.prop-empty[data-v-3fb9d147]{color:var(--yh-t5);font-size:13px;text-align:center;padding:30px 0}.prop-form[data-v-3fb9d147]{padding-top:4px}.option-editor[data-v-3fb9d147]{width:100%}.option-row[data-v-3fb9d147]{display:flex;align-items:center;margin-bottom:6px}.opt-del[data-v-3fb9d147]{color:#f56c6c;cursor:pointer}.quick-set[data-v-3fb9d147]{background:#fff;border-radius:var(--yh-r-lg);padding:14px 16px 12px;margin-bottom:12px;box-shadow:0 1px 4px rgba(0,0,21,.06)}.qs-head[data-v-3fb9d147]{display:flex;gap:10px;margin-bottom:12px}.qs-title[data-v-3fb9d147]{flex:0 0 330px}.qs-sub[data-v-3fb9d147]{flex:1 1 0;min-width:0}.qs-tiles[data-v-3fb9d147]{display:flex;gap:10px;flex-wrap:wrap}.qs-tile[data-v-3fb9d147]{display:flex;align-items:center;gap:10px;flex:1 1 210px;min-width:0;padding:10px 12px;border:1px solid var(--yh-line);border-radius:var(--yh-r-pill);background:var(--yh-fill);cursor:pointer;transition:all .15s ease}.qs-tile[data-v-3fb9d147]:hover{border-color:var(--yh-theme);background:var(--yh-theme-ll);transform:translateY(-1px)}.qs-tile.disabled[data-v-3fb9d147]{opacity:.55}.qs-tile-ico[data-v-3fb9d147]{flex:0 0 auto;font-size:18px;color:var(--yh-theme)}.qs-tile-txt[data-v-3fb9d147]{flex:1 1 0;min-width:0}.qs-tile-t[data-v-3fb9d147]{font-size:13px;font-weight:600;color:var(--yh-t1)}.qs-tile-d[data-v-3fb9d147]{font-size:11px;color:var(--yh-t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qs-arrow[data-v-3fb9d147]{flex:0 0 auto;color:var(--yh-t5)}.qs-tip[data-v-3fb9d147]{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:8px 12px;border-radius:var(--yh-r);background:var(--yh-theme-l);color:var(--yh-theme-dd);font-size:12px;line-height:1.8}.range-inline[data-v-3fb9d147]{display:flex;align-items:center;gap:8px;width:100%}.range-sep[data-v-3fb9d147]{flex:0 0 auto;color:var(--yh-t5)}.vd-group-cnt[data-v-3fb9d147]{display:inline-block;margin-left:4px;padding:0 6px;border-radius:var(--yh-r);background:#eef0f3;color:var(--yh-t3);font-size:11px;line-height:15px}.vd-type-pill[data-v-3fb9d147]{position:absolute;top:-8px;left:10px;z-index:1;padding:1px 7px;border-radius:var(--yh-r);background:var(--yh-theme-l);color:var(--yh-theme-dd);font-size:11px;line-height:16px;border:1px solid #d7ebbb;pointer-events:none}.vd-prop-title[data-v-3fb9d147]{display:flex;align-items:center;justify-content:space-between;gap:8px}.vd-sign-ph[data-v-3fb9d147]{justify-content:center;gap:6px;height:64px;font-size:13px;background:var(--yh-fill)}.vd-file-ph[data-v-3fb9d147],.vd-sign-ph[data-v-3fb9d147]{display:flex;align-items:center;border:1px dashed #dcdfe6;border-radius:var(--yh-r-sm);color:var(--yh-t5)}.vd-file-ph[data-v-3fb9d147]{gap:8px;height:48px;padding:0 12px;font-size:12px;background:#fff}.vd-file-empty[data-v-3fb9d147]{flex:1 1 0;min-width:0}.vd-file-add[data-v-3fb9d147]{flex:0 0 auto;padding:0 10px;height:26px;line-height:26px;border-radius:13px;font-size:12px;color:var(--yh-theme-d);background:var(--yh-theme-l)}.vd-isel[data-v-3fb9d147]{display:grid;gap:8px;width:100%}.vd-isel-cell[data-v-3fb9d147]{min-width:0;padding:6px;text-align:center;border:1px solid var(--yh-line);border-radius:var(--yh-r-sm);background:#fff}.vd-isel-img[data-v-3fb9d147]{display:flex;align-items:center;justify-content:center;height:56px;border-radius:var(--yh-r-xs);background:#f5f6f8;color:var(--yh-t4);font-size:12px;overflow:hidden}.vd-isel-img img[data-v-3fb9d147]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vd-isel-ph[data-v-3fb9d147]{padding:0 4px}.vd-isel-label[data-v-3fb9d147]{margin-top:4px;font-size:12px;color:var(--yh-t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vd-sort[data-v-3fb9d147]{width:100%;border:1px solid var(--yh-line);border-radius:var(--yh-r-sm);overflow:hidden}.vd-sort-row[data-v-3fb9d147]{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--yh-divide);background:#fff}.vd-sort-row[data-v-3fb9d147]:last-child{border-bottom:none}.vd-sort-idx[data-v-3fb9d147]{flex:0 0 18px;height:18px;line-height:18px;text-align:center;border-radius:50%;background:var(--yh-theme-l);color:var(--yh-theme-dd);font-size:11px}.vd-sort-label[data-v-3fb9d147]{flex:1 1 0;min-width:0;font-size:12px;color:var(--yh-t2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vd-sort-btns[data-v-3fb9d147]{flex:0 0 auto;display:flex;gap:4px}.vd-sort-btn[data-v-3fb9d147]{width:20px;height:20px;line-height:20px;text-align:center;border-radius:var(--yh-r-xs);border:1px solid var(--yh-line-d);color:var(--yh-t3);font-size:11px;font-style:normal}.vd-opt-editor[data-v-3fb9d147]{width:100%}.vd-opt-row[data-v-3fb9d147]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.vd-opt-upload[data-v-3fb9d147]{flex:0 0 auto}.vd-opt-thumb[data-v-3fb9d147]{width:60px;height:60px;border-radius:var(--yh-r-sm);border:1px dashed #dcdfe6;display:flex;align-items:center;justify-content:center;color:var(--yh-t5);font-size:18px;overflow:hidden;background:var(--yh-fill);cursor:pointer}.vd-opt-thumb img[data-v-3fb9d147]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vd-opt-fields[data-v-3fb9d147]{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:6px}