/* 本页专用（随页走，不进 shared.css：只服务 /why-us.html 的版式，
       避免又给全站加一套没人用的组件）。色值全部取自已发布的令牌语义。 */
    .wy-hero { padding: var(--section-pad-block) 0 var(--space-10);
      background: var(--cream-200); }
    .wy-back { display: inline-flex; gap: var(--space-1-5); align-items: center; margin-bottom: var(--space-5);
      font-size: var(--fs-small); color: var(--gray-600); text-decoration: none; }
    .wy-back:hover { color: var(--navy-800); }
    .wy-h1 { margin: 0 0 var(--space-4); font-family: var(--font-display);
      font-weight: 800; font-size: clamp(2.25rem, 7vw, 3.5rem); line-height: 1.22;
      letter-spacing: -.01em; color: var(--navy-900); }
    .wy-lead { margin: 0; max-width: 42em; font-size: var(--fs-body); line-height: 1.8; color: var(--gray-700); }
    /* ── 首屏数字区（2026-10-27 重排：1 主 + 2 次）────────────────────────
       原来是 5 个等宽磁贴 + 通栏上下横线 + 每格竖线（共 10 条线），读作造价表/设备铭牌。
       现在删掉全部通栏线，只保留「主 vs 次」之间 1 条竖线；主项字号是次级的 2.5 倍。
       🔴 单位不再做蓝色上标 —— 那是整页最强的「数据面板」信号；单位是量纲，
          与数字同色、同基线，字号 0.4em。 */
    .wy-specs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
      gap: var(--space-8); align-items: start; margin-top: var(--space-8); }
    .wy-lead-num { min-width: 0; }
    .wy-num { display: block; font-family: var(--font-en); font-weight: 800;
      font-size: clamp(2.5rem, 4.2vw, 3.75rem); line-height: 1; letter-spacing: -.02em;
      color: var(--navy-900); font-variant-numeric: tabular-nums; }
    .wy-unit { margin-left: var(--space-2); font-size: .4em; font-weight: 700; color: var(--navy-900); }
    .wy-num-l { display: block; margin-top: var(--space-3); font-size: var(--fs-xl);
      font-weight: 700; color: var(--navy-900); }
    .wy-num-n { margin: var(--space-2) 0 0; max-width: 24em; font-size: var(--fs-body);
      line-height: 1.75; color: var(--gray-700);
      /* 避免「编号可 / 追」这种把词拆开的孤行 */
      text-wrap: pretty; word-break: keep-all; }
    .wy-subnums { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: var(--space-6); margin: 0; padding: 0 0 0 var(--space-8); list-style: none;
      border-left: 1px solid rgba(11,31,58,.12); }
    .wy-sn-v { display: block; font-family: var(--font-en); font-weight: 700; font-size: var(--fs-xl);
      line-height: 1.1; color: var(--navy-900); font-variant-numeric: tabular-nums; }
    .wy-sn-v em { font-style: normal; margin-left: var(--space-1); font-size: .7em; font-weight: 600; }
    .wy-sn-l { display: block; margin-top: var(--space-2); font-size: var(--fs-small);
      font-weight: 600; color: var(--navy-900); }
    .wy-sn-n { display: block; margin-top: 2px; font-size: var(--fs-small);
      line-height: 1.6; color: var(--gray-600); text-wrap: pretty; }
    /* 动作固定在「数字 + 两张证据图」之后（原来它是网格第 5 格，与 KPI 并列） */
    .wy-hero-act { display: flex; align-items: center; gap: var(--space-4);
      margin-top: var(--space-8); }
    .wy-hero-act-n { font-size: var(--fs-small); color: var(--gray-600); }
    /* 2026-10-26 全站审评后调整：本页此前**全页零张图**（整页 10KB），
       讲的是「过程可视」却看不到过程 —— 说理再硬也像自证。
       补一条 2 张实拍的证据带，两张的文案与 alt 全部沿用首页已发布口径，
       不新增任何事实（放线＝首页「标准施工」那张；工厂＝首页「自有工厂」那张）。
       ⚠️ 不放在首屏最顶上：这页的表达方式是「数字 → 细则 → 问答」，
          硬塞一张大图会把它变成又一个「深色满幅图 + 大标题」的页面。 */
    .wy-proof { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: var(--space-4); margin-top: var(--space-8); }
    .wy-proof figure { margin: 0; }
    /* 图位锁 4:3 —— 新证据图 stage-4-live 原生就是 1360×1020；
       若沿用 16:10，上下会各裁约 90px，收口细节正好被切掉。 */
    .wy-proof img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3;
      object-fit: cover; border-radius: var(--radius-md); background: var(--navy-900); }
    .wy-proof figcaption { margin-top: var(--space-3); font-size: var(--fs-small);
      line-height: 1.6; color: var(--gray-600); }
    .wy-proof b { display: block; margin-bottom: 2px; font-size: var(--fs-body);
      font-weight: 700; color: var(--navy-900); }
    /* 旧版 .wy-v / .wy-l / .wy-n / .wy-spec-cta 随「5 格磁贴」一起退役：
       它们的字号是 12px（.wy-n = --fs-nano），正是「论证被做小」的根因。 */
    .wy-h2 { margin: 0 0 var(--space-6); font-family: var(--font-display); font-weight: 800;
      font-size: clamp(1.375rem, 3.4vw, 2rem); line-height: 1.25; color: var(--navy-900); }
    .wy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-5); }
    .wy-pledge { padding: var(--space-6); background: var(--white); border-radius: var(--radius-md);
      border: 1px solid rgba(11,31,58,.07); box-shadow: 0 1px 2px rgba(11,31,58,.04); }
    .wy-pledge h3 { margin: 0 0 var(--space-3); font-size: var(--fs-body-lg); font-weight: 600; color: var(--navy-900); }
    .wy-pledge p { margin: 0 0 var(--space-4); font-size: var(--fs-small); line-height: 1.75; color: var(--gray-700); }
    .wy-pledge ul { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--space-2); }
    .wy-pledge li { position: relative; padding-left: var(--space-4-5); font-size: var(--fs-small); line-height: 1.6; color: var(--gray-600); }
    .wy-pledge li::before { content: ""; position: absolute; left: 0; top: .55em;
      width: 6px; height: 6px; border-radius: 50%; background: var(--blue-600); }
    .wy-faq .faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); }
    .wy-cta { display: flex; flex-wrap: wrap; gap: var(--space-3) var(--space-5); align-items: center; }
    .wy-cta-note { font-size: var(--fs-small); color: var(--gray-600); }
    .wy-cta .quote-kf-btn { display: none; }  /* 桌面保留两个按钮；手机只要量房 + 企微卡 */
    .wy-kf { margin-top: var(--space-6); max-width: 360px; }
    /* 🔴 平板档（768–1023）原本沿用 40/24，比值只有 1.67 —— 低于「主次差 ≥2 倍」的判据。
       按规范改为 44 / 20 = 2.2。 */
    @media (min-width: 768px) and (max-width: 1023px) {
      .wy-num { font-size: 2.75rem; }
      .wy-sn-v { font-size: var(--fs-lg); }
    }
    @media (max-width: 767px) {
      /* 移动端：数字区单列（主项在上、两个次级并排），次级之间改上下细线，不再用竖线 */
      .wy-specs { grid-template-columns: 1fr; gap: var(--space-6); margin-top: var(--space-6); }
      .wy-num { font-size: 2.5rem; }
      .wy-num-l { font-size: 1.125rem; }
      .wy-num-n { font-size: var(--fs-small); }
      .wy-subnums { padding: var(--space-5) 0 0; border-left: 0;
        border-top: 1px solid rgba(11,31,58,.12); }
      .wy-sn-v { font-size: var(--fs-lg); }
      .wy-hero-act { flex-direction: column; align-items: flex-start; gap: var(--space-2); }
      .wy-hero-act .btn { width: 100%; }
      /* 证据图单列且只留 1 张：原来 390 下两张各约 168px 宽、4:3，退化成两块暗块，
         零信息量却占 240px。第二张（产线全景）在移动端收起，桌面保留。 */
      .wy-proof { grid-template-columns: 1fr; }
      .wy-proof figure + figure { display: none; }
      .wy-grid { grid-template-columns: 1fr; }
      .wy-faq .faq-grid { grid-template-columns: 1fr; }
      .wy-pledge { padding: var(--space-4); }
      .wy-cta .quote-kf-btn { display: inline-flex; }
      .wy-proof { gap: var(--space-3); margin-top: var(--space-6); }
      .wy-proof img { aspect-ratio: 4 / 3; }
      .wy-proof figcaption { font-size: var(--fs-nano); }
    }