/* ============================================================
   SFCHEM V6.2 · 内页版式对齐首页(皮肤层)
   2026-08-20 · 受 SFCHEM_V6_BRAND flag 守卫,仅非首页加载
   ------------------------------------------------------------
   问题:首页已是 V6.1 通栏版式,产品/应用/技术页仍是「圆角深色卡片
   装在 1228px 容器里」——点进去像两个网站。本层统一三类内页的
   首屏、留白与卡片规格。零 post_content 变化。
   ------------------------------------------------------------
   选择器均经 2026-08-20 线上实测确认(不是从旧 CSS 推断):
     产品页  body.sf-visual-product     .sf-v5468-*   （注:生产用 v5468,
             visual-system.css 里的 v5530 一代在线上已无匹配元素）
     应用页  body.sf-visual-application .sf-v5318-*
     技术页  body.sf-visual-technical   .sf-v5714-*
   ------------------------------------------------------------
   满幅打法(三次实测才定下,勿随意改):
     · margin-inline: calc(50% - 50vw) 会比可视区多出半个滚动条宽(实测 6px)
     · 只 clip 在 .site(1320px)上 → 无溢出但 band 被裁成 1320 宽
     · 只 clip 在 html 上        → 满幅但仍可横向滚动 6px
     · html + body 两层都 clip   → 满幅且 scrollLeft 恒 0  ← 采用
     · 禁用 box-shadow 100vmax 画满幅:2560 宽屏会拖垮合成层、整页渲染空白
   sticky 侧栏目录(top:88px)在两层 clip 下实测正常(clip 不创建滚动容器)。
   ============================================================ */

html:has(body:is(.sf-visual-product, .sf-visual-application, .sf-visual-technical)) {
  overflow-x: clip;
}

body:is(.sf-visual-product, .sf-visual-application, .sf-visual-technical) {
  overflow-x: clip;
  --v62-bleed: calc(50% - 50vw);
  --v62-repad: max(24px, calc(50vw - 614px));   /* 614 = .site-content 1228 / 2 */
}

/* ---- 1. 内页首屏:通栏深色带 ---- */
body.sf-visual-product .sf-v5468-hero,
body.sf-visual-application .sf-v5318-hero,
body.sf-visual-technical .sf-v5714-hero {
  margin-inline: var(--v62-bleed) !important;
  margin-top: calc(-1 * clamp(38px, 5vw, 66px)) !important;
  padding: clamp(52px, 5vw, 72px) var(--v62-repad) clamp(48px, 4.6vw, 66px) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background:
    radial-gradient(circle at 76% 14%, rgba(43, 200, 230, .14), transparent 36%),
    linear-gradient(135deg, #081D33 0%, #0A2540 62%, #103A5E 100%) !important;
}

/* 首屏装饰层:调研结论——同类企业站不用这类修饰 */
body.sf-visual-application .sf-v5318-hero::after,
body.sf-visual-technical .sf-v5714-hero::after {
  display: none !important;
}

/* 首屏标题:与首页同一字阶 */
body.sf-visual-product .sf-v5468-hero h1,
body.sf-visual-application .sf-v5318-hero h1,
body.sf-visual-technical .sf-v5714-hero h1 {
  max-width: 22ch;
  font-size: clamp(32px, 3.2vw, 44px) !important;
  line-height: 1.22 !important;
}

/* 深色首屏上的标题必须反白。
   实测:产品页 h1 计算色为 #1A1A2E(来自 v5468 自带样式,非 V6 层),
   通栏改深底后变成深字压深底、几乎不可读 —— 必须显式覆盖。 */
body.sf-visual-product .sf-v5468-hero :is(h1, h2, h3),
body.sf-visual-application .sf-v5318-hero :is(h1, h2, h3),
body.sf-visual-technical .sf-v5714-hero :is(h1, h2, h3) {
  color: #fff !important;
}

/* ---- 2. 黄铜残留 → 荧青(深底) ---- */
body.sf-visual-product .sf-v5468-eyebrow,
body.sf-visual-application .sf-v5318-kicker {
  border-color: rgba(43, 200, 230, .40) !important;
  background: rgba(43, 200, 230, .08) !important;
  color: var(--sfv6-cyan) !important;
}
body.sf-visual-product .sf-v5468-tags span {
  border-color: rgba(43, 200, 230, .34) !important;
  background: rgba(43, 200, 230, .07) !important;
  color: var(--sfv6-cyan) !important;
}

/* ---- 3. 卡片:扁平弱描边(对齐首页与英文站) ---- */
body:is(.sf-visual-product, .sf-visual-application) :is(
  .sf-v5468-product-card,
  .sf-v5468-facts > div,
  .sf-v5468-card-focus,
  .sf-v5318-facts > div,
  .sf-v5318-card
) {
  border: 1px solid var(--sfv6-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: var(--sfv6-shadow-1) !important;
}

/* V6.5.1:白卡链接统一使用行动蓝；荧青只留在深色面与焦点强调。 */
body:is(.sf-visual-product, .sf-visual-application) :is(
  .sf-v5468-product-card,
  .sf-v5468-facts > div,
  .sf-v5468-card-focus,
  .sf-v5318-facts > div,
  .sf-v5318-card
) a {
  color: var(--sfv6-blue) !important;
}

/* ---- 4. 正文区留白与首页一致 ---- */
body:is(.sf-visual-product, .sf-visual-application, .sf-visual-technical) :is(
  .sf-v5468-body, .sf-v5318-body, .sf-v5714-content
) {
  margin-top: clamp(48px, 5vw, 72px) !important;
}

/* ---- 5. 结尾行动区:通栏深色带(仅产品页有此结构) ---- */
body.sf-visual-product .sf-v5468-cta {
  margin-inline: var(--v62-bleed) !important;
  margin-bottom: -80px !important;
  padding: 60px var(--v62-repad) 64px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, #0A2540 0%, #103A5E 100%) !important;
}
body.sf-visual-product .sf-v5468-cta :is(h2, h3) { color: #fff !important; }
body.sf-visual-product .sf-v5468-cta p { color: rgba(232, 242, 250, .84) !important; }
body.sf-visual-product .sf-v5468-cta a { color: var(--sfv6-cyan) !important; }

body.sf-visual-product :is(#contact-info, section[class*="-cta"]) {
  margin-inline: var(--v62-bleed) !important;
  margin-bottom: -80px !important;
  padding: 60px var(--v62-repad) 64px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, #071F36 0%, #0E3B61 100%) !important;
}

body.sf-visual-product :is(#contact-info, section[class*="-cta"]) :is(h2, h3) {
  color: #FFFFFF !important;
}

body.sf-visual-product :is(#contact-info, section[class*="-cta"]) :is(p, li) {
  color: rgba(242, 248, 252, .96) !important;
}

body.sf-visual-product :is(#contact-info, section[class*="-cta"]) a {
  color: #7FE3F7 !important;
  font-weight: 600;
  text-decoration-color: rgba(127, 227, 247, .7);
  text-underline-offset: 3px;
}

/* ---- 6. 移动端 ---- */
@media (max-width: 768px) {
  body:is(.sf-visual-product, .sf-visual-application, .sf-visual-technical) :is(
    .sf-v5468-hero, .sf-v5318-hero, .sf-v5714-hero
  ) {
    padding-block: 44px 40px !important;
  }
}

/* ============================================================
   V6.3 · 内页首屏实拍配图（2026-08-20）
   ------------------------------------------------------------
   照片以 CSS 装饰背景注入,压深色渐变保证文字可读:
     · 不进 post_content、不需要 alt、不改链接图 → 零内容变更
     · flag 关闭即全部消失,回滚成本为零
   配图按主题对应内容,不是随机贴图(齿刀墙↔瓷砖胶、稠度仪↔自流平、
   抗折机↔抗裂砂浆、粘度计↔HPMC),避免"图文不符"这种更廉价的观感。
   遮罩强度分两档:浅色照片(腻子/白袋)用 --ov-hi,其余用默认。
   ============================================================ */

body:is(.sf-visual-product, .sf-visual-application, .sf-visual-technical) {
  --v63-ov: linear-gradient(100deg, rgba(6,20,36,.94) 0%, rgba(8,29,51,.87) 46%, rgba(10,37,64,.66) 100%);
  --v63-ov-hi: linear-gradient(100deg, rgba(6,20,36,.96) 0%, rgba(8,29,51,.91) 46%, rgba(10,37,64,.76) 100%);
}

/* 技术方案文章(301 篇)统一用实验台通景 */
body.sf-visual-technical .sf-v5714-hero {
  background: var(--v63-ov), url("../img/lab-stirrer-bench-wide-02.webp") center 40% / cover no-repeat !important;
}

/* 应用场景页 · 逐页按主题配 */
body.page-id-1081 .sf-v5318-hero {   /* 建筑腻子与墙面找平 */
  background: var(--v63-ov-hi), url("../img/app-putty-texture-01.webp") center 55% / cover no-repeat !important;
}
body.page-id-1665 .sf-v5318-hero {   /* 陶瓷砖胶粘剂 — 齿刀 */
  background: var(--v63-ov), url("../img/lab-trowel-wall-01.webp") center 45% / cover no-repeat !important;
}
body.page-id-1085 .sf-v5318-hero {   /* 水泥基自流平 — 稠度/流动度 */
  background: var(--v63-ov), url("../img/lab-mortar-consistency-01.webp") center 35% / cover no-repeat !important;
}
body.page-id-1771 .sf-v5318-hero {   /* 干粉砂浆 — 净浆搅拌 */
  background: var(--v63-ov), url("../img/lab-cement-paste-mixer-01.webp") center 40% / cover no-repeat !important;
}
body.page-id-1179 .sf-v5318-hero {   /* 抗裂抹灰砂浆 — 抗折试验 */
  background: var(--v63-ov), url("../img/lab-flexural-tester-dkz5000-01.webp") center 45% / cover no-repeat !important;
}
body.page-id-1087 .sf-v5318-hero {   /* SMA 沥青 — 聚丙烯纤维吨袋 */
  background: var(--v63-ov-hi), url("../img/warehouse-fibc-fiber-01.webp") center 45% / cover no-repeat !important;
}
body.page-id-2519 .sf-v5318-hero {   /* 砌筑抹灰砂浆 */
  background: var(--v63-ov), url("../img/lab-stirrer-bench-wide-01.webp") center 45% / cover no-repeat !important;
}
body.page-id-3126 .sf-v5318-hero {   /* 瓷砖填缝剂 */
  background: var(--v63-ov-hi), url("../img/app-putty-texture-02.webp") center 55% / cover no-repeat !important;
}

/* 产品页 · 砂浆用 HPMC — 粘度计(HPMC 核心指标) */
body.page-id-1769 .sf-v5468-hero {
  background: var(--v63-ov), url("../img/lab-viscometer-ndj8s-01.webp") center 40% / cover no-repeat !important;
}

/* 移动端:改纵向遮罩,避免文字压在照片主体上 */
@media (max-width: 768px) {
  body:is(.sf-visual-product, .sf-visual-application, .sf-visual-technical) {
    --v63-ov: linear-gradient(180deg, rgba(6,20,36,.93) 0%, rgba(8,29,51,.90) 55%, rgba(10,37,64,.88) 100%);
    --v63-ov-hi: linear-gradient(180deg, rgba(6,20,36,.95) 0%, rgba(8,29,51,.93) 55%, rgba(10,37,64,.90) 100%);
  }
}

/* ============================================================
   V6.3.3 · 首屏文字可读性修复（2026-08-20）
   ------------------------------------------------------------
   背景：V6.2 给内页首屏里的卡片统一换成「实白卡」皮肤：

     body:is(.sf-visual-product, .sf-visual-application)
       :is(.sf-v5468-product-card, .sf-v5468-facts > div,
           .sf-v5468-card-focus,  .sf-v5318-facts > div,
           .sf-v5318-card) { background:#fff !important; ... }

   但这些卡在 V5.815 里原本是「深色首屏上的半透明卡」
   （.sf-v5468-facts>div 原 rgba(255,255,255,.10)、
     .sf-v5318-facts>div 原 rgba(255,255,255,.07)），
   卡内文字因此是白色或近白色（#F2F8FA）。底改白、字没改 →
   白底白字，整块内容在前台完全看不见。

   另外 V6.2.1 为修产品页 h1 加的：
     .sf-v5468-hero :is(h1,h2,h3) { color:#fff !important }
   用的是后代选择器，会顺着漏进首屏内的白卡，把卡内 h2
   「产品应用与选型」也刷成白色 → 同样白底白字。

   本次不再回退底色（实白卡是 V6 既定方向，且已上线），
   改为「浅底卡 → 浅底文字口径」，一次把三类问题收敛：

     1. 产品页首屏三张事实卡（适合解决 / 不适合误用 / 相邻产品关系）
        —— 3 个产品页（self-leveling-hpmc-400 / mortar-hpmc / dry-mortar-synthetic-fiber）整块不可见
     2. 产品页首屏白卡标题「产品应用与选型」—— 3 个产品页（self-leveling-hpmc-400 / mortar-hpmc / dry-mortar-synthetic-fiber）
     3. 应用页首屏事实卡 dt 标签（近白 #F2F8FA 压实白底）
        —— 有 .sf-v5318-facts 的应用页

   另修一处 V5.815 遗留、与 V6 无关但换成实拍底后更刺眼的问题：
     4. 应用页 .sf-v5318-hero-grid 用深色字 #203041 直接压在深色首屏上
        （对比度 1.20）。改为白字。

   验收口径：首屏内所有叶子文本节点的 WCAG 对比度 ≥ 3。
   验证脚本见 上线前预览-操作手册.md §3。
   flag 关闭（SFCHEM_V6_BRAND=false）即全部消失，回滚成本为零。
   ============================================================ */

/* --- 1/2/3：被 V6 改成实白底的首屏卡，文字统一走浅底调色板 --- */
body:is(.sf-visual-product, .sf-visual-application)
  :is(.sf-v5468-product-card, .sf-v5468-facts > div, .sf-v5468-card-focus,
      .sf-v5318-facts > div, .sf-v5318-card) {
  color: #3B4E63 !important;
}
body:is(.sf-visual-product, .sf-visual-application)
  :is(.sf-v5468-product-card, .sf-v5468-facts > div, .sf-v5468-card-focus,
      .sf-v5318-facts > div, .sf-v5318-card)
  :is(h1, h2, h3, h4, h5, dt, strong, b) {
  color: #102A43 !important;
}
body:is(.sf-visual-product, .sf-visual-application)
  :is(.sf-v5468-product-card, .sf-v5468-facts > div, .sf-v5468-card-focus,
      .sf-v5318-facts > div, .sf-v5318-card)
  :is(p, li, dd, span, em, small, td, th) {
  color: #3B4E63 !important;
}

/* --- 4：应用页首屏事实条无卡底，直接压深色首屏，改白字 --- */
body.sf-visual-application .sf-v5318-hero .sf-v5318-hero-grid {
  color: #fff !important;
}
body.sf-visual-application .sf-v5318-hero .sf-v5318-hero-grid span {
  color: rgba(255,255,255,.82) !important;
}

/* ============================================================
   V6.4 · 产品页首屏统一（2026-08-20）
   ------------------------------------------------------------
   问题：29 个产品页用了 20 种不同的首屏模板（sf-v5461 / v5468 /
   v5476 / v5486 / v5490 / v5491 / v5496 / v5500 / v5502 / v5503 /
   v5504 / v5507 / v5508 / v5509 / v5515 / v5517 / v5523 / v5524 /
   v5530 / v56）。V6.2 的通栏首屏只写了 .sf-v5468-hero，所以
   只有 3 页被接管，另外 26 页仍是 V5.815 的内缩圆角深色卡
   （x:124 / 宽 1180 / 圆角 18px），和首页、应用页、技术页完全不像一套。

   好消息：这 26 页的首屏几何完全一致，且底色本来就是深色系。
   所以一条属性选择器就能全部收编，不必逐个改模板。

   做法（刻意保持最小）：
     · 只改几何 —— 通栏、去圆角、去阴影、统一内边距；
     · 换底 —— 统一成 V6 标准遮罩 + 实拍照片；
     · 文字只动一处 —— 首屏文案列（*-hero-copy）里的 h1/h2/h3 改白字。

   为什么不顺手统一卡片文字颜色：各家族的卡片类名不同，且有的卡是
   深色半透明、有的是浅色实底。试过一刀切，结果在 industrial-grade-hpmc
   上把 8 处本来正常的文字改坏了。已回退成现在这版。

   验收（浏览器注入实测 + 29 页逐页模拟）：
     · 26 页 → 首屏对比度全部 ≥ 3，无新增问题
     · 剩下 3 页是 sf-v5468，问题由 V6.3.3 修复，两者需一起上
     · 4 页的 H1 本来就是深色压深色（几乎看不见），本补丁一并修好：
       spray-s-type-hpmc / honeycomb-hpmc-1000 /
       fiber-cement-board-synthetic-fiber / calcium-chloride
   ============================================================ */

/* --- 1. 几何：所有产品页首屏统一通栏 ---
   :not([class*="-hero-"]) 用来排除 *-hero-copy / *-hero-intro 这类子块。 */
body.sf-visual-product [class*="-hero"]:not([class*="-hero-"]) {
  margin-inline: var(--v62-bleed) !important;
  margin-top: calc(-1 * clamp(38px, 5vw, 66px)) !important;
  padding: clamp(52px, 5vw, 72px) var(--v62-repad) clamp(48px, 4.6vw, 66px) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* --- 2. 首屏文案列的标题改白字 ---
   修 4 页深色压深色的 H1，同时不碰任何卡片内部。 */
body.sf-visual-product [class*="-hero-copy"] :is(h1, h2, h3) {
  color: #fff !important;
}

/* --- 3. 默认底图 ---
   用 :where() 把特异度归零，好让 V6.3 已有的「按页配图」规则
   （body.page-id-1769 .sf-v5468-hero 等）继续覆盖本条。 */
body.sf-visual-product :where([class*="-hero"]:not([class*="-hero-"])) {
  background: var(--v63-ov),
    url("../img/lab-stirrer-bench-wide-01.webp") center 45% / cover no-repeat !important;
}

/* --- 4. 按模板家族分组配图 ---
   同样用 :where()，组内后写覆盖默认；按页规则仍然最优先。
   分五组，避免 26 页共用一张（技术方案页 96 篇共用一张已经是前车之鉴）。 */

/* 纤维素醚 / HPMC —— 粘度计 */
body.sf-visual-product :where(.sf-v5530-hero, .sf-v5461-hero, .sf-v5476-hero, .sf-v56-hero) {
  background: var(--v63-ov),
    url("../img/lab-viscometer-ndj8s-01.webp") center 40% / cover no-repeat !important;
}
/* 粉体聚合物：淀粉醚 / RDP / PVA / PAM —— 净浆搅拌 */
body.sf-visual-product :where(.sf-v5504-hero, .sf-v5500-hero, .sf-v5503-hero, .sf-v5502-hero) {
  background: var(--v63-ov),
    url("../img/lab-cement-paste-mixer-01.webp") center 40% / cover no-repeat !important;
}
/* 液体与表面活性剂类外加剂：增塑剂 / 减水剂 / 消泡剂 / K12 —— 稠度与流动度 */
body.sf-visual-product :where(.sf-v5507-hero, .sf-v5508-hero, .sf-v5509-hero, .sf-v5515-hero) {
  background: var(--v63-ov),
    url("../img/lab-mortar-consistency-01.webp") center 35% / cover no-repeat !important;
}
/* 纤维类：合成纤维 / 木质纤维 / 抗裂纤维 —— 纤维吨袋 */
body.sf-visual-product :where(.sf-v5486-hero, .sf-v5490-hero, .sf-v5491-hero, .sf-v5496-hero) {
  background: var(--v63-ov-hi),
    url("../img/warehouse-fibc-fiber-01.webp") center 45% / cover no-repeat !important;
}
/* 其他：制香粘粉 / 颜料炭黑 / 工业氯化钙 —— 实验台通景（走默认，此处显式写出便于日后调整） */
body.sf-visual-product :where(.sf-v5517-hero, .sf-v5523-hero, .sf-v5524-hero) {
  background: var(--v63-ov),
    url("../img/lab-stirrer-bench-wide-01.webp") center 45% / cover no-repeat !important;
}

/* Page2521 role table: phone-only stacked rows; desktop unchanged. */
@media (max-width: 767px) {
 body.page-id-2521 #roles figure.sf-v5318-table {overflow: visible !important;}
 body.page-id-2521 #roles figure.sf-v5318-table table,
 body.page-id-2521 #roles figure.sf-v5318-table tbody {display:block !important;width:100% !important;min-width:0 !important;max-width:100% !important;}
 body.page-id-2521 #roles figure.sf-v5318-table table {border:0 !important;}
 body.page-id-2521 #roles figure.sf-v5318-table thead {position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip-path:inset(50%);}
 body.page-id-2521 #roles figure.sf-v5318-table tr {display:block !important;margin-bottom:12px;border:1px solid #d7e3f0;border-radius:8px;overflow:hidden;}
 body.page-id-2521 #roles figure.sf-v5318-table td {display:block !important;width:100% !important;min-width:0 !important;max-width:100% !important;box-sizing:border-box;padding:12px !important;border:0 !important;white-space:normal !important;overflow-wrap:anywhere;}
 body.page-id-2521 #roles figure.sf-v5318-table td:first-child {background:#f7faff;border-bottom:1px solid #d7e3f0 !important;}
 body.page-id-2521 #roles figure.sf-v5318-table td:nth-child(2) {background:#fff;}
 body.page-id-2521 #roles figure.sf-v5318-table td::before {display:block;font-weight:700;color:#0b2742;margin-bottom:6px;}
 body.page-id-2521 #roles figure.sf-v5318-table td:first-child::before {content:"成品要求";}
 body.page-id-2521 #roles figure.sf-v5318-table td:nth-child(2)::before {content:"外加剂对应的作用";}
 body.page-id-2521 #roles figure.sf-v5318-table td:nth-child(2)>strong {display:block;margin-bottom:6px;}
}

/* Page2522 role table: phone-only stacked rows; desktop unchanged. */
@media (max-width: 767px) {
 body.page-id-2522 #roles figure.sf-v5318-table {overflow: visible !important;}
 body.page-id-2522 #roles figure.sf-v5318-table table,
 body.page-id-2522 #roles figure.sf-v5318-table tbody {display:block !important;width:100% !important;min-width:0 !important;max-width:100% !important;}
 body.page-id-2522 #roles figure.sf-v5318-table table {border:0 !important;}
 body.page-id-2522 #roles figure.sf-v5318-table thead {position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip-path:inset(50%);}
 body.page-id-2522 #roles figure.sf-v5318-table tr {display:block !important;margin-bottom:12px;border:1px solid #d7e3f0;border-radius:8px;overflow:hidden;}
 body.page-id-2522 #roles figure.sf-v5318-table td {display:block !important;width:100% !important;min-width:0 !important;max-width:100% !important;box-sizing:border-box;padding:12px !important;border:0 !important;white-space:normal !important;overflow-wrap:anywhere;}
 body.page-id-2522 #roles figure.sf-v5318-table td:first-child {background:#f7faff;border-bottom:1px solid #d7e3f0 !important;}
 body.page-id-2522 #roles figure.sf-v5318-table td:nth-child(2) {background:#fff;}
 body.page-id-2522 #roles figure.sf-v5318-table td::before {display:block;font-weight:700;color:#0b2742;margin-bottom:6px;}
 body.page-id-2522 #roles figure.sf-v5318-table td:first-child::before {content:"成品要求";}
 body.page-id-2522 #roles figure.sf-v5318-table td:nth-child(2)::before {content:"外加剂对应的作用";}
 body.page-id-2522 #roles figure.sf-v5318-table td:nth-child(2)>strong {display:block;margin-bottom:6px;}
}

/* Page2117 role table: phone-only stacked rows; desktop unchanged. */
@media (max-width: 767px) {
 body.page-id-2117 #roles figure.wp-block-table {overflow: visible !important;}
 body.page-id-2117 #roles figure.wp-block-table table,
 body.page-id-2117 #roles figure.wp-block-table tbody {display:block !important;width:100% !important;min-width:0 !important;max-width:100% !important;}
 body.page-id-2117 #roles figure.wp-block-table table {border:0 !important;}
 body.page-id-2117 #roles figure.wp-block-table thead {position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip-path:inset(50%);}
 body.page-id-2117 #roles figure.wp-block-table tr {display:block !important;margin-bottom:12px;border:1px solid #d7e3f0;border-radius:8px;overflow:hidden;}
 body.page-id-2117 #roles figure.wp-block-table td {display:block !important;width:100% !important;min-width:0 !important;max-width:100% !important;box-sizing:border-box;padding:12px !important;border:0 !important;white-space:normal !important;overflow-wrap:anywhere;}
 body.page-id-2117 #roles figure.wp-block-table td:first-child {background:#f7faff;border-bottom:1px solid #d7e3f0 !important;}
 body.page-id-2117 #roles figure.wp-block-table td:nth-child(2) {background:#fff;}
 body.page-id-2117 #roles figure.wp-block-table td::before {display:block;font-weight:700;color:#0b2742;margin-bottom:6px;}
 body.page-id-2117 #roles figure.wp-block-table td:first-child::before {content:"成品要求";}
 body.page-id-2117 #roles figure.wp-block-table td:nth-child(2)::before {content:"外加剂对应的作用";}
 body.page-id-2117 #roles figure.wp-block-table td:nth-child(2)>strong {display:block;margin-bottom:6px;}
}