.step-shell[data-v-c27b3952]{display:flex;flex-direction:column;width:100%;max-width:100%;height:100%;min-height:0;overflow:hidden;box-sizing:border-box;color:var(--color-infographic-text,var(--color-text-primary))}.step-progress[data-v-c27b3952]{display:flex;align-items:flex-start;justify-content:center;gap:0;padding:14px clamp(12px,2.2vw,24px) 16px;flex-shrink:0;border-bottom:1px solid var(--border-infographic-divider,rgba(148,163,184,.35));margin-bottom:4px;overflow-x:auto;-webkit-overflow-scrolling:touch}.step-item[data-v-c27b3952]{display:flex;align-items:center;position:relative;flex:1 1 0;min-width:0;max-width:240px}.step-item.clickable[data-v-c27b3952]{cursor:pointer}.step-circle[data-v-c27b3952]{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0;background:var(--bg-infographic-step,rgba(148,163,184,.25));color:var(--color-infographic-step-text,#64748b);border:1px solid var(--border-infographic-step,transparent);z-index:1}.step-item.active .step-circle[data-v-c27b3952]{background:var(--bg-infographic-step-active,#64748b);color:#fff}.step-item.done .step-circle[data-v-c27b3952]{background:var(--bg-infographic-step-done,#3b82f6);color:#fff}.step-label[data-v-c27b3952]{margin-left:8px;font-size:13px;color:var(--color-infographic-muted,#94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-item.active .step-label[data-v-c27b3952]{color:var(--color-infographic-text,var(--color-text-primary));font-weight:600}.step-line[data-v-c27b3952]{flex:1 1 16px;height:2px;margin:0 clamp(6px,1vw,12px);background:var(--bg-infographic-step-line,rgba(148,163,184,.35));align-self:center;min-width:12px}.step-line.done[data-v-c27b3952]{background:var(--bg-infographic-step-done,#3b82f6)}.step-body[data-v-c27b3952]{flex:1;display:flex;min-height:0;min-width:0;padding:8px clamp(12px,2.2vw,24px) 0;gap:0}.step-left[data-v-c27b3952]{flex:0 1 clamp(260px,32vw,440px);width:auto;min-width:0;max-width:440px;overflow-x:hidden;overflow-y:auto;padding-right:clamp(12px,2vw,28px);-webkit-overflow-scrolling:touch}.layout-select-preview .step-left[data-v-c27b3952]{flex:0 0 clamp(300px,34vw,420px);flex-basis:clamp(300px,34vw,420px);max-width:420px;width:clamp(300px,34vw,420px)}.step-divider[data-v-c27b3952]{width:1px;background:var(--border-infographic-divider,rgba(148,163,184,.35));flex-shrink:0}.step-right[data-v-c27b3952]{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;padding-left:clamp(12px,2vw,28px);min-width:0;min-height:0;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.layout-select-preview .step-right[data-v-c27b3952]{overflow:hidden}.layout-select-preview .step-right>[data-v-c27b3952]{flex:1;min-height:0}.step-footer[data-v-c27b3952]{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px clamp(12px,2.2vw,24px) clamp(12px,2vw,24px);flex-shrink:0}.footer-align-end .step-footer[data-v-c27b3952]{justify-content:flex-end}.footer-spacer[data-v-c27b3952]{flex:1}.btn-primary[data-v-c27b3952],.btn-secondary[data-v-c27b3952]{min-width:108px;height:40px;padding:0 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .15s}.btn-secondary[data-v-c27b3952]{background:var(--bg-infographic-btn-secondary,#f1f5f9);color:var(--color-infographic-btn-secondary-text,#334155);border-color:var(--border-infographic-btn,#cbd5e1)}.btn-secondary[data-v-c27b3952]:hover:not(:disabled){background:var(--bg-infographic-btn-secondary-hover,#e2e8f0);border-color:var(--border-infographic-btn-hover,#94a3b8)}.btn-secondary[data-v-c27b3952]:disabled{opacity:.55;cursor:not-allowed}.btn-primary[data-v-c27b3952]{background:var(--bg-infographic-btn-primary,#1f2937);color:var(--color-infographic-btn-primary-text,#fff);border-color:var(--bg-infographic-btn-primary,#1f2937);box-shadow:0 1px 2px rgba(15,23,42,.12)}.btn-primary[data-v-c27b3952]:not(:disabled):hover{background:var(--bg-infographic-btn-primary-hover,#111827);border-color:var(--bg-infographic-btn-primary-hover,#111827);box-shadow:0 4px 12px rgba(15,23,42,.18)}.btn-primary[data-v-c27b3952]:not(:disabled):active{transform:translateY(1px)}.btn-primary[data-v-c27b3952]:disabled{background:var(--bg-infographic-btn-primary-disabled,#e5e7eb);border-color:var(--bg-infographic-btn-primary-disabled,#e5e7eb);color:var(--color-infographic-btn-primary-disabled,#9ca3af);box-shadow:none;cursor:not-allowed}@media (max-width:1440px){.step-left[data-v-c27b3952]{flex-basis:clamp(250px,30vw,400px);max-width:400px}.layout-select-preview .step-left[data-v-c27b3952]{flex:0 0 clamp(280px,32vw,400px);flex-basis:clamp(280px,32vw,400px);width:clamp(280px,32vw,400px);max-width:400px}}@media (max-width:1280px){.step-label[data-v-c27b3952]{font-size:12px}.step-left[data-v-c27b3952]{flex-basis:clamp(230px,28vw,340px);max-width:340px}.layout-select-preview .step-left[data-v-c27b3952]{flex:0 0 clamp(260px,30vw,360px);flex-basis:clamp(260px,30vw,360px);width:clamp(260px,30vw,360px);max-width:360px}}@media (max-width:1100px){.step-item:not(.active) .step-label[data-v-c27b3952]{display:none}.step-left[data-v-c27b3952]{flex-basis:clamp(220px,34%,300px);max-width:300px;padding-right:14px}.layout-select-preview .step-left[data-v-c27b3952]{flex:0 0 clamp(240px,34%,320px);flex-basis:clamp(240px,34%,320px);width:clamp(240px,34%,320px);max-width:320px}.step-right[data-v-c27b3952]{padding-left:14px}}@media (max-width:900px){.step-progress[data-v-c27b3952]{justify-content:flex-start;padding-left:12px;padding-right:12px}.step-item[data-v-c27b3952]{flex:0 0 auto;max-width:none}.step-item .step-label[data-v-c27b3952]{display:none}.step-item.active .step-label[data-v-c27b3952]{display:inline;max-width:120px}.step-body[data-v-c27b3952]{flex-direction:column;overflow-y:auto;padding-top:4px}.layout-select-preview .step-left[data-v-c27b3952],.step-left[data-v-c27b3952]{flex:0 0 auto;width:100%;max-width:none;padding-right:0;padding-bottom:16px;overflow:visible}.step-divider[data-v-c27b3952]{width:100%;height:1px}.step-right[data-v-c27b3952]{flex:1 1 auto;padding-left:0;padding-top:16px;overflow:visible;min-height:320px}.step-footer[data-v-c27b3952]{position:sticky;bottom:0;z-index:2;background:var(--bg-infographic-page,var(--color-bg-primary,#fff));border-top:1px solid var(--border-infographic-divider,rgba(148,163,184,.28))}}@media (max-width:768px){.step-circle[data-v-c27b3952]{width:26px;height:26px;font-size:12px}.step-line[data-v-c27b3952]{min-width:8px;margin:0 6px}.btn-primary[data-v-c27b3952],.btn-secondary[data-v-c27b3952]{min-width:96px;height:38px;padding:0 16px;font-size:13px}}@media (max-height:760px){.step-progress[data-v-c27b3952]{padding-top:10px;padding-bottom:10px}.step-body[data-v-c27b3952]{padding-top:4px}.step-footer[data-v-c27b3952]{padding-top:10px;padding-bottom:10px}}@media (max-height:640px){.step-progress[data-v-c27b3952]{padding-top:8px;padding-bottom:8px;margin-bottom:0}.step-label[data-v-c27b3952]{display:none}.step-item.active .step-label[data-v-c27b3952]{display:inline;max-width:96px}}.distribute-step[data-v-49be27fd]{display:flex;flex-direction:column;flex:1;min-height:0;height:100%}.distribute-step[data-v-49be27fd] .step-shell{flex:1;min-height:0}.dist-aside[data-v-49be27fd]{display:flex;flex-direction:column;gap:20px;min-height:100%;padding-bottom:8px}.aside-head[data-v-49be27fd]{display:flex;flex-direction:column;gap:6px}.aside-title[data-v-49be27fd]{margin:0;font-size:18px;font-weight:700;color:var(--color-infographic-text,var(--color-text-primary))}.aside-desc[data-v-49be27fd]{margin:0;font-size:13px;line-height:1.55;color:var(--color-infographic-muted,#94a3b8)}.aside-block[data-v-49be27fd]{display:flex;flex-direction:column;gap:10px}.block-label[data-v-49be27fd]{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--color-infographic-muted,#94a3b8)}.share-hint[data-v-49be27fd]{margin:0;font-size:13px;line-height:1.55;color:var(--color-infographic-text-secondary,#64748b)}.download-btn[data-v-49be27fd]{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:42px;margin-top:4px;border-radius:10px;border:1px solid var(--border-infographic-btn,#cbd5e1);background:var(--bg-infographic-btn-secondary,#f1f5f9);color:var(--color-infographic-btn-secondary-text,#334155);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.download-btn[data-v-49be27fd]:hover:not(:disabled){background:var(--bg-infographic-btn-secondary-hover,#e2e8f0);border-color:var(--border-infographic-btn-hover,#94a3b8)}.download-btn[data-v-49be27fd]:disabled{opacity:.55;cursor:not-allowed}.preview-wrap[data-v-49be27fd]{display:flex;flex-direction:column;gap:10px;height:100%;min-height:0}.preview-label[data-v-49be27fd]{font-size:12px;font-weight:600;color:var(--color-infographic-muted,#94a3b8)}.preview-panel[data-v-49be27fd]{flex:1;min-height:360px;border-radius:14px;border:1px solid var(--border-infographic-panel,rgba(148,163,184,.35));background:var(--bg-infographic-preview,rgba(148,163,184,.08));overflow:hidden;display:flex;align-items:center;justify-content:center}.result-image[data-v-49be27fd]{width:100%;height:100%;display:block}.result-image[data-v-49be27fd] .el-image__inner{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:transparent}.empty-card[data-v-49be27fd]{padding:24px;text-align:center;font-size:14px;color:var(--color-infographic-muted,#94a3b8)}@media (max-width:900px){.preview-panel[data-v-49be27fd]{min-height:280px}}