/* Product guide: overview on desktop, readable individual steps on touch screens. */
html[data-puxin-major="product"] .scaffold-panel{width:min(1240px,96vw);right:-100vw}
html[data-puxin-major="product"] .scaffold-panel.open{right:0}
.product-guide-figure{margin:0 0 20px;color:#163e67}
.product-guide-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;flex-wrap:wrap}
.product-guide-bar p{font-size:14px;line-height:1.6;margin:0}
.product-guide-figure button,.product-guide-viewer button,.product-guide-viewer a{font:inherit;color:#163e67;background:#fff;border:1px solid #bccfde;border-radius:10px;min-height:44px;padding:9px 14px;cursor:pointer;text-decoration:none}
.product-guide-figure button:focus-visible,.product-guide-viewer :focus-visible{outline:3px solid #1757a6;outline-offset:3px}
.product-guide-figure .product-guide-overview{display:block;padding:0;width:100%;overflow:hidden;background:#eef8ff;border:1px solid #d7e6f3}
.product-guide-overview img{display:block;width:100%;height:auto}
.product-guide-steps{display:none;list-style:none;padding:0;margin:0;gap:16px}
.product-guide-steps li{min-width:0}
.product-guide-figure .product-guide-crop{position:relative;display:block;width:100%;aspect-ratio:525/292;overflow:hidden;padding:0;border:0;border-radius:14px;background:#eef8ff}
.product-guide-crop img{position:absolute;width:318.4762%;max-width:none;height:auto;left:calc(var(--crop-x) * -100% / 525);top:calc(var(--crop-y) * -100% / 292);pointer-events:none}
.product-guide-step-text{font-size:15px;line-height:1.7;padding:9px 4px 0;margin:0;color:#43515d}
.product-guide-extension{display:none;padding:16px;background:#eef8ff;border-radius:12px;font-size:15px;line-height:1.8;margin-top:16px}
.product-guide-extension a{color:#1757a6;text-decoration:underline;text-underline-offset:3px}
.product-guide-viewer{position:fixed;inset:0;margin:auto;width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;border:0;padding:0;background:#eef3f8;color:#163e67;overflow:hidden}
.product-guide-viewer[open]{display:flex;flex-direction:column}
.product-guide-viewer::backdrop{background:rgba(12,27,44,.8)}
.product-guide-viewbar{flex:none;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff;padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid #cbd8e5}
.product-guide-viewbar h2{font-size:18px;margin:0 auto 0 0}
.product-guide-viewer button:disabled{opacity:.4;cursor:default}
.product-guide-viewhint{margin:0;padding:8px 14px;font-size:14px;background:#fff}
.product-guide-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;padding-bottom:env(safe-area-inset-bottom)}
.product-guide-scroll img{display:block;max-width:none;height:auto;user-select:none;-webkit-user-drag:none}
@media(max-width:1100px),(pointer:coarse){
  html[data-puxin-major="product"] .scaffold-panel{width:100vw;height:100vh;height:100dvh}
  .product-guide-figure .product-guide-overview{display:none}
  .product-guide-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-guide-extension{display:block}
}
@media(max-width:600px){
  .product-guide-steps{grid-template-columns:1fr;gap:22px}
  .product-guide-bar{align-items:flex-start}
  .product-guide-viewbar h2{width:calc(100% - 90px);order:-2}
  .product-guide-viewbar [data-view-close]{order:-1;margin-left:auto}
  .product-guide-viewbar button,.product-guide-viewbar a{padding:8px 12px}
}