/* ===========================================================================
 * 底部 TabBar 尺寸 · 6 个板块（2026-09-17 四轮调档后定案 = 44px）
 * ---------------------------------------------------------------------------
 * 🔴 本文件**必须排在 coach.css 之后**加载 —— 它是 coach.css 第 ① 块
 *    「为 6 个板块收紧尺寸」（36px 图标 / 11px 文字）的**替代**，不是补充。
 *    选择器比 coach.css 多一层 `.tab-item`，所以即使加载顺序被改也仍然生效。
 *
 * ── 尺寸沿革（四轮）──────────────────────────────────────────────────────
 *   style.css 原始设计（5 个 tab）：40px 图标 / 12px 文字 / 圆角 14
 *   → 加「老板」成 6 个板块后，coach.css 为防 375px 换行收紧到 36 / 11
 *   → 第 1 轮（用户「太小」）：40 / 22 / 12，栏 79
 *   → 第 2 轮（「还是有点小」）：44 / 24 / 13，栏 79
 *   → 第 3 轮（「再放大一点点」）：48 / 28 / 14，栏 86
 *   → 第 4 轮（用户问「哪个更舒服」→ 定案）：**44 / 26 / 14，栏 82** ← 当前
 *
 * ── 🔴 为什么定在 44px（不是 46/48）──────────────────────────────────────
 *   「舒不舒服」不由图标绝对像素决定，而由 **图形之间留白 ÷ 图标** 决定：
 *       ≥0.40 舒服 ｜ 0.36 可接受 ｜ 0.30 偏紧 ｜ <0.30 发黏
 *   6 个板块实测：
 *       44px → 375屏 0.42 舒服 ｜ 360屏 0.36 可接受   ← 唯一两档都站得住
 *       46px → 375屏 0.36 可接受 ｜ 360屏 0.30 偏紧
 *       48px → 375屏 0.30 偏紧   ｜ 360屏 0.25 发黏   ← 中国安卓机 360px 占比大
 *   另外两条：① 图标占栏高比例 44/82=54% 与 48/86=56% 几乎相同 →
 *            48px 的「更醒目」多半来自栏体加高，不是图标本身；
 *          ② 每个 .tab-item 触控区 50×66px，远超 Apple 44pt / Material 48dp →
 *            放大图标对「好不好点」零收益，纯粹是观感。
 *   详见 `FEATURES.md`「📐 底部 TabBar 尺寸准则」。
 *
 * ── ① bar 高度：定值，与图标尺寸解耦 ────────────────────────────────────
 *   H = 1(上边框) + 7(padTop) + item + 6(padBottom)，item = 图标 + 4(间距) + 文字行高
 *   44 + 4 + 20 = 68 → H = 82px。实测图标上沿距顶边线 8px、文字下沿距屏底 6px。
 *   ⚠️ 约束：`.tab-item` 总高 ≤ `--cm-tabbar-h − 1px`。当前 68 ≤ 81 ✅
 *
 * ── ② `.tab-item` 纵向内边距为 0 ────────────────────────────────────────
 *   空气全交给 bar 自己的 padding → 由 `--cm-tabbar-h` 一处算得清，不用两处凑。
 *   横向 3px 决定 6 个 tab 之间的间距。
 *
 * ── ③ 🔴 bar 高度相关的「让位空间」—— 全部用 var() 跟随，不用手改数字 ──
 *   全站有若干处按 TabBar 高度写死的值必须在栏高变化时同步。
 *   这里**统一用 `var(--cm-tabbar-h)` 表达**，以后改栏高**只需改上面那个变量**：
 *     · style.css:24 `body{padding-bottom:76px}`（76 < 栏高 → 底部最后一块会被压住）
 *     · coach.css:211 / finance.css:390 / legal.css:456 `position:sticky;bottom:74px`
 *       （悬浮输入区会被栏体压住）
 *     · legal.css:21 `#sub-legal` 92 ｜ wanneng.css:14 `#sub-wanneng` 88 ｜
 *       alldl.css:291 `.ad-toast` 84（原本余量只剩个位数）
 *   下面三个「余量本就 ≥10px、无需处理」的：privatecard / equity / xhs / notebook 的 96px、
 *   actionclone.css:162 `.acx-toast` 的 96px。
 *   🔴 覆盖**必须包在 `@media (max-width:1023px)`** 里 —— PC 端 TabBar 是 `display:none`，
 *      style.css 另有 `body{padding-bottom:20px}` 的 PC 值，不隔离会把 PC 一起盖掉。
 * =========================================================================== */

:root {
  /* TabBar 实测总高（含 1px 上边框）。改这里 = 改栏高，让位空间自动跟随。 */
  --cm-tabbar-h: 82px;
}

.tabbar {
  height: calc(var(--cm-tabbar-h) + env(safe-area-inset-bottom));
  padding: 7px 0 calc(6px + env(safe-area-inset-bottom));
  /* 全局 * 已设 box-sizing:border-box → height 含 1px 上边框 */
  box-sizing: border-box;
  align-items: center;
}

/* 纵向内边距归零、横向 3px（见文件头 ②） */
.tabbar .tab-item { padding: 0 3px; }

/* 比 coach.css 的 `.tabbar .tab-ico` 多一层 .tab-item → 必定胜出 */
.tabbar .tab-item .tab-ico {
  width: 44px;
  height: 44px;
  border-radius: 15px;
  font-size: 26px;   /* 图形占方块 59%（最初 19/36 = 53%）→ 方块内更饱满 */
}

.tabbar .tab-item .tab-label {
  font-size: 14px;
}

/* 小屏回落：≤340px（iPhone SE 一代等）→ 44px 图标会把 6 个 tab 挤到图形间留白 <10px，
   触控与观感反而变差 → 降一档到 40px/12px。栏高仍是同一个定值。 */
@media (max-width: 340px) {
  .tabbar .tab-item { padding: 0 4px; }
  .tabbar .tab-item .tab-ico { width: 40px; height: 40px; border-radius: 14px; font-size: 22px; }
  .tabbar .tab-item .tab-label { font-size: 12px; }
}

/* ===========================================================================
 * ③ 栏高相关的让位空间（用 var 跟随，PC 端不适用故包在 max-width 里）
 * =========================================================================== */
@media (max-width: 1023px) {
  /* 全局底部留白：原 style.css:24 = 76px（按 79px 栏高写的），不够会压住最后一块 */
  body { padding-bottom: calc(var(--cm-tabbar-h) + 6px); }

  /* 三个子页的悬浮输入区：原 = 74px，必须正好等于栏高（多了有缝、少了被压） */
  .coach-composer,
  .fa-composer,
  .lg-composer { bottom: var(--cm-tabbar-h); }

  /* 原本余量只剩个位数的让位空间（沿用「74px + 余量」的原设计意图） */
  #sub-legal { padding-bottom: calc(var(--cm-tabbar-h) + 18px); }     /* 原 92 = 74+18 */
  #sub-wanneng { padding-bottom: calc(var(--cm-tabbar-h) + 14px); }   /* 原 88 = 74+14 */
  .ad-toast { bottom: calc(var(--cm-tabbar-h) + 14px); }              /* 原 84 = 74+10，取 14 更稳 */
}