/* ============================================================
   products.css
   页面专属样式：products（含仅本页及少数页面共享的板块样式）。
   由 _tools/02_extract_css.py 从原始内联样式拆分生成。
   声明内容与原站逐字一致，仅做三件事：
     1) 删除构建器遗留的作用域属性选择器
     2) 类名改为 zs- 命名空间（见 _report/class-map.csv）
     3) 同名不同声明的选择器加 body.zs-p-* 页面作用域
   ============================================================ */
.zs-breadcrumbs{padding:16px 24px}
.zs-breadcrumbs__inner{max-width:1080px;margin:0 auto}
.zs-breadcrumbs__list{flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}
.zs-breadcrumbs__item{letter-spacing:-.016em;align-items:center;font-size:14px;font-weight:400;line-height:1.43;display:flex}
.zs-breadcrumbs__link{color:#06c;border-radius:4px;margin:-8px -4px;padding:8px 4px;text-decoration:none}
.zs-breadcrumbs__link:hover{text-decoration:underline}
.zs-breadcrumbs__link:focus-visible{outline-offset:2px;outline:2px solid #0071e3}
.zs-breadcrumbs__current{color:#6e6e73}
.zs-breadcrumbs__sep{color:#6e6e73;margin:0 6px}
.zs-lp__form{background:#fff;border:1px solid #0000000a;border-radius:12px;padding:24px;box-shadow:0 1px 2px #0000000a,0 8px 24px #00000014}
.zs-lp__form-heading{color:#1d1d1f;margin:0 0 6px;font-size:22px;font-weight:600;line-height:1.2}
.zs-lp__form-subtext{color:#515154;margin:0 0 16px;font-size:13px;line-height:1.4}
.zs-lp__form-honeypot{display:none}
.zs-lp__form-field{margin-bottom:10px}
.zs-lp__form-field label{color:#1d1d1f;margin-bottom:4px;font-size:13px;font-weight:500;display:block}
body.zs-p-products .zs-lp__form-field input[type=text],body.zs-p-products .zs-lp__form-field input[type=email],body.zs-p-products .zs-lp__form-field select,body.zs-p-products .zs-lp__form-field textarea{color:#1d1d1f;box-sizing:border-box;background:#fff;border:1px solid #d2d2d7;border-radius:8px;outline:none;width:100%;min-height:40px;padding:10px 14px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}
.zs-lp__form-field input:focus,.zs-lp__form-field select:focus,.zs-lp__form-field textarea:focus{border-color:#0071e3;box-shadow:0 0 0 3px #0071e326}
body.zs-p-products .zs-lp__form-field textarea{resize:vertical;min-height:96px}
.zs-lp__form-field input.zs-is-error,.zs-lp__form-field select.zs-is-error,.zs-lp__form-field textarea.zs-is-error,.zs-lp__form-field .zs-lp__upload.zs-is-error{border-color:#ff3b30}
.zs-lp__form-field-error{color:#ff3b30;margin:4px 0 0;font-size:12px}
.zs-lp__form-moq-note{color:#424245;background:linear-gradient(#fdfcfb 0%,#f5f5f7 100%);border-left:3px solid #0071e3;border-radius:6px;align-items:flex-start;gap:10px;margin:-2px 0 10px;padding:10px 12px;font-size:12px;line-height:1.4;display:flex}
.zs-lp__form-moq-note[hidden]{display:none}
.zs-lp__form-moq-note strong{color:#1d1d1f;margin-bottom:2px;display:block}
.zs-lp__upload{text-align:center;cursor:pointer;border:1.5px dashed #00000029;border-radius:8px;padding:8px 12px;transition:border-color .2s,background-color .2s;position:relative}
.zs-lp__upload:hover,.zs-lp__upload.zs-is-active{background:#0071e305;border-color:#0071e3}
.zs-lp__file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}
.zs-lp__upload-placeholder{pointer-events:none;justify-content:center;align-items:center;gap:8px;display:flex}
.zs-lp__upload-text{color:#1d1d1f;font-size:13px;font-weight:500}
.zs-lp__upload-hint{color:#515154;font-size:12px;font-weight:400}
.zs-lp__file-list{text-align:left;flex-direction:column;gap:6px;display:flex}
.zs-lp__file-list:empty{display:none}
.zs-lp__file-item{color:#424245;background:linear-gradient(#fdfcfb 0%,#f5f5f7 100%);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}
.zs-lp__file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.zs-lp__file-size{color:#86868b;flex-shrink:0;font-size:12px}
.zs-lp__file-remove{color:#86868b;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}
.zs-lp__file-remove:hover{color:#ff3b30}
.zs-lp__form-submit{color:#fff;cursor:pointer;background:#0071e3;border:none;border-radius:10px;width:100%;margin-top:8px;padding:12px 22px;font-family:inherit;font-size:16px;font-weight:500;transition:background .2s}
.zs-lp__form-submit:hover{background:#0077ed}
.zs-lp__form-submit:disabled{cursor:not-allowed;background:#d2d2d7}
.zs-lp__form-error{color:#ff3b30;text-align:center;margin:10px 0 0;font-size:13px}
.zs-lp__form-error[hidden]{display:none}
.zs-lp__form-fallback{color:#515154;text-align:center;margin:10px 0 0;font-size:12px;line-height:1.4}
.zs-lp__form-fallback a{color:#06c;text-underline-offset:.14em;text-decoration:underline}
.zs-lp__form-fallback a:hover{text-decoration:underline}
.zs-lp__form-success{text-align:center;background:#fff;border:1px solid #0000000a;border-radius:12px;padding:40px 24px;box-shadow:0 1px 2px #0000000a,0 8px 24px #00000014}
.zs-lp__form-success[hidden]{display:none}
.zs-lp__form-success-icon{color:#fff;background:#34c759;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:28px;font-weight:600;display:flex}
.zs-inline__inquiry{background:#f5f5f7;border:1px solid #e5e5e7;border-radius:20px;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:start;gap:40px;max-width:1032px;margin:64px auto;padding:40px;display:grid}
.zs-inline__inquiry-copy{padding-top:8px}
.zs-inline__inquiry-eyebrow{color:#06c;letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:600}
.zs-inline__inquiry h2{color:#1d1d1f;letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(28px,4vw,40px);line-height:1.08}
.zs-inline__inquiry-price{margin:0 0 8px;font-size:21px;font-weight:600}
.zs-inline__inquiry-price a{color:#06c;text-decoration:none}
.zs-inline__inquiry-price a:hover{text-decoration:underline}
.zs-inline__inquiry-note,.zs-inline__inquiry-terms{color:#515154;font-size:14px;line-height:1.55}
.zs-inline__inquiry-actions{flex-wrap:wrap;gap:10px;margin:24px 0 14px;display:flex}
.zs-inline__inquiry-actions a{border-radius:10px;padding:11px 16px;font-size:14px;font-weight:500;text-decoration:none}
.zs-inline__inquiry-primary{color:#fff;background:#0071e3}
.zs-inline__inquiry-primary:hover{background:#0077ed}
.zs-inline__inquiry-secondary{color:#06c;background:#fff;border:1px solid #0071e3}
@media (width<=760px){.zs-inline__inquiry{grid-template-columns:1fr;gap:24px;margin:48px 16px;padding:24px}}
@media (width<=760px){.zs-inline__inquiry-actions{flex-direction:column}}
@media (width<=760px){.zs-inline__inquiry-actions a{text-align:center}}
.zs-hero{background:linear-gradient(#fdfcfb 0%,#f5f5f7 100%);padding:48px 24px 64px}
body.zs-p-products .zs-hero__inner{text-align:center;max-width:720px;margin:0 auto}
.zs-hero__inner .zs-breadcrumbs{justify-content:center;padding:0 0 20px}
.zs-hero__inner .zs-breadcrumbs__list{justify-content:center}
body.zs-p-products .zs-hero__h1{font-family:var(--font-serif);letter-spacing:-.02em;color:#1d1d1f;margin:0 0 16px;font-size:clamp(36px,4.8vw,56px);font-weight:600;line-height:1.06}
body.zs-p-products .zs-hero__copy{letter-spacing:-.022em;color:#86868b;margin:0 0 16px;font-size:17px;font-weight:400;line-height:1.47}
body.zs-p-products .zs-hero__trust{letter-spacing:-.016em;color:#424245;margin:0;font-size:14px;font-weight:600;line-height:1.43}
.zs-hero__copy a[data-inquiry-trigger]{color:#06c;text-decoration:none}
.zs-hero__copy a[data-inquiry-trigger]:hover{text-decoration:underline}
.zs-hero__most-browsed{letter-spacing:-.016em;color:#6e6e73;margin:12px 0 0;font-size:14px;line-height:1.43}
.zs-hero__most-browsed-label{color:#86868b;margin-right:4px}
.zs-hero__most-browsed a{color:#06c;text-decoration:none}
.zs-hero__most-browsed a:hover{text-decoration:underline}
@media (width<=639px){.zs-hero{padding:32px 24px 48px}}
@media (width<=639px){.zs-hero__h1{font-size:32px}}
body.zs-p-products .zs-grid__section{background-color:#fff;padding:80px 24px}
.zs-grid__container{max-width:1080px;margin:0 auto}
.zs-category__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}
.zs-category__card{background-color:#fff;border-radius:8px;flex-direction:column;text-decoration:none;transition:box-shadow .3s,transform .2s;display:flex;overflow:hidden;box-shadow:0 1px 4px #0000000f}
.zs-category__card:hover{transform:translateY(-2px);box-shadow:0 4px 24px #0000001a}
body.zs-p-products .zs-card__image{aspect-ratio:16/10;overflow:hidden}
.zs-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}
.zs-card__image.zs-is-contain img{object-fit:contain;transform:scale(var(--contain-scale,.85))}
.zs-card__image.zs-is-zoom img{transform:scale(var(--zoom-scale,1.05))}
.zs-category__card:hover .zs-card__image img{transform:scale(1.03)}
.zs-category__card:hover .zs-card__image.zs-is-contain img{transform:scale(var(--contain-hover-scale,.87))}
.zs-category__card:hover .zs-card__image.zs-is-zoom img{transform:scale(var(--zoom-hover-scale,1.08))}
.zs-card__body{flex-direction:column;flex:1;padding:20px;display:flex}
.zs-card__title{letter-spacing:.011em;color:#1d1d1f;margin:0 0 6px;font-size:21px;font-weight:600;line-height:1.19}
.zs-card__desc{letter-spacing:-.016em;color:#86868b;margin:0 0 8px;font-size:14px;font-weight:400;line-height:1.43}
.zs-card__subs{letter-spacing:-.12px;color:#86868b;margin:0 0 12px;font-size:12px;font-weight:400;line-height:1.33}
.zs-card__link{color:#06c;margin-top:auto;font-size:14px;font-weight:400}
.zs-category__card:hover .zs-card__link{text-decoration:underline}
@media (width<=1023px){.zs-category__grid{grid-template-columns:repeat(2,1fr)}}
@media (width<=639px){.zs-grid__section{padding:56px 24px}}
@media (width<=639px){.zs-category__grid{grid-template-columns:1fr}}
.zs-trust__section{background:linear-gradient(#fdfcfb 0%,#f5f5f7 100%);padding:64px 24px}
.zs-trust__inner{max-width:1080px;margin:0 auto}
body.zs-p-products .zs-trust__grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:24px;display:grid}
.zs-trust__item{flex-direction:column;align-items:center;gap:4px;display:flex}
.zs-trust__number{color:#1d1d1f;font-size:36px;font-weight:600;line-height:1.11}
.zs-trust__label{letter-spacing:-.016em;color:#86868b;font-size:14px;font-weight:400;line-height:1.43}
@media (width<=639px){.zs-trust__section{padding:48px 24px}}
@media (width<=639px){.zs-trust__grid{grid-template-columns:repeat(2,1fr);gap:32px}}
@media (width<=639px){.zs-trust__number{font-size:28px}}
body.zs-p-products .zs-cta__section{background-color:#fff;padding:80px 24px}
body.zs-p-products .zs-cta__inner{text-align:center;max-width:720px;margin:0 auto}
body.zs-p-products .zs-cta__headline{color:#1d1d1f;margin:0 0 16px;font-size:36px;font-weight:600;line-height:1.11}
body.zs-p-products .zs-cta__copy{letter-spacing:-.022em;color:#86868b;margin:0 0 32px;font-size:17px;font-weight:400;line-height:1.47}
.zs-cta__buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}
body.zs-p-products .zs-cta__primary{color:#fff;letter-spacing:-.022em;text-align:center;background-color:#0071e3;border-radius:10px;min-width:140px;padding:12px 22px;font-size:17px;font-weight:400;text-decoration:none;transition:background-color .3s;display:inline-block}
.zs-cta__primary:hover{background-color:#0077ed}
body.zs-p-products .zs-cta__secondary{color:#06c;letter-spacing:-.022em;text-align:center;background:0 0;border:1px solid #06c;border-radius:10px;min-width:140px;padding:12px 22px;font-size:17px;font-weight:400;text-decoration:none;transition:background-color .3s,color .3s;display:inline-block}
body.zs-p-products .zs-cta__secondary:hover{color:#fff;background-color:#06c}
.zs-cta__crosslink{letter-spacing:-.022em;color:#86868b;margin:20px 0 0;font-size:15px;font-weight:400;line-height:1.47}
.zs-cta__crosslink a{color:#06c;text-decoration:none}
.zs-cta__crosslink a:hover{text-decoration:underline}
@media (width<=639px){.zs-cta__section{padding:56px 24px}}
@media (width<=639px){.zs-cta__headline{font-size:24px}}
@media (width<=639px){.zs-cta__buttons{flex-direction:column;align-items:center}}
body.zs-p-products .zs-inquiry__field input,body.zs-p-products .zs-inquiry__field select,body.zs-p-products .zs-inquiry__field textarea{letter-spacing:-.022em;color:#1d1d1f;box-sizing:border-box;background-color:#fff;border:1px solid #d2d2d7;border-radius:8px;outline:none;width:100%;min-height:40px;padding:10px 14px;font-family:inherit;font-size:16px;font-weight:400;line-height:1.4;transition:border-color .2s,box-shadow .2s}
body.zs-p-products .zs-inquiry__field textarea{resize:vertical;min-height:112px}
@media (width<=639px){body.zs-p-products .zs-inquiry__field input,body.zs-p-products .zs-inquiry__field select,body.zs-p-products .zs-inquiry__field textarea{min-height:40px;padding:8px 14px}}
@media (width<=639px){body.zs-p-products .zs-inquiry__field textarea{min-height:88px}}
@media (width<=639px) and (height<=720px){body.zs-p-products .zs-inquiry__field input,body.zs-p-products .zs-inquiry__field select,body.zs-p-products .zs-inquiry__field textarea{min-height:36px;padding-top:7px;padding-bottom:7px}}
@media (width<=639px) and (height<=720px){body.zs-p-products .zs-inquiry__field textarea{min-height:72px}}