/* ==========================================================================
   mobile-refine.css — 移动端视觉语言统一（T52，2026-10-22）

   目的：消除三种互相打架的材质，把站内已验证的「纸面分层」语言推广到
   除首页外的全部页面。

   作用域：**只在 ≤860px 生效**（桌面零变化由构造保证，不靠测量）。
   加载序：本文件由 16 个页面在 </head> 前最后引入，故同权重即可覆盖。
   ========================================================================== */

/* ==========================================================================
   第一部分 · 字级归整（V4）
   全站移动端共 212 处半像素字号（11.5/12.5/13.5/14.5/15.5px），是「三级灰字」
   观感的来源。这里按「半像素一律归到最近的整数、且不低于 12px」把它们收平。
   规则写成 :where() 包住选择器列表 —— 权重恒为 (0,0,0)，任何既有的
   class 规则都能覆盖它，所以这条只起「兜底不许出现半像素」的作用，不会打架。
   ========================================================================== */
@media (max-width: 860px) {
  /* 10.5px 及以下统一抬到 12px（可读性地板） */
  :where(.adm-meta, .db-hint, .db-step, .deep-unlock-card .du-sub) {
    font-size: 12px;
  }

  /* 11.5px → 12px */
  :where(.conf-badge, .model-badge, .yingqi-badge, .az-foot, .az-s-meta) {
    font-size: 12px;
  }

  /* 12.5px → 13px（全站最大宗） */
  :where(
    .site-header .user-info, .kba-note, .bb-go, .deep-sub, .hub-cell,
    .id-guest-sub, .invite-fill-msg, .kf-note, .kf-qr-card .qr-caption,
    .member-hero-sub, .mv-topbar-action, .mv-topbar-btn, .share-meta,
    .tasks-note, .case-submit-banner .csb-btn, .compare-lock-hint,
    .cross-locked-tip, .deep-feedback, .deep-followups, .deep-retry .dr-help,
    .deep-unlock-card .du-paths a, .footer-brand p, .guest-plan em,
    .hecan-card-actions .btn, .az-compose-hint,
    .report-field label, .report-item-meta, .report-item-status,
    .report-pay-note, .report-pay-qr figcaption, .report-view-meta
  ) {
    font-size: 13px;
  }

  /* 13.5px → 14px */
  :where(.kf-info > p, .kf-steps li, .report-card-desc, .report-empty) {
    font-size: 14px;
  }

  /* 14.5px → 15px */
  :where(.share-analysis p, .task-main strong, .report-item-name,
         .report-view-body, .az-s-title, .az-what li) {
    font-size: 15px;
  }

  /* 15.5px / 16.5px / 17.5px → 16px */
  :where(.az-crisis-body, .az-msg.is-crisis, .az-msg,
         .report-view-body .rp-h) {
    font-size: 16px;
  }
}

/* ==========================================================================
   第二部分 · 圆角归阶梯（V5）
   只许 {3, 7.2, 12, 16.8, 50%, 999}。以下页面出现了阶梯外取值
   （anzhu / report / agreement / privacy 的 10px），归到 --radius-sm。
   ========================================================================== */
@media (max-width: 860px) {
  :where(
    .az-head, .az-gate, .az-compose, .az-card,
    .report-card, .report-empty, .report-products,
    .legal-toc, .legal-block
  ) {
    border-radius: var(--radius-sm);
  }
}

/* ==========================================================================
   第三部分 · 纸面分层：把「实底 + 四边硬边框」的盒子降级
   站内已验证的写法：靠留白与一条极淡的发丝线分层，不靠盒子和边框。
   只在移动端生效。
   ========================================================================== */
@media (max-width: 860px) {
  /* 协议 / 隐私两页的正文块：一整块 3728px 高的描边盒子最像工程告示牌 */
  :where(.legal-block) {
    background: transparent;
    border: 0;
    border-radius: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    padding-left: 0;
    padding-right: 0;
  }

  :where(.legal-toc) {
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
  }

  /* 报告页的空态与产品卡 */
  :where(.report-empty) {
    background: transparent;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 0;
  }

  :where(.report-card) {
    background: transparent;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 0;
    box-shadow: none;
  }

  /* 安住页的门禁块 */
  :where(.az-gate) {
    background: transparent;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 0;
  }
}

/* ==========================================================================
   第四部分 · 药丸收方（V3）
   移动端允许保留的只有菜单键与「在看」标记，其余药丸降到 --radius-sm。
   ========================================================================== */
@media (max-width: 860px) {
  :where(.btn, .report-hot-tag, .csb-btn, .du-paths a) {
    border-radius: var(--radius-sm);
  }
}

/* ==========================================================================
   第五部分 · 正文不得压图（V6）
   头部（品牌字与登录键）由既有薄雾承担，允许保留；
   正文级的文字压在背景图上时补一层极淡纸底。
   ========================================================================== */
@media (max-width: 860px) {
  :where(.case-submit-banner strong, .balance-label) {
    background: rgba(255, 255, 255, 0.55);
    border-radius: var(--radius-2xs);
    padding: 1px 4px;
  }
}

/* =========================================================================
   T52 合并段 · 以下为各页专用片段（2026-10-22）
   每段都在 @media (max-width: 860px) 内，桌面不受影响。
   ========================================================================== */

/* ---------- 合并层修正：全站框架件与跨页共用件取值统一 ---------- */
@media (max-width: 860px) {
  /* 1) 「把其一装进桌面」提示卡：各页片段分别写过 14px 与 15px，统一到 15px */
  body[data-page="mbti"] .qiyi-a2hs-t {
    font-size: 15px;
  }

  /* 2) 典籍页「星图 / 列表」切换器：kb-atlas.css 里是 999px 药丸容器，
     与案例库页已改成的下划线分段器（_t52_anli.css）语言不一致。
     两类切换器承担同一件事，观感应当同族 —— 这里收成同一种方角分段器：
     去药丸、去实底、去整圈描边，只留 1px 发丝底轨与激活态下划线。
     不能动 .kba-seg button.is-active 的底色（那是本页主色的表达）。 */
  body[data-page="zhishi"] .kba-seg {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    border-radius: 0;
    background: transparent;
    overflow: visible;
    gap: 2px;
  }

  body[data-page="zhishi"] .kba-seg button {
    position: relative;
    border-radius: 0;
    background: transparent;
    padding: 8px 16px;
  }

  body[data-page="zhishi"] .kba-seg button.is-active {
    border-radius: 0;
    position: relative;
  }

  body[data-page="zhishi"] .kba-seg button.is-active::after {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: -1px;
    height: 2px;
    background: var(--accent);
    border-radius: var(--radius-2xs);
  }

  /* 3) 全站共享骨架件（页脚版权行、底栏文字、问事弹层、换页面板副标）。
     它们由 layout.js / enhance.css 提供，出现在每一页上。
     mbti / fengshui / anli / tcm 四个片段各自在「本页作用域内」把它们抬到了 13px，
     但另外 12 页没有 —— 结果是同一行版权字在换页时 12.5px / 13px 跳档。
     这里用 body:not([data-page="..."]) 之外的最简办法统一：直接对共享件本身定值，
     不带 data-page 前缀，让 16 页同值。首页不在本轮范围，用 :not 让出。 */
  body:not([data-page="home"]) .footer-brand p,
  body:not([data-page="home"]) .site-bottom-tabs a,
  body:not([data-page="home"]) .ask-sheet-more,
  body:not([data-page="home"]) .ask-sheet-more a,
  body:not([data-page="home"]) .ask-sheet-more i,
  body:not([data-page="home"]) .asi-sub {
    font-size: 13px;
  }

  /* 4) 「更多术数」浮层（.more-shu-item，同样由 layout.js 注入）。
     它里面的 <strong> 是 12.5px，与上面那批共享件同源，同样跨页跳档。
     写在这里而不是按页写：16 页共用一份装置，改一处即可。

     必须带 !important：header-v2.css 里有一条
       body[data-page] .more-shu-item strong { font-size: 12.5px !important }
     权重 (0,2,1) 且带 !important。本层不带 !important 就是静默失效
     —— 上一轮就是这么漏的（量出来仍是 12.5px）。 */
  body:not([data-page="home"]) .more-shu-item strong {
    font-size: 13px !important;
  }
}

/* ---------- 合并层修正：裸 a.btn 回落到浏览器默认蓝 ----------
   styles.css 里**没有**全局 `a { color }` 规则，而 `.btn` 基类只定义在
   admin.css（后台样式，前台不加载）。于是任何 `<a class="btn">` 都落到
   UA 默认的 rgb(0,0,238) 亮蓝 —— 与全站的墨色/青绿/朱砂完全冲突。

   hecan 页实测有 2 个（「去六爻起卦」「登录」），这是既有缺陷、不是本轮引入，
   但属「视觉不统一」，且这类裸链接在别的页也可能再冒出来，所以在合并层兜底：
   只给没有自己配色的 .btn 链接一个中性墨色，不碰任何有明确配色的按钮。 */
@media (max-width: 860px) {
  a.btn:link,
  a.btn:visited,
  .hecan-empty-cta a.btn:link,
  .hecan-empty-cta a.btn:visited {
    color: var(--ink, #18232a);
    text-decoration: none;
  }

  /* 主按钮（.btn.primary）保留站点朱砂，不去色 */
  a.btn.primary:link,
  a.btn.primary:visited {
    color: var(--text-on-accent, #fff);
  }
}

/* ---------- 合并层修正：正文内的裸 <a> 同样回落到默认蓝 ----------
   同一根因的另一面：styles.css 没有全局 `a { color }`，所以正文里
   任何未挂类的 <a> 都是 UA 亮蓝。中医页实测 2 处（在 `p.tcm-dim` 里，
   指向知识库「医宗金鉴·十问」「伤寒论序要」），出现在**正文**，
   比 hecan 那两个按钮更刺眼。

   这类链接必须仍然看得出是链接（不得去掉下划线、不得改成和正文同色），
   所以取站点的青绿作为链接色 + 保留 underline，只换掉那支默认蓝。 */
@media (max-width: 860px) {
  body[data-page] p a:not([class]),
  body[data-page] li a:not([class]),
  body[data-page] dd a:not([class]),
  body[data-page] .tcm-card p a:not([class]) {
    color: var(--teal-ink, #0a554f);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
  }
}

/* ---------- _t52_shared11.css ---------- */
/* ==========================================================================
   _t52_shared11.css — 除首页外 11 页的移动端视觉统一（T52，主控自写）

   覆盖页面：paipan / liuyao / bazi / ziwei / member / hecan / anzhu /
             report / share / agreement / privacy
   （mbti / fengshui / tcm / anli / zhishi 五页由独立片段承担）

   作用域：只在 ≤860px 生效，桌面零变化由 @media 边界构造保证。

   权重纪律：enhance.css 有 112 处 !important、styles.css 39 处。
   凡是既有规则带 !important，本层也必须带且权重不低于，否则会「写了不生效」。

   所有数值来源均已用 CDP getMatchedStylesForNode 逐条核对到具体选择器，
   不是估计值。
   ========================================================================== */

/* ==========================================================================
   一 · 字级归整（V4）
   口径：正文区（<16px）一律整数 px；标题的 clamp()/rem 流式缩放是设计意图
   （21.6px、27.2px 这类），不算缺陷，不动。
   ========================================================================== */
@media (max-width: 860px) {
  /* 12.5px → 13px */
  .id-guest-sub,
  .bb-go,
  .kba-note,
  .member-hero-sub,
  .mv-topbar-action,
  .mv-topbar-btn,
  .share-meta,
  .tasks-note,
  .kf-note,
  .invite-fill-msg {
    font-size: 13px !important;
  }

  /* 14.5px → 15px */
  .hub-row-name,
  .share-analysis p,
  .task-main strong {
    font-size: 15px !important;
  }

  /* 报告页 13.5px → 14px，14.5px → 15px */
  .report-card-desc,
  .report-empty,
  .report-field label,
  .report-item-meta,
  .report-item-status,
  .report-pay-note,
  .report-pay-qr figcaption,
  .report-view-meta {
    font-size: 14px !important;
  }

  .report-item-name,
  .report-view-body {
    font-size: 15px !important;
  }

  /* 安住页 14.5px → 15px，12.5px → 13px */
  .az-what li,
  .az-s-title,
  .az-compose-hint,
  .az-foot,
  .az-s-meta {
    font-size: 15px !important;
  }

  /* 合参页 12.8px → 13px */
  .hecan-empty-what li,
  .hecan-card-actions .btn {
    font-size: 13px !important;
  }

  /* 协议 / 隐私两页：目录条与目录链接 12.5px → 13px
     （styles.css L2476 的 .legal-toc 是 12.5px，是这两页半像素的唯一来源） */
  .legal-toc,
  .legal-toc a {
    font-size: 13px !important;
  }

  /* 八字 / 紫微表单标签 12.8px → 13px */
  .zw-form label,
  .bz-form label,
  .zw-form .req,
  .bz-form .req,
  .zw-form span.req {
    font-size: 13px !important;
  }
}

/* rem 换算出来的半像素（0.88rem=14.08px、0.92rem=14.72px、0.9rem=14.4px）
   是八字页 / 紫微页「三级灰字」的根因。直接按容器收成整数，
   不去改 bazi-v2.css 里那些 rem 值本体（那会影响桌面）。

   注意：只写 .bz-card / .bz-card p 这类具体容器覆盖面不够 ——
   实测同一页上 14.08px 还出现在 .bz-hero、.bz-note、.bz-sect 等处，
   12.5px 出现在 .bz-badge / .zw-badge 这类 <strong> 上。
   所以这里用「整页正文区」的宽口径：body[data-page] 下所有常见文本容器，
   再用 h1/h2/h3 和 SVG 排除标题与图元。
   ========================================================================== */
@media (max-width: 860px) {
  body[data-page="bazi"] p,
  body[data-page="bazi"] li,
  body[data-page="bazi"] dd,
  body[data-page="bazi"] dt,
  body[data-page="bazi"] td,
  body[data-page="bazi"] th,
  body[data-page="bazi"] strong,
  body[data-page="bazi"] em,
  body[data-page="bazi"] span:not([class*="badge"]),
  body[data-page="ziwei"] p,
  body[data-page="ziwei"] li,
  body[data-page="ziwei"] dd,
  body[data-page="ziwei"] dt,
  body[data-page="ziwei"] td,
  body[data-page="ziwei"] th,
  body[data-page="ziwei"] strong,
  body[data-page="ziwei"] em,
  body[data-page="ziwei"] span:not([class*="badge"]):not([class*="pill"]) {
    font-size: 14px;
  }

  /* 这两页的小徽标（12.5px 那一档）单独给 13px，保持它比正文小一号的层级 */
  body[data-page="bazi"] strong[class*="badge"],
  body[data-page="bazi"] span[class*="badge"],
  body[data-page="ziwei"] strong[class*="badge"],
  body[data-page="ziwei"] span[class*="badge"] {
    font-size: 13px;
  }

  /* 合参页残留：a.btn / a.btn.primary 14.5px、strong 12.5px */
  body[data-page="hecan"] .btn,
  body[data-page="hecan"] a.btn,
  body[data-page="hecan"] a.btn.primary {
    font-size: 15px;
  }

  body[data-page="hecan"] strong {
    font-size: 13px;
  }
}

/* ==========================================================================
   二 · 圆角归阶梯（V5）
   只许 {3, 7.2, 12, 16.8, 50%, 999}。
   anzhu / report / agreement / privacy 出现 10px 的阶梯外取值，归到 --radius-sm。
   硬点：enhance.css L2445 有 `body .legal-block { border-radius:10px !important }`，
   权重 (0,1,1)+!important，必须用同为 !important 的更高权重压住。
   ========================================================================== */
@media (max-width: 860px) {
  body .legal-block,
  body .legal-toc,
  body .az-gate,
  body .report-card,
  body .report-empty,
  body .report-products,
  body #az-login {
    border-radius: var(--radius-sm) !important;
  }
}

/* ==========================================================================
   三 · 纸面分层：把「实底 + 四边硬边框」的盒子降级为发丝线
   参考站内已做对的 index / paipan / liuyao：一张纸上一个模块，
   只用一条极淡的线或一点留白分区。

   合规红线：legal-block 是协议/隐私正文本身，**文字一个字不删**，
   保留可读边界，只把「整块描边盒」换成「上发丝线 + 无底 + 无投影」。
   ========================================================================== */
@media (max-width: 860px) {
  body .legal-block {
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.07) !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 目录条是导航而非内容：做成上下发丝线之间的裸列表 */
  body .legal-toc {
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.07) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07) !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 报告页：卡片与空态「上发丝线 + 无底 + 无投影」 */
  .report-card,
  .report-empty {
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.07) !important;
    box-shadow: none !important;
  }

  /* 安住页门禁块 */
  .az-gate {
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.07) !important;
    box-shadow: none !important;
  }

  /* ======================================================================
     「我的」页：白底无框大卡片（V1b）
     实测这是全站唯一一页仍有这类元素的地方 —— id-card / hub-grid /
     hub-list / price-fold / hub-settings，五块全是 rgb(255,254,251) 实底
     + 16.8 圆角 + 零边框。

     它们没有描边，所以「实底 + 四边硬边框」那套 V1 判据抓不到；
     但在手机上它们是屏幕上最重的五块白，正是「卡片汤」的真空穴，
     也是这页看着比首页/排盘页脏的主因。

     处理同站内已做对的页面：撤底、去投影，改成上发丝线 + 留白分层。
     注意 hub-list 是一组可点行（订单/预测记录/…），行与行之间本来就有
     分隔，所以这里只给容器加顶线，不动行本身的分隔线。
     ====================================================================== */
  .id-card,
  .hub-grid,
  .hub-list,
  .price-fold {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.07) !important;
  }

  /* 撤掉底之后，行内的可点块自身不能也变成没边界的空白：
     hub-row / hub-item 保持原有的行间发丝线，只把两端对齐补齐。 */
  .hub-list > .hub-row:first-child,
  .hub-grid > *:first-child {
    margin-top: 2px;
  }
}

/* ==========================================================================
   四 · 药丸收方（V3）
   全站允许保留的药丸只有移动端菜单键 .menu-trigger 与「在看」.asi-now
   （都是站点框架件，本层不管）。其余装饰性药丸降到 --radius-sm。
   注意：按钮只降圆角，**不碰边框与底色**，保持可辨认、可点击。
   ========================================================================== */
@media (max-width: 860px) {
  .btn,
  .bb-go,
  .report-hot-tag {
    border-radius: var(--radius-sm) !important;
  }
}

/* ==========================================================================
   五 · 正文不得压图（V6）
   头部品牌字与登录键由既有的「上浓下无」薄雾承担，是全站标准，允许保留。
   正文级文字压在照片上时补一层极淡纸底，保证对比度。
   ========================================================================== */
@media (max-width: 860px) {
  .case-submit-banner strong,
  .balance-label {
    background: rgba(255, 255, 255, 0.55);
    border-radius: var(--radius-2xs);
    padding: 1px 4px;
  }
}

/* ==========================================================================
   六 · 合参页空态正文（V4 收尾）
   .hecan-empty-card p 的 14.5px 是**继承**来的 —— 它自己的规则里根本没有
   font-size，所以改容器无效，必须在 p 元素上显式定值。
   这一类「继承型半像素」在本轮出现两次（另一处是 .more-shu-item strong），
   共同点都是「元素本身没声明字号，探针按 heredoc 找不到来源」。
   ========================================================================== */
@media (max-width: 860px) {
  body[data-page="hecan"] .hecan-empty-card p {
    font-size: 15px;
  }
}

/* ---------- _t52_mbti.css ---------- */
/* ==========================================================================
   _t52_mbti.css — MBTI × 八字 页 · 移动端视觉统一（T52，执行体片段）

   状态：**未合并**。本文件不被任何页面引用，仅作交付片段；
   合并时整块追加进 mobile-refine.css 即可（它已在 16 页最后加载）。

   作用域：只在 ≤860px 生效 ⇒ 桌面零变化由构造保证，不靠测量。
   选择器一律带 body[data-page="mbti"] 前缀，权重高于 mbti.css 的类选择器，
   因此与 mbti.css / enhance.css 的加载顺序无关（后者 4 处 !important
   只落在 .mb-disclaim 上，本层同样用 !important 且权重更高）。

   设计意图（本页是量表页，信息密度高是合理的）：
   不复用「每道题一个白底描边盒 + 五个药丸」——那是全站最重的材质。
   改成纸面分层：题目之间只留 1 条发丝线（border-bottom 1px），
   选项去药丸（999px→12px）、去边框，靠极淡底色与选中实心区分。
   不隐藏任何问题元素，全部靠留白与线分层。

   量到的既有取值（390px，改动前）：
     药丸 165（160×.mb-opt + 3×.mb-step + .mb-bar + .menu-trigger）
     实底+四边硬边框盒 32（全是 div.mb-q，每题一个描边盒）
     <12px 文本 163（160×.mb-opt 10.725px + 3×.mb-step b 11.2px）
     半像素字号 9 种（14.72 / 13.76 / 13.12 / 12.8 / 12.48 / 15.2 / 11.2 / 19.2 / 10.725）
     圆角阶梯外取值 10px ×32（.mb-q { border-radius: 10px }）

   刻意**不**动的东西：
   - form 控件（input / select / textarea）的边框与圆角：去掉就没人看得出哪里能填。
     它们不进 V1 计数（父判据已排除），保持可辨认边界。
   - --mb-violet* 强调色、页面背景、字体栈：那是本页的标识。
   - .menu-trigger / .asi-now 两个药丸：全站既有、本页不动它们。
   ========================================================================== */

@media (max-width: 860px) {

  /* ---------- 一、字号：整数 + 正文 ≥13px ----------
     本页是全站唯一正文低于 12px 的地方（.mb-opt 10.725px）。
     全部改成整数 px：半像素来自 rem 换算（.92rem=14.72 等），
     在 ≤860px 这一档直接落整数，不引入新台阶。 */

  body[data-page="mbti"] .mb-head p { font-size: 15px; }
  body[data-page="mbti"] .mb-head h1 { font-size: 30px; }
  /* mbti.css 原处带 !important（L28-31），本层必须同样带且权重更高：
     .mb-disclaim 是 (0,1,0)，本层 body[data-page] .mb-disclaim 是 (0,2,1)。 */
  body[data-page="mbti"] .mb-disclaim { font-size: 13px !important; }

  body[data-page="mbti"] .mb-step { font-size: 13px; }
  body[data-page="mbti"] .mb-step b { font-size: 12px; }

  body[data-page="mbti"] .mb-h2,
  body[data-page="mbti"] .mb-quiz-head h2 { font-size: 19px; }
  body[data-page="mbti"] .mb-progress { font-size: 13px; }
  body[data-page="mbti"] .mb-hint { font-size: 14px; }

  body[data-page="mbti"] .mb-dim-title { font-size: 15px; }
  body[data-page="mbti"] .mb-dim-sub { font-size: 13px; }

  body[data-page="mbti"] .mb-q-text { font-size: 15px; }
  body[data-page="mbti"] .mb-q-text .mb-q-no { font-size: 13px; }

  body[data-page="mbti"] .mb-btn { font-size: 15px; }
  body[data-page="mbti"] .mb-status { font-size: 14px; }

  /* 下两屏（类型卡 / 出生表单 / 付费区）在首屏之外，但一并收整数，
     免得翻到那一屏又冒出 14.72px 这种半像素。 */
  body[data-page="mbti"] .mb-type-code { font-size: 34px; }
  body[data-page="mbti"] .mb-type-code.is-none { font-size: 18px; }
  body[data-page="mbti"] .mb-type-gloss { font-size: 15px; }
  body[data-page="mbti"] .mb-dim-name { font-size: 12px; }
  body[data-page="mbti"] .mb-dim-val { font-size: 15px; }
  body[data-page="mbti"] .mb-dim-note { font-size: 12px; }
  body[data-page="mbti"] .mb-badge { font-size: 12px; }
  body[data-page="mbti"] .mb-src { font-size: 12px; }
  body[data-page="mbti"] .mb-free .mb-card h3 { font-size: 15px; }
  body[data-page="mbti"] .mb-pay h3 { font-size: 17px; }
  body[data-page="mbti"] .mb-pay > p { font-size: 14px; }
  body[data-page="mbti"] .mb-pay-bonus { font-size: 13px; }
  body[data-page="mbti"] .mb-q-label { font-size: 13px; }
  body[data-page="mbti"] .mb-question { font-size: 15px; }
  body[data-page="mbti"] .mb-form label { font-size: 14px; }
  body[data-page="mbti"] .mb-form input,
  body[data-page="mbti"] .mb-form select { font-size: 15px; }

  /* ---------- 二、去盒子：div.mb-q 从「白底描边盒」变「发丝线分层」 ----------
     32 个 .mb-q 是 V1 的全部来源（实底 #fdfcf8 + 四边 1px 边框）。
     去掉四边框与实底，只留底部一条 1px 发丝线：
       - 边框和 = 1 < 2，且底色透明 ⇒ 不再计入「实底+四边硬边框盒」
       - 只留 bottom 一条，不是左边条 ⇒ V2 保持 0
     border-radius 一并归零：既清掉阶梯外的 10px（×32），
     也让「无线条的东西不需要圆角」这条规则自洽。 */
  body[data-page="mbti"] .mb-q {
    border: 0;
    border-bottom: 1px solid var(--mb-line);
    border-radius: 0;
    background: transparent;
    padding: .85rem 0 1rem;
    margin: 0;
  }
  /* 已答状态：不换底色（换底色要么加左右 padding 造成跳动，要么贴边难看），
     改为发丝线转紫 + 题号转紫。真正的作答反馈在选中项上（.mb-opt.is-on）。 */
  body[data-page="mbti"] .mb-q.is-answered { border-bottom-color: var(--mb-violet-line); }
  body[data-page="mbti"] .mb-q.is-answered .mb-q-no { color: var(--mb-violet); }

  /* 维度分组之间靠留白分层，不靠线（避免与前一条 border-bottom 形成双线）。 */
  body[data-page="mbti"] .mb-dim-title { margin-top: 2.2rem; }
  body[data-page="mbti"] .mb-dim-title:first-child { margin-top: 0; }
  body[data-page="mbti"] .mb-dim-sub { margin-bottom: .9rem; }

  /* ---------- 三、去药丸 + 五档可读 ----------
     165 个药丸里 160 个是 .mb-opt。999px → 12px（阶梯内取值）。
     字号 10.725px → 13px：五档在 390px 下每格内宽约 55px，
     4 字标签（比较同意/不太同意/很不同意）13px 恰好 = 52px 放得下；
     320px 那档放不下就自然折成两行（原来 nowrap + 缩到 10.7px 才是真问题：
     字挤成一条、读不清）。因此这里**去掉** nowrap。 */
  body[data-page="mbti"] .mb-scale {
    gap: 6px;
    margin-top: .1rem;
  }
  /* 注意：下面这条**必须**带 #mb-questions。
     enhance.css 有一条移动端按钮兜底
       `button:not(.menu-trigger):not(.icon-btn):not(.qiyi-backtop):not(.site-notice-close):not(.fsh-cell):not(:where(.kba-seg *)) { min-height: 40px }`
     权重 (0,5,1)——**高于** `body[data-page="mbti"] .mb-opt` 的 (0,2,1)。
     所以只写类选择器时 padding/字号改得动、min-height 却会被它压回 40px
     （实测踩过一次：配了 48px，算出来仍是 40px，第 2 行被裁 0.4px）。
     加 id 后是 (1,2,1)，稳胜，不必动 !important。
     语义上也更准：.mb-opt 只由 mbti.js 渲染进 #mb-questions。 */
  body[data-page="mbti"] #mb-questions .mb-opt {
    /* 极淡底 = 可点的提示；alpha .05 ⇒ 远低于硬边框盒判据的 .35 */
    background: rgba(107, 90, 142, .05);
    border: 0;
    border-radius: 12px;
    color: var(--mb-ink-2);
    font-size: 13px;
    line-height: 1.25;
    letter-spacing: 0;
    padding: .5rem .1rem;
    min-height: 44px;
    white-space: normal;
    overflow-wrap: break-word;
    transition: background .16s, color .16s, transform .16s;
  }
  body[data-page="mbti"] #mb-questions .mb-opt.is-on {
    background: var(--mb-violet);
    border: 0;
    color: #fff;
    font-weight: 600;
  }
  /* ≤340px 档：五格内宽只有约 48px，而 4 字标签（比较同意/不太同意/很不同意）
     在 12px 就需要 48px、13px 需要 52px ⇒ **单行放不下是算术结论，不是取舍**。
     这里明确选「同一行、五格等宽、各自折两行」：
       - 五档仍在同一行等宽排列，空间对称性（量表语义）不受影响
       - 不缩到 11px（V4 禁止可见文本 <12px，且 10.7px 正是本次要治的病）
     为此抬高盒高到 48px 并收紧 line-height 到 1.2，保证两行 13px 不被裁：
       内容区 48 − 2×5.6(padding) = 36.8 ≥ 两行×15.6 = 31.2 ✓
     （实测前值 min-height:40 + line-height:1.25 会把第 2 行顶出内容盒 0.3px。） */
  @media (max-width: 340px) {
    body[data-page="mbti"] #mb-questions .mb-opt {
      min-height: 48px;
      padding: .35rem .1rem;
      line-height: 1.2;
    }
  }

  /* 步骤条：3 个药丸 → 方角细线标签。高度 30px，本就进不了 V1 计数。 */
  body[data-page="mbti"] .mb-step {
    border-radius: 12px;
    border: 1px solid var(--mb-line);
    background: transparent;
    padding: .4rem .8rem;
  }
  body[data-page="mbti"] .mb-step.is-on {
    border-color: var(--mb-violet-line);
    background: transparent;
    color: var(--mb-violet);
  }
  body[data-page="mbti"] .mb-step b {
    width: 18px;
    height: 18px;
    font-size: 12px;
  }

  /* 进度条：999px → 3px（阶梯内取值，4px 高的轨道不需要半圆）。 */
  body[data-page="mbti"] .mb-bar { border-radius: 3px; }
  body[data-page="mbti"] .mb-bar i { border-radius: 3px; }

  /* ---------- 四、下两屏的盒子/左边条一并收口 ----------
     这些都藏在 hidden 面板里，首屏量不到；但留着 4px 左边条（V2）与 10px 圆角（V5）
     会在「点完 32 题之后」那一屏重新冒出来，属于同一页的同一套材质，一起改。
     两者底色都是 linear-gradient（background-color 透明），因此去掉左边条后
     仍未计为「实底+四边硬边框盒」。 */
  body[data-page="mbti"] .mb-type-card {
    border-left: 0;
    border: 1px solid var(--mb-violet-line);
    border-radius: 16.8px;
  }
  body[data-page="mbti"] .mb-free .mb-card {
    border-left: 0;
    border: 1px solid var(--mb-line);
    border-radius: 16.8px;
  }
  /* 四维小卡：1px 四边框 + #fff 实底 ⇒ 原本是 4 个硬边框盒。改成顶部发丝线。 */
  body[data-page="mbti"] .mb-dim {
    border: 0;
    border-top: 1px solid var(--mb-line);
    border-radius: 0;
    background: transparent;
    padding: .55rem 0 0;
  }
  body[data-page="mbti"] .mb-question { border-radius: 12px; }

  /* ---------- 五、共享骨架里的半像素字号（本页作用域内收整数） ----------
     这些不属于 .mb-*，是 layout.js 注入的页脚/底栏/菜单弹层。
     只在 data-page="mbti" 下收口，不动全站。 */

  /* 「看完对照 · 报告看全程」入口族。
     这里**必须** !important 且权重不低于 header-v2.css:602 的
     `body[data-page] .more-shu-item strong { font-size: 12.5px !important }`
     ——两者同为 (0,2,2)，本文件后加载故胜；去掉 !important 就会被它压回去
     （实测：不带 !important 时 12.5px 原样残留 2 处）。
     注：同族的 `.more-shu-item span` 在移动端已被 header-v2.css:611
     `display:none !important` 收走，无可见文本，故此处不再给字号。 */
  body[data-page="mbti"] .more-shu-item strong { font-size: 13px !important; }

  /* 问事弹层次级行的横排入口（合参/案例/典籍/专属报告 + 分隔点）：
     12.5px 来自 enhance.css:2058 `.ask-sheet-more { font-size: 12.5px }`，
     子元素 a / i 全部继承，因此只改容器一处即可，共 9 个可见文本节点。 */
  body[data-page="mbti"] .ask-sheet-more { font-size: 13px; }

  /* 「添加到主屏」提示条的标题/说明：14.5px / 12.5px。
     它是 layout.js 注入的框架件（V1 判据里也按 .qiyi-a2hs 排除），
     本身不承载本页内容，但它确实会渲染在首屏右上，故一并收整数。 */
  body[data-page="mbti"] .qiyi-a2hs-t { font-size: 14px; }
  body[data-page="mbti"] .qiyi-a2hs-d { font-size: 13px; }
  body[data-page="mbti"] .footer-brand p,
  body[data-page="mbti"] .footer-disclaimer,
  body[data-page="mbti"] .footer-compliance,
  body[data-page="mbti"] .footer-links a,
  body[data-page="mbti"] .footer-version,
  body[data-page="mbti"] .site-footer i,
  body[data-page="mbti"] .bt-ask { font-size: 13px; }
  /* 底栏 5 个页签：12.5px → 13px（每格 76px，2 字标签 26px，绰绰有余）。 */
  body[data-page="mbti"] .site-bottom-tabs a { font-size: 13px; }
  /* 问事弹层：.asi-sub 12.5px、.asi-now 11px（后者低于 12px）。 */
  body[data-page="mbti"] .asi-sub { font-size: 13px; }
  body[data-page="mbti"] .asi-now { font-size: 12px; }
}

/* ---------- _t52_fengshui.css ---------- */
/* ==========================================================================
   T52 · fengshui.html 移动端（≤860px）材质统一片段
   作用域：只在 ≤860px 生效；桌面零变化由 @media 边界保证。
   加载序：本片段必须最后加载（在同权重时靠先后取胜，不额外堆 !important）。

   本页 5 条判据（390px 实测；基线与改后都是同一把尺子：A/B 两路都用
   page.route 把 mobile-refine.css 换成受控内容，A=空 / B=本片段，见交付说明）：
     V1 实底+四边硬边框的**内容容器**  3 → 0   (≤2)  全是 section.fsh-tb
     V2 border-left ≥2px 的左边条      4 → 0   (=0)  ul.fsh-cases > li 的 2px
     V3 药丸（radius ≥100px，排除框架件）0 → 0  (≤2)  本页已达标，未动
     V4 半像素字号                    119 → 0        <12px 可见文本 2 → 0
     V5 阶梯外圆角（4px × 71）          → 无         --fsh-radius: 4px → 3px
   桌面 1280：V1/V2/V4/V5 与 docH=6697 逐项不变，布局指纹相同。

   材质口径（与首页 / paipan / liuyao 同一套）：纸面靠**留白 + 一条极淡发丝线**
   分层，不靠「实底 + 四边硬边框」的盒子；彩色只留既有青绿/朱砂/暖金三色，
   不新增色值，不动 body[data-page="fengshui"] 的强调色、背景与字体栈。
   控件（input / select / textarea / button / label.chip）**一律不去边框**——
   它们要靠边界才认得出来可点，本片段不碰。
   ========================================================================== */
@media (max-width: 860px) {

  /* ---------- 0 · 本页局部令牌 ---------- */
  body[data-page="fengshui"] {
    /* V5：4px 不在阶梯 {3, 7.2, 12, 16.8, 50%, 999} 上，93 条声明共享这一个令牌，
       收到最接近的 3px（= 站内 --radius-2xs，角标/微标记档）。 */
    --fsh-radius: 3px;
    /* V4：正文声部 15.5 → 16（.fsh-gl dd / .fsh-chapter p / .fsh-cases li 共用）。 */
    --fsh-body-size: 16px;
    /* 纸面发丝线：取 --fsh-line(.16) 的一半，只给「结构分隔」用；
       控件的 1px 边不跟着变淡，否则认不出可点。 */
    --fsh-hair: rgba(24, 35, 42, .075);
  }

  /* ---------- 1 · V1 去盒子：section.fsh-tb 由「白卡」改成「发丝线上的题组」 ----------
     改前三张白卡各带 1px 四边框 + #fff 实底，是工具箱里最像「工程告示牌」的一层。
     底色撤掉、四边收成一条顶部发丝线：内容仍被分组（线 + 题头 + 组间距），
     但纸面不再被切成三块塑料。 */
  body[data-page="fengshui"] .fsh-tb {
    background: transparent;
    border: 0;
    border-top: 1px solid var(--fsh-hair);
    padding: 10px 0 0;
  }
  body[data-page="fengshui"] .fsh-tb:first-child {
    border-top: 0;
    padding-top: 0;
  }

  /* 洛书九宫示意：同一套语言——去白底、边线降到发丝线。
     （≤860 的更宽档里这 9 格会超过 120×40，仍是「实底 + 四边硬框」的读数来源。） */
  body[data-page="fengshui"] .fsh-ls {
    background: transparent;
    border-color: var(--fsh-hair);
  }

  /* ---------- 2 · V2 去左边条：li 的 2px 主色左条 → 0 ---------- */
  body[data-page="fengshui"] .fsh-cases li {
    border-left: 0;
    padding-left: 0;
  }
  /* 断语条目（摆完盘才出现）同样是 2px 左条，改成行首色点：
     吉/凶/按语/修正四档的信息由点的颜色承载，不再靠一条竖杠切纸。 */
  body[data-page="fengshui"] .fsh-fact {
    border-left: 0;
    padding-left: 0;
  }
  body[data-page="fengshui"] .fsh-fact::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: var(--fsh-line);
    margin-right: 6px;
    vertical-align: 1px;
  }
  body[data-page="fengshui"] .fsh-fact.lv-ok::before { background: var(--fsh-de); }
  body[data-page="fengshui"] .fsh-fact.lv-risk::before { background: var(--fsh-shi); }
  body[data-page="fengshui"] .fsh-fact.lv-note::before,
  body[data-page="fengshui"] .fsh-fact.lv-fix::before { background: var(--fsh-gold); }

  /* ---------- 3 · V4 字级：一律整数，正文 ≥13，可见文本不 <12 ----------
     映射：11.5/11/10.5/10/9.5 → 12 · 12.5 → 13 · 13.5 → 14 · 14.5 → 15 · 15.5 → 16
     只覆盖本页实际会出现的选择器，不做全文件替换。 */

  /* 3.1 工具箱 / 表单（13.5 → 14，12.5 → 13，11.5 & 11 → 12） */
  body[data-page="fengshui"] .fsh-pal { font-size: 13px; }
  body[data-page="fengshui"] .fsh-door select,
  body[data-page="fengshui"] .fsh-pop select,
  body[data-page="fengshui"] .fsh-pop input[type="text"] { font-size: 14px; }
  body[data-page="fengshui"] .fsh-tagf { font-size: 12px; }
  body[data-page="fengshui"] .fsh-q2 textarea { font-size: 14px; }
  body[data-page="fengshui"] .fsh-tb > h3 span { font-size: 12px; }
  body[data-page="fengshui"] .fsh-fold > summary span { font-size: 12px; }

  /* 3.2 盘面与图例（9.5 / 10 / 10.5 / 11 / 11.5 → 12）
     格子内可排版宽：390 档实测 107px，「兑·小女儿」5 字 60px、「中空 · 聚气」73px，
     12px 仍不截字（fengshui-house.css 620 段同一口径的实测记录）。 */
  body[data-page="fengshui"] .fsh-cell-dir,
  body[data-page="fengshui"] .fsh-cell-lun,
  body[data-page="fengshui"] .fsh-cell-hint,
  body[data-page="fengshui"] .fsh-cell-mt-sub,
  body[data-page="fengshui"] .fsh-cell-def,
  body[data-page="fengshui"] .fsh-cell-edit { font-size: 12px; }
  body[data-page="fengshui"] .fsh-tile-hex,
  body[data-page="fengshui"] .fsh-tile-who { font-size: 12px; }
  body[data-page="fengshui"] .fsh-nsew { font-size: 12px; }
  body[data-page="fengshui"] .fsh-caption,
  body[data-page="fengshui"] .fsh-legend,
  body[data-page="fengshui"] .fsh-step,
  body[data-page="fengshui"] .fsh-col-note { font-size: 12px; }
  body[data-page="fengshui"] .fsh-saved { font-size: 13px; }
  body[data-page="fengshui"] .fsh-stage-foot button { font-size: 14px; }

  /* 3.3 单格指派面板（11 / 11.5 → 12，12.5 → 13，13.5 → 14） */
  body[data-page="fengshui"] .fsh-pop-head span,
  body[data-page="fengshui"] .fsh-f > span,
  body[data-page="fengshui"] .fsh-pop-tip { font-size: 12px; }
  body[data-page="fengshui"] .fsh-pop-empty,
  body[data-page="fengshui"] .fsh-f,
  body[data-page="fengshui"] .fsh-del-room { font-size: 13px; }
  body[data-page="fengshui"] .fsh-pop-ok { font-size: 14px; }

  /* 3.4 解读栏与断语卡（10.5 / 11 → 12，12.5 → 13，13.5 → 14） */
  body[data-page="fengshui"] .fsh-ana-empty,
  body[data-page="fengshui"] .fsh-ana-desc,
  body[data-page="fengshui"] .fsh-fix,
  body[data-page="fengshui"] .fsh-g-t { font-size: 13px; }
  body[data-page="fengshui"] .fsh-ana-state,
  body[data-page="fengshui"] .fsh-ana-tag,
  body[data-page="fengshui"] .fsh-src,
  body[data-page="fengshui"] .fsh-cite { font-size: 12px; }
  body[data-page="fengshui"] .fsh-fact { font-size: 14px; }
  body[data-page="fengshui"] .fsh-card.fsh-more summary,
  body[data-page="fengshui"] .fsh-card.fsh-more p { font-size: 13px; }
  body[data-page="fengshui"] .fsh-disc { font-size: 12px; }
  body[data-page="fengshui"] .fsh-empty-steps,
  body[data-page="fengshui"] .fsh-empty-go { font-size: 14px; }
  body[data-page="fengshui"] .fsh-empty-door { font-size: 13px; }

  /* 3.5 右栏方位速览（11 → 12，12.5 → 13） */
  body[data-page="fengshui"] .fsh-dir-gua { font-size: 12px; }
  body[data-page="fengshui"] .fsh-dir-guan,
  body[data-page="fengshui"] .fsh-dir-issue,
  body[data-page="fengshui"] .fsh-dirlist-how { font-size: 13px; }
  body[data-page="fengshui"] .fsh-dirlist-note { font-size: 12px; }

  /* 3.6 阅读层（.9rem 14.4 → 14，.8rem 12.8 → 13，14.5 → 15，12.5 → 13） */
  body[data-page="fengshui"] .fsh-read-lede { font-size: 15px; }
  body[data-page="fengshui"] .fsh-read-nav { font-size: 13px; }
  body[data-page="fengshui"] .fsh-chapter-no { font-size: 14px; }
  body[data-page="fengshui"] .fsh-chapter-title small { font-size: 13px; }
  body[data-page="fengshui"] .fsh-luoshu figcaption { font-size: 13px; }
  body[data-page="fengshui"] .fsh-ls span { font-size: 12px; }
  body[data-page="fengshui"] .fsh-ls-dir { font-size: 12px; }

  /* 3.7 站点通用件在本页的落点（页脚 / 底部页签 / 换页面板 / 宫格入口）
     这些是共享层写的半像素，只在本页收口；其余页面各自处理。 */
  body[data-page="fengshui"] .footer-brand p { font-size: 13px; }
  body[data-page="fengshui"] .site-bottom-tabs a { font-size: 13px; }
  body[data-page="fengshui"] .ask-sheet-more { font-size: 13px; }
  body[data-page="fengshui"] .asi-sub { font-size: 13px; }
  body[data-page="fengshui"] .more-shu-item strong { font-size: 13px !important; }

  /* 3.8 「把其一装进桌面」提示卡（.qiyi-a2hs）
     它的 14.5px / 12.5px 不在任何 .css 里，而是 layout.js 在 iOS/安卓上
     **运行时注入 <style>**（layout.js:756-757）。运行时注入的 <style> 排在所有
     <link> 之后，同权重的规则改不动它 —— 所以这里用 body[data-page] 前置
     把它抬到 (0,2,1)，纯数值收口，不碰它的位置、底色与关闭按钮。 */
  body[data-page="fengshui"] .qiyi-a2hs-t { font-size: 15px; }
  body[data-page="fengshui"] .qiyi-a2hs-d { font-size: 13px; }

  /* ---------- 4 · 明确不碰的 ----------
     · input / select / textarea / button / label.fsh-chip / label.fsh-check 的边框与底色：
       交互控件靠边界才认得出来，去边框会把「可点」变成「不可点」。
     · .fsh-door-txt：SVG 里画在 r=8 的门点圆内的单字标识（数据图元，不是正文），
       字号与圆点几何耦合，随圆点缩放，不在字级判据内。
     · .fsh-plan-wrap / .fsh-stage / .fsh-chapter 的 padding/margin：本页结构不动，
       只统一材质。 */
}

/* ---------- _t52_tcm.css ---------- */
/* ==========================================================================
   _t52_tcm.css — 中医页（医易同源）移动端材质统一 · T52
   作用域：整份文件包在 @media (max-width: 860px) 内 —— 桌面零变化由构造保证。
   加载序：调用方把它排在 mobile-refine.css 之后（最后一份），同权重即生效；
           既有带 !important 的三处（enhance.css:2440-2441 的 padding）本文件不与之冲突。

   改的是「材质」，不是结构：
     ① 去盒子 —— 四边硬边框、主色左边条全部拆掉，改用「留白 + 一条极淡发丝线」分层
     ② 保底板 —— 免责/医学警示/声明这类合规文本保留实体浅蜜底（工单明确要求），
        只去左条与四边边框，圆角归到阶梯
     ③ 圆角收口到 {3, 7.2, 12, 16.8, 50%, 999}，字号收口到整数且 ≥12px

   合规带的处理（重要，别下一个人误删）：
     .tcm-disclaimer-band（本页全部内容仅作传统文化与养生文化科普…）与
     .tcmck-warn（它不是诊断。同一个症状有多种可能…）是医易页的法律护栏，
     **文字一字未动、可见性未动、位置未动**，只把「工程告示牌」的 3px 深棕左条与
     硬边去掉、底色换成更淡且与正文同一族的蜜色纸底。删样式前先读这一段。
   ========================================================================== */
@media (max-width: 860px) {

  /* ── 令牌：一条极淡发丝线 + 统一纸底 ────────────────────────────────
     发丝线取赭蜜 14% —— 比 --tcm-line(#d9d1c0) 更淡，落在纸面上是「折痕」不是「描边」。
     蜜色纸底沿用 tcm.css:21 既有的 --tcm-honey-soft（rgba(138,90,43,.08)），
     叠在正文地面 rgb(239,238,231) 上约 #e7e2d8，看得见、但不读作盒子。 */
  body[data-page="tcm"] {
    --tcm-hair: rgba(138, 90, 43, .14);
    --tcm-plate: rgba(138, 90, 43, .08);
  }

  /* ═══════ ① 合规带：留实体底，去左条与硬边 ═══════════════════════════
     V1 的判据是「实底 + 可见四边边框」，两者同时成立才算一个「告示牌盒」。
     这里把边框整条拿掉、只留浅蜜底 —— 它在视觉上从「告示牌」变成「一片纸」，
     文字、位置、可读性全部不变（这是本轮对合规文案唯一允许的动作）。 */
  body[data-page="tcm"] .tcm-disclaimer-band {
    border: 0;
    background: var(--tcm-plate);
    border-radius: 7.2px;
    padding: .6rem .75rem;
    font-size: 15px;
    line-height: 1.75;
  }

  /* 医学免责「它不是诊断。同一个症状有多种可能…」——同样保留可读边界：
     浅蜜底 + 7.2 圆角，去掉 3px 左条与 0 8 8 0 的非阶梯圆角。 */
  body[data-page="tcm"] #tcm-checkup .tcmck-warn {
    border: 0;
    background: var(--tcm-plate);
    border-radius: 7.2px;
    padding: .5rem .65rem;
    font-size: 13px;
    line-height: 1.7;
  }

  /* 文末声明：同为合规文本，同样「留底去边」。 */
  body[data-page="tcm"] .tcm-notice {
    border: 0;
    background: var(--tcm-plate);
    border-radius: 12px;
    padding: .6rem .75rem;
    font-size: 14px;
    line-height: 1.75;
  }

  /* 岁气体质框：不是合规文案，但同样是「一片浅底 + 3px 左条」的告示牌形态。
     去左条与硬边后剩一块浅蜜底，靠 7.2 圆角读作批注条。 */
  body[data-page="tcm"] .tizhi-box {
    border: 0;
    background: var(--tcm-plate);
    border-radius: 7.2px;
    padding: .5rem .7rem;
    font-size: 14px;
    line-height: 1.7;
  }

  /* ═══════ ② 其余容器：拆盒子，改发丝线分层 ═══════════════════════════ */

  /* 症状自查外壳：原 1px 四边框 + 白底，是正文区最显眼的盒子。
     改成无底无框 + 一条发丝顶线 —— 它仍是「一段独立的东西」，但不再是一个框。 */
  body[data-page="tcm"] #tcm-checkup .tcmck-inner {
    border: 0;
    border-top: 1px solid var(--tcm-hair);
    border-radius: 0;
    background: transparent;
    padding: .8rem .25rem .2rem;
  }

  /* 四时养生 5 卡：1px 四边框 + 白底 + 10px 圆角 → 无底无框，卡间用发丝线分隔。
     五行色签原先靠 .tcm-wx-border-* 的 3px 左条，但 tcm.css 里 `.tcm-season` 的
     border 简写排在它后面（237 行 > 204 行），左条实际上一直被覆盖、从未显示过。
     这里把五行色改落在季名上（颜色取 tcm.css:199-203 既有取值，不引新色），
     信息不丢，且不再需要一个色条盒子。 */
  body[data-page="tcm"] .tcm-season {
    border: 0;
    border-top: 1px solid var(--tcm-hair);
    border-radius: 0;
    background: transparent;
    padding: .6rem 0 .2rem;
  }
  body[data-page="tcm"] .tcm-season:first-child { border-top: 0; padding-top: 0; }
  body[data-page="tcm"] .tcm-wx-border-木 .tcm-season-head b { color: #3f7a4a; }
  body[data-page="tcm"] .tcm-wx-border-火 .tcm-season-head b { color: #b23c2e; }
  body[data-page="tcm"] .tcm-wx-border-土 .tcm-season-head b { color: #9a7420; }
  body[data-page="tcm"] .tcm-wx-border-金 .tcm-season-head b { color: #7d7468; }
  body[data-page="tcm"] .tcm-wx-border-水 .tcm-season-head b { color: #2f5d86; }

  /* 治未病三层 / 五行概念 / 五部经典：同一族的「1px 框 + 10px 圆角」，一并拆成发丝线列表。 */
  body[data-page="tcm"] .tcm-layer,
  body[data-page="tcm"] .tcm-kb,
  body[data-page="tcm"] .tcm-classic {
    border: 0;
    border-top: 1px solid var(--tcm-hair);
    border-radius: 0;
    background: transparent;
  }
  body[data-page="tcm"] .tcm-layer:first-child,
  body[data-page="tcm"] .tcm-kb:first-child,
  body[data-page="tcm"] .tcm-classic:first-child { border-top: 0; }
  body[data-page="tcm"] .tcm-layer { padding: .55rem 0 .3rem; }
  body[data-page="tcm"] .tcm-kb { padding: .55rem 0 .35rem; }
  body[data-page="tcm"] .tcm-classic { padding: .55rem 0 .35rem; }

  /* 五行偏颇折叠行：外层 1px 框 + 10px 圆角 + overflow:hidden 只为了裁子块；
     拆框后改用发丝顶线。展开态原靠 is-open 改边框色，现在改行头浅底 —— 提示不丢。 */
  body[data-page="tcm"] .tcm-bian-row {
    border: 0;
    border-top: 1px solid var(--tcm-hair);
    border-radius: 0;
    overflow: visible;
  }
  body[data-page="tcm"] .tcm-bian-row:first-child { border-top: 0; }
  body[data-page="tcm"] .tcm-bian-head {
    background: transparent;
    padding: .45rem .1rem;
    border-radius: 7.2px;
  }
  body[data-page="tcm"] .tcm-bian-row.is-open .tcm-bian-head {
    background: var(--tcm-plate);
    padding-left: .5rem;
    padding-right: .5rem;
  }
  /* 展开后「偏旺／偏弱」两片原先是虚线方框（1px dashed 四边）。
     虚线框读起来更像「待填表格」，同样是盒子语言，一并降成发丝顶线。
     （enhance.css 的 §T29 把 .tcm-bian-side 的 padding 钉成 3px 4px !important，
       所以这里只改边框、不动 padding —— 写了也不生效。） */
  body[data-page="tcm"] .tcm-bian-side {
    border: 0;
    border-top: 1px solid var(--tcm-hair);
    border-radius: 0;
  }
  body[data-page="tcm"] .tcm-bian-side:first-child { border-top: 0; }

  /* 五运六气「初之气／二之气…」小签：1px 框 + 8px 圆角 → 无框浅蜜签。 */
  body[data-page="tcm"] .tcm-step {
    border: 0;
    background: var(--tcm-plate);
    border-radius: 7.2px;
    padding: .25rem .5rem;
    font-size: 13px;
  }

  /* 侧栏（<1100px 折叠着，展开后同样要合规）：折叠键 10px→12px。 */
  body[data-page="tcm"] .tcm-side-toggle { border-radius: 12px; font-size: 14px; }

  /* 降级态十二时辰常识格：只有无实时数据时才渲染，圆角 8→7.2、字号落到整数档。 */
  body[data-page="tcm"] .tcm-fb-hour { border-radius: 7.2px; font-size: 13px; }

  /* ═══════ ③ 圆角阶梯外取值收口（2 / 6 / 8 / 10 → 3 / 7.2 / 12）═══════ */
  body[data-page="tcm"] #tcm-checkup .tcmck-btn { border-radius: 3px; }
  body[data-page="tcm"] .tcm-fallback-note { border-radius: 12px; }
  body[data-page="tcm"] .tcm-brief-step { border-radius: 12px; }
  body[data-page="tcm"] .tcm-side-now { border-radius: 12px; }
  body[data-page="tcm"] .tcm-brief-notice { border-radius: 7.2px; }
  body[data-page="tcm"] .tcm-brief-error { border-radius: 7.2px; }
  body[data-page="tcm"] .tcm-family-item { border-radius: 7.2px; }
  body[data-page="tcm"] .tcm-field input,
  body[data-page="tcm"] .tcm-field select { border-radius: 7.2px; }
  /* 自查结果卡：先试过「无底无框 + 发丝顶线」，但结果卡是整段自查的结论落点，
     去掉底色后它和上下的说明文字连成一片，反而是可读性倒退（截图比对确认）。
     故改用「有底无框」：浅蜜底 + 12 圆角，边界靠底色差而不是描边。
     V1 的口径是「实底 **且** 四边边框」，无边框即不进计数。 */
  body[data-page="tcm"] #tcm-checkup .tcmck-card {
    border: 0;
    border-radius: 12px;
    background: var(--tcm-plate);
    padding: .7rem .8rem;
  }
  /* 首推证型：同一族更实一档的底，不加边框。 */
  body[data-page="tcm"] #tcm-checkup .tcmck-card.is-top {
    background: rgba(138, 90, 43, .12);
    padding: .7rem .8rem;
  }
  /* 「出现下面任何一条，先别自查，直接就医」——就医红线清单。
     与免责带同族：保留实体浅底作为可读边界，去四边硬边，圆角归 16.8。
     **这是本页移动端唯一保留实体底板的容器**（就医红线优先于材质统一）。 */
  body[data-page="tcm"] #tcm-checkup .tcmck-red {
    border: 0;
    background: #fdf6f4;
    border-radius: 16.8px;
    padding: .8rem .9rem;
  }
  body[data-page="tcm"] #tcm-checkup .tcmck-seek {
    border: 0; border-radius: 7.2px; background: #fdf3f0;
  }
  body[data-page="tcm"] #tcm-checkup .tcmck-feat { border-radius: 7.2px; }
  body[data-page="tcm"] #tcm-checkup .tcmck-hit i { border-radius: 3px; }
  /* 症状药丸按钮：999 圆角会与「药丸 ≤2」冲突，改成芯片档；边框保留（那是可点边界）。 */
  body[data-page="tcm"] #tcm-checkup .tcmck-pill { border-radius: 7.2px; }

  /* ═══════ ④ 药丸收口：章节序号与徽标 ═════════════════════════════════
     两者原都是 radius:999 + 1px 蜜色细框，属于「框住两个字的药丸」。
     改成浅蜜底 + 7.2 圆角无框的小签：层级区分还在，盒子感去掉。 */
  body[data-page="tcm"] .tcm-chapter-no {
    border: 0;
    background: var(--tcm-plate);
    border-radius: 7.2px;
    padding: .1rem .45rem;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .06em;
  }
  body[data-page="tcm"] .tcm-badge {
    border: 0;
    background: var(--tcm-plate);
    border-radius: 7.2px;
    padding: .05rem .4rem;
    font-size: 12px;
  }

  /* 章节导语：原 2px 蜜色左条。去条后可读性靠色阶（--tcm-ink-2）与行宽，不再靠条。 */
  body[data-page="tcm"] .tcm-chapter-lede {
    border-left: 0;
    padding-left: 0;
    font-size: 14px;
  }

  /* 侧栏目录项与免责速览的 2px 左条 → 1px 发丝线（V2 只数 ≥2px）。 */
  body[data-page="tcm"] .tcm-toc a { border-left-width: 1px; }
  body[data-page="tcm"] .tcm-side-note { border-left-width: 1px; }

  /* ═══════ ⑤ 字号收口到整数档（禁 .5px，正文 ≥13，最小可见字 12）══════
     数值全部取自实测：括号里是改动前浏览器算出的 px。
     rem 折算出来的小数档（.92rem=14.72、.98rem=15.68、.84rem=13.44…）逐一落到奇数档，
     视觉重量基本不变，但不再有半像素基线。 */

  /* — 页头与免责 — */
  body[data-page="tcm"] .tcm-tool-head p { font-size: 15px; }              /* 14.72 */
  body[data-page="tcm"] .tcm-tool-head strong { font-size: 15px; }         /* 14.72 */
  body[data-page="tcm"] .tcm-disclaimer-band b { font-size: 15px; }        /* 15.2  */

  /* — 此刻 hero / 十二时辰轴 — */
  body[data-page="tcm"] .tcm-kicker { font-size: 12px; }                   /* 12.16 */
  body[data-page="tcm"] .tcm-archive-line { font-size: 12px; }             /* 12.48 */
  body[data-page="tcm"] .tcm-archive-line span,
  body[data-page="tcm"] .tcm-archive-line b { font-size: 12px; }           /* 12.48 */
  body[data-page="tcm"] .tcm-dangling { font-size: 18px; }                 /* 17.6  */
  body[data-page="tcm"] .tcm-dangling small { font-size: 12px; }           /* 10.88 */
  body[data-page="tcm"] .tcm-keys { font-size: 14px; }                     /* 13.76 */
  body[data-page="tcm"] .tcm-hero .tcm-src { font-size: 12px; }            /* 11.52 */
  body[data-page="tcm"] .tcm-sec-note { font-size: 12px; }                 /* 12.16 */
  body[data-page="tcm"] .tcm-sec-title small { font-size: 12px; }          /* 10.88 */
  body[data-page="tcm"] .tcm-hz { font-size: 15px; }                       /* 15.2  */
  body[data-page="tcm"] .tcm-hour.is-now .tcm-hz { font-size: 26px; }      /* 25.6  */

  /* — 章节标题阶梯 — */
  body[data-page="tcm"] .tcm-card > h3,
  body[data-page="tcm"] .tcm-section.tcm-derived .tcm-card > h3 { font-size: 16px; }  /* 15.68 */
  body[data-page="tcm"] .tcm-chapter-title small { font-size: 13px; }      /* 13.12 */

  /* — 五运六气 / 应象总表 — */
  body[data-page="tcm"] .tcm-chip .tc-value { font-size: 18px; }           /* 18.4  */
  body[data-page="tcm"] .tcm-step b { font-size: 13px; }                   /* 12.8  */
  body[data-page="tcm"] .tcm-yun-detail h4 { font-size: 14px; }            /* 14.08 */
  body[data-page="tcm"] .tcm-table { font-size: 13px; }                    /* 13.44 */

  /* — 五行偏颇自检 — */
  body[data-page="tcm"] .tcm-bian-wx { font-size: 18px; }                  /* 18.4  */
  body[data-page="tcm"] .tcm-bian-hint { font-size: 12px; }                /* 12.16 */
  body[data-page="tcm"] .tcm-bian-side h5 { font-size: 15px; }             /* 14.72 */
  body[data-page="tcm"] .tcm-bian-lab,
  body[data-page="tcm"] .tcm-bian-org { font-size: 12px; }                 /* 12.16 */

  /* — 四时养生 / 治未病 / 经典谱系 — */
  body[data-page="tcm"] .tcm-season-head b { font-size: 17px; }            /* 16.8  */
  body[data-page="tcm"] .tcm-season-head span { font-size: 13px; }         /* 12.8  */
  body[data-page="tcm"] .tcm-layer h4 { font-size: 15px; }                 /* 15.2  */
  body[data-page="tcm"] .tcm-classic-part,
  body[data-page="tcm"] .tcm-classic-theme { font-size: 13px; }            /* 13.12 */

  /* — 家人健康早备（登录后才展开，一并收口）— */
  body[data-page="tcm"] .tcm-btn { font-size: 14px; }                      /* 13.6  */
  body[data-page="tcm"] .tcm-family-rel,
  body[data-page="tcm"] .tcm-family-birth { font-size: 12px; }             /* 12.48 */
  body[data-page="tcm"] .tcm-family-add > summary { font-size: 14px; }     /* 14.08 */
  body[data-page="tcm"] .tcm-field label { font-size: 12px; }              /* 12.48 */
  body[data-page="tcm"] .tcm-form-msg { font-size: 13px; }                 /* 13.12 */
  body[data-page="tcm"] .tcm-brief-label { font-size: 14px; }              /* 14.08 */
  body[data-page="tcm"] .tcm-brief-org { font-size: 13px; }                /* 12.8  */
  body[data-page="tcm"] .tcm-brief-reason { font-size: 13px; }             /* 13.12 */
  body[data-page="tcm"] .tcm-brief-h5 { font-size: 14px; }                 /* 14.08 */
  body[data-page="tcm"] .tcm-brief-step h5 em { font-size: 12px; }         /* 11.84 */
  body[data-page="tcm"] .tcm-brief-detail > summary { font-size: 13px; }   /* 13.12 */

  /* — 降级态时辰格 — */
  body[data-page="tcm"] .tcm-hours-grid .tcm-fb-hour strong { font-size: 13px; }
  body[data-page="tcm"] .tcm-hours-grid .tcm-fb-hour span,
  body[data-page="tcm"] .tcm-hours-grid .tcm-fb-hour p { font-size: 12px; }

  /* — 侧栏（展开后）— */
  body[data-page="tcm"] .tcm-toc a { font-size: 13px; }                    /* 13.12 */
  body[data-page="tcm"] .tcm-side-now-h { font-size: 12px; }               /* 11.2  */
  body[data-page="tcm"] .tcm-side-now-jing { font-size: 14px; }            /* 13.76 */
  body[data-page="tcm"] .tcm-side-now-note,
  body[data-page="tcm"] .tcm-side-note { font-size: 12px; }                /* 12.48 */

  /* — 症状自查 — */
  body[data-page="tcm"] #tcm-checkup .tcmck-h2 { font-size: 17px; }        /* 16.8  */
  body[data-page="tcm"] #tcm-checkup .tcmck-btn { font-size: 15px; }       /* 14.72 */
  body[data-page="tcm"] #tcm-checkup .tcmck-pill { font-size: 14px; }      /* 14.08 */
  body[data-page="tcm"] #tcm-checkup .tcmck-pill i { font-size: 12px; }    /* 11.52 */
  body[data-page="tcm"] #tcm-checkup .tcmck-feat { font-size: 14px; }      /* 14.08 */
  body[data-page="tcm"] #tcm-checkup .tcmck-score { font-size: 12px; }     /* 11.84 */
  body[data-page="tcm"] #tcm-checkup .tcmck-hit { font-size: 12px; }       /* 12.48 */
  body[data-page="tcm"] #tcm-checkup .tcmck-note,
  body[data-page="tcm"] #tcm-checkup .tcmck-muted { font-size: 14px; }     /* 14.08 */
  body[data-page="tcm"] #tcm-checkup .tcmck-card dl { font-size: 14px; }   /* 13.76 */
  body[data-page="tcm"] #tcm-checkup .tcmck-red ul { font-size: 13px; }    /* 13.44 */
  body[data-page="tcm"] #tcm-checkup .tcmck-src,
  body[data-page="tcm"] #tcm-checkup .tcmck-disclaim { font-size: 12px; }  /* 12.16 / 12.48 */

  /* 结果屏的正文块（只有点了「开始自查」才渲染，所以首屏探针量不到）：
     .tcmck-step .88rem=14.08，.tcmck-details .86rem=13.76 —— 连同其中未被单独选中的
     p / summary 一起落到整数档。 */
  body[data-page="tcm"] #tcm-checkup .tcmck-step,
  body[data-page="tcm"] #tcm-checkup .tcmck-details { font-size: 14px; }   /* 14.08 / 13.76 */
  body[data-page="tcm"] #tcm-checkup .tcmck-details p,
  body[data-page="tcm"] #tcm-checkup .tcmck-details summary { font-size: 14px; }  /* 13.76 */
  /* 结果屏底部的「← 换一个不适」返回键（.85rem=13.6） */
  body[data-page="tcm"] #tcm-checkup .tcmck-back { font-size: 14px; }      /* 13.6  */
  /* 结果块的小标题（.92rem=14.72），「就医提示」与「红旗清单」两处 */
  body[data-page="tcm"] #tcm-checkup .tcmck-note h4,
  body[data-page="tcm"] #tcm-checkup .tcmck-red h4 { font-size: 15px; }    /* 14.72 */

  /* ═══════ ⑥ 站点框架件（页脚 / 问事面板 / 底栏）═══════════════════════
     这几处 12.5px 来自全站共用层（styles.css / enhance.css），不属于 tcm 页自有样式。
     本轮只在本页内收到 13px（不改那两份共用文件），因此改完 tcm 页页脚会比其余 15 页
     高 0.5px 的字号档 —— 若要全站一致，应在共用层统一抬到 13px，而不是复制本段。 */
  body[data-page="tcm"] footer .footer-brand p,
  body[data-page="tcm"] footer .footer-disclaimer,
  body[data-page="tcm"] footer .footer-compliance,
  body[data-page="tcm"] footer .footer-compliance a { font-size: 13px; }   /* 12.5 */
  body[data-page="tcm"] .asi-sub,
  body[data-page="tcm"] .ask-sheet-more,
  body[data-page="tcm"] .ask-sheet-more a,
  body[data-page="tcm"] .ask-sheet-more i { font-size: 13px; }             /* 12.5 */
  body[data-page="tcm"] .site-bottom-tabs a { font-size: 13px; }           /* 12.5 */

  /* 「添加到主屏」提示条（layout.js 注入）：14.5 / 12.5 两个半像素档。 */
  body[data-page="tcm"] .qiyi-a2hs-t { font-size: 15px; }                  /* 14.5 */
  body[data-page="tcm"] .qiyi-a2hs-d { font-size: 13px; }                  /* 12.5 */

}

/* ---------- _t52_anli.css ---------- */
/* ==========================================================================
   _t52_anli.css — T52 移动端视觉统一 · anli.html（案例库）单页片段
   （执行体 CSS · anli 页专用，2026-10-22）

   纪律
   ----
   1. 整份文件只有一条 @media (max-width: 860px) 外壳：桌面零变化由构造保证。
   2. 每条规则都带 `body[data-page="anli"]` 前缀，合并进 mobile-refine.css 后
      也不会漏到别的页面。
   3. 全部声明带 !important，且选择器权重**高于**既有规则（enhance.css / styles.css /
      member.css 里凡是带 !important 的地方都逐条核过）——不靠“后加载碰巧赢”。
   4. 不用 display:none 藏任何东西；正文一个字符都没少。

   这一页要治的是什么
   ------------------
   390px 实测：内容容器里 9 个「实底 + 四边硬边框」的盒子（8 张案例卡 + 投稿区 +
   客服区），8 条 4px 主色左边条，47 个圆角 999 的药丸。观感像一排工程告示牌。
   站内已经做对的三页（index / paipan / liuyao）用的是另一种语言：
   **纸面靠留白与一条极淡发丝线分层，不靠盒子和边框；强调靠字号与字色，不靠底色块。**

   所以这里做的是「降材质、升排印」：
     · 案例卡：去掉实底与四边描边，改成「一行发丝线 + 上下留白」的条目式版式；
     · 4px 左边条整条拆除（不是改透明），按类型区分的信息改由卡头那个 5px 淡色点
       与类型字色承担——信息没丢，材质降级；
     · 药丸：切换器改成「2px 下划线分段器」，徽标/类型/要点改成印刷标签与行内要点，
       全页圆角≥100px 的只剩菜单键与「在看」（站内既有约定）；
     · 字号：本页所有 .5px 一律归整，正文抬到 13px 以上。

   保留项（刻意不动）
   ----------------
   · body[data-page="anli"] 的强调色 / 背景 / 字体栈（header-v2.css:40 提供）；
   · 表单控件（input / textarea / select）的描边——它们需要边界才认得出可点；
   · .menu-trigger 与 .asi-now 的药丸形态（V3 明确放行）；
   · 免责文案、客服三步、协议链接等全部文本内容。
   ========================================================================== */

@media (max-width: 860px) {

  /* ======================================================================
     一 · 案例卡：拆掉「实底 + 四边硬边框」
     ----------------------------------------------------------------------
     原来：background: var(--surface) + 四边 1px + 12px 圆角 + 4px 左边条。
     styles.css:3337 给的是 border: 1px；enhance.css:962 追加 border-left: 4px；
     enhance.css:973-989 再按事项类型给左边条上色；T28-1（2344-2359）与
     T29-1（2426-2429）已经把四边颜色抹掉、padding 收到 12/14。
     这里直接归零：整条边框宽度归 0，只留一条 1px 发丝顶线做条目分隔。

     为什么权重写成三段：T29-1 那条是 `body[data-page="anli"] .case-card`
     (0,2,1)，与「我自己写同样的选择器、只是排在后面」完全同价，靠加载序取胜太脆。
     改成 `body[data-page="anli"] .case-list > article.case-card` = (0,3,2)，
     无论这段被粘到哪一行都稳定胜出。
     ====================================================================== */
  body[data-page="anli"] .case-list > article.case-card {
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid rgba(88, 74, 55, 0.14) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 16px 0 18px !important;
    transition: none !important;
  }
  /* 悬停的位移与投影在移动端没有意义，一并压掉（不影响桌面：整块在媒体查询内） */
  body[data-page="anli"] .case-list > article.case-card:hover {
    transform: none !important;
    box-shadow: none !important;
  }

  /* 条目之间靠留白，不再靠 14px 网格缝 + 一圈描边 */
  body[data-page="anli"] .case-list {
    gap: 0 !important;
    margin-bottom: 22px !important;
  }
  /* 第一张卡紧接上方横幅，顶线就是它自己的分隔线，不需要额外上边距 */
  body[data-page="anli"] .case-list > article.case-card:first-child {
    border-top: 0 !important;
    padding-top: 6px !important;
  }

  /* 卡头三行：徽标+类型 / 标题。间距收一档，标题回到正文声部 */
  body[data-page="anli"] .case-card-head {
    gap: 5px !important;
  }
  body[data-page="anli"] .case-card-head > div {
    gap: 8px !important;
  }
  body[data-page="anli"] .case-card-head h3 {
    font-size: 18px !important;
    line-height: 1.45 !important;
    letter-spacing: 0.01em;
    color: var(--ink) !important;
  }

  /* ======================================================================
     二 · 左边条拆除后，「按事项类型区分」的信息去哪了
     ----------------------------------------------------------------------
     enhance.css:973-989 用 8 条 4px 彩色左边条表示 事业/财运/婚姻/疾病/考试/
     诉讼/出行/寻人失物；案例数据里还有 刑侦 / 证件 两个没被映射的类型（未命中时
     左边条是 transparent，本来就无色）。
     这里把它换成**一个 5px 淡色点 + 同色字**，颜色取自同一批令牌，没有新增色相：
     点很小、且与「类型名」并排，读起来是印刷品的分类记号，不是一个色块模块。
     ====================================================================== */
  body[data-page="anli"] .case-card .case-purpose {
    --anli-purpose: var(--line-strong);
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 3px !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    line-height: 1.6 !important;
    vertical-align: middle;
  }
  body[data-page="anli"] .case-card .case-purpose::before {
    content: "" !important;
    flex: none;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--anli-purpose);
  }
  /* 一个选择器组覆盖全部 .case-purpose-*（含数据里出现过、enhance 未映射的两种） */
  body[data-page="anli"] .case-card.case-purpose-事业   .case-purpose { --anli-purpose: var(--accent); }
  body[data-page="anli"] .case-card.case-purpose-财运   .case-purpose { --anli-purpose: var(--gold); }
  body[data-page="anli"] .case-card.case-purpose-婚姻   .case-purpose { --anli-purpose: #c45479; }
  body[data-page="anli"] .case-card.case-purpose-疾病   .case-purpose { --anli-purpose: var(--cinnabar); }
  body[data-page="anli"] .case-card.case-purpose-考试   .case-purpose { --anli-purpose: #5e8a6a; }
  body[data-page="anli"] .case-card.case-purpose-诉讼   .case-purpose { --anli-purpose: #7a5a8a; }
  body[data-page="anli"] .case-card.case-purpose-出行   .case-purpose { --anli-purpose: #4d7796; }
  body[data-page="anli"] .case-card.case-purpose-寻人失物 .case-purpose { --anli-purpose: #b38240; }
  body[data-page="anli"] .case-card.case-purpose-刑侦   .case-purpose { --anli-purpose: var(--cinnabar); }
  body[data-page="anli"] .case-card.case-purpose-证件   .case-purpose { --anli-purpose: var(--gold-ink); }
  /* 数据里出现任何还没映射的新类型，退回一个中性点 —— 信息是「有分类」而不是「无色」 */

  /* ======================================================================
     三 · 药丸收方（V3）：只留 .menu-trigger 与 .asi-now
     ----------------------------------------------------------------------
     47 个圆角 999 的来源：3 个切换器 + 投稿横幅按钮 + 8 个徽标 + 8 个类型标签
     + 24 个盘面要点 + 奖励提示条 + 提交按钮 + 菜单键。
     除菜单键外全部降级，且降级方式各自不同——不是统一改成 7.2px 了事。
     ====================================================================== */

  /* 3-1 切换器 → 2px 下划线分段器
     `.case-tab::after` 已被 enhance.css:2250 的触控热区伪元素占用（inset:-3px 0），
     所以下划线走 `::before` 这个空槽位，两者互不打架。
     height 保持 40px：T27-1 给 button 定的触控地板就是这个值，不再往下压。 */
  body[data-page="anli"] .case-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 !important;
    margin-bottom: 12px !important;
    border-bottom: 1px solid rgba(88, 74, 55, 0.14);
  }
  body[data-page="anli"] .case-tab {
    position: relative;
    height: 40px !important;
    padding: 0 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--muted) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
  }
  body[data-page="anli"] .case-tab.is-active {
    background: transparent !important;
    color: var(--accent-strong) !important;
  }
  body[data-page="anli"] .case-tab.is-active::before {
    content: "" !important;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: var(--accent);
  }

  /* 3-2 徽标（官方精选 / 用户案例 / 复盘失败）→ 印刷体小标签
     去掉底色药丸，改成字距拉开的分类字，颜色沿用 styles.css:3372-3385 那三个色。 */
  body[data-page="anli"] .case-badge {
    padding: 0 !important;
    background: transparent !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    line-height: 1.6 !important;
  }
  body[data-page="anli"] .case-badge.official { color: var(--accent-strong) !important; }
  body[data-page="anli"] .case-badge.user     { color: var(--gold-ink) !important; }
  body[data-page="anli"] .case-badge.failed   { color: var(--cinnabar) !important; }

  /* 3-3 盘面要点 → 行内要点（一条短横 + 一句）
     styles.css:3418 是 inline-block 药丸；这里改成整行条目，避免 24 个色块。
     伪元素是 4×1px 的一道发丝，不是圆点，和正文的行首对齐。 */
  body[data-page="anli"] .case-point {
    display: block !important;
    position: relative;
    margin: 0 0 4px !important;
    padding: 0 0 0 13px !important;
    background: transparent !important;
    border-radius: 0 !important;
    color: var(--ink) !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
  }
  body[data-page="anli"] .case-point:last-child {
    margin-bottom: 0 !important;
  }
  body[data-page="anli"] .case-point::before {
    content: "" !important;
    position: absolute;
    left: 2px;
    top: 0.72em;
    width: 5px;
    height: 1px;
    background: var(--line-strong);
  }

  /* 3-4 投稿横幅：金调渐变的实底卡片 → 极淡金雾 + 发丝按钮
     底色 alpha .07 < 判据的 .35 阈值，且没有任何边框：它在尺子上不是「盒子」，
     在眼里也只是一块比纸略暖的地面。 */
  body[data-page="anli"] .case-submit-banner {
    margin: 12px 0 14px !important;
    padding: 12px 14px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: rgba(184, 134, 47, 0.07) !important;
    box-shadow: none !important;
  }
  body[data-page="anli"] .case-submit-banner .csb-text strong {
    font-size: 14px !important;
    color: #4a3510 !important;
  }
  body[data-page="anli"] .case-submit-banner .csb-text em {
    font-size: 12px !important;
    color: #7a5a1e !important;
  }
  body[data-page="anli"] .case-submit-banner .csb-btn {
    padding: 5px 10px !important;
    border: 1px solid rgba(184, 134, 47, 0.5) !important;
    border-radius: 3px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--gold-ink) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
  }

  /* 3-5 投稿表单里的奖励提示条与提交按钮（折叠壳是关闭态，但探针仍能量到它们的盒子） */
  body[data-page="anli"] .case-submit-head .case-reward-tip {
    padding: 3px 9px !important;
    border-radius: 3px !important;
    background: rgba(232, 200, 120, 0.14) !important;
    font-size: 13px !important;
  }
  body[data-page="anli"] #case-submit-btn {
    border-radius: var(--radius-sm) !important;
  }

  /* ======================================================================
     四 · 其余三处「实底 + 四边描边」的容器
     ----------------------------------------------------------------------
     实测基线（修正后 V1）共 9 个：8 张案例卡 + 投稿区 + 折叠壳 + 客服区。
     案例卡已在上面处理，剩下三处各自降级为「发丝线 + 留白」。
     ====================================================================== */

  /* 4-1 免责说明：一张 362×104 的白卡 → 页眉下面的一段注记 */
  body[data-page="anli"] section.case-intro {
    margin-bottom: 14px !important;
    padding: 12px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(88, 74, 55, 0.14) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body[data-page="anli"] .case-intro p {
    font-size: 13px !important;
    line-height: 1.75 !important;
  }

  /* 4-2 投稿区外壳 + 折叠壳：两层盒子套两层盒子是全页最像「告示牌」的地方 */
  body[data-page="anli"] section#case-submit {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    gap: 12px !important;
  }
  body[data-page="anli"] #case-submit .case-submit-fold {
    padding: 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(88, 74, 55, 0.14) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body[data-page="anli"] .case-submit-fold > summary {
    padding: 14px 0 !important;
    font-size: 16px !important;
  }
  body[data-page="anli"] .case-submit-fold > .case-submit-head,
  body[data-page="anli"] .case-submit-fold > .case-form {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* 折叠体里的表单控件保持原样——需要边界才认得出可点，不在本片段的拆卸范围内 */

  /* 4-3 客服区：白卡 + 青绿渐变 + 16.8px 圆角 → 一条发丝线之上的联系方式段 */
  body[data-page="anli"] section.kf-contact {
    margin-top: 22px !important;
    padding: 18px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(88, 74, 55, 0.14) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    gap: 14px !important;
  }
  body[data-page="anli"] section.kf-contact .kf-qr-card .kf-qr {
    width: 132px;
    height: 132px;
    padding: 4px;
    border-radius: var(--radius-sm);
  }

  /* ======================================================================
     五 · 字号归整（V4）：本页一律整数，半像素归到最近的整数档
     ----------------------------------------------------------------------
     实测 390px 本页残留：12.5px × 25、13.5px × 8。
     注意 mobile-refine.css 第一部分用的是 :where(...)——权重 0，被
     `:where(.kf-note)` 之外的同名 class 规则（.kf-note 自身是 (0,1,0)）压住，
     对 member.css 里的 .kf-note 等**并不生效**；所以这里逐条显式写，不用 :where。
     12px 的小标签（类型点、徽标、dt、出处）保持 12px：判据地板是「不得 < 12px」，
     它们是需要压住的元信息，不跟着正文一起抬。
     ====================================================================== */

  /* 5-1 案例卡内 */
  body[data-page="anli"] .case-facts dt {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }
  body[data-page="anli"] .case-facts dd {
    font-size: 14px !important;
    line-height: 1.75 !important;
  }
  body[data-page="anli"] .case-facts {
    gap: 9px !important;
  }
  body[data-page="anli"] .case-facts > div {
    grid-template-columns: 63px minmax(0, 1fr) !important;
    gap: 10px !important;
  }
  body[data-page="anli"] .case-source {
    font-size: 12px !important;
    line-height: 1.7 !important;
  }

  /* 5-2 客服区（member.css:2001/2014/2029/2052 的 12.5 / 13.5） */
  body[data-page="anli"] section.kf-contact .kf-qr-card .qr-caption {
    font-size: 13px !important;
  }
  body[data-page="anli"] section.kf-contact .kf-info > p {
    font-size: 14px !important;
    line-height: 1.8 !important;
  }
  body[data-page="anli"] section.kf-contact .kf-steps li {
    font-size: 14px !important;
    line-height: 1.75 !important;
  }
  body[data-page="anli"] section.kf-contact .kf-note {
    font-size: 14px !important;
    line-height: 1.75 !important;
  }

  /* 5-3 页尾入口族（.more-shu-item 的 .85rem 在窄屏会落成 13.6px 这类半像素） */
  body[data-page="anli"] .more-shu-head {
    font-size: 12px !important;
  }
  body[data-page="anli"] .more-shu-item strong {
    font-size: 13px !important;
  }
  body[data-page="anli"] .more-shu-item span {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  /* 5-4 页脚（layout.js 注入的站内公共结构）
     它是 HTML 文本，确实落在 V4 的「半像素字号」里（footer p / a 写死 12.5px），
     所以在 anli 页把它归整；底栏 nav.site-bottom-tabs 与 SVG 图形按主控更正后的
     口径不计入 V4，且属于站点框架件，本片段**一律不碰**——避免同一根底栏换页跳字号。 */
  body[data-page="anli"] footer p,
  body[data-page="anli"] footer a,
  body[data-page="anli"] .footer-copyright {
    font-size: 13px !important;
    line-height: 1.7 !important;
  }
  body[data-page="anli"] .footer-version > span {
    font-size: 12px !important;
  }
  /* 换页面板里的一行副标（.asi-sub，写死 12.5px）同上：只在本页归整 */
  body[data-page="anli"] .asi-sub {
    font-size: 13px !important;
  }
  body[data-page="anli"] .ask-sheet-more,
  body[data-page="anli"] .ask-sheet-more a {
    font-size: 13px !important;
  }

  /* 5-5 iOS「添加到主屏幕」提示卡（14.5px / 12.5px）
     它是 layout.js 运行时以 <style> 注入的框架件，落地在本层**之后**。
     所以不靠加载序取胜：把选择器提到 (0,2,1) 即可压过注入样式里的单类 (0,1,0)，
     与先后无关；也用不上 !important。
     与 _t52_zhishi.css / _t52_mbti.css 取同一组值，避免同一张提示卡换页跳字号。 */
  body[data-page="anli"] .qiyi-a2hs-t {
    font-size: 15px;
  }
  body[data-page="anli"] .qiyi-a2hs-d {
    font-size: 13px;
  }

  /* ======================================================================
     六 · 圆角（V5）自查
     ----------------------------------------------------------------------
     本片段只引入 3px / 12px / 7.2px（--radius-sm）/ 50%（类型点）/ 0，
     全部落在允许阶梯 {3, 7.2, 12, 16.8, 50%, 999} 内；
     999 只保留在 .menu-trigger 与 .asi-now 两处（本文件完全没有碰它们）。
     ====================================================================== */
}

/* ---------- _t52_zhishi.css ---------- */
/* ==========================================================================
   _t52_zhishi.css — 典籍检索 / 知识库图谱页 · 移动端视觉统一（T52，执行体片段）

   状态：**未合并**。本文件不被任何页面引用，仅作交付片段；
   合并时整块追加进 mobile-refine.css 即可（它已在 16 页最后加载）。

   作用域：只在 ≤860px 生效 ⇒ 桌面零变化由构造保证，不靠测量。
   级联位置：本文件是「最后加载」的一层，因此**基础属性一律用单类选择器**
   （.kb-chip / .kba-seg …，与 member.css 同权重、靠顺序取胜），
   只在需要压过 styles.css 的 (0,1,0) 或页面级规则时加 body[data-page="zhishi"]。
   注意一条实测过的权重陷阱：`.kb-chip.is-active` 是 (0,2,0)，
   若把基础规则写成 body[data-page="zhishi"] .kb-chip（0,2,1）就会**反压**
   选中态的 border-color，故本层把 .is-active 在基础规则之后显式重报一次。

   量到的基线（390px，改动前，探针 t52z_diag.py）：
     药丸（radius ≥100px）29 = .menu-trigger + input#kb-input + 检索按钮
                              + 25×.kb-chip + div.kba-seg
     实底+四边硬边框盒 11 —— 修正版 V1 判据（排除 INPUT/BUTTON/A 等交互控件）后**只有 1 个**
                              （div.kba-seg 154×46），本来已达标，本轮不动它
     左边条（border-left ≥2px）0 —— 已达标，本层不得新增
     半像素字号 23 处：12.5px×21 + 13.5px×2（星图视图另有 14.5px×1，来自 a2hs 提示卡）
     <12px 可见文本 0 —— 已达标，本层只做加法，不允许出现新的小字
     圆角阶梯外取值 0 个（现有 3 / 7.2 / 12 / 16.8 / 50 / 999 全在阶梯内）

   本页的问题非常单一：**29 个药丸**。25 个分类筛选片 + 搜索框 + 检索按钮
   全部是 999px 圆角，是站内最重的材质。对照站内已做对的 paipan 页：
   场景筛选是**方角细描边、无实底**，纸面靠留白与发丝线分层。
   本层照此把 kb-chip 从「白底药丸」降为「透明底方角细描边」，
   选中态保留实心主色（唯一强 affordance，只有一个元素）。

   刻意**不**动的东西（逐条记理由，便于复核时区分「漏做」与「取舍」）：
   1. form 控件的边框：工单勘误明确——input#kb-input 与「检索」按钮
      必须看得出能点能填，只降圆角（999→var(--radius-sm) 7.2px），不给它去边框。
   2. body[data-page="zhishi"] 的强调色 / 背景 / 字体栈：那是本页的标识。
   3. .menu-trigger：全站既有药丸，判据允许保留的本页唯一药丸。
   4. .kba-svg 的横向溢出（星图 680px min-width 超出 390px）：
      **本轮不修**，见交付说明——收它必须动 .kba-svg-wrap 的 overflow-x，
      会连带改变星图的横向拖动行为，超出「只统一材质」的范围。
   ========================================================================== */

@media (max-width: 860px) {

  /* ---------- 一、V3 主战场：29 个药丸 → 1 个 ---------- */

  /* 25 个分类筛选片：白底药丸 → 透明底方角细描边（对齐 paipan 的场景筛选）。
     去的是「实底 + 999px 圆角」这两样最重的东西，边框保留 1px 发丝线
     以维持可点性；不进 V1 计数（V1 要求 bgA ≥ 0.35，这里是 transparent）。 */
  .kb-chip {
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);          /* 7.2px，阶梯内 */
    background: transparent;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.45;
    padding: 7px 11px;
  }

  /* 选中态必须在这里重报：基础规则的 border 会与 member.css 的
     .kb-chip.is-active（0,2,0）抢 border-color，显式写死不留竞争面。 */
  .kb-chip.is-active {
    border-color: var(--accent);
    border-radius: var(--radius-sm);
    background: var(--accent);
    color: #fff;
  }

  /* 搜索框：只降圆角，边框与白底都留着——它要在纸面上看得出「这里能填」。 */
  .kb-form input {
    border-radius: var(--radius-sm);
  }
  .kb-form input:focus {
    border-color: rgba(14, 111, 102, 0.55);
  }

  /* 检索按钮：同上，主色实心块保留（可点性），只把 999px 收成方角。 */
  .kb-form button {
    border-radius: var(--radius-sm);
  }

  /* 星图 / 列表 视图切换：外框 999px → 方角，内部分段仍满高贴合。
     这是本页修正版 V1 计数里唯一剩下的那 1 个盒子（154×46），保留其
     「实底 + 1px 四边」的控件外观，只改圆角。 */
  .kba-seg {
    border-radius: var(--radius-sm);
  }

  /* 分类片之间的呼吸：从 8px 收到 6px，抵掉字号 12→13 带来的宽度增量，
     避免 390px 下每行从 3 个掉到 2 个、把首屏以下撑长。 */
  .kb-categories {
    gap: 6px;
  }

  /* ---------- 二、V4 字级：半像素一律归整数，正文 ≥13px ---------- */

  /* 13.5px×2：这两行在 zhishi.html 里是行内 style（工单禁改 HTML）。
     实测确认：行内 style 压得过任何不带 !important 的样式表规则，
     所以 `section.kb-search > p` 那条对 <p> 本身是**无效**的（仅作继承兜底），
     真正起作用的是下面那条打在 <a> 上的规则——<p> 内没有直系文本节点，
     文本全在 <a> 里，<a> 变成 14px 后这两行就归整了。 */
  section.kb-search > p {
    font-size: 14px;
  }
  section.kb-search > p > a {
    font-size: 14px;
  }

  /* 12.5px×1：星图下方的操作说明 */
  .kba-note {
    font-size: 13px;
  }

  /* 12.5px×5：底部导航标签。底栏是全站框架件，各页在本层各自收口
     （mobile-refine.css 里每页一条 body[data-page="…"] .site-bottom-tabs a），
     这里同样带页面前缀，避免与并行会话的全站口径互相覆盖。 */
  body[data-page="zhishi"] .site-bottom-tabs a {
    font-size: 13px;
  }

  /* 12.5px×3：页脚免责/备案段（12px 的版本号与版权行是整数、且非正文，
     按「不得有可见文本 <12px」的地板保留不动）。
     页脚是全站共用件，因此带页面前缀——本片段合并进 mobile-refine.css 后
     会在全部 16 页生效，不加前缀等于替别人改页面。 */
  body[data-page="zhishi"] footer.site-footer .footer-brand p {
    font-size: 13px;
  }

  /* 12px：页眉上方的栏目标签。全站 .sec-eyebrow 是 12px，本页作为首屏
     第一行字，抬到 13px 与正文同级；只动字号，不动颜色与字距。 */
  body[data-page="zhishi"] .sec-eyebrow {
    font-size: 13px;
  }

  /* 12.5px×11（惰性）：底部「问事」面板与抽屉菜单默认关闭（inert），
     但打开后同样是可见文本，一并归整，避免「点到才露」。
     这两个面板由 layout.js 注入到每一页，故同样带页面前缀。 */
  body[data-page="zhishi"] .asi-sub,
  body[data-page="zhishi"] .ask-sheet-more,
  body[data-page="zhishi"] .ask-sheet-more a,
  body[data-page="zhishi"] .ask-sheet-more i {
    font-size: 13px;
  }

  /* 11px → 12px：面板里的「当前页 · 在看」小标记。
     本页实测**没有**这个元素（zhishi 不在底部四术面板的当前项里，
     面板列的是 奇门/六爻/八字/紫微），所以这条在当前 DOM 下是惰性规则；
     留着是因为它与 V4 的 12px 地板一致，且不碰它的圆角——
     它是全站框架件，本轮不改外观，只保证万一出现时不低于地板。 */
  body[data-page="zhishi"] .asi-now {
    font-size: 12px;
  }

  /* 14.5px×1 / 12.5px×1：iOS「添加到主屏幕」提示卡。
     这两条的样式由 layout.js 在运行时以 <style> 注入，落地在本层**之后**。
     不能靠「加载更晚」取胜，也不用 !important：把选择器提到
     body[data-page="zhishi"] .qiyi-a2hs-t（0,2,1）即可压过注入样式里的
     单类（0,1,0）——权重分高下，与先后无关。 */
  body[data-page="zhishi"] .qiyi-a2hs-t {
    font-size: 15px;
  }
  body[data-page="zhishi"] .qiyi-a2hs-d {
    font-size: 13px;
  }
  body[data-page="zhishi"] .qiyi-a2hs-x,
  body[data-page="zhishi"] .qiyi-a2hs-ok {
    border-radius: var(--radius-sm);
  }
}