/* ============================================================
   Building Facade building-facade-mobile.css — 移动适配层
   版本: Building-Facade候选_20260911_v02 · 新增文件 · 2026-09-11
   规范: TPK_Solutions手机版UI标准_20260909_v03
   - 手机左右边距 20px (≤680 wrap)
   - ≤1024 隐藏面包屑(.bc)/edge 指示器 (DOM 保留)
   - 卡片禁线框: 只圆角+阴影, 边框一律不加
   - 跳转链接对齐 text-arrow 视觉: 15.5px/600 + 18px 箭头 + 44px 点击区
   - 修 v01 遗留 390 屏 53 处溢出: 全部多列栅格 ≤1024 收单列
   注意: final-box 为本页唯一询盘入口, 不按 Stadium final-cta 隐藏,
   改为单列堆叠保留功能 (与标准差异已记修改日志)。
   ============================================================ */

/* ============ ≤1024 平板 ============ */
@media(max-width:1024px){

  /* —— 规范: 隐藏面包屑与 edge 指示器 (DOM 保留) —— */
  .tpk-page.tpk-facade .bc{display:none}
  body .edge-nav,body .edge-tooltip{display:none}

  /* —— 边距 20px —— */
  .tpk-page.tpk-facade .wrap{padding:0 20px}

  /* —— 纵向节奏收敛 —— */
  .tpk-page.tpk-facade .sec{padding:64px 0}
  .tpk-page.tpk-facade .hero{padding:96px 0 0}
  .tpk-page.tpk-facade .tpk-building-facade-solution-linear{padding-top:64px}

  /* —— 修溢出: 多列栅格全部收单列 —— */
  .tpk-page.tpk-facade .sol-split{grid-template-columns:1fr;gap:32px}
  .tpk-page.tpk-facade .ch-lead{grid-template-columns:1fr;gap:32px}
  .tpk-page.tpk-facade .dim-row{grid-template-columns:1fr;gap:28px}
  .tpk-page.tpk-facade .case-row{grid-template-columns:1fr;gap:24px}
  .tpk-page.tpk-facade .faq-grid{grid-template-columns:1fr;gap:36px}
  .tpk-page.tpk-facade .tpk-info-grid{grid-template-columns:1fr 1fr;gap:28px 32px}
  .tpk-page.tpk-facade .tpk-info-grid.is-3{grid-template-columns:1fr 1fr;gap:32px 32px}

  /* —— app-card 42/58 双列 → 单列, 图上文下, 去横向渐隐 mask —— */
  .tpk-page.tpk-facade .app-card.is-ltr,
  .tpk-page.tpk-facade .app-card.is-rtl{grid-template-columns:1fr;min-height:0}
  .tpk-page.tpk-facade .app-card.is-ltr .app-visual,
  .tpk-page.tpk-facade .app-card.is-rtl .app-visual{order:0;min-height:0;height:auto;aspect-ratio:3/2}
  .tpk-page.tpk-facade .app-card.is-ltr .app-body,
  .tpk-page.tpk-facade .app-card.is-rtl .app-body{order:1}
  .tpk-page.tpk-facade .app-card.is-rtl .app-visual img,
  .tpk-page.tpk-facade .app-card.is-ltr .app-visual img{-webkit-mask-image:none;mask-image:none}
  .tpk-page.tpk-facade .app-body{padding:32px 24px}

  /* —— final-box 双列 → 单列 (保留询盘入口, 不隐藏) —— */
  .tpk-page.tpk-facade .final-box{grid-template-columns:1fr;gap:32px;padding:40px 32px}

  /* —— hero 统计: 间距收敛 (一行三项→保持, ≤680 再收一行一项) —— */
  .tpk-page.tpk-facade .hero-stats{column-gap:40px;padding:44px 0 8px}
}

/* ============ ≤680 手机 ============ */
@media(max-width:680px){

  /* —— hero —— */
  .tpk-page.tpk-facade .hero h1{font-size:34px;line-height:1.22;margin-bottom:32px}
  .tpk-page.tpk-facade .hero .lead-trap{font-size:15px;line-height:1.75;margin-bottom:40px}
  .tpk-page.tpk-facade .hero-actions{gap:20px;margin-bottom:56px}
  .tpk-page.tpk-facade .hero-band{margin-top:44px;border-radius:10px}
  .tpk-page.tpk-facade .hero-band img{height:260px}

  /* —— hero 统计: 一行一项, b+span 同行, 细分隔线 (标准 v03 §同 Stadium) —— */
  .tpk-page.tpk-facade .hero-stats{grid-template-columns:1fr;column-gap:0;row-gap:0;padding:8px 0 0}
  .tpk-page.tpk-facade .hero-stat{display:flex;align-items:baseline;gap:10px;padding:13px 0;border-top:1px solid #e3e9e6}
  .tpk-page.tpk-facade .hero-stat:first-child{border-top:0}
  .tpk-page.tpk-facade .hero-stat b{font-size:15px;font-weight:700;line-height:1.3;margin:0}
  .tpk-page.tpk-facade .hero-stat span{margin-top:0;font-size:12.5px;line-height:1.5}

  /* —— 跳转快捷区 —— */
  .tpk-page.tpk-facade .jump{gap:10px 22px;padding:16px 0}
  .tpk-page.tpk-facade .jump a{font-size:13px}

  /* —— 防线: max-content 长链接禁撑爆栅格 (坑-复用) —— */
  .tpk-page.tpk-facade .title-ul{width:auto;max-width:100%}

  /* —— 跳转链接: 15.5px/600 + 18px 箭头 + 44px 点击区 —— */
  .tpk-page.tpk-facade .text-arrow{font-size:15.5px;min-height:44px}
  .tpk-page.tpk-facade .text-arrow .ta-ar,
  .tpk-page.tpk-facade .text-arrow .ta-ar .ta-ic{width:18px;height:18px}

  /* —— 区块节奏 —— */
  .tpk-page.tpk-facade .sec{padding:56px 0}
  .tpk-page.tpk-facade .sol-block{margin-bottom:40px}
  .tpk-page.tpk-facade .sol-block > .h2,
  .tpk-page.tpk-facade .sol-copy .h2{font-size:26px;margin-bottom:20px}
  .tpk-page.tpk-facade .tpk-building-facade-solution-linear .sol-block,
  .tpk-page.tpk-facade .tpk-building-facade-solution-pixel .sol-block{margin-bottom:40px}
  .tpk-page.tpk-facade .tpk-building-facade-solution-linear .spec-panel,
  .tpk-page.tpk-facade .tpk-building-facade-solution-pixel .spec-panel{margin-bottom:40px}
  .tpk-page.tpk-facade .tpk-building-facade-solution-linear .spec-panel.is-spaced,
  .tpk-page.tpk-facade .tpk-building-facade-solution-pixel .spec-panel.is-spaced{margin-top:40px}
  .tpk-page.tpk-facade .tpk-building-facade-solution-linear .ch-module,
  .tpk-page.tpk-facade .tpk-building-facade-solution-pixel .ch-module{margin:40px 0}
  .tpk-page.tpk-facade .tpk-building-facade-solution-linear .case-row,
  .tpk-page.tpk-facade .tpk-building-facade-solution-pixel .case-row{margin:40px 0 32px}
  .tpk-page.tpk-facade .tpk-building-facade-solution-linear .dim-row{margin:40px 0 0}
  .tpk-page.tpk-facade .map-other{margin-top:44px}

  /* —— 规格 spec-panel: 双列(≤1024已收) → 单列 + 行分隔 —— */
  .tpk-page.tpk-facade .spec-panel{padding:28px 20px}
  .tpk-page.tpk-facade .spec-panel .panel-title{font-size:19px;margin-bottom:20px}
  .tpk-page.tpk-facade .spec-grid{grid-template-columns:1fr;gap:0}
  .tpk-page.tpk-facade .spec-grid .spec-kv{border-top:1px solid var(--line)}
  .tpk-page.tpk-facade .spec-grid .spec-kv:first-child{border-top:0}
  .tpk-page.tpk-facade .spec-kv{padding:14px 0}
  .tpk-page.tpk-facade .spec-kv.tl{border-top:1px solid var(--line)}
  .tpk-page.tpk-facade .spec-grid .spec-kv.tl:first-child{border-top:0}
  .tpk-page.tpk-facade .spec-kv .v2{font-size:15px}
  .tpk-page.tpk-facade .spec-foot{font-size:12.5px}

  /* —— info-grid → 单列 —— */
  .tpk-page.tpk-facade .tpk-info-grid,
  .tpk-page.tpk-facade .tpk-info-grid.is-3{grid-template-columns:1fr;gap:22px}

  /* —— app-card —— */
  .tpk-page.tpk-facade .app-body{padding:24px 20px}
  .tpk-page.tpk-facade .app-body h3 .title-ul{font-size:22px}
  .tpk-page.tpk-facade .app-copy{font-size:14.5px}

  /* —— 案例/图文行 —— */
  .tpk-page.tpk-facade .case-body h3{font-size:21px}
  .tpk-page.tpk-facade .case-body h3 .title-ul{font-size:21px}
  .tpk-page.tpk-facade .ch-body h3{font-size:22px}
  .tpk-page.tpk-facade .ch-lead{gap:24px}
  .tpk-page.tpk-facade .dim-copy h3{font-size:18px}

  /* —— FAQ —— */
  .tpk-page.tpk-facade .tpk-faq-q{padding:20px}
  .tpk-page.tpk-facade .tpk-faq-a-inner{padding:0 20px 22px}
  .tpk-page.tpk-facade .sidebox{padding:24px 20px}

  /* —— final-box: 单列堆叠, 20px 边距 —— */
  .tpk-page.tpk-facade .final-box{padding:32px 20px;gap:24px}
  .tpk-page.tpk-facade .final-box h2{font-size:26px}
  .tpk-page.tpk-facade .final-actions{width:100%}
}