.zp .zpg-preparation{margin-top:24px;padding:18px 22px;border-left:3px solid #8abeb0;background:#eaf4ef;max-width:900px;color:var(--zp-muted);font-size:15px;line-height:1.7}.zp .zpg-preparation strong{display:block;color:var(--zp-ink);font-size:13px;margin-bottom:5px}.zpg{min-width:0;margin-top:30px}.zpg-track,.zpg-controls button{scroll-margin-top:90px}.zpg-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;align-items:stretch;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#82b1a4 #edf4f0;list-style:none;margin:0;padding:0 0 12px}.zpg-track:focus-visible{outline:2px solid var(--zp-brand);outline-offset:5px;border-radius:16px}.zpg-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;min-height:360px;scroll-snap-align:start;scroll-snap-stop:always;border:1px solid var(--zp-line);border-radius:18px;overflow:hidden;background:#f7faf8}.zpg-figure{display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:center;padding:28px 32px 22px;margin:0;background:#fff}.zpg-figure img{width:100%;max-width:426px;height:260px;object-fit:contain;display:block}.zpg-figure figcaption{font-size:12px;color:var(--zp-muted);text-align:center;line-height:1.6;margin-top:18px}.zpg-copy{align-self:center;padding:36px 40px;min-width:0}.zp .zpg-copy h3{font-size:clamp(25px,2.7vw,34px);line-height:1.18;letter-spacing:-.8px;margin-bottom:20px}.zpg-copy>p:not(.zp-eyebrow){font-size:17px;line-height:1.75;color:var(--zp-muted);overflow-wrap:anywhere}.zp .zpg-copy .zpg-detail{margin-top:20px;padding-top:18px;border-top:1px solid var(--zp-line);font-size:14px}.zpg-controls{margin-top:18px}.zpg-selectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.zpg-selectors button{display:flex;align-items:center;gap:12px;text-align:left;min-width:0;min-height:58px;padding:13px 8px;border:0;border-top:2px solid #c6d9d1;background:transparent;color:var(--zp-muted);font-size:15px;font-weight:600;line-height:1.5}.zpg-selectors button>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #bbd0c7;border-radius:50%;font-size:11px;flex:none}.zpg-selectors button[aria-current=step]{border-color:var(--zp-brand);color:var(--zp-brand)}.zpg-selectors button[aria-current=step]>span{background:var(--zp-brand);color:#fff;border-color:var(--zp-brand)}.zpg-selectors button:hover{background:#eaf4ef}.zpg-navigation{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:16px}.zpg-navigation button{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #aac9bd;background:#fff;color:var(--zp-ink)}.zpg-navigation button:hover:not(:disabled){border-color:var(--zp-brand);background:#eaf4ef}.zpg-navigation span{font-size:13px;color:var(--zp-muted);min-width:84px;text-align:center}.zpg-navigation [data-guide-prev] svg{transform:rotate(180deg)}.zp .zpg-hint{font-size:12px;line-height:1.7;color:var(--zp-muted);margin-top:18px;text-align:center}@media(max-width:800px){.zpg-step{grid-template-columns:minmax(0,1fr)}.zpg-figure{padding:22px 24px 18px}.zpg-figure img{height:220px}.zpg-copy{align-self:start;padding:28px}.zp .zpg-copy h3{font-size:28px;margin-bottom:16px}.zpg-copy>p:not(.zp-eyebrow){font-size:16px}.zpg-selectors{gap:12px}.zpg-selectors button{gap:8px;padding-inline:2px;font-size:14px}}@media(max-width:500px){.zp .zpg-preparation{padding:16px 18px;font-size:14px}.zpg-track{gap:16px}.zpg-figure{padding:22px 20px 18px}.zpg-figure img{height:180px}.zpg-figure figcaption{font-size:11px;margin-top:12px}.zpg-copy{padding:24px 22px}.zp .zpg-copy h3{font-size:26px}.zpg-selectors{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:10px}.zpg-selectors button{min-height:52px}}.zp[data-model=XB-04] .zpg-figure img{height:300px}@media(max-width:500px){.zp[data-model=XB-04] .zpg-figure img{height:280px}}.zp[data-model="XB-05 LCD"] .zpg-figure--portrait img{height:300px}@media(max-width:500px){.zp[data-model="XB-05 LCD"] .zpg-figure--portrait img{height:280px}}@media(prefers-reduced-motion:reduce){.zpg-track{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/ziqing-steps.css.map */