追加 table--cards；
普通列写 | ；序号/步骤列写 | （窄屏隐藏，值内联进标题）；
卡片标题列写 | （data-serial 可省）。
内容都很短的「价格表」用 §49.1 专用排法（.table--cards.table--price），比通用卡片省 44% 版面。
全部规则只在窄屏生效 → 桌面渲染零影响。详见技能 §二十七。 */
@media (max-width: 639px) {
.table--cards { min-width: 0; display: block; }
.table--cards thead { display: none; }
.table--cards tbody, .table--cards tr, .table--cards td { display: block; width: auto; }
.table--cards tbody tr { padding: 14px 0 16px; border-bottom: 1px solid var(--gray-100); }
.table--cards tbody tr:last-child { border-bottom: none; }
.table--cards tbody tr:hover { background: transparent; }
/* 必须带 .table--cards.table--flow 这一支：.table--flow 给首/末列加了 nowrap，同权重靠源码顺序压过 */
.table--cards td, .table--cards.table--flow td { padding: 2px 20px; border-bottom: none; white-space: normal; }
.table--cards td[data-label]::before {
content: attr(data-label);
display: inline-block;
margin-right: 6px;
font-size: 12px;
letter-spacing: .04em;
color: var(--gray-400);
}
/* 序号/步骤：值已内联进标题，原单元格隐藏 */
.table--cards td.t-serial { display: none; }
/* 卡片标题：与 /fuwu/ 行业表卡片同口径（标题 16px / 正文 15px / 标签 12px） */
.table--cards td.t-cardtitle {
padding: 2px 20px 7px;
font-size: 16px;
font-weight: 600;
line-height: 1.5;
color: var(--navy);
}
.table--cards td.t-cardtitle[data-serial]::before {
content: attr(data-serial);
display: inline-block;
margin-right: 8px;
font-size: 13px;
font-weight: 700;
letter-spacing: .06em;
color: var(--gold-brown);
}
/* --- 49.1 收费标准表专用（.table--price）---
这张表 4 列内容都很短、且「操作」是固定链接，套通用卡片会 +39% 页高；
改为「标题与价格同行 / 说明与操作行内跟随」后页高反降 5%，且横滑归零。
⚠️ display:inline 的 td 无法靠自身 padding 做出左右内边距（只在首尾片段生效、首行会缩进错位）
→ 左右内边距挪到 tbody tr 上，td 之间用 margin-left 拉开。 */
.table--cards.table--price tbody tr { padding: 13px 20px 14px; }
.table--cards.table--price td { padding: 0; }
.table--cards.table--price td.t-cardtitle { display: inline; }
.table--cards.table--price td.t-price {
display: inline;
margin-left: 10px;
font-size: 16px;
font-weight: 700;
line-height: 1.55;
color: var(--gold-brown);
white-space: nowrap;
}
.table--cards.table--price td.t-desc {
display: inline;
margin-left: 10px;
font-size: 15px;
line-height: 1.6;
color: var(--gray-500);
}
.table--cards.table--price td.t-act {
display: inline;
margin-left: 10px;
text-align: left;
white-space: normal;
}
.table--cards.table--price td.t-act .t-ask { padding: 2px 10px; font-size: 13px; vertical-align: 1px; }
/* 「办事指南」合并表：分组标题行（窄屏，跨列行需覆盖 tr 的 padding 与边框）*/
.table--cards tbody tr.t-group { padding: 12px 0 6px; border-bottom: none; }
.table--cards tbody tr.t-group td { display: block; padding: 8px 20px; border-radius: 6px; }
}
/* ---------- 50. 区域页：对比表逐对象卡片（窄屏替代横向对比表） ----------
⚠️ 断点 639 → 899（2026-09-27 实测）：这类表是「对象作列」的横向对比表，比竖排
数据表更吃宽度。640/700/768px 实测 —— 银行表「开户费 0-500 元」被拆成两行、行高
普遍 78px（不拆行需 ≥860px）；口岸表在 640px 表高 807px、「税收政策」单元格 191px。
故 640–899px 一并走卡片。只影响 .table-block--cmp（全站仅 /quyu/ 两处使用）。 */
.cmp-cards { display: none; }
@media (max-width: 899px) {
.table-block--cmp .table-head { display: none; }
.table-block--cmp .table-scroll { display: none; }
.cmp-cards { display: grid; gap: 14px; }
.cmp-card { background: #fff; border: 1px solid var(--gray-200); border-radius: 12px; overflow: hidden; }
.cmp-card-head { padding: 12px 16px; background: var(--navy); color: #fff; font-size: 16px; font-weight: 600; line-height: 1.5; }
.cmp-list { margin: 0; padding: 0; }
.cmp-item { display: flex; gap: 10px; padding: 9px 16px; border-bottom: 1px solid var(--gray-100); }
.cmp-item:last-child { border-bottom: none; }
.cmp-item dt { flex: 0 0 86px; font-size: 12px; line-height: 1.7; letter-spacing: .02em; color: var(--gray-400); }
.cmp-item dd { flex: 1; margin: 0; font-size: 15px; line-height: 1.6; color: var(--gray-700); }
}
/* ---------- 51. 区域页：已建落地页的城市名（可点击）需要有可点击的视觉提示 ----------
背景：/quyu/ 城市表格里的城市名有两种形态 —— 有独立落地页的输出链接、没有的输出纯文本；
而 .t-name-link 基线是 color: var(--navy) + text-decoration: none，与纯文本肉眼无差，
用户不知道哪些名字可以点。
现状（2026-09-28）：15 个城市页正文全部补齐并放行索引 → /quyu/ 三张分区表
（北疆 8 / 东疆 2 / 南疆 5）的城市名**全部**是可点链接，由 list-quyu.html 的
`$QY_LINK` 白名单闸门控制（该表须与 header.html 的 ≥600 字放行判定保持同步）。
做法：虚线下划线 + 金色 + 尾随箭头，三处提示叠加，色弱用户也能识别。
⚠️ 必须用作用域类 .t-name-link--city —— .t-name-link 在 _svc-page.html（业务服务页
的「服务内容」条目链接）也在用，直接改基类会波及全站业务页。 */
.t-name-link--city {
color: var(--gold-brown);
text-decoration: underline;
text-decoration-style: dotted;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
white-space: nowrap;
}
.t-name-link--city::after {
content: "→";
margin-left: 4px;
font-size: .85em;
font-weight: 400;
color: var(--gold);
}
.t-name-link--city:hover { color: var(--navy); text-decoration-style: solid; }
.t-name-link--city:hover::after { color: var(--navy-2); }
/* ---------- 52. 收费标准页：价格行「服务项目」可点提示（2026-09-28 S39）----------
背景：4 张价格表共 39 行，其中 33 行「服务项目」已内链到对应业务页（list-shoufei.html
的 $PRICE_LINK 白名单），但 .t-name-link 基线是 navy + text-decoration:none，
与纯文本肉眼无差 —— 用户看不出哪些项目名能点（同 §51 记录的问题）。
做法：**新增作用域类**，与 --city 变体刻意区分 ——
· 保持 navy 字色：不抢「收费标准」列已有的金色（--gold-brown）强调，列间主次清楚；
· 只加灰色虚线下划线，**不加尾随箭头**：本页每行已有「咨询该项」按钮，
33 个箭头在 4 列密集表里过吵（/quyu/ 是 3 列表且城市名是唯一动作，故用了箭头）。
⚠️ 绝不可改基类 .t-name-link —— _svc-page.html（业务服务页「服务内容」条目）也在用。 */
.t-name-link--price {
color: var(--navy);
text-decoration: underline;
text-decoration-style: dotted;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
text-decoration-color: rgba(20, 60, 110, .35);
}
.t-name-link--price:hover { color: var(--gold-brown); text-decoration-style: solid; text-decoration-color: currentColor; }
/* ---------- 53. 超窄屏（≤359px）适配：修复首页横向溢出（2026-09-28 S48）----------
现象：320px 视口下首页横向溢出 31px（documentElement.scrollWidth = 351）。
根因：.intro-tags 是 grid「1fr 1fr」且 .chip 为 white-space:nowrap，
两列 min-content 之和是固定值 = 169.4px（「覆盖全疆15个核心城市」）
+ 10px（gap）+ 156px（「实体办公可上门核查」）= 335px > 320px 视口。
grid 的 1fr 等价 minmax(auto,1fr)，auto 即内容的 min-content ——
于是它把所在的 .split 单列一并撑到 335px，整页右溢 31px。
做法：只在 ≤359px 降为单列；≥360px 维持原 2×2 视觉（实测该档起无溢出）。
⚠️ 不要改 .chip 的 white-space —— 那是 ≥360px 的既定视觉。 */
@media (max-width: 359px) {
.intro-tags { grid-template-columns: 1fr; }
}
/* ---------- 54. 内联文字链可点热区补足（2026-09-28 S48）----------
背景：375px 实测一批**行内文字链**盒高仅 18–21px，低于 WCAG 2.2 SC 2.5.8
的 24×24 最小目标尺寸（它们是表格/列表里的独立动作，不属「句内链接」豁免）。
清单：a.topbar-tel 159×20 ｜ 面包屑 26×18~64×21 ｜ .t-name-link--price 192×21
｜ .t-name-link--city 96×21 ｜ .t-more 60×20 ｜ .faq-hub-link 165×23。
做法：只补**垂直 padding**，不改 display、不改 line-height ——
· display:inline 的那批（crumb a / .t-name-link--* / .t-more / .footer-nav a）：
垂直 padding **不参与行盒高度计算**，布局零位移；但浏览器命中测试覆盖 padding
区域，可点高度 21px → 25px，属「隐形放大」，是最安全的手法。
· flex/block 的两个（.topbar-tel +4px、.faq-hub-link +2px）会真实增高，
实测无视觉回归。
⚠️ 不要把这些 inline 元素改成 inline-block —— 会改变换行与列宽计算，
/shoufei/ /quyu/ 的表格列可能被撑开。 */
.topbar-tel { padding-block: 2px; }
.crumb a { padding-block: 3px; }
.t-name-link--price, .t-name-link--city { padding-block: 2px; }
.table .t-more { padding-block: 3px; }
.faq-hub-link { padding-block: 1px; }
.footer-nav a { padding-block: 2px; }
/* 文字链热区补遗（S61 全站实测，11 页 × PC/移动 两视口）
实测仍有 5 组 inline 文字链可点高度仅 19~21px（父容器 → 高度）：
p.split-desc > a 21 ｜ p.section-desc > a 20 ｜ div.rel-more > a 19
｜ p.hero-tel > a 19 ｜ p.contact-card-value > a 20
手法同上一批：**只加垂直 padding，不改 display、不改 line-height** ——
display:inline 的垂直 padding 不参与行盒高度计算 ⇒ 布局零位移，
但命中测试覆盖 padding 区，可点高度 19~21px → 25~27px。
⚠️ 仍不可改成 inline-block（会改变换行与列宽计算）。 */
p.split-desc a,
p.section-desc a,
div.rel-more a,
p.hero-tel a,
p.contact-card-value a { padding-block: 3px; }
/* 内联地图 SVG（S61）
原为  ，`![]() ` 载入的 SVG 页面 CSS 改不到内部文字
⇒ 375px 下 11.5 单位文字实际只有 4.8px，不可读。
现改为模板片段 _xinjiang-map.html 内联 |