/* ============================================================================
 * clib-skin-touch-v1.css — 换皮 · 390 档触控目标（规格 §五：「触控目标 ≥44px」）
 * ----------------------------------------------------------------------------
 * 实测（390×844，5 个公开路由）：横向滚动全无 ✅；但可点元素大量只有 28/30/31/33/38/39/40px
 *   —— 工具页 35 个可点里 33 个不达标、大课堂 20+、自习室 11、招聘 11、成长 6。
 * 做法：**只在小屏**给"可点元素"抬 `min-height:44px`（min-height 会压过元素自身的 height，
 *   所以即使生成物写了 `height:28px` 也照样生效）；不动视觉样式、不动结构、不改文案。
 * 边界：只管 `.page.active` 里的可点元素；不碰 900px 以上（桌面端按规格有鼠标，不需要）。
 * 回退：删 index.html 里指向本文件的那一行 <link>。
 * ========================================================================== */

@media (max-width: 480px) {
  /* 所有可点元素（含没有 class 的裸 <a>/<button> —— 实测漏的就是这类，比如工具行里那两个动作） */
  .page.active a,
  .page.active button,
  .page.active [role="button"],
  .page.active input[type="button"],
  .page.active input[type="submit"],
  .page.active input[type="reset"],
  .page.active input[type="text"],
  .page.active input[type="date"],
  .page.active input[type="search"],
  .page.active select,
  .page.active .btn,
  .page.active .filter-btn,
  .page.active a[class*="btn"],
  .page.active a[class*="pill"],
  .page.active a[class*="tab"] {
    min-height: 44px !important;   /* 生成物里有更具体的选择器把 min-height 压回 0 ⇒ 抬权重 */
  }
  /* 表格里的"行内小链接"不当作独立触控目标（它们成行出现，密度优先） */
  .page.active td a,
  .page.active li a {
    min-height: 0;
  }

  /* 高权重补刀：生成物里有 `#page-knowledge .prep-progress-bar button{min-height:28px}` 这类规则，
     权重 (1,1,1) 压过上面的 (0,1,1) ⇒ 这里用同等权重、靠**源码顺序在后**取胜。 */
  #page-knowledge.active .prep-progress-bar button,
  #page-knowledge.active #fdeKnowStatus button,
  #fdeKnowStatus button,
  #page-knowledge .prep-progress-bar .btn,
  #page-knowledge .prep-progress-bar a {
    min-height: 44px !important;
  }
}

/* ============================================================================
   【追加 · 2026-10-16 · lane cto（1 号线）】页脚触控目标 ≥44 —— 只在 ≤639px 生效
   ----------------------------------------------------------------------------
   为什么单独加这一段：19 个视图在 390 档**每个**都至少 8 处 <44，实测**全在页脚**
   （`#homeCover footer`）：5 个图标链接（实测 h=22 · display:flex）+ 3 个页脚导航
   （实测 h=29 · display:block · 大课堂/自习室/成长）。已有的两套修法都**没打到它们**：
     · `pro-js/feat/nav-hit.js` 打的是 `.links a` —— 页脚不在 `.links` 里；
     · 本皮上面那条通用规则被生成物里更具体的选择器压回 `min-height:0`（实测 0px）。
   做法：只加 `min-height`，并给 block 型链接补 `display:flex;align-items:center`
   （`min-height` 对 inline 不生效；flex 后文字仍垂直居中、不位移）——**不改字号/间距/配色/结构**。
   影响：页脚在 390 档高约 +67px，而页面总高是 1 万 px 量级 ⇒ 视觉影响可忽略。
   判据：`node work/_audit/_adapt-probe.js 390` ⇒ 每个视图 <44 计数应减少 8。
   回退：删掉本段（或删 index.html 里那一行 touch 皮 <link>）。
   ========================================================================= */
@media (max-width: 639px) {
  #homeCover footer a {
    display: flex;
    align-items: center;
    min-height: 44px !important;
  }
}
