/* =============================================================================
 * restore-contact.css —— Track 3 设计稿还原（独立写集，避免并行冲突）
 *
 * 为什么单独一个文件：
 *   components.css 是所有 page-*.php 共用的。多个还原任务同时改它必然互相覆盖。
 *   所以每个还原单元独占一个 CSS 文件，互不干扰；出问题也能单独回滚。
 *
 * 归属：page-contact.php（联系我们页）
 * 对应设计稿：.stitch/figma-verify/fig-contact.png（1509 × 4159）
 *   ① sv-pagehead          页头 + 直达联系条             （设计稿 293px / 实测 321px）
 *   ② sv-contact-main      询盘主区（左 panel / 右 side） （设计稿 1840px / 实测 1430px）
 *   ③ sv-contact-desks     区域销售台                     （设计稿 438px / 实测 470px）
 *   ④ sv-contact-faqsec    常见问题折叠                   （设计稿 972px / 实测 ~1090px）
 *   ⑤ sv-contact-trust     认证条                         （设计稿 145px / 实测 ~140px）
 *
 * 约束：本文件只服务该单元自己的模板，不要往里塞全局样式（放 components.css）。
 *
 * 注意 1：theme.css 的 .sv-section-head 是 display:flex（左标题右按钮）的通用布局。
 *         本页 section head 需要 eyebrow / h2 / lead 纵向堆叠，下面显式改回 block。
 * 注意 2：不要再让脚本用「双引号字符串 + 字符串替换」改本文件 —— 会把 content:""
 *         折叠成 content:" 从而吞掉后面所有规则（2026-09-22 实际踩过）。
 * ========================================================================== */

/* ---------------------------------------------------------------------------
 * ① 页头
 * ------------------------------------------------------------------------ */
.sv-main[data-sv-contact] .sv-pagehead{padding:34px 0 30px;border-bottom:1px solid var(--sv-line)}
.sv-main[data-sv-contact] .sv-pagehead h1{margin:10px 0 12px}
.sv-main[data-sv-contact] .sv-pagehead .sv-lead{max-width:760px}

/* 直达联系条：邮箱/电话/WhatsApp/地址/工时 一行横排，窄屏转纵向 */
.sv-contact-bar{display:flex;flex-wrap:wrap;gap:10px 0;margin:26px 0 0;padding:0;list-style:none}
.sv-contact-bar__item{display:flex;align-items:baseline;gap:8px;font-size:.875rem;min-width:0;
  padding-right:26px;margin-right:26px;border-right:1px solid var(--sv-line)}
.sv-contact-bar__item:last-child{border-right:0;padding-right:0;margin-right:0}
.sv-contact-bar__label{color:var(--sv-ink-400);text-transform:uppercase;letter-spacing:.08em;font-size:.6875rem}
.sv-contact-bar__value{color:var(--sv-ink-900);font-weight:500;text-decoration:none;overflow-wrap:anywhere}
a.sv-contact-bar__value:hover{color:var(--sv-clay-500)}
@media(max-width:860px){
  .sv-contact-bar{flex-direction:column;gap:12px}
  .sv-contact-bar__item{border-right:0;padding-right:0;margin-right:0}
}

/* ---------------------------------------------------------------------------
 * ② 询盘主区：左 panel（1.75fr）/ 右 side（1fr）
 * ------------------------------------------------------------------------ */
.sv-main[data-sv-contact] .sv-contact-main{padding:70px 0}
.sv-contact-main__grid{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:40px;align-items:start}
@media(max-width:1024px){
  .sv-contact-main__grid{grid-template-columns:1fr;gap:28px}
}

.sv-contact-panel{padding:40px 44px 44px}
.sv-contact-panel h2{margin:0 0 10px;font-size:clamp(1.5rem,2.4vw,2rem)}
.sv-contact-panel__sub{margin:0 0 30px;color:var(--sv-ink-600);font-size:.9375rem;max-width:62ch}
.sv-contact-sub{margin:0 0 18px;font-size:1.0625rem}
.sv-contact-panel .sv-checklist{gap:14px}
@media(max-width:640px){.sv-contact-panel{padding:26px 22px 28px}}

/* 询盘规格清单：左卡的 5 个编号段（对应设计稿 1.~5.） */
.sv-rfq-spec{list-style:none;margin:26px 0 0;padding:0}
.sv-rfq-spec__group{padding:20px 0;border-top:1px solid var(--sv-line)}
.sv-rfq-spec__group:first-child{border-top:0;padding-top:8px}
.sv-rfq-spec__head{display:flex;align-items:baseline;gap:10px}
.sv-rfq-spec__num{font-family:var(--sv-font-mono);font-size:.75rem;color:var(--sv-clay-500);flex:0 0 auto}
.sv-rfq-spec__title{color:var(--sv-ink-900);font-weight:600;font-size:.9375rem}
.sv-rfq-spec__body{margin:8px 0 0;font-size:.875rem;color:var(--sv-ink-600);max-width:68ch}
.sv-rfq-spec__lead{margin-top:14px}
.sv-rfq-spec .sv-contact-caps__grid{margin-top:16px}

/* 产能速览：复用目录 factory_capacity，让买家在询盘前就看到规模 */
.sv-contact-caps__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sv-contact-caps__item{display:grid;gap:4px}
.sv-contact-caps__item b{font-family:var(--sv-font-mono);font-size:1.25rem;color:var(--sv-forest-700);line-height:1.2}
.sv-contact-caps__item span{font-size:.75rem;color:var(--sv-ink-600)}
@media(max-width:640px){.sv-contact-caps__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 保密声明 + 响应承诺（设计稿的 NDA 行与 1 business day 行） */
.sv-contact-nda{margin:22px 0 0;padding:14px 16px;background:var(--sv-sand-100);
  border-left:3px solid var(--sv-moss-300);font-size:.8125rem;color:var(--sv-ink-600)}
.sv-contact-guarantee{display:flex;flex-wrap:wrap;gap:6px 22px;margin:16px 0 0;
  font-size:.75rem;color:var(--sv-ink-400)}
.sv-contact-guarantee span::before{content:"";display:inline-block;width:6px;height:6px;
  margin-right:7px;border-radius:50%;background:var(--sv-moss-300);vertical-align:middle}

.sv-contact-cta{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;
  margin-top:30px;padding-top:26px;border-top:1px solid var(--sv-line)}
.sv-contact-cta__text{display:grid;gap:4px;min-width:0;max-width:46ch}
.sv-contact-cta__text strong{color:var(--sv-ink-900)}
.sv-contact-cta__text span{color:var(--sv-ink-600);font-size:.9375rem}
.sv-contact-cta .sv-cta__actions{justify-content:flex-start}

.sv-contact-side{display:grid;gap:24px}
.sv-contact-here,.sv-contact-hours,.sv-contact-talk{padding:28px}
.sv-contact-here h3,.sv-contact-hours h3,.sv-contact-talk h3{margin:0 0 14px;font-size:1.0625rem}
.sv-contact-here .sv-specrow-wrap{margin:0}
.sv-contact-here__wa{margin-top:18px;width:100%;justify-content:center}
.sv-contact-hours__note{margin:16px 0 0;font-size:.875rem;color:var(--sv-ink-600)}
.sv-contact-talk{background:var(--sv-forest-900);border-color:var(--sv-forest-900)}
.sv-contact-talk h3,.sv-contact-talk p{color:var(--sv-white)}
.sv-contact-talk p{margin:0 0 18px;font-size:.9375rem;color:rgba(255,255,255,.78)}

/* ---------------------------------------------------------------------------
 * ③ 区域销售台
 * ------------------------------------------------------------------------ */
.sv-main[data-sv-contact] .sv-contact-desks{padding:40px 0}
/* 本页 section head 纵向堆叠（覆盖 theme.css 的 flex 版） */
.sv-main[data-sv-contact] .sv-section-head{display:block;margin-bottom:34px}
.sv-main[data-sv-contact] .sv-section-head h2{margin:10px 0 10px}
.sv-main[data-sv-contact] .sv-section-head p{margin:0;max-width:64ch}

.sv-contact-desk-grid{margin-top:0}
.sv-desk{padding:18px 18px;display:grid;gap:6px;align-content:start}
.sv-desk__region{display:block;font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sv-clay-500)}
.sv-desk__name{display:block;color:var(--sv-ink-900);font-size:.9375rem}
.sv-desk__role{display:block;font-size:.875rem;color:var(--sv-ink-600)}
.sv-desk__mail{display:block;margin-top:2px;font-size:.8125rem;font-weight:500;color:var(--sv-forest-700);
  text-decoration:none;overflow-wrap:anywhere}
.sv-desk__mail:hover{color:var(--sv-clay-500);text-decoration:underline}
.sv-desk__note{display:block;margin-top:4px;padding-top:8px;border-top:1px solid var(--sv-line);
  font-size:.75rem;color:var(--sv-ink-400)}

/* ---------------------------------------------------------------------------
 * ④ 常见问题折叠（复用 components.css 的 .sv-faq，只加居中标题与列宽）
 * ------------------------------------------------------------------------ */
.sv-main[data-sv-contact] .sv-contact-faqsec{padding:92px 0}
.sv-section-head--center{text-align:center}
.sv-main[data-sv-contact] .sv-section-head--center{margin-bottom:38px}
.sv-section-head--center p{margin-left:auto;margin-right:auto;max-width:64ch}
.sv-contact-faq{max-width:920px;margin:0 auto}
.sv-contact-faq .sv-faq summary{padding-top:26px;padding-bottom:26px}
.sv-contact-faq .sv-faq__body{padding-bottom:34px}
.sv-contact-faq .sv-faq__body p{max-width:78ch}

/* ---------------------------------------------------------------------------
 * ⑤ 认证条
 * ------------------------------------------------------------------------ */
.sv-main[data-sv-contact] .sv-contact-trust{padding:30px 0;border-top:1px solid var(--sv-line)}
.sv-contact-trust__inner{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.sv-contact-trust__lead{min-width:0;flex:1 1 360px;max-width:52ch}
.sv-contact-trust__lead h2{margin:6px 0 6px;font-size:1.125rem}
.sv-contact-trust__lead p{margin:0;color:var(--sv-ink-600);font-size:.875rem}
.sv-contact-trust__badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex:0 1 660px}
.sv-contact-trust__badges .sv-badge-tile{padding:10px 12px;gap:2px}
.sv-contact-trust__badges .sv-badge-tile b{font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sv-contact-trust__badges .sv-badge-tile span{font-size:.6875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1024px){
  .sv-contact-trust__lead{max-width:none}
  .sv-contact-trust__badges{grid-template-columns:repeat(2,minmax(0,1fr));flex-basis:100%}
}