/* 手机端适配层 (2026-09-11)
   窄屏增强: 首页入口标题裁字 / 表格数字虚大 / 悬浮返回键压数据 / 点击目标 / 字号可读性。
   全站最后加载(由 start_server.py 的 _MOBILE_CSS_LINK 注入在 </head> 前), 全部规则带选择器
   限定、不使用 !important —— 不改变桌面端任何表现。
   回滚: 删除本文件 + 移除 start_server.py 中 _MOBILE_CSS_LINK 的注入即可。 */

@media (max-width: 760px) {

  /* ── 1) 首页 7 行功能入口标题被裁成 1~2 个字 ─────────────────────────────
     .lp-lnk 在窄屏是 26px/1fr/20px 三列, 但只把 .lp-d 挪到了第 2 列, 标题留在
     了 20px 那一列(实测 .lp-t 只有 20.0px 宽, 内容需 87~168px), 叠加上
     white-space:nowrap 连省略号都出不来。把标题也归到第 2 列并允许换行。 */
  .lp-lnk .lp-t { grid-column: 2; white-space: normal; }

  /* ── 2) 表格里的数字被放大到 27.2px ────────────────────────────────────
     theme.css 的 .num{font-size:1.7rem} 本意是 KPI 大数字, 全局命中 td.num /
     th.num 后比同表表头(11.5px)大 2.4 倍, 单元格高 82px 并把 /quality 的
     「成交额」列挤出视口。表格里的数字跟随表格字号。 */
  table .num, table td.num, table th.num { font-size: inherit; }

  /* ── 3) 悬浮「← 返回」(z-index:9999) 压住表格数据 ───────────────────────
     给表格容器留出底部空间, 返回键不再盖住最后几行。 */
  .tbl-wrap { padding-bottom: 60px; }

  /* ── 4) 点击目标: 表格里唯一下钻入口 .srclink 实测仅 21.6x38.2px ────── */
  .srclink { display: inline-flex; align-items: center; min-height: 36px; padding: 2px 10px; }

  /* 页脚的「返回顶部」实测 65x18.7px 且是 span, 抬到可点高度 */
  .lp-foottop { display: inline-flex; align-items: center; min-height: 44px; padding: 0 10px; }

  /* ── 5) 可读性: ≤11px 的说明性文字(首页最小 10px) ───────────────────── */
  .lp-k, .lp-herofoot, .lp-rowsfoot, .lp-legend, .lp-ringlabel,
  .lp-foottop, .lp-footbadges span, .lp-footnote,
  .lp-wsub, .lp-wnum, .lp-wcap, .lp-wsrc,
  .lp-cell small, .lp-scale em,
  header .meta, .srclink, .meta-line, .kpi .k, .glabel { font-size: 12.5px; }

  /* 首屏小标题行 .lp-herofoot 内部重新排布, 避免字号变大使文字互相挤压 */
  .lp-herofoot { flex-wrap: wrap; }

  /* ── 6) 动态视口高度: 手机浏览器工具栏伸缩时 100vh 会溢出(dvh 不被支持时自动忽略) */
  body.lp-body { min-height: 100dvh; }

  /* ── 7) 表单控件字号 >=16px, 否则 iOS 聚焦输入框时会自动放大整页 ────── */
  input, select, textarea { font-size: 16px; }

  /* ── 8) 抽屉分组小标题对比度仅 3.45:1(未达 AA) ─────────────────────────
     .aq-dg 由 sidenav.js 运行时注入 <style>, 故用 body 前缀提高特异性来覆盖。 */
  body .aq-dg { color: #9a8f79; }

  /* ── 9) 内页小标签 .lab/.lbl(theme.css:293) 用 --text-low, 卡片底上仅 3.52:1 ──
     未达 AA; 换成 --text-mid(页面底约 8.4:1 / 卡片底约 6.6:1), 同时字号 0.72rem 抬到 12.5px */
  body .lab, body .lbl { color: var(--text-mid); font-size: 12.5px; }

  /* ── 10) /paper*「交易策略说明」表在手机上只剩「项目」一列 ──────────────
     table.acc 是 width:100% + min-width:660px, 且 td/th 全是 white-space:nowrap,
     长文本的「规则」列把表撑到实测 4908px。让文字列换行、解除最小宽度即可整列可读;
     数值列保持 nowrap 不折行。 */
  .tbl-wrap table.acc { min-width: 0; }
  .tbl-wrap table.acc th:nth-child(2),
  .tbl-wrap table.acc td:nth-child(2) { white-space: normal; text-align: left; }

  /* ── 11) 卡片式报告页第二批(选择器全部按真实 DOM 校正过) ───────────────
     /board_analysis.html: .side-body 是 div 网格, 内层无横滑余地 -> 板块名被省略号截断。
     两行必须同时给(只给 overflow-x 实测无效); min-width 取 480 让最长的
     「消费电子零部件及组装」(需 130px)也完整显示。实测被截断元素 62 -> 13。 */
  .side-body { overflow-x: auto; }
  .stock-head, .side-body .stock { min-width: 540px; }

  /* /advisor「明日预判·事后验证」7 列表格被压成逐字竖排。
     注意: 不能用 display:block —— 实测它会把表格列网格拆散(列宽由 [77,82,72,45…]
     变成每行各算的杂乱值)。改为卡片内横滑 + 表格保底宽度 + 单元格不换行。 */
  .card:has(> table) { overflow-x: auto; }
  .card > table { min-width: 620px; }
  .card > table th, .card > table td { white-space: nowrap; }

  /* 表单控件: .searchbar input(特异性 0,1,1)压过第 7 条的 input(0,0,1),
     实测仍 14.4px -> iOS 聚焦会放大整页。实测修复后 16px。 */
  .searchbar input { font-size: 16px; }

  /* /combo「买入」按钮实测 33px 高(真实类名 .buy-btn) -> 40px */
  .buy-btn { min-height: 40px; }

  /* 悬浮「← 返回」在手机上做小一点以减少遮挡。注意: 不要给 body 加 padding-bottom
     —— theme.css 已给 96px 底部安全区, 覆盖它会把留白压小(实测 96 -> 72 的回归)。 */
  .back, .back-btn { padding: 7px 12px; font-size: .78rem; }

  /* 用户要求: 手机端不显示「明日仓位基调 · 大盘攻守分 x/100」徽标(start_server.py:702, 全站仅此一处 .lp-badge) */
  .lp-badge { display: none; }
}