` 包住 overline+正文，内部段落再单独放开
§845 的 720 限宽（About 正文原带 ms-measure，seed 已去掉；这里再兜一层）。 */
.ms-prose--wide > .ms-lead {
max-width: none; margin: 0 0 var(--ms-sp-6);
background: #F4F8FD; border: 1px solid var(--ms-border); border-left: 4px solid var(--ms-blue);
border-radius: var(--ms-radius); padding: 20px 24px;
}
.ms-prose--wide > .ms-lead > p { max-width: none; margin: 0; }
.ms-prose--wide > .ms-lead > p + p { margin-top: 10px; }
@media ( max-width: 782px ) {
.ms-article { margin-top: var(--ms-sp-8) } /* 窄屏收一档，避免首屏过半是空白 */
}
/* --------------------------------------------------------------------------
12. 内容分享到社媒（2026-10-08，LM 拍 D1-B／D2-四枚／D6 纯外链，台账 #349 · 关闭 N47）
消费方 = mu-plugin `memsignal-site-chrome.php::msd_share_block()`，
由 single-news / single-market / single-part 三个模板在正文之后各调一次。
归档页、首页、报价板、视频页不放（D3 只裁了三类单篇）。
几何与 §6.5.1 的页脚社媒芯片**刻意同源**（34px 圆 / 15px 图标 / 1px 边框 / hover 换色），
但配色不共用一份规则：页脚那组压在 navy 上（白 76% + cyan hover），这组在浅底上。
⇒ 抽成同一个类会让一处改动同时动两处，而两处的对比度判据不同（#345 就是为 2.48:1 返工的）。
⚠ hover 不用 --ms-cyan：#00A8E8 压白底只有 2.7:1（浅底上不达标），改用 --ms-blue（5.7:1）。
⚠ 特异性：本站有 `.ms-ds a:not(.ms-btn)`（0-2-1）在 §2 统管链接色，#345 已因低估它返工一次
⇒ 这里写 `.ms-ds .ms-share a.ms-share__chip`（0-3-1），不靠源码顺序赌。
-------------------------------------------------------------------------- */
.ms-share {
display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
margin: 34px 0 8px; padding: 16px 0 0; border-top: 1px solid var(--ms-border);
}
.ms-share__lab {
font: 700 11px/1 var(--ms-font-sans); letter-spacing: .1em; text-transform: uppercase;
color: var(--ms-text-muted);
}
.ms-share__list { list-style: none; margin: 0; padding: 0; display: flex; gap: 10px; flex-wrap: wrap }
.ms-share__list li { margin: 0 }
.ms-share__chip {
position: relative; box-sizing: border-box;
width: 34px; height: 34px; padding: 0;
display: inline-flex; align-items: center; justify-content: center;
border: 1px solid var(--ms-border); border-radius: 50%;
background: var(--ms-card); color: var(--ms-blue-deep);
font: inherit; cursor: pointer;
}
.ms-share__chip:hover { border-color: var(--ms-blue); color: var(--ms-blue) }
.ms-share__chip:focus-visible { outline: 2px solid var(--ms-blue); outline-offset: 2px }
.ms-share__chip svg { width: 15px; height: 15px; display: block }
/* 复制反馈：绝对定位在芯片右侧 ⇒ 出现/消失都不撑动布局（无 CLS，同 §9.16 facade 的处理） */
.ms-share__state {
position: absolute; left: calc(100% + 8px); top: 50%; transform: translateY(-50%);
font-size: 12px; line-height: 1; color: var(--ms-text-2); white-space: nowrap;
}
/* 浅底上的链接色必须盖过 §2 的全局规则（见上方特异性说明） */
.ms-ds .ms-share a.ms-share__chip { color: var(--ms-blue-deep); text-decoration: none !important }
.ms-ds .ms-share a.ms-share__chip:hover { color: var(--ms-blue) }
@media ( max-width: 782px ) {
.ms-share { margin-top: 26px }
}
/* -----------------------------------------------------------------------------
13. China Parts 品牌子页（2026-10-10，LM 拍板 B 方案，台账 #388）
组件：ms-hero__status / ms-bp-cols / ms-bp-cards / ms-bp-part / ms-bp-single / ms-bp-kv
形态源：design-proposals-20261010-brandpages/mockups/B-dossier-cards.html（mk-* 转正 ms-bp-*）
消费者：assets/templates/page-brand.php（mu-plugin v1.7.0 路由）
-------------------------------------------------------------------------- */
.ms-hero__status { display: flex; gap: 14px; flex-wrap: wrap; font-size: var(--ms-fs-caption); color: rgba(255,255,255,.66); margin: 8px 0 0 }
.ms-bp-cols { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--ms-gutter); align-items: start; margin-top: var(--ms-sp-8) }
.ms-bp-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ms-gutter) }
.ms-bp-part { display: flex; flex-direction: column; gap: 8px }
.ms-bp-part > .ms-tag { align-self: flex-start }
.ms-bp-part__pn { font-family: var(--ms-font-mono); font-weight: 700; font-size: 15px; letter-spacing: .01em }
.ms-bp-part__pn a { color: var(--ms-text); text-decoration: none; border-bottom: 1px solid var(--ms-border) }
.ms-bp-part__pn a:hover { color: var(--ms-blue); border-color: var(--ms-blue) }
.ms-bp-part__meta { font-size: var(--ms-fs-caption); color: var(--ms-text-muted) }
.ms-bp-part__foot { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 8px; border-top: 1px solid var(--ms-border); font-size: var(--ms-fs-caption) }
.ms-bp-part__foot a { color: var(--ms-blue); text-decoration: none }
.ms-bp-single { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 18px }
.ms-bp-single__main { display: flex; flex-direction: column; gap: 2px; min-width: 0 }
.ms-bp-kv { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; padding: 6px 0; border-bottom: 1px dashed var(--ms-border) }
.ms-bp-kv:last-child { border-bottom: 0 }
.ms-bp-kv b { color: var(--ms-text) }
@media ( max-width: 1100px ) { .ms-bp-cards { grid-template-columns: repeat(2, minmax(0, 1fr)) } }
@media ( max-width: 900px ) { .ms-bp-cols { grid-template-columns: 1fr } }
/* 报价询盘表单的验证码行（10-13 加，配合工作台 v2.0.0）。
只用既有 token；.ms-rfq__* 此前无任何定义＝裸用零样式（见 memsignal 分册那条"判类名有没有样式要 grep 基础定义"）。 */
.ms-rfq__cap { margin-top: .5rem; }
.ms-rfq__caprow { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.ms-rfq__capimg { border: 1px solid var(--ms-border, #E5E7EB); border-radius: 4px; vertical-align: middle; background: #F5F7FA; }
.ms-rfq__caprefresh { font-size: .8rem; padding: .35rem .7rem; }
/* --------------------------------------------------------------------------
14. 族汇总页卡片等高 + 字号收档（2026-10-20 LM 看对比图选方案 B，台账 #616）
根因：卡片吃全站 .ms-card__title=20px 偏大、长族名换行；描述按 24 词截长短不一、
且有族无描述（Metorage）→ grid 同行 top 对齐却高度参差。
方案 B＝去描述（汇总页只当导航卡，描述在族页里都在）+ 内容形状统一（标题/计数/View 三项），
卡撑满 grid 格子等高 + flex 垂直居中。作用域限本页 .fh-cards，不改全站 .ms-card__title。
诚实性：卡片仍只给族词条名 + 真实成员计数（可自证），无编造数字（R-NUM 不跨页继承）。
-------------------------------------------------------------------------- */
.fh-cards .ms-card{display:flex;flex-direction:column;justify-content:center;gap:8px;height:100%}
.fh-cards .ms-card__title{font-size:14px;line-height:1.3;font-weight:700;margin:0}
.fh-cards .ms-card__meta{font-size:12.5px;margin:0}
/* --------------------------------------------------------------------------
15. 首页方向 A · Signal Desk 落地（2026-10-20，X1 裁决：四格状态带占 hero 底 .ms-trust）
原则：四格带**直接复用既有 .ms-trust**（b=#fff/15px、span=caption、4 列网格、对遮罩达 AA），
X1 只是"同槽换文本"，桌面几乎不需重排；本节只补三处 scoped 净增，
全部限定首页选择器，不写裸 .ms-md/.ms-lg 工具类（media query 不比特异性、后写裸类会
在 1024+ 盖掉生产规则），不新造颜色（沿用 token 与 .ms-trust 既有取值）。
-------------------------------------------------------------------------- */
/* 值用等宽（承 mockup 的 .mono），仅作用于首页状态带，不做全局 .mono */
.ms-hero .ms-trust--status b.mono { font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; letter-spacing: .01em; }
/* 主标题 38（仅 ≥1024，避开 ≤980 的 30px 与既有断点，不污染窄屏） */
@media (min-width: 1024px) {
.ms-hero--home-inset .ms-hero__title { font-size: 38px; margin: 0 0 14px; }
/* 方向 A：首页 hero 去 .ms-die 改单栏装箱，右侧留白消失（仅首页变体，≤980 既有单栏规则不受影响） */
.ms-hero--home-inset .ms-hero__in { grid-template-columns: minmax(0, 1fr); }
}
/* 搜索框 ↔ 四格带的死档收紧（现 .ms-trust margin-top:56px → 首页带 24px）；副标 12px。特异性同 .ms-trust span，靠文件末尾顺序胜出，仅咬 --status 修饰类 */
.ms-hero--home-inset .ms-trust--status { margin-top: 24px; padding-top: 16px; padding-bottom: 18px; }
.ms-hero .ms-trust--status span { font-size: 12px; }
/* --------------------------------------------------------------------------
16. 窄屏（≤1023）卡片堆 + 底部固定标签栏（第二批 2026-10-20，方向 A 窄屏定稿）
铁律：断点隔离——所有新规则都封在 media query 里，≥1024 桌面零影响（宽表/横排导航/无底栏）；
卡片堆与表格同页双输出、纯 CSS 切换（零 JS）；新类前缀 .ms-spot-card/.ms-part-card/.ms-tabbar
全站无消费者（上线前已 grep）；颜色全用既有 token，不新造。
-------------------------------------------------------------------------- */
/* 16.1 桌面（≥1024）：卡片堆与底部栏一律不渲染（占位零高度） */
.ms-spot-cards, .ms-part-cards, .ms-tabbar { display: none; }
@media (max-width: 1023px) {
/* 16.2 顶栏 8 项沉底：导航入口单一化（防双导航并存），logo+CTA 保留 */
.ms-nav { display: none; }
/* 16.3 卡片堆：spot（板面+首页预览）与 part（/parts/ 归档）通用 */
.ms-spot-cards, .ms-part-cards { display: grid; gap: 12px; }
.ms-spot-board, .ms-part-table { display: none !important; } /* 宽表窄屏退场（首页预览+板面+料库归档）。⚠ 必须 !important：§7 里 .ms-panel .ms-table{display:block}（≤560 表格堆叠）特异度 0,2,0 会压过本条 0,1,0，导致超窄手机宽表漏出、与卡片堆并存（2026-10-21 台账#655 实测修复）。 */
.ms-spot-card, .ms-part-card {
background: var(--ms-surface, #fff); border: 1px solid var(--ms-border, #E5E7EB);
border-radius: var(--ms-radius, 10px); padding: 12px 14px;
}
.ms-spot-card.is-expired, .ms-part-card.is-expired { opacity: .78; }
.ms-spot-card__head { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; border-bottom: 1px solid var(--ms-border, #E5E7EB); padding-bottom: 8px; margin-bottom: 8px; }
.ms-spot-card__id { font-weight: 700; margin-right: auto; }
.ms-spot-card__brand { color: var(--ms-text-2, #52606D); font-size: 13px; }
.ms-spot-card__view { font-size: 13px; white-space: nowrap; }
.ms-spot-card__row { display: flex; gap: 10px; padding: 3px 0; font-size: 13.5px; line-height: 1.55; }
.ms-spot-card__k { flex: 0 0 96px; color: var(--ms-text-muted, #64748B); }
.ms-spot-card__v { flex: 1; min-width: 0; overflow-wrap: anywhere; }
/* 16.5 方向 B：现货挂牌窄屏卡（分组网格）——2026-10-21 LM 选定。全复用现有 token 与 .ms-dc/.ms-tag 色卡，
宽屏（≥1024）与 /parts/ 归档卡的 .ms-spot-card__* 老类不受影响（新规则只挂在 .ms-spot-card--v2 作用域内）。 */
.ms-spot-card--v2 { position: relative; border-radius: var(--ms-radius-lg); padding: 14px 14px 13px; overflow: hidden; box-shadow: 0 2px 8px rgba(6,43,82,.07); }
.ms-spot-card--v2::before { content: ""; position: absolute; left: 0; top: 0; right: 0; height: 3px; background: var(--ms-gradient); }
.ms-spot-card--v2 .sc-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.ms-spot-card--v2 .sc-id { font-family: var(--ms-font-mono); font-weight: 700; font-size: 16px; color: var(--ms-navy); text-decoration: none; letter-spacing: .2px; }
.ms-spot-card--v2 .sc-brand { display: inline-block; font-size: 11px; font-weight: 600; color: var(--ms-blue-deep); background: rgba(0,104,183,.08); border: 1px solid rgba(0,104,183,.18); padding: 1px 7px; border-radius: 5px; margin-top: 5px; }
.ms-spot-card--v2 .sc-dc { display: flex; gap: 5px; flex-wrap: wrap; justify-content: flex-end; }
.ms-spot-card--v2 .sc-tags { display: flex; gap: 6px; margin: 10px 0 2px; flex-wrap: wrap; }
.ms-spot-card--v2 .sc-spec { margin: 2px 0 10px; padding-bottom: 10px; border-bottom: 1px dashed var(--ms-border); }
.ms-spot-card--v2 .sc-spec .spec { font-size: 13px; color: var(--ms-text); line-height: 1.5; overflow-wrap: anywhere; margin-top: 2px; }
.ms-spot-card--v2 .sc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ms-spot-card--v2 .sc-m .lab, .ms-spot-card--v2 .sc-spec .lab { font-size: 10.5px; letter-spacing: .4px; text-transform: uppercase; color: var(--ms-text-muted); }
.ms-spot-card--v2 .sc-m .val { font-family: var(--ms-font-mono); font-size: 18px; font-weight: 700; color: var(--ms-blue); line-height: 1.25; overflow-wrap: anywhere; }
.ms-spot-card--v2 .sc-m.alt .val { font-size: 15px; color: var(--ms-text); font-weight: 600; }
.ms-spot-card--v2 .sc-foot { display: flex; gap: 8px; margin-top: 12px; }
.ms-spot-card--v2 .sc-btn { font-size: 13px; font-weight: 600; text-decoration: none; padding: 10px 8px; border-radius: var(--ms-radius-sm); min-height: var(--ms-touch-min); display: flex; align-items: center; justify-content: center; }
.ms-spot-card--v2 .sc-btn--ghost { flex: 0 0 auto; padding: 10px 14px; color: var(--ms-blue); border: 1px solid var(--ms-blue); background: var(--ms-card); text-decoration: none; }
/* 站点对 a 有全局色（部分带 !important），故 CTA 文字色用更高特异度 + !important 兜住，确保白字压在渐变上有足够对比。 */
.ms-spot-card--v2 a.sc-btn--primary { flex: 1; color: #fff !important; text-decoration: none !important; background: var(--ms-gradient); }
/* 16.4 底部固定标签栏：四项 + 「更多」零 JS 展开；不盖页脚（body/页脚留安全间距） */
.ms-tabbar {
display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); /* v2.7：底栏 4→5 格（+Search），列数固定非自适应 */
position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
background: var(--ms-navy, #062B52); border-top: 1px solid rgba(255,255,255,.14);
padding-bottom: env(safe-area-inset-bottom, 0px);
}
/* 隐藏 Astra「返回顶部」悬浮钮：它 fixed bottom:30px right:30px z-99，正好压在
本站底部标签栏（z-90、高≈56px）的第四列「More」上。此断点与 .ms-tabbar 可见范围一致
（≤1023px），两者不共存即无遮挡。!important 压过 Astra JS 注入的内联 display:block。
回顶/回首页由底部栏 Home 承担（常驻可达）。26-10-23 LM 选方案 B。 */
#ast-scroll-top { display: none !important; }
.ms-tabbar__item {
position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;
gap: 3px; color: rgba(255,255,255,.8) !important; text-align: center; font-size: 11px;
padding: 8px 4px 7px; text-decoration: none; min-height: 54px;
}
.ms-tabbar__ico { width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; display: block; }
.ms-tabbar__lb { font-size: 11px; font-weight: 500; line-height: 1; }
/* v2.7 页头搜索入口（LM 裁 C 案）：底栏第 5 格是
原生下拉；二期即时刷新的结构预留见模板注释）
两行结构（2026-10-06 用户指令）：第一行 = 标题 + Reset（两端对齐），第二行 = 五组下拉 + Apply。
⚠ 第二行的自然需求 643px 内容 + 5×8 gap = 683px，可用 698px ⇒ 余量 15px（部署后线上复测值）。
所以 gap 从 10 收到 8、fbar 左右 padding 从 12 收到 10；再放不下时 flex-wrap 会折成三行
（**不会**溢出成横向滚动条，这是刻意的降级路径——折行只是难看，出条是功能坏了）。
若将来加第六组下拉，这一行必然折行：届时把 "Temperature grade" 显示为 "Temp grade"
（同页表头已用这个短词），可腾出 ~63px。 */
.ms-fbar { display: block; border: 1px solid var(--ms-border); border-radius: var(--ms-radius); padding: 10px; background: #fff }
.ms-fbar__top { display: flex; align-items: center; gap: 8px }
.ms-fbar__row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 12px }
.ms-fbar__label { font-weight: 600; display: inline-flex; gap: 8px; align-items: center }
.ms-fbar__label::before {
content: ""; width: 16px; height: 16px; background: var(--ms-blue);
-webkit-mask: url("brand/icons/filter.svg") center / contain no-repeat;
mask: url("brand/icons/filter.svg") center / contain no-repeat;
}
/* .ms-fbar__btns 自 10-06 起无消费者（Apply 进第二行、Reset 进第一行），故删除该规则 */
.ms-fbar__reset { font-size: 13.5px; margin-left: auto }
details.ms-fdrop { position: relative }
details.ms-fdrop > summary { list-style: none; cursor: pointer; user-select: none }
details.ms-fdrop > summary::-webkit-details-marker { display: none }
details.ms-fdrop > summary::marker { content: "" }
details.ms-fdrop[open] > summary { border-color: var(--ms-blue); color: var(--ms-blue) }
.ms-fdrop--on { border-color: var(--ms-blue); color: var(--ms-blue) }
.ms-fdrop__panel { position: absolute; z-index: 40; top: calc(100% + 6px); left: 0; min-width: 270px; background: #fff; border: 1px solid var(--ms-border); border-radius: var(--ms-radius); box-shadow: 0 14px 34px rgba(6,43,82,.14); padding: 10px 12px }
.ms-fdrop__panel label { display: flex; align-items: center; gap: 9px; padding: 6px 2px; font-size: 14px; color: var(--ms-text); cursor: pointer }
.ms-fdrop__panel label:hover { background: #F7FAFC }
.ms-fdrop__panel input { accent-color: var(--ms-blue) }
.ms-fdrop__panel .cnt { margin-left: auto; color: var(--ms-text-muted); font-size: 12.5px }
.ms-fchips { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-top: 12px }
.ms-chip { display: inline-flex; gap: 7px; align-items: center; border: 1px solid #C9D6E8; border-radius: 999px; padding: 4px 11px; font-size: 13px; background: #F4F7FB; color: var(--ms-text-2) }
.ms-chip b { color: var(--ms-text); font-weight: 600 }
.ms-chip .x { color: var(--ms-text-muted); font-weight: 700; margin-left: 2px; text-decoration: none }
.ms-chip .x:hover { color: var(--ms-danger) }
.ms-fchips__clear { font-size: 13px }
.ms-stateline { display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; font-size: 13.5px; color: var(--ms-text-muted); margin: 10px 0 18px }
/* 9.7-A 每页条数选择器（LM 10-10 裁决：默认 10，可选 10／25／50）。无 JS、纯链接，
与 .ms-sortsel 同一视觉语言（文字标签 + 并排链接 + 当前项加粗），不新造一套控件样式。 */
.ms-ppage { display: flex; gap: 8px; align-items: center; font-size: 13px; white-space: nowrap }
.ms-ppage__l { color: var(--ms-text-muted) }
/* 10-11（N63／LM 裁 B）：每页条数的"可选／当前"改与 .ms-pager **同一套盒模型**。
此前页码当前项是实心蓝胶囊、每页条数当前项是裸加粗黑字——同一行里两套"你在这里"的画法，
且裸文字容易被读成说明文字而不是三个可切换的档。
⚠ 胶囊比裸文字宽：10-11 无头 Edge 实量同一份线上标记，视口 1226 下 .ms-ppage 组宽
120.7px → **244.4px（+123.7px）**，单项 14.4px → 56.0px（与 .ms-pager 单项 56.0 一致）。
实测结论：桌面仍与计数行同行、492px 视口仍折到第二行（与改前一致）、两个视口
hOverflow=false、组右边界不越出计数行。**别拿"约 60–70px"这种估数当依据——我第一版注释里
写的就是这个错数，被实量推翻。**（判行尾/换行不靠肉眼读缩放截图，#385 的标准） */
.ms-ppage__n, .ms-ppage__on { display: inline-block; min-width: 34px; text-align: center;
border: 1px solid var(--ms-border); border-radius: 8px; padding: 5px 10px;
font-size: 13px; text-decoration: none; color: var(--ms-text-2); background: #fff }
.ms-ppage__n:hover { background: var(--ms-blue); border-color: var(--ms-blue); color: #fff }
.ms-ppage__on { font-weight: 700; color: #fff; background: var(--ms-blue); border-color: var(--ms-blue) }
/* 9.8 Market 列表（方案 B · 编辑时间线 + 强化侧栏；2026-09-29 用户选定，台账 #248） */
.ms-hero--market .ms-hero__in { padding-bottom: 48px }
.ms-catchips .ms-num { opacity: .8; font-size: 12.5px }
.ms-tl { display: flex; gap: 20px; padding: 22px 0; border-bottom: 1px solid var(--ms-border) }
.ms-tl:first-child { padding-top: 6px }
.ms-tl__date { flex: 0 0 118px; font: 600 12px/1.6 ui-monospace, monospace; color: var(--ms-text-muted); letter-spacing: .05em; text-transform: uppercase; padding-top: 6px }
.ms-tl__body { flex: 1; min-width: 0 }
.ms-tl__body h3 { font-size: 23px; line-height: 1.3; margin: 8px 0 8px }
.ms-tl__body h3 a { color: inherit; text-decoration: none }
.ms-tl__body h3 a:hover { color: var(--ms-blue) }
.ms-tl__body > p { color: var(--ms-text-2); margin: 0 }
.ms-tl__topics { margin: 12px 0 0 }
.ms-tl__topics .ms-tag { text-decoration: none }
.ms-record__meta { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; font-size: 13px; color: var(--ms-text-muted) }
.ms-srcfoot { font-size: 13px; color: var(--ms-text-muted); margin-top: 12px; padding-top: 12px; border-top: 1px solid #EEF1F6 }
/* N48（2026-10-16，台账 #554）：1060–1115 视口两列模板给侧栏轨道只有 123–163px，而 ul.ms-desk
的长不可断串（料号／URL）实测 min-content 258px ⇒ 轨道顶不住，整页 scrollWidth 钉在 1081 出横滚
（逐元素取证＝隐藏 .ms-desk 后 1081→1021／1061，溢出全消）。同 §9.6 `.ms-prose`（#553）修法类。 */
.ms-desk { margin: 0; padding-left: 18px; font-size: 14px; line-height: 1.6; color: var(--ms-text-2); overflow-wrap: anywhere }
.ms-desk li { margin-top: 8px }
@media (max-width: 720px) {
.ms-tl { flex-direction: column; gap: 6px }
.ms-tl__date { flex-basis: auto }
}
/* -----------------------------------------------------------------------------
9.9 「未开放」的标准表达件（2026-09-30 用户选定方案 P-A / S-A，台账 #___）
本站此前缺这一件：模块在、数据不够格时，只能用 ms-alert 或 msct-notice 顶一下，
两者都是"提示条"语义，读起来像通知，不像"这里有一个已定义好的槽位、按规则暂不发布"。
/market/ 的 Publication gate 面板是这段判断的先行实现，本件把它抽成可复用的。
-------------------------------------------------------------------------- */
.ms-gate { border: 1px dashed #B9C7DC; border-radius: var(--ms-radius-lg); background: #F7FAFD; padding: 24px }
.ms-gate__h { display: flex; gap: 10px; align-items: center; margin: 0 0 10px; font-size: 16px; font-weight: 700; color: var(--ms-navy) }
.ms-gate__lock { width: 22px; height: 22px; border-radius: 50%; background: #E3EAF4; color: #4B5F7C;
display: grid; place-items: center; font-size: 12px; font-weight: 700; flex: 0 0 auto }
.ms-gate ul { margin: 10px 0 0; padding-left: 18px; font-size: 13.5px; color: var(--ms-text-2); line-height: 1.65 }
/* 替代料 / 交叉对照区块：与上方正文之间用 2px 分隔，标题行留 CTA 位 */
.ms-xref { border-top: 2px solid var(--ms-border); margin-top: 30px; padding-top: 20px }
.ms-xref__h { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; flex-wrap: wrap; margin-bottom: 12px }
/* 空态闸门行：列头常驻、数据行位置给一句"为什么是空的"。
斜纹底是刻意的——它读起来像"占位"，不像"这里本该有东西但坏了"。 */
.ms-gate-row td { background: repeating-linear-gradient(135deg, #FBFCFE 0 10px, #F1F5FB 10px 20px);
text-align: center; color: var(--ms-text-muted); padding: 26px 14px }
.ms-gate-row td .msct-notice { text-align: left; margin: 0 }
/* 密集表：给 /parts/ 的 7 列结果表用（10-06 收紧，台账 #328；本段注释同日按 #329 订正）。
对照方法＝拿 git 里本条之前那份 CSS 原件（md5 38960d5b…）与当前件渲染同一页，三条独立判据：
容器 scrollWidth−clientWidth ／ offsetHeight−clientHeight（滚动条是否真被画出）／逐格 scrollWidth vs clientWidth。
收紧前 容器 720／内容 720 ⇒ **不出条**；但数据行高 71px——"Automotive (AEC-Q100)" 与
"Manufacturer ↗" 各被折成两行。
收紧后 同样不出条；数据行高 39px，两格回到单行。
⇒ 本条的真实收益是**消除单元格折行**，不是"消除横向滚动条"。
⚠ 本注释先后写过两组数字，**两组都不成立**：① "787px 需／739px 容器／留 64px 余量"是料号库
空态（只有列头）下量的；② "712／823px、余量 8px"出自一个 `width:min-content` 克隆探针，
而**克隆体会污染同一容器上的 scrollWidth 读数**——该探针随后在 /live-quotes/ 上被证伪
（它报"溢 96px"，纯净探针与像素都说 0）。⇒ 判"表格会不会出条"请用上面三条判据，别再用克隆探针。
⚠ 用户截图里那条滚动条**至今无法在本地复现**（收紧前后都不出），真实成因未定；候选＝Edge
自动翻译的中间态、字体加载时序、窗口/DPR 差异。**不要在这里补一个听起来合理的根因。**
仍成立的取舍：**不砍列、不改 `table-layout:fixed`**（前者丢信息，后者会把列宽平均化、反而挤坏料号列）。
边界：≤767px 按 §4.5 既定移动端规范走横向滚动（移动端不缩字号、正文不小于 14px），本次未动。 */
.ms-table--dense { font-size: 13.5px }
.ms-table--dense th { white-space: normal; letter-spacing: .02em; font-size: 11.5px; line-height: 1.25 }
.ms-table--dense th, .ms-table--dense td { padding: 8px 6px }
.ms-table--dense .ms-num { overflow-wrap: anywhere }
/* -----------------------------------------------------------------------------
9.10 批 2 净增件：报价板 / 视频卡 / 状态词表 / 方向标记（2026-09-30 用户选定
Q-A＋并入 Q-B 字段表、V-A，台账 #264）
只带上被选中的方案——S-B 的 .ms-keyval 与 mockup 专用的 .ms-note 一律不进生产。
-------------------------------------------------------------------------- */
/* 补齐件：`.ms-md-12` 自 09-29 起被 archive-news.php 使用（featured 与 rail），
但 §3 只定义了 .ms-md-6 / .ms-md-4 —— 今天不出问题纯粹因为 `.ms-grid > *{span 12}`
的默认值恰好等于 12。默认值一改，这个类会静默失效。并进 §3 的 md 块（在 lg 之前，
顺序天然安全），**不要另起一个裸 min-width:768px 块追加到文件末尾**——那会在同特异性下
盖掉生产的 .ms-lg-*，把右栏压成全宽（09-30 提案轮踩过一次，靠截图高度 +316px 暴露）。 */
/* 报价板（规范③十字段；表头吸顶、数字等宽） */
.ms-qtable thead th { position: sticky; top: 0; background: #F4F7FB; z-index: 2 }
.ms-qtable td.q-part, .ms-qtable th.q-part { font-family: var(--ms-font-mono); color: var(--ms-text); white-space: nowrap }
.ms-qtable td.q-price { font-family: var(--ms-font-mono); font-variant-numeric: tabular-nums; text-align: right }
/* #519（10-14，LM 看图返工）：板面行单行化——固定表宽＋列宽分配＋spec 省略号（悬停 title 出全量）
＋CTA 按钮不折行。列序＝Part/Brand/Grade/Spec/Qty/Valid/DC/CTA（8 列，蓝图 §六）。
⚠ 只作用 .ms-spot-board（live 板面）；L2 预告表 .ms-qtable 是 10 列，别误伤。
⚠ 单行化的另一半在模型件：ms_spot_spec_trim 按空白 token 截断（旧 str_word_count 闸对
数字/符号串恒不截断，是这次两行高的根因）。 */
.ms-spot-board { table-layout: fixed; width: 100% }
/* 表头 th 全局 white-space:nowrap（§4.5 行 202）在固定表宽下会把窄列撑爆整表（横向滚动条根因）
——板面列头允许两行换行，列宽才真正生效。 */
.ms-spot-board th { white-space: normal }
.ms-spot-board th:nth-child(1), .ms-spot-board td:nth-child(1) { width: 14% }
.ms-spot-board th:nth-child(2), .ms-spot-board td:nth-child(2) { width: 8% }
.ms-spot-board th:nth-child(3), .ms-spot-board td:nth-child(3) { width: 10% }
.ms-spot-board th:nth-child(4), .ms-spot-board td:nth-child(4) { width: 22%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.ms-spot-board th:nth-child(5), .ms-spot-board td:nth-child(5) { width: 12% }
.ms-spot-board th:nth-child(6), .ms-spot-board td:nth-child(6) { width: 10% }
.ms-spot-board th:nth-child(7), .ms-spot-board td:nth-child(7) { width: 8% }
.ms-spot-board th:nth-child(8), .ms-spot-board td:nth-child(8) { width: 16% }
.ms-spot-board td { padding: var(--ms-sp-3) var(--ms-sp-4) }
.ms-spot-board .ms-btn { white-space: nowrap }
/* #523（10-14，LM 三改）：①split 两列同顶——首子元素顶边距在网格里会塌出列顶，
造成"Listing detail"与侧栏卡片错位；归零后两列真正对齐。
②决策信息条（顶部四数＋价格窗口倒计时）。③DC 成色三色芯片（新料绿／库存琥珀／拆机红）。 */
.ms-split > * > :first-child { margin-top: 0 }
.ms-decision { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; justify-content: space-between;
background: #fff; border: 1px solid var(--ms-border); border-left: 4px solid var(--ms-blue);
border-radius: var(--ms-radius-lg); padding: 12px 18px; margin: 0 0 16px }
.ms-decision__facts { display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 14.5px; color: var(--ms-text) }
.ms-decision__k { display: block; font-size: 11px; color: var(--ms-text-muted); text-transform: uppercase; letter-spacing: .05em }
.ms-decision__cd { text-align: right }
.ms-decision__cdlabel { display: block; font-size: 11px; color: var(--ms-text-muted); text-transform: uppercase; letter-spacing: .05em }
.ms-decision__cdval { font-size: 21px; font-weight: 700; color: var(--ms-navy) }
.ms-decision__cd small { display: block }
.ms-dc { display: inline-block; padding: 2px 9px; border-radius: 6px; font-weight: 600; font-size: 13px; line-height: 1.5; white-space: nowrap }
.ms-dc--new { background: #E6F6EE; color: #0F7A45; border: 1px solid #BFE7D2 }
.ms-dc--stock { background: #FFF4DC; color: #8A5A00; border: 1px solid #F2DFAE }
.ms-dc--pulled { background: #FDECEA; color: #B3261E; border: 1px solid #F5C6C0 }
/* 灰档（2026-10-22 LM 裁"成色新增灰色未知"）：DC 给不出 ⇒ 等级 unverified。
刻意用**中性灰**不复用黄/红：红＝不可行动（Expired／拆机）、琥珀＝库存，三色已把"能判的成色"占满，
灰是第四种语义＝信息不全、不是坏消息。色值取 slate 族（与 --ms-text-2 同族），
对比度 #334155 on #F2F4F7 ≈ 9.2:1（AA 大字 3:1／正文 4.5:1 双过），与绿/琥珀/红三色正交、色盲不混淆。 */
.ms-dc--unknown { background: #F2F4F7; color: #334155; border: 1px solid #D8DEE7 }
/* #606（LM 截图报溢出）：多 DC 同行（24+/25+ 类）时 `/` 不构成断行点 ⇒ inline-block 整串撑破 DC 列、
压进按钮列。板面芯片允许按最小溢出断行（anywhere 实际落点就在 `/` 后），列宽收缩回 td 内；
对外文字一字不改、其他页的 .ms-dc（图例/详情页）不受影响。 */
.ms-spot-board .ms-dc { max-width: 100%; overflow-wrap: anywhere; }
/* #530（10-15，LM 裁决反转 v1.2"过期即 404"）：过期挂牌可见化——原位混排＋明显标记。
板面行＝Expired 芯片＋整行弱化；详情页＝红系横幅＋决策条换"窗口已关闭"。
色彩沿用 ms-dc--pulled／ms-alert--danger 同族（红＝不可行动状态），不引入新色。 */
.ms-dc--expired { background: #FDECEA; color: #B3261E; border: 1px solid #F5C6C0 }
.ms-spot-board tr.is-expired td { background: #FDF6F5; color: var(--ms-text-muted) }
.ms-spot-board tr.is-expired .q-part a { color: var(--ms-text-muted) }
.ms-spot-board tr.is-expired .ms-btn--secondary { opacity: .55 }
.ms-alert--expired { border-color: rgba(239,68,68,.45); background: rgba(239,68,68,.07); color: #7F1D1D }
.ms-decision--expired { border-left-color: rgba(239,68,68,.55) }
/* #533（10-15，LM 圈"提示条与下方盒列无距"）：挂牌详情顶部堆叠的节奏补齐。
计算值取证改前＝decision→alert 16px、alert→split 0px、盒与盒 20px——两套语言撞在一起。
补齐＝连续提示条之间 12px（同组内收紧），最后一条提示条/决策条→盒列 20px（与盒间距同尺）。
只咬"相邻兄弟"形态，不动各件自身 margin；live-quotes 的 alert/gate 自带 margin-top 不受影响。 */
.ms-alert + .ms-alert { margin-top: 12px }
.ms-alert + .ms-split { margin-top: 20px }
.ms-decision + .ms-split { margin-top: 20px }
/* #534（10-15，LM 令详情页 DC 提示条色卡对齐板面 DC 芯片）：色调与 .ms-dc--* 一一对应；
底色取芯片底色再浅一档、正文取芯片文字再深一档（WCAG 实测 7.78/7.73/8.44＝AAA）。
等级→色调的映射单点在 content-types 的 ms_spot_grade_tone()；未知等级不在此表，退回 info。
2026-10-22 灰档：底色 #F8FAFC／正文 #334155（≈10.2:1＝AAA），与上三档同一把尺、不引入新色族。 */
.ms-alert--dc-new { border-color: #BFE7D2; background: #F0FAF4; color: #0F5A33 }
.ms-alert--dc-stock { border-color: #F2DFAE; background: #FFF9EC; color: #6E4800 }
.ms-alert--dc-pulled { border-color: #F5C6C0; background: #FEF4F2; color: #8C1D18 }
.ms-alert--dc-unknown { border-color: #D8DEE7; background: #F8FAFC; color: #334155 }
/* 视频卡：16:9 框 + 播放三角。有真封面（本站代抓的 YouTube 封面，见 ms_video_thumb_url）时叠在框内，
无封面（非 YouTube / 解析不到 ID）时回退这层品牌色渐变占位。⚠ 仍不用生成图冒充实拍——
与 single-part.php "不放产品照片"同一条判断；真封面随视频导入（台账 #718）。 */
.ms-vcard { overflow: hidden }
.ms-vcard__media { display: block; position: relative; aspect-ratio: 16/9; overflow: hidden; border-radius: var(--ms-radius-sm) var(--ms-radius-sm) 0 0;
background: linear-gradient(135deg, #0A3160 0%, #062B52 55%, #04203d 100%) }
.ms-vcard__media--feat { aspect-ratio: 16/10; border-radius: var(--ms-radius-lg) var(--ms-radius-lg) 0 0 }
.ms-play { position: absolute; inset: 0; display: grid; place-items: center }
.ms-play i { width: 58px; height: 58px; border-radius: 50%; background: rgba(255,255,255,.16);
border: 1.5px solid rgba(255,255,255,.55); display: grid; place-items: center }
.ms-play i::after { content: ""; margin-left: 4px; border-left: 16px solid #fff;
border-top: 10px solid transparent; border-bottom: 10px solid transparent }
.ms-vdur { position: absolute; right: 8px; bottom: 8px; font: 600 12px/1 var(--ms-font-mono);
background: rgba(4,20,38,.82); color: #fff; padding: 4px 7px; border-radius: 4px }
.ms-vplat { position: absolute; left: 8px; top: 8px; font-size: 11.5px; font-weight: 700; letter-spacing: .05em;
background: rgba(255,255,255,.9); color: #0B2240; padding: 4px 8px; border-radius: 4px; text-transform: uppercase }
.ms-vcard__body { padding: 14px 16px 16px }
.ms-vcard__title { font-size: 17px; line-height: 1.35; margin: 9px 0 6px; font-weight: 600 }
.ms-vcard__title a { color: inherit; text-decoration: none }
.ms-vcard__title a:hover { color: var(--ms-blue) }
.ms-vrow { display: flex; gap: 8px; align-items: center; font-size: 12.5px; color: var(--ms-text-muted); flex-wrap: wrap }
/* 状态词表图例（D2 词表 + 语义色；色点之外还带文字，不靠颜色单独承载信息） */
.ms-legend { display: flex; gap: 14px; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; font-size: 13.5px; color: var(--ms-text-2) }
.ms-legend li { display: flex; gap: 7px; align-items: center }
.ms-legend .d { width: 9px; height: 9px; border-radius: 50%; display: inline-block; flex: 0 0 auto }
.d--success { background: #16A34A } .d--warning { background: #D97706 } .d--danger { background: #DC2626 }
.d--info { background: #2563EB } .d--muted { background: #94A3B8 }
/* 方向标记（公开层只给方向，不给单价） */
.ms-dir { display: inline-flex; gap: 6px; align-items: center; font-weight: 700; font-size: 12.5px;
padding: 3px 9px; border-radius: 999px }
.ms-dir--up { background: rgba(22,163,74,.1); color: #14532D }
.ms-dir--slow { background: rgba(217,119,6,.12); color: #78350F }
.ms-dir--down { background: rgba(220,38,38,.1); color: #7F1D1D }
/* hero 里的规则声明条（与 /market/ 的 ms-caption 白 66% 同层级，但可枚举） */
.ms-hero__facts { list-style: none; display: flex; gap: 20px; flex-wrap: wrap; margin: 14px 0 0; padding: 0;
color: #CFE3F6; font-size: 14px; position: relative; z-index: 1 }
.ms-hero__facts li { padding-left: 19px; position: relative }
.ms-hero__facts li::before { content: "✓"; position: absolute; left: 0; color: #7FD8FF; font-weight: 700 }
/* -----------------------------------------------------------------------------
9.11 通用内容页（批 3，八页从主题的 .entry-content 迁到 .ms-prose）
⚠ .ms-prose 原本**没有表格规则**——那些页面的表格此前一直靠主题的
`.entry-content table` 出样式。接管后表格会裸奔（实测 data-methodology 有 1 个表）。
所以这里补上，而不是把页面留在主题排版里。
-------------------------------------------------------------------------- */
.ms-prose table { width: 100%; border-collapse: collapse; font-size: var(--ms-fs-body); color: var(--ms-text-2) }
.ms-prose th { text-align: left; font-weight: 600; color: var(--ms-text); font-size: var(--ms-fs-caption);
letter-spacing: .04em; text-transform: uppercase; padding: 10px 12px; border-bottom: 2px solid var(--ms-border); white-space: nowrap }
.ms-prose td { padding: 10px 12px; border-bottom: 1px solid var(--ms-border); vertical-align: top }
.ms-prose tbody tr:hover { background: rgba(0, 104, 183, .04) }
/* 长表格在窄屏要能横向滚，不能把 .ms-article 撑破（同 .ms-split 的网格溢出教训） */
.ms-prose table { display: block; overflow-x: auto }
@media (min-width: 768px) { .ms-prose table { display: table } }
/* -----------------------------------------------------------------------------
9.12 内容页宽度回归的修正（2026-09-30，台账 #267）
批 3 把八页正文套进 .ms-article(880) + .ms-prose(720) 之后，实测整块塌到 784px：
1440 视口 .ms-wrap=784 / .ms-article=720 / .ms-prose=720 / 卡片最窄 162
对照老页 .ms-wrap=1200
784 = 720 + 32×2 ⇒ 不是"正文窄"，是 **main 被内容反向缩小**：
Astra 的 `.site-content .ast-container{display:flex}` 让 main 成为 flex item，
默认按内容定宽。老页面内容本来就宽所以看不出这个 latent 缺陷。两处都要修。
-------------------------------------------------------------------------- */
/* ① 让 main 撑满容器，不再被内容拉着缩。min-width:0 是网格防溢出的同一条规则。
⚠ 作用对象是 `> main` 而不是 `> .ms-wrap`：批 4 的枢纽页模板是
`` + 正文自带 ms-wrap，类名不在 main 上，
只写 `.ms-wrap` 会盖不到它们（09-30 加这条时没想到第四种模板形状）。 */
.site-content .ast-container > main { flex: 1 1 auto; min-width: 0 }
/* ② 阅读宽度只作用于**文字块**，不再夹住整块正文——这些页面里混着为宽容器设计的
ms-grid / ms-card / table，一起压到 720 会把栅格挤成一列、卡片压到 162px。 */
.ms-article--wide { max-width: 1180px }
.ms-prose--wide { max-width: none }
.ms-prose--wide > p, .ms-prose--wide > ul, .ms-prose--wide > ol,
.ms-prose--wide > blockquote, .ms-prose--wide > h2, .ms-prose--wide > h3,
.ms-prose--wide > .ms-overline, .ms-prose--wide > .ms-body-lg { max-width: var(--ms-measure) }
/* -----------------------------------------------------------------------------
9.13 纯散文法务页单栏居中（2026-10-02，接 #267）
#267 为容纳带栅格/卡片的页面把容器放到 1180，但**纯散文页**（无 grid/card/table）
因此正文被夹在 720 却左顶在一个 ~1136 的宽栏里，右侧空一大条——hero 通栏、正文只占
左半，观感失衡（LM 报 disclaimer「宽度不符合要求」）。VI 规范定稿 §排版：文本 600–720、
正文左对齐。处置＝给纯散文页的 main 加 `.ms-wrap--narrow`，把整栏收到 784
（784 − 32×2 padding = 720 = measure），于是 hero 与正文同宽、margin-inline:auto 居中。
⚠ 只给**确认无栅格**的页面用：实测 disclaimer grid/card/table 计数 0/0/0，
而 terms 18 卡、privacy 24 卡、cookie 15 卡、editorial 1 卡——收窄会把它们挤成一列
（正是 #267 的同一条教训），故 narrow 名单由模板按 slug 精确控制，不在此处泛用。
⚠ 与 §9.12① 的 `> main{flex:1 1 auto}` 共存：flex item 上的 `margin-inline:auto`
会先吸收剩余空间（flex-grow 被视作 0），所以 784 宽、居中，二者不冲突。
-------------------------------------------------------------------------- */
.ms-wrap--narrow { max-width: 784px }
@media (max-width: 720px) { .ms-wrap--narrow { max-width: none } }
/* -----------------------------------------------------------------------------
9.14 详情页图文同宽 ~880（2026-10-02，#289→#290 改判）
#289 把内容块撑到 1136、正文仍锁 720 左顶 → 头图满宽、正文只占左半、右侧大片留白，
LM 判"正文宽度不对"。#290 改判＝图文同宽 ~880：内容块 880、正文填满 880、头图随块到
880，三者齐边、整栏居中。① 仍把单篇(post)容器从 Astra 的 750 提到 1240（否则 880 块被
夹到 686）；② .ms-article 用默认 880（不再撑 1180）、.ms-prose 放开填满块（不再 cap 720）。
⚠ 880 正文比 VI 的 600–720 宽——LM 明确选"图文同宽"优先于阅读宽。/about/ 仍 1136/720
（带卡片、另一取向；是 body.page，不受本块影响）。只作用 body.single，不碰归档/首页/页面。
-------------------------------------------------------------------------- */
body.single .site-content .ast-container { max-width: 1240px }
body.single .ms-prose { max-width: none }
/* -----------------------------------------------------------------------------
9.15 详情页宽度统一（2026-10-02，台账 #291，LM 定档）
统一口径：主容器 .ms-wrap 一律 1200；内容块 1136（栅格/卡片页）；纯正文页 880
（图文同宽）；带侧栏的 split 主栏 720。本轮落地 LM 已明确的三处——
disclaimer → B 档 880（不再走 §9.13 的 784 窄栏）；market 列表 / parts 列表 /
part 单篇 → C 档主栏 720（`.ms-split--720`，主栏定宽 720、侧栏吃剩余）。
⚠ news 列表、live-quotes、about 等"散文+卡片"混排页、sitemap 均「不动」（LM 指定）；
live-quotes 仍用普通 .ms-split（2fr:1fr），所以 720 是**新增变体**、不改全局 .ms-split。
⚠ §9.13 的 .ms-wrap--narrow 自此无页面使用（disclaimer 是它唯一消费者），保留规则但已停用。
-------------------------------------------------------------------------- */
.ms-prose--880 { max-width: 880px }
.ms-split--720 { grid-template-columns: 720px minmax(0, 1fr) }
@media (max-width: 1024px) { .ms-split--720 { grid-template-columns: 1fr } }
/* -----------------------------------------------------------------------------
9.16 视频 facade（点击加载 youtube-nocookie iframe）（2026-10-02，台账 #292）
复用 .ms-vcard__media(--feat) 的固定比例框 + .ms-play 播放键。facade 是叠在框里的
按钮（缩略图 cover + 居中播放键），点击后由内联脚本换成 .ms-yt-frame（absolute 填满框）。
框的 aspect-ratio 固定 ⇒ 换 iframe 前后同尺寸 ⇒ 无 CLS；不点 ⇒ 不加载 iframe ⇒ 无 Google cookie。
非 YouTube（Facebook 等）走 .ms-yt-external 外链分支，不注入 iframe。
-------------------------------------------------------------------------- */
.ms-yt-facade { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; margin: 0; padding: 0; background: #0B2240; cursor: pointer; display: block; color: inherit; font: inherit }
.ms-yt-facade__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block }
.ms-yt-facade .ms-play, .ms-yt-external .ms-play { z-index: 1 }
.ms-yt-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block }
/* --------------------------------------------------------------------------
10. 首页动态区块（2026-10-03 首页布局定稿 H-C，design-proposals-20261003）
消费方 = mu-plugin memsignal-home-blocks.php 的三个 shortcode。
⚠ 本批**只并净增件**：.ms-md-* / .ms-lg-* / .ms-h2 / .ms-overline / .ms-gate /
.ms-dir--up|slow|down / .ms-cardlink>.ms-card 等已在 §3 与 §84–89 定义，此处不得重写。
原因（09-30 与 10-03 各踩过一次）：后写的裸 `.ms-md-6` 会在 1024+ 盖掉生产 `.ms-lg-4`
——media query 不参与特异性比较，胜负只看源码顺序。
⚠ 提案件的 .ms-proto-banner / .ms-note / .ms-hero--tight / .ms-entry / .ms-matrix /
.entry-header{display:none} 六类**刻意不进生产**（最后一条是 mockup 里的临时隐藏手段，
生产改用 Astra 页面级设置关标题，不把 display:none 写进 CSS）。
-------------------------------------------------------------------------- */
/* 10.1 B2 今日信号一行带 */
.ms-signal-bar { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; background: #F4F8FD; border: 1px solid var(--ms-border); border-left: 4px solid var(--ms-blue); border-radius: var(--ms-radius); padding: 11px 16px; margin: 18px 0 0; font-size: 14px; color: var(--ms-text-2) }
.ms-signal-bar__k { font: 700 11.5px/1 var(--ms-font-sans); letter-spacing: .09em; text-transform: uppercase; color: var(--ms-navy) }
.ms-signal-bar a { color: var(--ms-blue-deep); font-weight: 600; text-decoration: none; flex: 1 1 auto; min-width: 220px }
.ms-signal-bar a:hover { text-decoration: underline }
.ms-signal-bar__src { margin-left: auto; font-size: 12.5px; color: var(--ms-text-muted) }
.ms-dir--flat { background: rgba(148, 163, 184, .16); color: #475569 }
/* 10.2 B4 四路动态卡（每类动态一个固定落位；空态写状态词不写 0 records） */
.ms-chan { display: flex; flex-direction: column; border: 1px solid var(--ms-border); border-radius: var(--ms-radius-lg); background: #fff; padding: 16px 18px 14px; height: 100% }
.ms-chan__h { display: flex; gap: 8px; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; border-bottom: 2px solid var(--ms-navy); padding-bottom: 10px }
.ms-chan__h h3 { margin: 0; font-size: 15.5px; font-weight: 700; color: var(--ms-navy) }
.ms-chan__b { flex: 1 1 auto; padding: 12px 0 8px }
.ms-chan__b ul { list-style: none; margin: 0; padding: 0 }
.ms-chan__b li { padding: 9px 0; border-bottom: 1px dashed #E6ECF4; font-size: 14px; line-height: 1.5 }
.ms-chan__b li:last-child { border-bottom: 0 }
.ms-chan__b li a { color: var(--ms-text); text-decoration: none; font-weight: 500 }
.ms-chan__b li a:hover { color: var(--ms-blue-deep); text-decoration: underline }
.ms-chan__b li small { display: block; margin-top: 3px; color: var(--ms-text-muted); font-size: 12px; font-weight: 400 }
.ms-chan__f { border-top: 1px solid var(--ms-border); padding-top: 10px; font-size: 13.5px }
.ms-chan__f a { color: var(--ms-blue-deep); font-weight: 600; text-decoration: none }
/* 10.3 B5 订阅带（Q-a 选①：槽位形态先上，不收数据，服务商定了再接）
⚠ 10-15 V2 修复（台账 #541／问题台账 N74）：品牌渐变亮端 `#00C6FF` 上任何浅色文字都不达 AA
（白字仅 2.00、原 caption `#9FC3E4` 只有 **1.08**），且 `.ms-subscribe__h` 从未显式取色 ⇒
被 h2 规则压成 `#1F2937`，标题在**深端**就是深色压深蓝。数学上不存在"只压暗背景"的解
（亮端压到 #006E8E 时 #9FC3E4 仍只 3.15），故按 LM 选的 V2＝保留品牌渐变＋给两块直接子元素加暗色盒衬。
盒衬 α 取 **.58 而非 mockup 里的 .42**：实测 .42 时白字亮端仅 4.62、浅蓝字 4.15（不达标）；
.58 下白 6.78／浅蓝 6.10，两端均远超 AA 4.5。 */
.ms-subscribe { display: grid; grid-template-columns: 1.4fr 1fr; gap: 26px; align-items: center; background: var(--ms-gradient); color: #fff; border-radius: var(--ms-radius-lg); padding: 26px 28px; margin: 34px 0 0 }
.ms-subscribe > div, .ms-subscribe > p { background: rgba(0, 26, 48, .58); padding: 14px 16px; border-radius: 10px }
/* ⚠ 必须用两级选择器：`ms-ds` 挂在 上（实测 ancestorChain 确认），于是
`.ms-ds h2`(0,1,1) 会压掉单 class 的 `.ms-subscribe__h`(0,1,0)、
`.ms-ds a:not(.ms-btn)`(0,2,1) 会压掉 `.ms-subscribe a`(0,1,1)——首轮 V2 就是这样
"规则存在且匹配、computed 仍是深色"，只有 getComputedStyle 能发现，读 CSS 看不出来。 */
.ms-subscribe .ms-subscribe__h { margin: 0 0 8px; font-size: 22px; font-weight: 700; color: #FFFFFF }
.ms-subscribe p { margin: 0; font-size: 14.5px; line-height: 1.7; color: #EAF4FF }
.ms-subscribe p.ms-caption { color: #EAF4FF !important }
.ms-subscribe .ms-caption a { color: #FFFFFF; text-decoration: underline }
/* 原 `.ms-subscribe__f label`／`.ms-subscribe__row`／`.ms-subscribe .ms-input` 三条已删：
表单于 #538 撤下后生产侧零消费者（引用只剩 design-proposals 的历史 CSS 副本与本批补丁锚点）。
留此注释防后人"顺手加回"。窄屏单列规则（原 1148 行 `grid-template-columns:1fr`）未动。 */
/* 10.4 B1 信任条压暗：hero 背景是芯片实拍，第四格落在高光区上，
副文 rgba(255,255,255,.66) 对比度不足（10-03 截图实测）。只加背景层，不动 §352 的栅格。 */
.ms-hero .ms-trust { background: linear-gradient( 180deg, rgba(4, 20, 38, .42), rgba(4, 20, 38, .80) ) }
@media ( max-width: 900px ) {
.ms-subscribe { grid-template-columns: 1fr }
.ms-signal-bar__src { margin-left: 0; width: 100% }
}
/* 10.5 首页 hero 与内容同缘（10-03 LM 指出"顶部图与下方内容宽度不协调"）
量算根因（ops/measure-home-widths-20261003.py，1440 视口）：
.ms-hero x=108→1308 w=1200 padding 0 ← 色块与背景图铺满 1200
.ms-hero__in / .ms-trust padding 32 ← hero 内文字落在 140→1276
.ms-wrap padding 32 ← 下方内容也落在 140→1276
⇒ 下方内容与 hero 内文字本就对齐，不齐的只有**色块边界**（108 vs 140，差 32px）。
反方向（把 .ms-wrap 的 padding 去掉扩到 1200）不可取：① .ms-wrap 是全站公共类
（11 个模板 + 2 个 mu-plugin 在用），改它＝一次改掉全站内容宽度；
② 下方内容会跑到 108 而 hero 文字仍在 140，制造新的错位。
⇒ 本件只作用于带 --home-inset 的首页 hero：色块内缩到与内容同缘，
同时把 __in / .ms-trust 的左右内距归零，使**所有可视左缘统一在 140**。 */
.ms-hero--home-inset { margin-inline: var(--ms-page-pad) }
/* 内距取 24px 而非 0：首版归零后主标题、搜索框与信任条全部压住色块左缘（10-03 截图实测，
比改前更局促）。banner 内的文字本就该有呼吸——**色块边缘**与下方内容对齐是 LM 要的那件事，
文字再内缩 24px 属正常构图，不是"没对齐"。 */
.ms-hero--home-inset .ms-hero__in, .ms-hero--home-inset .ms-trust { padding-inline: 24px }
@media ( max-width: 860px ) {
/* 窄屏下 --ms-page-pad 已由 §352 的 .ms-trust 分支重排，此处同步收边距避免双重内缩 */
.ms-hero--home-inset { margin-inline: calc(var(--ms-page-pad) / 2) }
}
/* --------------------------------------------------------------------------
11. 内容页垂直间距修正（2026-10-04 LM 指出"图片与文字、表格与文字间距太小"）
探针实测（ops/measure-content-gaps-20261004.py，12 页 × 1280 档）：
G1 hero 底边 → .ms-article 顶边 = **0px**，12 页全部一致
根因是三条叠加：.ms-article{margin:0 auto} 上下为 0、
.ms-hero__in 的 padding-bottom 为 0、.ms-prose > * + * 只管非首元素
⇒ 首块 margin-top 也是 0，hero 大图直接压在第一个标题上。
G2 标题 → 后随块 = 16px，来自 .ms-ds h2{margin-bottom:var(--ms-sp-4)}
覆盖 p / ul / .ms-card / .ms-grid / .ms-table 全部后随形态 ⇒ **统一改基础值**，
不逐类打补丁。首版我只给 grid/panel/table 加 margin-top，复测发现 h2→p、h2→ul、
h2→.ms-card 仍是 16px（探针当场暴露），只改一半会造出 h2→grid 24 而 h2→p 16 的新不一致。
G3 .ms-article 直接子里的 .ms-alert 与后随 h2 间隙 = 0（.ms-alert 只有 padding 无 margin、
h2 的 margin-top 为 0）⇒ 只给"直接子"补下边距；.ms-prose 内的 alert 不动，
那里已有 > * + * 的 1.1em 正文节奏。
三条都用**后段覆盖**，不改 §84／§165 的原始规则行。首页只受 G2 影响
（h2 后随 16→24，与 G1 同向、更舒展）；hub 页走 .ms-hub-body + 正文自带
.ms-wrap padding 56px，实测无 G1 问题，不在本批范围。
-------------------------------------------------------------------------- */
.ms-article { margin-top: var(--ms-sp-12) } /* G1: 0 → 48px */
.ms-ds h2, .ms-ds .ms-h2 { margin-bottom: var(--ms-sp-6) } /* G2: 16 → 24px，统一覆盖所有后随形态 */
.ms-article > .ms-alert { margin-bottom: var(--ms-sp-6) } /* G3: 0 → 24px，只给直接子补，不碰 prose 内 */
/* G4：真正的根因是 §84 的 `.ms-ds h2{margin:0 0 …}` 把 h2 **上**边距强制归零 ⇒
任何元素后面跟 h2 都会贴住（探针在 /editorial-policy/ 实测 alert→h2 gap=0，
而我原先按"alert 的直接父是 .ms-article"写的选择器没命中，说明层级比猜的深）。
所以不逐个补 alert，而是给"非首元素的 h2"统一上间距——特异性 (0,2,1) 压过 §84 的 (0,1,1)。 */
.ms-article h2:not(:first-child), .ms-prose h2:not(:first-child) { margin-top: var(--ms-sp-8) }
/* G5：相邻 alert 堆叠间距 16 → 24px（2026-10-04 LM 看 A/B 对比图后拍板 B）。
/about/ 的 "What MemSignal is not" 一节有四条**各自独立**的合规声明连续堆叠
（不持库存 / 报价非交易价 / 与原厂无关联 / 不托管规格书），16px 让它们读起来像
一条 bullet list；其中"无关联、勿推断授权背书"是商标合规的关键声明，被挤在一起会削弱。
与 G2/G3 的 24px 同档，消除同页两种节奏。 */
.ms-alert + .ms-alert { margin-top: var(--ms-sp-6) }
/* G6（2026-10-04 #304 立、同日 #309 撤销）：容器类是否纳入 measure 约束。
#304 当时的判断＝"段落 720、卡片 1136 混排、右缘不齐"，于是把 .ms-prose--wide 的
直接子容器也压到 720。**LM 看渲染图后否掉了这个取向**：卡片收到 720 后整页变成一条
窄栏、右侧空出一条，比"右缘不齐"更难看（对照图 ops/variants-shot-20261004.py 的
disc-CUR 带）。LM 选 方案二＝卡片整条通栏到右边缘、与顶部横幅齐边、保持自上而下的
阅读顺序。
实测更正 #304 的一处前提：参考页 /about/ 的卡片其实都在 .ms-grid / .ms-stack 内
（探针 lw2r-about 直子序列＝overline/body-lg/h2/grid…，无直子 .ms-card/.ms-alert），
所以 #304 的 G6 从未作用于 About——About 一直呈现的正是"文字 720 + 宽块 1136"，
这本身就是 LM 要对齐的目标。撤销 G6 只会把 6 个法务页（disclaimer/editorial/
data-methodology/terms/privacy/cookie）的**直子**卡片/提示框放回全宽，About、contact
等栅格页零变化。§844-847 的文字 measure 约束保留不动。 */
.ms-prose--wide > .ms-card, .ms-prose--wide > .ms-alert,
.ms-prose--wide > .ms-panel, .ms-prose--wide > .ms-gate { max-width: none }
/* 引导条 .ms-lead（2026-10-05 #312，LM 选方案B；#314 扩到 About）：全卡片式页
（editorial-policy / data-methodology）与 About 顶部那句"本页用途"引导段，之前是裸在
卡片外的散字（"混排"族）。做成浅色引导条：淡底 + 左侧蓝描边 + 圆角 + padding，既不再
孤立、又与下方编号卡片区分。⚠ 只在正文显式挂 .ms-lead 的块生效（按页 opt-in）。
选择器用 `.ms-prose--wide > .ms-lead`（不限元素）：editorial/data-method 是 ``
直接命中；About 是 `