/* ============================================================
   contact.css
   页面专属样式：contact（含仅本页及少数页面共享的板块样式）。
   由 _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-faq__section{padding:80px 24px}
.zs-faq__inner{max-width:800px;margin:0 auto}
.zs-faq__heading{font-family:var(--font-serif);color:#1d1d1f;text-align:center;margin:0 0 40px;font-size:40px;font-weight:600;line-height:1.1}
body.zs-p-contact .zs-faq__item{border-bottom:1px solid #d2d2d7}
body.zs-p-contact .zs-faq__question{cursor:pointer;justify-content:space-between;align-items:center;padding:20px 0;list-style:none;display:flex}
.zs-faq__question::-webkit-details-marker{display:none}
body.zs-p-contact .zs-faq__question h3{letter-spacing:.011em;color:#1d1d1f;margin:0;font-size:21px;font-weight:600;line-height:1.19}
body.zs-p-contact .zs-faq__icon{color:#86868b;flex-shrink:0;margin-left:16px;font-size:24px;font-weight:300;transition:transform .3s}
.zs-faq__item[open] .zs-faq__icon{transform:rotate(45deg)}
body.zs-p-contact .zs-faq__answer{letter-spacing:-.022em;color:#6e6e73;margin:0;padding:0 0 20px;font-size:17px;font-weight:400;line-height:1.47}
.zs-faq__show-more{color:#1d1d1f;width:100%;font:inherit;cursor:pointer;background:0 0;border:1px solid #b8b8bd;border-radius:999px;justify-content:center;align-items:center;margin-top:28px;padding:14px 20px;font-size:15px;font-weight:600;display:none}
.zs-has-js .zs-faq__section--progressive:not(.zs-is-expanded) .zs-faq__item--extra{display:none}
.zs-has-js .zs-faq__section--progressive .zs-faq__show-more{display:flex}
.zs-faq__show-more:hover{border-color:#1d1d1f}
@media (width<=639px){.zs-faq__heading{font-family:var(--font-serif);font-size:24px}}
@media (width<=639px){.zs-faq__question h3{font-size:17px}}
.zs-ct__hero{background:linear-gradient(#fdfcfb 0%,#f5f5f7 100%);padding:32px 24px 96px}
.zs-ct__hero-inner{grid-template-columns:1fr 1fr;align-items:start;gap:64px;max-width:1200px;margin:0 auto;display:grid}
.zs-ct__hero-left{padding-top:0}
.zs-ct__hero-left .zs-breadcrumbs{padding:16px 0}
.zs-ct__h1{font-family:var(--font-serif);letter-spacing:-.025em;color:#1d1d1f;margin:0 0 16px;font-size:clamp(40px,5.5vw,64px);font-weight:600;line-height:1.06}
.zs-ct__sub{letter-spacing:-.022em;color:#86868b;max-width:460px;margin:0 0 40px;font-size:19px;font-weight:400;line-height:1.53}
.zs-ct__mobile-email{display:none}
.zs-ct__info{flex-direction:column;gap:24px;margin-bottom:32px;display:flex}
.zs-ct__info-item{align-items:flex-start;gap:14px;display:flex}
.zs-ct__info-icon{flex-shrink:0;margin-top:2px}
.zs-ct__info-label{letter-spacing:.05em;text-transform:uppercase;color:#86868b;margin-bottom:2px;font-size:12px;font-weight:600;display:block}
.zs-ct__info-link{color:#06c;font-size:17px;font-weight:500;text-decoration:none}
.zs-ct__info-link:hover{text-decoration:underline}
.zs-ct__info-text{color:#424245;font-size:15px;font-weight:400;line-height:1.47}
.zs-ct__human{background:#fff;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;display:flex;box-shadow:0 1px 4px #0000000a}
.zs-ct__human-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:56px;height:56px;display:block}
.zs-ct__human-text{color:#424245;font-size:14px;font-weight:400;line-height:1.45}
.zs-ct__human-text strong{color:#1d1d1f;margin-bottom:2px;font-weight:600;display:block}
.zs-ct__hero-right{padding-top:48px}
.zs-ct__form{background:#fff;border-radius:16px;padding:40px;box-shadow:0 2px 20px #00000014}
.zs-ct__field{margin-bottom:20px}
.zs-ct__label{color:#1d1d1f;margin-bottom:6px;font-size:14px;font-weight:600;display:block}
.zs-ct__input{color:#1d1d1f;box-sizing:border-box;background:#fff;border:1px solid #00000029;border-radius:8px;width:100%;min-height:48px;padding:14px 16px;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:17px;font-weight:400;transition:border-color .2s}
.zs-ct__input::placeholder{color:#0000007a}
.zs-ct__input:focus{border-color:#0071e3;outline:none;box-shadow:0 0 0 2px #0071e333}
.zs-ct__input.zs-ct__error{border-color:#ff3b30}
.zs-ct__textarea{resize:vertical;min-height:120px}
.zs-ct__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:-8px 0 16px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}
.zs-ct__moq-note[hidden]{display:none}
.zs-ct__moq-note svg{flex-shrink:0;margin-top:1px}
.zs-ct__moq-note strong{color:#1d1d1f;margin-bottom:2px;font-weight:600;display:block}
.zs-ct__upload{text-align:center;cursor:pointer;border:2px dashed #00000029;border-radius:8px;padding:24px;transition:border-color .2s,background-color .2s;position:relative}
.zs-ct__upload:hover{background-color:#0071e305;border-color:#0071e3}
.zs-ct__upload.zs-ct__upload--active{background-color:#0071e30a;border-color:#0071e3}
.zs-ct__file-input{opacity:0;cursor:pointer;position:absolute;inset:0}
.zs-ct__upload-placeholder{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex}
.zs-ct__upload-text{color:#1d1d1f;font-size:15px;font-weight:500}
.zs-ct__upload-hint{color:#86868b;font-size:13px;font-weight:400}
.zs-ct__file-list{text-align:left;flex-direction:column;gap:6px;margin-top:0;display:flex}
.zs-ct__file-list:empty{display:none}
.zs-ct__file-item{color:#424245;background:linear-gradient(#fdfcfb 0%,#f5f5f7 100%);border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:13px;display:flex}
.zs-ct__file-remove{color:#86868b;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}
.zs-ct__file-remove:hover{color:#ff3b30}
.zs-ct__submit{color:#fff;letter-spacing:-.022em;cursor:pointer;background-color:#0071e3;border:none;border-radius:10px;width:100%;padding:14px 22px;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:17px;font-weight:400;transition:background-color .3s;display:block}
.zs-ct__submit:hover{background-color:#0077ed}
.zs-ct__sample-link{color:#0071e3;text-align:center;border:1px solid #0071e3;border-radius:10px;margin-top:12px;padding:12px 22px;font-size:15px;font-weight:500;line-height:1.4;text-decoration:none;display:block}
.zs-ct__sample-link:hover{background:#f5f9ff}
.zs-ct__submit:disabled{color:#0000007a;cursor:not-allowed;background-color:#d2d2d7}
.zs-ct__fallback{color:#86868b;text-align:center;margin:12px 0 0;font-size:13px;font-weight:400}
.zs-ct__fallback a{color:#06c;text-decoration:none}
.zs-ct__fallback a:hover{text-decoration:underline}
.zs-ct__error-msg{color:#ff3b30;margin:4px 0 0;font-size:13px}
.zs-ct__honeypot{display:none!important}
.zs-ct__success{text-align:center;padding:48px 32px 40px}
.zs-ct__success-icon{background-color:#30d158;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:inline-flex}
.zs-ct__success h3{color:#1d1d1f;margin:0 0 12px;font-size:28px;font-weight:600}
.zs-ct__success-lead{color:#424245;max-width:460px;margin:0 auto 28px;font-size:17px;line-height:1.47}
.zs-ct__success-lead strong{color:#1d1d1f}
.zs-ct__tips{text-align:left;background:linear-gradient(#fdfcfb 0%,#f5f5f7 100%);border-radius:12px;max-width:480px;margin:0 auto 24px;padding:20px 24px}
.zs-ct__tips-label{letter-spacing:.06em;text-transform:uppercase;color:#86868b;margin:0 0 12px;font-size:12px;font-weight:600}
.zs-ct__tips-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}
.zs-ct__tips-list li{color:#1d1d1f;font-size:15px;line-height:1.45}
.zs-ct__tips-link{color:#06c;font-weight:500;text-decoration:none}
.zs-ct__tips-link:hover{text-decoration:underline}
.zs-ct__tips-hint{color:#86868b;margin-top:2px;font-size:13px;display:block}
.zs-ct__tips-plain{color:#424245;display:block}
.zs-ct__tips-plain strong{color:#1d1d1f}
.zs-ct__success-fallback{color:#86868b;margin:0;font-size:13px}
.zs-ct__success-fallback a{color:#06c;text-decoration:none}
.zs-ct__success-fallback a:hover{text-decoration:underline}
.zs-ct__submit-error{color:#ff3b30;text-align:center;margin:12px 0 0;font-size:15px;display:none}
.zs-ct__process{background:linear-gradient(#fdfcfb 0%,#f5f5f7 100%);padding:96px 24px}
.zs-ct__process-inner{max-width:1080px;margin:0 auto}
.zs-ct__process-heading{color:#1d1d1f;text-align:center;margin:0 0 56px;font-size:40px;font-weight:600;line-height:1.1}
.zs-ct__steps{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}
.zs-ct__step{text-align:center}
.zs-ct__step-badge{color:#fff;background-color:#0071e3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:21px;font-weight:600;display:inline-flex}
.zs-ct__step-title{color:#1d1d1f;margin:0 0 8px;font-size:19px;font-weight:600;line-height:1.24}
.zs-ct__step-desc{color:#86868b;max-width:300px;margin:0 auto;font-size:15px;font-weight:400;line-height:1.47}
.zs-ct__trust{background:linear-gradient(#fdfcfb 0%,#f5f5f7 100%);padding:48px 24px}
.zs-ct__trust-inner{flex-wrap:wrap;justify-content:center;gap:32px;max-width:1080px;margin:0 auto;display:flex}
.zs-ct__trust-pill{color:#1d1d1f;background:#fff;border-radius:10px;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:600;display:flex;box-shadow:0 1px 4px #0000000f}
.zs-ct__factory{background-color:#fff;padding:96px 24px}
.zs-ct__factory-inner{grid-template-columns:1.2fr 1fr;align-items:center;gap:56px;max-width:1200px;margin:0 auto;display:grid}
.zs-ct__factory-image{border-radius:16px;overflow:hidden}
.zs-ct__factory-image img{object-fit:cover;width:100%;height:auto;display:block}
.zs-ct__factory-info{flex-direction:column;gap:32px;display:flex}
.zs-ct__factory-label{letter-spacing:.05em;text-transform:uppercase;color:#86868b;margin:0 0 8px;font-size:12px;font-weight:600}
.zs-ct__factory-addr{color:#424245;margin:0;font-size:17px;font-weight:400;line-height:1.58}
@media (width<=1023px){.zs-ct__hero-inner{grid-template-columns:1fr;gap:40px}}
@media (width<=1023px){.zs-ct__hero-right{padding-top:0}}
@media (width<=1023px){.zs-ct__h1{font-size:40px}}
@media (width<=767px){.zs-ct__hero-inner{flex-direction:column;gap:24px;display:flex}}
@media (width<=767px){.zs-ct__hero-left{display:contents}}
@media (width<=767px){.zs-ct__mobile-email{color:#515154;order:1;margin:-8px 0 0;font-size:15px;display:block}}
@media (width<=767px){.zs-ct__mobile-email a{color:#0071e3;font-weight:600}}
@media (width<=767px){.zs-ct__hero-right{order:2}}
@media (width<=767px){.zs-ct__human{order:3}}
@media (width<=767px){.zs-ct__info{order:4}}
@media (width<=767px){.zs-ct__info-item:first-child,.zs-ct__info-item:nth-child(2){display:none}}
@media (width<=767px){.zs-ct__hero{padding-bottom:64px}}
@media (width<=767px){.zs-ct__h1{font-size:32px}}
@media (width<=767px){.zs-ct__sub{font-size:17px}}
@media (width<=767px){.zs-ct__form{padding:28px 20px}}
@media (width<=767px){.zs-ct__process{padding:64px 24px}}
@media (width<=767px){.zs-ct__process-heading{margin-bottom:40px;font-size:28px}}
@media (width<=767px){.zs-ct__steps{grid-template-columns:1fr;gap:40px}}
@media (width<=767px){.zs-ct__trust-inner{gap:16px}}
@media (width<=767px){.zs-ct__trust-pill{padding:10px 16px;font-size:14px}}
@media (width<=767px){.zs-ct__factory{padding:64px 24px}}
@media (width<=767px){.zs-ct__factory-inner{grid-template-columns:1fr;gap:32px}}
@media (width<=767px){.zs-ct__factory-info{gap:24px}}
body.zs-p-contact .zs-inquiry__field input,body.zs-p-contact .zs-inquiry__field select,body.zs-p-contact .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-contact .zs-inquiry__field textarea{resize:vertical;min-height:112px}
@media (width<=639px){body.zs-p-contact .zs-inquiry__field input,body.zs-p-contact .zs-inquiry__field select,body.zs-p-contact .zs-inquiry__field textarea{min-height:40px;padding:8px 14px}}
@media (width<=639px){body.zs-p-contact .zs-inquiry__field textarea{min-height:88px}}
@media (width<=639px) and (height<=720px){body.zs-p-contact .zs-inquiry__field input,body.zs-p-contact .zs-inquiry__field select,body.zs-p-contact .zs-inquiry__field textarea{min-height:36px;padding-top:7px;padding-bottom:7px}}
@media (width<=639px) and (height<=720px){body.zs-p-contact .zs-inquiry__field textarea{min-height:72px}}

/* ---------- 附件列表（msg-upload.js 渲染） ---------- */
.zs-ct__file-list{z-index:1;margin-top:8px;position:relative}
.zs-ct__file-item{gap:8px}
.zs-ct__file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}
.zs-ct__file-size{color:#86868b;flex-shrink:0;margin-left:auto;font-size:12px}
.zs-ct__submit-error:empty{display:none}
.zs-ct__submit-error{color:#d70015;margin:8px 0 0;font-size:14px}