/* landing.css —— 行业页(/industries/) 与核查页(/checks/) 专用样式
   只被这两类页面引用，不参与全站 style.css，避免影响老页面。
   变量沿用 style.css 的 :root（--navy / --blue / --text-2 / --line / --card 等）。 */

/* ---------- 通用双栏骨架 ---------- */
.ld-wrap { padding: 56px 0 56px; }
.ld-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 316px;
  gap: 40px;
  align-items: start;
}
.ld-main { min-width: 0; }
/* 区块小标题：真实层级是 .ld-main > .ld-sec > h2（老规则写成 .ld-main > h2，
   永远匹配不到，导致二十多个生成页的 h2 一直吃浏览器默认字号） */
.ld-main .ld-sec > h2 {
  font-size: 23px;
  color: var(--navy);
  margin: 0 0 16px;
  letter-spacing: .5px;
}
.ld-main .ld-sec > h2 + p { margin-top: -2px; }
.ld-main p {
  color: var(--text-2);
  font-size: 16px;
  line-height: 1.85;
  margin-bottom: 14px;
  text-align: justify;
}
.ld-main p a { color: var(--blue); font-weight: 600; border-bottom: 1px solid rgba(22, 103, 255, .3); }
.ld-main p a:hover { border-bottom-color: var(--blue); }
/* 段落里的括号补充说明（「反馈时间」的计时起点等）：比正文小一号、颜色再淡一档，
   让前面的主值先被读到，括号内容退成注解。字号用 .9em 随正文档位缩放。 */
.ld-main p .ld-ft-note { font-size: .9em; color: #8798ae; }
.ld-main strong { color: var(--navy); }

/* 区块之间的分隔：用留白 + 细分隔线，不加卡片，保持和老页面一致的轻重感 */
.ld-sec { padding-top: 34px; margin-top: 34px; border-top: 1px solid var(--line); }
.ld-sec:first-child { padding-top: 0; margin-top: 0; border-top: 0; }

/* 行业异常参考（复用 services.html 的 .stat-ref 语义） */
.ld-main .stat-ref {
  background: var(--blue-l);
  border-left: 3px solid var(--blue);
  border-radius: 0 10px 10px 0;
  padding: 12px 16px;
  font-size: 14.5px;
  color: var(--navy);
  margin: 0 0 20px;
  text-align: left;
}

/* 导语：比正文略大，形成首段视觉锚点 */
.ld-lead {
  font-size: 17px !important;
  color: var(--navy) !important;
  line-height: 1.9 !important;
  padding-left: 16px;
  border-left: 3px solid var(--blue);
}
.ld-lead strong { color: var(--blue-d, #0b4fd6); }

/* ---------- 报告示例图 ---------- */
/* 一律单列满宽：两张并排时每张只剩 404px（原图 37%），表格正文缩到 5px 读不了，
   多图就上下叠，各自 824px。 */
.ld-figs { display: grid; gap: 22px; }
.ld-fig { margin: 0; }
.ld-fig img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  box-shadow: var(--shadow);
}
.ld-fig figcaption {
  font-size: 13px;
  color: var(--text-2);
  margin-top: 8px;
  line-height: 1.6;
}

/* 点击查看大图：整张图是一个链接（无 JS 时直接打开原图），右下角浮一枚提示胶囊 */
.ld-fig-zoom { position: relative; display: block; border-radius: 12px; }
.ld-fig-zoom img { transition: box-shadow .2s, border-color .2s; cursor: zoom-in; }
.ld-fig-zoom:hover img,
.ld-fig-zoom:focus-visible img {
  border-color: #c7dbf6;
  box-shadow: 0 10px 30px rgba(16, 42, 84, .16);
}
.ld-fig-zoom .zoom-badge {
  position: absolute; right: 10px; bottom: 10px;
  display: inline-flex; align-items: center; gap: 5px;
  padding: 5px 10px; border-radius: 999px;
  background: rgba(12, 30, 60, .78); color: #fff;
  font-size: 12px; line-height: 1; letter-spacing: .2px;
  opacity: 0; transform: translateY(3px);
  transition: opacity .18s, transform .18s; pointer-events: none;
}
.ld-fig-zoom .zoom-badge svg { width: 12px; height: 12px; flex: none; }
.ld-fig-zoom:hover .zoom-badge,
.ld-fig-zoom:focus-visible .zoom-badge { opacity: 1; transform: none; }
/* 触屏没有 hover，提示常显 */
@media (hover: none) {
  .ld-fig-zoom .zoom-badge { opacity: 1; transform: none; }
}
.ld-nofig {
  border: 1px dashed var(--line);
  border-radius: 12px;
  padding: 20px 18px;
  color: var(--text-2);
  font-size: 14.5px;
  background: #fbfdff;
}

/* ---------- 报告图灯箱（main.js 动态插入） ---------- */
.figbox {
  position: fixed; inset: 0; z-index: 9999; display: none;
  background: rgba(8, 18, 34, .96);
  padding: 34px 24px 26px;
}
.figbox.open { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.figbox img {
  max-width: min(94vw, 1600px); max-height: calc(100vh - 150px);
  width: auto; height: auto; background: #fff; border-radius: 8px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .5);
}
.figbox-cap {
  color: #d7e3f5; font-size: 13.5px; line-height: 1.6;
  margin: 16px 0 0; text-align: center; max-width: 760px;
}
.figbox-close {
  position: absolute; top: 14px; right: 18px; width: 40px; height: 40px;
  padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .12);
  color: #fff; font-size: 24px; line-height: 1; cursor: pointer;
}
.figbox-close:hover { background: rgba(255, 255, 255, .22); }
.figbox-nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%;
  background: rgba(255, 255, 255, .12); color: #fff;
  font-size: 20px; line-height: 1; cursor: pointer;
}
.figbox-nav:hover { background: rgba(255, 255, 255, .22); }
.figbox-nav.prev { left: 18px; }
.figbox-nav.next { right: 18px; }
/* 计数跟着图注走（不进 absolute），多图时不会和图注叠在一行 */
.figbox-count {
  margin-top: 10px;
  color: #93a7c4; font-size: 12.5px; font-variant-numeric: tabular-nums;
}
@media (max-width: 560px) {
  .figbox { padding: 46px 12px 40px; }
  .figbox img { max-width: 100%; max-height: calc(100vh - 170px); }
  .figbox-nav { width: 38px; height: 38px; font-size: 18px; }
  .figbox-nav.prev { left: 8px; }
  .figbox-nav.next { right: 8px; }
  .figbox-cap { font-size: 12.5px; }
}

/* ---------- 行业 chips / 核查卡片 ---------- */
.ld-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.ld-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  font-size: 14px;
  color: var(--navy);
  transition: border-color .18s, box-shadow .18s, transform .18s;
}
.ld-chip:hover {
  border-color: var(--blue);
  box-shadow: 0 6px 16px rgba(16, 42, 84, .1);
  transform: translateY(-2px);
}
.ld-chip .ico { display: inline-flex; }
.ld-chip .ico .ti { width: 20px; height: 20px; }

/* 行业页：推荐项目卡片网格 */
.ld-checkgrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.ld-checkcard {
  display: block;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--card);
  padding: 16px 18px;
  transition: border-color .18s, box-shadow .18s, transform .18s;
}
.ld-checkcard:hover {
  border-color: var(--blue);
  box-shadow: var(--shadow-h);
  transform: translateY(-3px);
}
.ld-checkcard b {
  display: block;
  font-size: 15.5px;
  color: var(--navy);
  margin-bottom: 6px;
}
.ld-checkcard span {
  display: block;
  font-size: 13.5px;
  color: var(--text-2);
  line-height: 1.65;
}
.ld-checkcard em {
  display: inline-block;
  font-style: normal;
  font-size: 12.5px;
  color: var(--blue);
  margin-top: 10px;
  font-weight: 600;
}

/* ---------- 右栏 ---------- */
.ld-side { position: sticky; top: 84px; display: grid; gap: 12px; }
.ld-card {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--card);
  padding: 20px;
  box-shadow: var(--shadow);
}
.ld-card h3 {
  font-size: 15px;
  color: var(--navy);
  margin: 0 0 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}
.ld-list { display: grid; gap: 2px; }
.ld-list a {
  display: block;
  padding: 7px 8px;
  border-radius: 8px;
  font-size: 14px;
  color: var(--text-2);
  transition: background .15s, color .15s;
}
.ld-list a:hover { background: var(--blue-l); color: var(--blue); }
.ld-list a.on { background: var(--blue-l); color: var(--blue); font-weight: 700; }
.ld-list a::before { content: "·"; margin-right: 7px; color: var(--blue); font-weight: 700; }

/* 15 项全量目录（z71 起右栏不再按分组只列本组）：行距约 40px。
   字号提到 15px（与正文同档）、行高 1.6，行块上下各留 7px；目录卡内边距收到 10，
   省下的空间全给行距——整列约 620px（z74 起咨询卡移到正文下方，右栏只剩目录）。 */
.ld-card.ld-side-all { padding: 10px 12px; }
.ld-list.is-all { gap: 2px; }
.ld-list.is-all a { font-size: 15px; line-height: 1.6; padding: 7px 10px; }
/* 中点换成 4px 圆点：15 行连排时文字前的小「·」太轻，圆点更像目录 */
.ld-list.is-all a::before {
  content: ""; display: inline-block; vertical-align: middle;
  width: 4px; height: 4px; margin: -1px 10px 0 0;
  border-radius: 50%; background: #c2d4ec; font-weight: 400;
}
.ld-list.is-all a:hover::before,
.ld-list.is-all a.on::before { background: var(--blue); }
/* 折叠开关只在窄屏出现（桌面端平铺，没有标题） */
.ld-all-toggle { display: none; }
.ld-all-n {
  font-size: 12px; font-weight: 600; color: var(--blue);
  background: var(--blue-l); border-radius: 999px; padding: 1px 7px;
  font-variant-numeric: tabular-nums;
}

.ld-card.ld-side-cta {
  background: linear-gradient(150deg, var(--navy), #15376b);
  border-color: transparent;
  color: #fff;
  padding: 14px 16px 15px;
  box-shadow: 0 14px 34px rgba(10, 31, 60, .28);
}
.ld-card.ld-side-cta h3 { color: #fff; border-bottom-color: rgba(255, 255, 255, .18); font-size: 14.5px; margin-bottom: 7px; padding-bottom: 7px; }
.ld-card.ld-side-cta p { color: #cfe0ff; font-size: 13px; line-height: 1.56; margin: 0 0 10px; }
.ld-card.ld-side-cta .btn-primary { width: 100%; text-align: center; padding: 7px 20px; font-size: 14.5px; }

/* ---------- 联系页（contact.html） ---------- */
.contact-tel { margin: 0 0 10px; }
.contact-tel a {
  font-size: 30px; font-weight: 700; color: var(--navy); letter-spacing: .5px;
  line-height: 1.3; transition: color .2s;
}
.contact-tel a:hover { color: var(--blue); }
.contact-wechat { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.contact-wechat img {
  width: 180px; height: 180px; border-radius: 12px;
  border: 1px solid var(--line); background: #fff; flex: none;
}
.contact-wechat-txt { flex: 1; min-width: 200px; }
.contact-wechat-txt p { font-size: 14.5px; color: var(--text-2); line-height: 1.75; margin: 0 0 14px; }
.contact-addr { font-size: 16px; color: var(--text); line-height: 1.7; margin: 0 0 8px; }
.contact-org { font-size: 14px; color: var(--text-2); margin: 0; }
@media (max-width: 640px) {
  .contact-tel a { font-size: 25px; }
  .contact-wechat { gap: 16px; }
  .contact-wechat img { width: 140px; height: 140px; }
}

/* ---------- 法务文本页（privacy.html / agreement.html） ---------- */
.legal-doc { font-size: 15px; line-height: 1.95; color: var(--text); }
.legal-doc .legal-meta {
  font-size: 13px; color: var(--text-2); background: #f5f8ff;
  border-left: 3px solid var(--blue); border-radius: 0 8px 8px 0;
  padding: 11px 16px; margin: 0 0 30px; line-height: 1.7;
}
.legal-doc p { margin: 0 0 16px; }
.legal-doc h2 {
  font-size: 20px; color: var(--navy); font-weight: 700;
  margin: 40px 0 16px; padding-bottom: 11px;
  border-bottom: 1px solid var(--line);
}
.legal-doc h2:first-of-type { margin-top: 0; }
.legal-doc h3 {
  font-size: 16px; color: var(--navy); font-weight: 700;
  margin: 26px 0 12px;
}
.legal-doc ul { margin: 0 0 16px; padding-left: 22px; }
.legal-doc li { margin-bottom: 9px; }
.legal-doc li::marker { color: var(--blue); }
.legal-doc strong { color: var(--navy); font-weight: 700; }
.legal-doc a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.legal-doc a:hover { color: var(--navy); }
.legal-doc .legal-contact {
  background: #f7f9fc; border: 1px solid var(--line); border-radius: 12px;
  padding: 20px 24px; margin: 20px 0 22px;
}
.legal-doc .legal-contact p { margin: 0 0 8px; font-size: 14.5px; color: var(--text-2); }
.legal-doc .legal-contact p:last-child { margin-bottom: 0; }
.legal-doc .legal-contact a { text-decoration: none; }
@media (max-width: 768px) {
  .legal-doc { font-size: 14.5px; line-height: 1.9; }
  .legal-doc h2 { font-size: 18px; margin: 32px 0 14px; }
  .legal-doc h3 { font-size: 15.5px; }
  .legal-doc .legal-contact { padding: 16px 18px; }
}

/* ---------- 相关资讯（由 landing.js 注入，失败则整块隐藏） ---------- */
.ld-news { display: grid; gap: 12px; }
.ld-news a {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--card);
  transition: border-color .18s, box-shadow .18s;
}
.ld-news a:hover { border-color: var(--blue); box-shadow: var(--shadow); }
.ld-news span { font-size: 12.5px; color: var(--blue); }
.ld-news b { font-size: 15px; color: var(--navy); line-height: 1.6; font-weight: 600; }
.ld-news p { font-size: 13.5px; color: var(--text-2); margin: 0; line-height: 1.65; }
.ld-news[hidden] { display: none; }

/* ---------- 其他行业切换 ---------- */
.ld-indnav { display: flex; flex-wrap: wrap; gap: 8px; }
.ld-indnav a {
  padding: 6px 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 13.5px;
  color: var(--text-2);
  background: #fff;
}
.ld-indnav a:hover { border-color: var(--blue); color: var(--blue); }

/* ---------- 右栏：相关阅读（紧凑列表 + 换一批） ----------
 * 右栏只有 284–316px，标题最多两行、不显示摘要，三条之间用虚线分隔，
 * 不再各套一层描边卡（一层卡套三张卡在窄栏里会显得很碎）。 */
.ld-card.ld-rel { padding: 18px 18px 10px; }
.ld-rel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 2px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}
.ld-card.ld-rel .ld-rel-head h3 { margin: 0; padding: 0; border: 0; font-size: 15px; }
.ld-rel-swap {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: none;
  padding: 4px 10px 4px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--blue);
  font-family: inherit;
  font-size: 12px;
  line-height: 1.4;
  cursor: pointer;
  transition: border-color .15s, background .15s;
}
.ld-rel-swap i { font-style: normal; letter-spacing: .2px; }
.ld-rel-swap:hover { border-color: var(--blue); background: var(--blue-l); }
.ld-rel-swap:disabled { color: var(--text-2); border-color: var(--line); background: #fff; cursor: default; }
.ld-rel-swap svg { transition: transform .5s ease; }
.ld-rel-swap:hover svg { transform: rotate(180deg); }
.ld-rel-list { display: grid; transition: opacity .18s ease, transform .18s ease; }
.ld-rel-list.is-swapping { opacity: 0; transform: translateY(4px); }
.ld-rel-list a { display: block; padding: 11px 0; border-top: 1px dashed var(--line); }
.ld-rel-list a:first-child { padding-top: 12px; border-top: 0; }
.ld-rel-list span { display: block; margin-bottom: 3px; font-size: 11.5px; color: var(--blue); letter-spacing: .2px; }
.ld-rel-list b {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 13.5px;
  line-height: 1.55;
  font-weight: 600;
  color: var(--navy);
  transition: color .15s;
}
.ld-rel-list a:hover b { color: var(--blue); }

/* ---------- 响应式 ---------- */
/* 窗口很矮（≤700 高）：sticky top 84 之后可用高度不到 620，行距收一档，
   让 15 项目录整屏可见；700 以上一律用宽松的 40px 行距。
   （z74 起右栏只剩目录、没有咨询卡，占用从 800 降到 620，阈值随之从 860 降到 700，
     1366×768 / 1440×800 这些常见笔记本不再被误判成「矮窗口」。） */
@media (min-width: 901px) and (max-height: 700px) {
  .ld-list.is-all a { line-height: 1.5; padding: 4px 10px; }
  .ld-card.ld-side-all { padding: 8px 12px; }
}
@media (max-width: 1080px) {
  .ld-grid { grid-template-columns: minmax(0, 1fr) 284px; gap: 30px; }
  /* 侧栏固定 284px 后最长一项「多个金融机构或借贷平台申请数据」会折成两行，
     字号降 1px 保住单行：15 项全是 38px 行块，整列才不会被顶出去。 */
  .ld-list.is-all a { font-size: 14px; }
}
@media (max-width: 900px) {
  .ld-grid { grid-template-columns: 1fr; gap: 32px; }
  .ld-side { position: static; }
  .ld-checkgrid { grid-template-columns: 1fr; }
  /* 窄屏正文很长，15 项目录再平铺会多出 500+px：收成一行「全部核查项 15」，
     点开才展开；桌面端不留标题、直接平铺。 */
  .ld-all-toggle {
    display: flex; align-items: center; gap: 8px; width: 100%;
    padding: 0; border: 0; background: none; font: inherit;
    font-size: 15px; font-weight: 700; color: var(--navy);
    text-align: left; cursor: pointer;
  }
  .ld-all-toggle svg {
    width: 16px; height: 16px; margin-left: auto; flex: none;
    color: #7d8ea6; transition: transform .2s;
  }
  .ld-side-all.open .ld-all-toggle svg { transform: rotate(180deg); }
  .ld-side-all .ld-list.is-all { display: none; }
  .ld-side-all.open .ld-list.is-all { display: grid; margin-top: 12px; }
}
@media (max-width: 560px) {
  .ld-wrap { padding: 40px 0 40px; }
  .ld-main .ld-sec > h2 { font-size: 20px; }
  .ld-main p { font-size: 15.5px; }
  .ld-lead { font-size: 16px !important; }
}

/* ================= 行业页深度版（industries/it.html 首发） =================
   结构由 gen_landing.py 的 rich_main() 输出，正文在 landing_data.json 的 rich 字段。
   五块：行业现状 / 隐性风险 / 核查维度 / 项目组合 / 岗位分层。

   ★ 统一规范（第五版起，五块共用，改这里就是改全五块）
     眉标      01–05 + 分类词，10.5px 蓝字 + 16px 短线
     板块标题  24px / 700 / navy
     导语      15.5px + 左侧 3px 蓝线
     卡        r14，描边 #e3eaf3，内距 16×18，阴影 0 1px 2px
     底板      r16 浅蓝渐变，内部白卡 r12，缝 8px
     图标      32×32，r10，浅蓝底，18px 线框
     编号      11px 蓝字胶囊，h20，r6
     收尾说明  13px 灰字 + 前置圆点 */

/* ---------- 统一：板块骨架 ---------- */
.ld-main .ld-eb {
  display: flex; align-items: center; gap: 8px;
  margin: 0 0 11px; font-size: 10.5px; font-weight: 800;
  letter-spacing: 1.5px; color: #94a6bc; text-align: left;
}
.ld-eb::before {
  content: ""; width: 16px; height: 2px; border-radius: 1px; background: var(--blue);
}
.ld-main .ld-eb b { color: var(--blue); font-weight: 800; font-variant-numeric: tabular-nums; }
.ld-main .ld-eb i { font-style: normal; color: #c2d0e0; letter-spacing: 0; }

/* 板块标题统一 24px（原来 23 / 26 两档），并在窄屏给出显式档位，
   不让前面那条 560px 的 20px 被这条非媒体规则覆盖掉 */
.ld-main .ld-sec > h2 {
  font-size: 24px; line-height: 1.45; font-weight: 700;
  letter-spacing: .2px; color: var(--navy); margin: 0 0 12px;
}
.ld-main .ld-sec > h2 em, .ld-main .ld-sec > h2.ld-h2-em em {
  font-style: normal; color: var(--blue);
}
/* 导语统一 15.5px + 蓝线（sec3 原本是裸段落 16px 无竖线）。
   全局 .ld-lead 用 !important 定死 17px，这里必须同样用 !important 才能盖住 */
.ld-main .ld-sec > .ld-lead {
  font-size: 15.5px !important; line-height: 1.78 !important;
  color: #5a6a80 !important; text-align: left;
  margin: 0 0 20px; padding-left: 13px; border-left: 3px solid var(--blue);
}
/* 收尾说明统一 13px + 前置圆点（原来 12.5 / 13px 两套颜色） */
.ld-main .ld-foot {
  position: relative; margin: 14px 0 0; padding-left: 14px;
  font-size: 13px; line-height: 1.75; color: var(--text-2); text-align: left;
}
.ld-foot::before {
  content: ""; position: absolute; left: 0; top: 9px;
  width: 4px; height: 4px; border-radius: 50%; background: #c2d3e8;
}

/* ---------- 统一：卡头 / 图标 / 编号 / 底板 ---------- */
.ld-chead {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
}
.ld-chead + h3 { margin-top: 11px; }
.ld-main .ld-ico {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 32px; height: 32px; border-radius: 10px;
  background: #eef5ff; color: var(--blue);
}
.ld-ico svg { width: 18px; height: 18px; }
.ld-ico.is-gold { background: #fffaf0; color: #b8860b; }
.ld-main .ld-num {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  min-width: 27px; height: 20px; padding: 0 7px; border-radius: 6px;
  background: #eaf2ff; color: var(--blue); font-size: 11px; font-weight: 800;
  letter-spacing: .6px; font-variant-numeric: tabular-nums;
}
.ld-main .ld-plate {
  border: 1px solid #dbe8fa; border-radius: 16px;
  background: linear-gradient(180deg, #f8fbff, #eff5ff);
  padding: 8px; display: grid; gap: 8px;
  box-shadow: 0 1px 2px rgba(16, 42, 84, .04);
}
/* 底板里的白卡与独立卡同一族，只是圆角降一档 */
.ld-main .ld-dim,
.ld-main .ld-pj-cell {
  background: #fff; border-radius: 12px;
  box-shadow: 0 1px 2px rgba(16, 42, 84, .03);
}

/* ---- 1. 行业用工现状：一整块浅蓝底板 + 五项横排（项间虚线） ---- */
.ld-main .ld-costs {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0;
  margin: 18px 0 4px; padding: 8px; list-style: none;
  border: 1px solid #dbe8fa; border-radius: 16px;
  background: linear-gradient(180deg, #f8fbff, #eff5ff);
  box-shadow: 0 1px 2px rgba(16, 42, 84, .04);
}
.ld-costs li { display: flex; align-items: center; gap: 10px; padding: 10px 12px; position: relative; }
.ld-costs li + li::before {
  content: ""; position: absolute; left: 0; top: 24%; bottom: 24%;
  border-left: 1px dashed #c3d6ef;
}
/* 浅蓝底板上浅蓝图标会糊掉，这里换成白底（几何尺寸不变，仍是同一套图标） */
.ld-costs .ld-ico { background: #fff; box-shadow: 0 1px 3px rgba(16, 42, 84, .08); }
.ld-costs b { font-size: 14.5px; color: var(--navy); font-weight: 700; line-height: 1.4; }
/* 六项时换成 6 列一行：六项都是四字，横平比 5 列（多一项另起一行）好看 */
.ld-main .ld-costs.is-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.ld-main .ld-costs.is-6 li { padding: 10px 10px; gap: 9px; }
.ld-main .ld-costs.is-6 b { font-size: 14px; }

/* 导语里的关键数字：一句话只留一个重音，只加字重与色，不套色块。
   nowrap：数字与单位（3000 万、9256 人次）一旦在中间断行，两行各留半个词，比不留白更难读 */
.ld-main .ld-kpi {
  font-size: 1.18em; font-weight: 800; color: var(--blue);
  font-variant-numeric: tabular-nums; letter-spacing: -.3px;
  white-space: nowrap;
}

/* 行业独有差异点：比 13px 灰字脚注多一级，不用整段高亮抢导语的重音 */
.ld-main .ld-tip {
  display: flex; align-items: baseline; gap: 10px;
  margin: 14px 0 0; padding: 11px 16px; border-radius: 12px;
  background: #f6faff; box-shadow: inset 0 0 0 1px #e2ecfa;
  font-size: 13.2px; line-height: 1.75; color: #2b4368; text-align: left;
}
/* 标签与正文都要显式成 flex item：否则正文里的 <b class="ld-kpi"> 会被拆成独立 item 竖排 */
.ld-tip > .ld-tip-lab {
  flex: none; font-size: 10.5px; font-weight: 800; letter-spacing: 1px;
  color: var(--blue); background: #eaf2ff; padding: 2px 8px; border-radius: 5px;
}
.ld-tip > .ld-tip-t { flex: 1 1 auto; min-width: 0; }
/* 短语防拆：1440 下「主管部门」正好落在换行点上，会被拆成「主 / 管部门」。
   只锁这一个词，390/360 的断行位置和锁之前完全一致 */
.ld-main .ld-tip .nw { white-space: nowrap; }

/* ---- 2. 简历之外的三种情况：三张等高三卡 + 深色结果条 ---- */
.ld-cases {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px; align-items: stretch; margin-top: 18px;
}
/* 四张卡时改 2×2：三列会有一列空着，2×2 也正好排得开两句短标题 */
.ld-cases.is-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ld-main .ld-case {
  display: flex; flex-direction: column;
  background: #fff; border: 1px solid #e3eaf3; border-radius: 14px;
  padding: 16px 18px; box-shadow: 0 1px 2px rgba(16, 42, 84, .04);
}
.ld-case h3 {
  font-size: 15.5px; line-height: 1.45; font-weight: 700;
  color: var(--navy); margin: 11px 0 0;
}
.ld-main .ld-case > p {
  margin: 6px 0 0; font-size: 12.8px; line-height: 1.8;
  color: var(--text-2); text-align: left;
}
.ld-main .ld-verdict {
  display: flex; align-items: baseline; gap: 12px;
  margin: 14px 0 0; padding: 13px 18px; border-radius: 12px;
  background: var(--navy); font-size: 13.5px; line-height: 1.7;
  color: #dbe6f7 !important; text-align: left;
}
.ld-verdict > span {
  flex: none; font-size: 10.5px; font-weight: 800; letter-spacing: 1.2px;
  color: #f0c46a; background: rgba(255, 255, 255, .1);
  padding: 2px 8px; border-radius: 5px;
}

/* ---- 3. 核查维度：底板 + 2×2 白卡（图标与标题同行、编号居右、描述缩进 44px） ---- */
.ld-dims { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 18px; }
.ld-dim { padding: 14px 16px 15px; }
.ld-dim .ld-chead { align-items: center; gap: 12px; }
.ld-dim .ld-chead h3 { flex: 1; }
.ld-dim h3 {
  font-size: 15.5px; line-height: 1.45; font-weight: 700;
  color: var(--navy); margin: 0;
}
.ld-main .ld-dim-sub {
  margin: 6px 0 0 44px; font-size: 12.8px; line-height: 1.8;
  color: var(--text-2); text-align: left;
}
/* 8 个行业页统一用这套 2 列卡（原先另有 .ld-vrows 行表、.ld-trio 三栏版，2026-11-06 已删） */

/* ---- 4. 背调项目建议：分组条 + 三分格底板 + 金色访谈卡 ---- */
/* 分组条：26px 数字打头 + 「项X」+ 右侧注释；is-gold 那条是人工访谈。
   下面 .ld-pj-formula 段是退役的「6＋2＝8」公式条，目前无页面渲染，留作图稿参考。 */
.ld-main .ld-pj-grp {
  display: flex; align-items: center; gap: 9px; flex-wrap: wrap;
  margin: 18px 0 10px; padding: 10px 14px;
  border: 1px solid #dce9fb; border-radius: 12px;
  background: linear-gradient(180deg, #f7fbff, #ebf4ff);
}
.ld-main .ld-pj-grp > b {
  font-size: 26px; line-height: 1; font-weight: 800; letter-spacing: -1px;
  color: var(--blue); font-variant-numeric: tabular-nums;
}
.ld-main .ld-pj-grp > span { font-size: 14.5px; font-weight: 700; color: var(--navy); }
.ld-main .ld-pj-grp > em { margin-left: auto; font-style: normal; font-size: 11.5px; color: #8b9db5; }
.ld-main .ld-pj-grp.is-gold { border-color: #f0e3c8; background: linear-gradient(180deg, #fffdf8, #fdf3e1); }
.ld-main .ld-pj-grp.is-gold > b { color: #c9962a; }

.ld-pj-formula {
  display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center;
  gap: 6px; margin: 18px 0 12px; padding: 15px 18px; border-radius: 14px;
  border: 1px solid #dfebfb; background: linear-gradient(180deg, #f7fbff, #eef5ff);
}
.ld-pj-f { text-align: center; }
.ld-pj-f b {
  display: block; font-size: 40px; line-height: 1; font-weight: 800;
  letter-spacing: -1.5px; color: var(--blue); font-variant-numeric: tabular-nums;
}
.ld-pj-f span { display: block; margin-top: 7px; font-size: 13px; font-weight: 600; color: #41577a; }
.ld-pj-f em { display: block; margin-top: 3px; font-size: 11.5px; font-style: normal; color: #93a4ba; }
.ld-pj-f.is-talk b { color: #c9962a; }
.ld-pj-f.is-sum b, .ld-pj-f.is-sum span { color: var(--navy); }
.ld-pj-sym { font-size: 22px; font-weight: 300; color: #b9c9dd; line-height: 1; padding-bottom: 14px; }
/* 电脑端统一 2 列（8 个方案详情页一致）：卡片宽约 470px，描述 1–3 行。
   同行自动等高（等的是最高的那张），短卡底部留白是正常的；奇数项最后一行
   只剩 1 张时右格留空，不做通栏、也不收紧。 */
.ld-pj-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ld-pj-cell { display: block; padding: 14px 16px 16px; transition: box-shadow .16s; }
.ld-pj-cell:hover { box-shadow: 0 6px 16px -12px rgba(16, 42, 84, .6); }
.ld-pj-cell h3 {
  margin: 11px 0 0; font-size: 15px; line-height: 1.45;
  font-weight: 700; color: var(--navy);
  /* 长标题（如「金融违规与失信记录核验」）折行时均分两行，避免末行只剩一字 */
  text-wrap: balance;
}
/* 描述不做行数截断了：这几格既是入口也是内容，截断后三项数据核查的介绍只剩半句。
   格子仍是 grid，同一行的卡自动等高，短的那两张底部留白即可。 */
.ld-main .ld-pj-desc {
  margin: 6px 0 0; font-size: 12.2px; line-height: 1.72;
  color: var(--text-2); text-align: left;
}
.ld-talks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.ld-pj-card {
  display: flex; align-items: center; gap: 12px; padding: 13px 16px;
  border: 1px solid #f0e3c8; border-radius: 14px;
  background: linear-gradient(180deg, #fffdf8, #fff9ef); transition: background .16s;
}
.ld-pj-card:hover { background: #fff6e6; }
.ld-pj-txt { min-width: 0; }
.ld-pj-txt b { display: block; font-size: 14.5px; font-weight: 700; color: var(--navy); }
.ld-pj-txt > span { display: block; margin-top: 3px; font-size: 11.8px; color: #8a7a5e; }
.ld-pj-go {
  margin-left: auto; flex: none; font-style: normal; font-size: 12px; color: #b8860b;
  background: #fff; box-shadow: inset 0 0 0 1px #eddfbe; border-radius: 6px; padding: 2px 8px;
}

/* ---- 5. 岗位分层：三张独立卡（无主线），卡内风险焦点横条 ---- */
.ld-tiers { display: grid; gap: 12px; margin-top: 18px; }
.ld-main .ld-tier {
  background: #fff; border: 1px solid #e3eaf3; border-radius: 14px;
  padding: 16px 18px; box-shadow: 0 1px 2px rgba(16, 42, 84, .04);
}
.ld-tier .ld-chead { justify-content: flex-start; gap: 11px; }
.ld-tier-id { display: flex; align-items: baseline; gap: 9px; flex-wrap: wrap; min-width: 0; }
.ld-tier h3 {
  font-size: 15.5px; line-height: 1.4; font-weight: 700;
  color: var(--navy); margin: 0; letter-spacing: .2px;
}
.ld-tier-role { font-size: 12px; color: var(--text-2); line-height: 1.45; }
.ld-tier-focus {
  display: flex; align-items: center; gap: 12px; margin-top: 12px;
  padding: 9px 13px 9px 14px; border-radius: 9px;
  background: linear-gradient(90deg, #eaf3ff, #f5f9ff 62%, #fbfdff);
  box-shadow: inset 0 0 0 1px #dfebfb, inset 3px 0 0 var(--blue);
}
.ld-tier-flab {
  flex: none; font-size: 10.5px; font-weight: 800; letter-spacing: 1.1px;
  color: var(--blue); padding-right: 12px; border-right: 1px solid #d5e4f8;
}
.ld-main .ld-tier-focus p {
  margin: 0; font-size: 13.5px; font-weight: 700; line-height: 1.5;
  color: var(--navy); text-align: left;
}
.ld-tier-focus p i { font-style: normal; font-weight: 400; color: #a8bdd8; margin: 0 5px; }
/* 焦点词整块换行：390 下「涉诉与执行」会被拆成「涉诉 / 与执行」，词内不许断 */
.ld-main .ld-tier-focus p span { white-space: nowrap; }
.ld-tier-body { margin-top: 12px; padding-top: 10px; border-top: 1px dashed #e3eaf3; }
.ld-main .ld-tier-label {
  font-size: 10.5px; font-weight: 800; letter-spacing: 1.1px;
  color: #9aabbf; margin: 0; text-align: left;
}
.ld-tier-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 7px; }
.ld-tier-grp { display: flex; flex-wrap: wrap; gap: 6px; }
.ld-tier-chips a {
  display: inline-block; padding: 3px 9px; border-radius: 7px;
  background: #eff5ff; color: #1550c8; font-size: 12px; line-height: 1.65;
  transition: background .16s;
}
.ld-tier-chips a:hover { background: #dde9ff; }
.ld-tier-chips a.is-all {
  background: #12294f; color: #fff; font-weight: 600;
  box-shadow: 0 4px 10px -5px rgba(18, 41, 79, .8);
}
.ld-tier-chips a.is-all:hover { background: #1b3a6b; }
.ld-tier-key { margin-top: 10px; padding-top: 10px; border-top: 1px solid #f2e7cf; }
.ld-tier-keylab {
  display: inline-flex; align-items: center; gap: 6px; margin: 0;
  font-size: 10.5px; font-weight: 800; letter-spacing: 1.1px; color: #b07a10;
}
.ld-tier-keylab::before {
  content: ""; width: 2px; height: 11px; background: #e0a63a; border-radius: 1px;
}
.ld-tier-chips.is-key { margin-top: 7px; }
.ld-tier-chips a.is-key {
  display: inline-flex; align-items: center; gap: 6px;
  background: #fffdf8; color: #8a5300; font-weight: 600;
  box-shadow: inset 0 0 0 1.4px rgba(201, 150, 42, .52);
}
.ld-tier-chips a.is-key::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%; background: #dda335; flex: 0 0 auto;
}
.ld-tier-chips a.is-key:hover { background: #fff8ea; }
/* 「视情况追查」= 可选加查项，比金色「重点关注」轻一级：灰蓝、无实心圆点 */
.ld-main .ld-tier-key.is-more { border-top-color: #e6edf7; }
.ld-main .ld-tier-key.is-more .ld-tier-keylab { color: #7b8ba3; }
.ld-main .ld-tier-key.is-more .ld-tier-keylab::before { background: #9fb0c6; }
.ld-main .ld-tier-chips a.is-more {
  background: #f7f9fc; color: #4b5c72; font-weight: 600;
  box-shadow: inset 0 0 0 1.4px #dde5ef;
}
.ld-main .ld-tier-chips a.is-more::before { content: none; }
.ld-main .ld-tier-chips a.is-more:hover { background: #eef3fa; }
.ld-main .ld-tier-note {
  margin: 12px 0 0; padding-top: 10px; border-top: 1px dashed #e3eaf3;
  font-size: 12.8px; line-height: 1.82; color: var(--text-2); text-align: left;
}
/* note 分段（换行即分段）：续段不重复虚线与上内距，只留段间距 */
.ld-main .ld-tier-note.is-cont { margin-top: 6px; padding-top: 0; border-top: 0; }
/* 页脚分段：续段不重复圆点，也不缩进 */
.ld-main .ld-foot.is-cont { margin-top: 6px; padding-left: 0; }
.ld-main .ld-foot.is-cont::before { content: none; }


/* ---- 非深度版行业页仍在用的老结构（7 个行业页 + 核查页），保留 ---- */
.ld-group {
  display: flex; align-items: baseline; gap: 9px; flex-wrap: wrap;
  margin: 26px 0 12px; font-size: 14px; color: var(--navy);
}
.ld-group::before { content: ""; width: 3px; height: 14px; border-radius: 2px; background: var(--blue); }
.ld-group b { font-weight: 700; }
.ld-group span { font-size: 12.5px; color: var(--text-2); font-weight: 400; }
.ld-checkgrid.is-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }

@media (max-width: 1080px) {
  .ld-tier-chips a { font-size: 12.5px; padding: 4px 10px; }
  /* 六项版 6 列 → 3 列（2 行）：行首的竖虚线要去掉，第二行补横向虚线 */
  .ld-main .ld-costs.is-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ld-main .ld-costs.is-6 li:nth-child(3n + 1)::before { display: none; }
  .ld-main .ld-costs.is-6 li:nth-child(n + 4) { border-top: 1px dashed #d8e4f6; }
}
@media (max-width: 900px) {
  .ld-cases { grid-template-columns: 1fr; }
  .ld-cases.is-2 { grid-template-columns: 1fr; }
  .ld-checkgrid.is-two { grid-template-columns: 1fr; }
}
/* 成本条是一整块浅蓝底板，只在足够宽时才横排；一旦换成多行会把底板切出空洞，
   所以直接落到竖排清单（虚线横向分隔），不做 3 列 / 2 列过渡。 */
@media (max-width: 768px) {
  /* 必须带 .ld-main 前缀：基础规则是 .ld-main .ld-costs（0,2,1），
     裸类 .ld-costs（0,1,0）特异性不够，手机上会被 5 列压过、文字逐字竖排 */
  .ld-main .ld-costs { grid-template-columns: 1fr; }
  .ld-main .ld-costs li + li::before { display: none; }
  .ld-main .ld-costs li + li { border-top: 1px dashed #d8e4f6; }
  /* 六项版不跟着竖排：六行太占屏，2 列 3 行一屏能看完（每格仍 ~150px） */
  .ld-main .ld-costs.is-6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ld-main .ld-costs.is-6 li:nth-child(-n + 2) { border-top: 0; }
  .ld-talks { grid-template-columns: 1fr; }
  .ld-pj-formula { padding: 15px 14px; gap: 6px; }
  .ld-pj-f b { font-size: 38px; }
  .ld-pj-f.is-sum b { font-size: 35px; }
}
@media (max-width: 560px) {
  .ld-main .ld-sec > h2 { font-size: 20px; }
  .ld-main .ld-costs { padding: 6px; }
  .ld-main .ld-costs li { padding: 11px 12px; }
  .ld-main .ld-case { padding: 16px 16px 13px; }
  .ld-main .ld-verdict {
    align-items: flex-start; flex-direction: column; gap: 9px; padding: 14px 16px;
    font-size: 13.5px; line-height: 1.65;
  }
  .ld-dims { grid-template-columns: 1fr; }
  .ld-dim { padding: 14px 15px 14px; }
  /* 「金融独有」提示条：窄屏标签换行到上面，和正文同一缩进会读成一句话 */
  .ld-main .ld-tip { flex-direction: column; align-items: flex-start; gap: 8px; padding: 11px 14px; }
  /* 竖排后 align-items:flex-start 会让正文按内容宽度撑开，窄屏下必须占满 */
  .ld-main .ld-tip > .ld-tip-t { width: 100%; }
  .ld-pj-grid { grid-template-columns: 1fr; }
  .ld-pj-grid.is-4c { grid-template-columns: 1fr; }
  .ld-pj-cell { padding: 13px 15px 14px; }
  .ld-main .ld-tier { padding: 14px; }
  /* 焦点条在窄屏改成标签在上、内容在下，横排会把三项挤成三四行 */
  .ld-tier-focus { align-items: flex-start; gap: 8px; padding: 9px 11px 10px 12px; }
  .ld-tier-flab { padding-right: 9px; }
  .ld-main .ld-tier-focus p { font-size: 13px; }
}

/* ≤620：公式仍然横排读成「6 ＋ 2 ＝ 8」。
   5 列结构保留、只压尺寸（符号列 11px / 数字 32px / 注释 10px），
   因为竖排三行账本在手机上会被读成表格行，数字还会和文字基线错开。
   符号用 align-items:start + padding-top 8px 对准 32px 数字的中线。 */
@media (max-width: 620px) {
  /* 分组条窄屏：注释常驻右侧会挤成两行，压字号让它留在原位 */
  .ld-main .ld-pj-grp { gap: 8px; padding: 9px 12px; }
  .ld-main .ld-pj-grp > b { font-size: 23px; }
  .ld-main .ld-pj-grp > span { font-size: 14px; }
  .ld-main .ld-pj-grp > em { font-size: 10.6px; letter-spacing: -.1px; }
  .ld-pj-formula {
    grid-template-columns: 1fr 11px 1fr 11px 1fr;
    gap: 0; padding: 15px 5px 14px; align-items: start;
  }
  .ld-pj-f b { font-size: 32px; letter-spacing: -1.4px; }
  .ld-pj-f.is-sum b { font-size: 32px; }
  .ld-pj-f span { margin-top: 7px; font-size: 11.8px; letter-spacing: -.2px; }
  /* 注释一行放不下时按语义折行，别留「日」这种孤字（text-wrap:pretty 只避孤字，不重排整段） */
  .ld-pj-f em {
    margin-top: 3px; font-size: 10px; line-height: 1.5;
    letter-spacing: -.1px; word-spacing: -.12em; text-wrap: pretty;
  }
  .ld-pj-sym {
    padding: 8px 0 0; font-size: 15px; font-weight: 600;
    line-height: 1; color: #93a9c6;
  }
}

/* 360 / 375 老机型：三列每格只剩 99–104px，注释 10px 会折出「作日」这种孤字，
   缩到 9.2px 刚好一行放完（再窄就让它在空格处折行，不下探更小的字号）。 */
@media (max-width: 380px) {
  /* 金色访谈卡那行说明 19 个字，11.8px 在 360 上正好多出 1 个字折成「价」孤字，
     压到 11px 就能一行收住（卡片本身不留 clamp，折行不会截断只是难看） */
  .ld-main .ld-pj-txt > span { font-size: 11px; letter-spacing: -.2px; }
  .ld-pj-f b { font-size: 30px; }
  .ld-pj-f.is-sum b { font-size: 30px; }
  .ld-pj-f span { font-size: 11px; }
  .ld-pj-f em { font-size: 9.2px; letter-spacing: -.4px; }
  .ld-pj-sym { font-size: 14px; }
}
/* ============================================================
   行业页 01 段（家政版，rich.sec1.layout = loss）
   两段导语共用一条蓝竖线 → 承上启下小标题 → 5 张编号卡 → 判决摘要卡
   → 深色结论带；引用来源不在本段，统一放在全页末尾（.ld-notes）。
   注意：媒体查询里的选择器同样带 .ld-main 前缀，否则被基础规则压住会静默失效。
   ============================================================ */
.ld-main .ld-duo {
  margin: 0 0 26px; padding-left: 15px; border-left: 3px solid var(--blue);
  text-align: left;
}
.ld-main .ld-duo p { margin: 0; font-size: 15px; line-height: 1.86; color: #3f556e; }
.ld-main .ld-duo p + p { margin-top: 12px; }
/* 分节版 01 段（rich.sec1.layout = blocks，建筑页）：讲结构、讲分层，
   四个小标题各领一段或几段正文。小标题用短竖条起头，与全站蓝线语言一致，
   字号介于 h2（24px）与正文（15px）之间，扫读时能分段但不抢标题。 */
.ld-main .ld-blocks { margin: 2px 0 30px; }
.ld-main .ld-block + .ld-block { margin-top: 26px; }
.ld-main .ld-block-h {
  position: relative; margin: 0 0 9px; padding-left: 15px;
  font-size: 16.5px; font-weight: 700; line-height: 1.55; color: #16324f;
  letter-spacing: .1px;
}
.ld-main .ld-block-h::before {
  content: ''; position: absolute; left: 0; top: 50%; width: 5px; height: 15px;
  margin-top: -7.5px; border-radius: 2.5px; background: var(--blue);
}
.ld-main .ld-block p {
  margin: 0; font-size: 15px; line-height: 1.86; color: #3f556e; text-align: justify;
}
.ld-main .ld-block p + p { margin-top: 11px; }
/* 导语里的数字：同字号、同字重、同深色、等宽对齐（四个数字四种写法＝没有重音） */
.ld-main .ld-num-b {
  font-size: 1.06em; font-weight: 700; color: #1b2c44;
  font-variant-numeric: tabular-nums; letter-spacing: -.1px; white-space: nowrap;
}
/* 引用上标是 <a href="#refN">：跳页尾来源，默认不带下划线，指上去才显色 */
.ld-main .ld-sup {
  font-size: 9.5px; font-weight: 600; color: #93a3b8;
  vertical-align: super; line-height: 0; margin-left: 1px;
  font-variant-numeric: tabular-nums; text-decoration: none; cursor: pointer;
}
.ld-main .ld-sup:hover { color: var(--blue); text-decoration: underline; }

/* 承上启下那一句：图标 + 陈述 + 判断，比正文重一档，但压不住上面的 h2。
   句子后面接一条渐隐线延伸到右边缘，把视线送进下面的后果卡。 */
.ld-main .ld-cons-h {
  display: flex; align-items: center; gap: 9px;
  margin: 2px 0 0; text-align: left;
}
.ld-main .ld-cons-ico {
  display: grid; place-items: center; flex: none;
  width: 24px; height: 24px; border-radius: 8px;
  background: linear-gradient(180deg, #eaf2ff, #dbe7fa); color: var(--blue);
  box-shadow: inset 0 0 0 1px #d5e3f7, 0 1px 2px rgba(16, 42, 84, .05);
}
.ld-main .ld-cons-ico svg { width: 15px; height: 15px; }
.ld-main .ld-cons-h b {
  font-size: 16px; font-weight: 800; color: #101d33; letter-spacing: -.2px;
}
.ld-main .ld-cons-h em {
  font-style: normal; font-size: 16px; font-weight: 800;
  color: var(--blue); letter-spacing: -.2px;
}
/* 后果小节下的一句过渡说明（IT 页起用）：比正文轻一档，交代「代价为什么不在当天结算」。
   与上面的标题拉开 9px、与下面的后果卡留 14px（.ld-loss 自带 margin-top）。 */
.ld-main .ld-cons-sub {
  margin: 9px 0 0; font-size: 14px; line-height: 1.9; color: #5a7290; text-align: left;
}
/* 后果小节之前的一句引子（金融页起用）：导语讲完「风险在哪」，这句先把
   「处置权在事前」的时点摆出来，再接「背调缺失的后果」与四张卡。
   浅蓝底 + 左竖条，比正文重一点，又不像深色结论条那样收尾。 */
.ld-main .ld-cons-foot {
  margin: 30px 0 16px; padding: 12px 16px; border-radius: 10px;
  background: linear-gradient(180deg, #f7faff, #f2f7fd);
  box-shadow: inset 3px 0 0 var(--blue), inset 0 0 0 1px #e8f0fa;
  font-size: 14.2px; line-height: 1.86; color: #33496b; text-align: left;
  text-wrap: pretty;
}
.ld-main .ld-cons-h::after {
  content: ""; flex: 1; height: 1px; margin-left: 5px;
  background: linear-gradient(90deg, #dfe8f5, rgba(223, 232, 245, 0));
}

/* 后果：5 张编号卡。顶边一道蓝渐变，右上角小号码，图标压在左上 */
.ld-main .ld-loss {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px; margin: 14px 0 0; padding: 0; list-style: none;
}
.ld-main .ld-loss li {
  position: relative; display: flex; flex-direction: column;
  align-items: flex-start; justify-content: flex-start; gap: 9px; padding: 14px 14px 13px;
  border: 1px solid #e6edf6; border-radius: 12px; background: #fff;
  overflow: hidden; box-shadow: 0 1px 2px rgba(16, 42, 84, .04);
}
.ld-main .ld-loss li::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px;
  background: linear-gradient(90deg, var(--blue), #9cc0ff);
}
.ld-main .ld-loss .n {
  position: absolute; right: 13px; top: 12px;
  font-size: 10.5px; font-weight: 800; letter-spacing: .6px;
  color: #c5d4e7; font-variant-numeric: tabular-nums;
}
.ld-main .ld-loss .ld-ico { width: 30px; height: 30px; border-radius: 9px; background: #eff5ff; }
.ld-main .ld-loss .ld-ico svg { width: 17px; height: 17px; }
.ld-main .ld-loss b {
  font-size: 13.8px; font-weight: 700; color: #16233a;
  line-height: 1.3; white-space: nowrap;
}
/* 标题里的短语不拆行（蓝色 em 同样）：390 下「罚单开给个人」会被断成「罚单开给个 / 人」 */
.ld-main .ld-sec > h2 .ld-keep,
.ld-main .ld-sec > h2 em { white-space: nowrap; }

/* 四项后果（金融页）：4 列一行，别摆成 3+1 缺角 */
.ld-main .ld-loss.is-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* 判例：判决摘要卡。头栏（判例 + 案由）/ 正文 / 底栏把「收多少、赔多少」单独成行 */
.ld-main .ld-doc {
  margin: 20px 0 0; background: #fff;
  border: 1px solid #e3eaf3; border-radius: 14px; overflow: hidden;
  box-shadow: 0 1px 2px rgba(16, 42, 84, .04);
}
.ld-main .ld-doc-head {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 18px; background: #fafcff; border-bottom: 1px solid #eff4fa;
  font-size: 11.5px; color: #8798ae; text-align: left;
}
.ld-main .ld-doc-head b {
  font-size: 10px; font-weight: 800; letter-spacing: 1.2px;
  color: var(--blue); background: #eaf2ff; padding: 2px 7px; border-radius: 4px;
}
.ld-main .ld-doc-head .sep { color: #d2dded; }
.ld-main .ld-doc-body { padding: 14px 18px 15px; }
.ld-main .ld-doc-body p {
  margin: 0; font-size: 13.4px; line-height: 1.9; color: #43597a; text-align: left;
}
.ld-main .ld-doc-body .k {
  color: var(--blue); font-weight: 800; font-size: 1.1em;
  font-variant-numeric: tabular-nums;
}
.ld-main .ld-doc-foot {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 11px 18px; background: #f7faff; border-top: 1px solid #eff4fa;
  text-align: left;
}
.ld-main .ld-doc-foot .lab { font-size: 11px; color: #8798ae; }
.ld-main .ld-doc-foot .val {
  font-size: 15px; font-weight: 800; color: #5c6f88;
  font-variant-numeric: tabular-nums; letter-spacing: -.2px;
}
.ld-main .ld-doc-foot .val.is-hot { font-size: 19px; color: var(--blue); }
.ld-main .ld-doc-foot .arw { color: #c3d3e8; font-size: 12px; }
.ld-main .ld-doc-foot .gap { flex: 1; }
.ld-main .ld-doc-foot .ratio { font-size: 11px; color: #8798ae; }

/* ---- 双案对照卡（金融页）：一份判决 + 一份罚单压在同一张白卡里，
        底栏拆两列摆数字。红色只用来区分「行政处罚」这一路，别扩散到别处 ---- */
.ld-main .ld-doc-head .ttl {
  font-size: 12.4px; font-weight: 700; color: #16233a; letter-spacing: -.1px;
}
.ld-main .ld-doc-head b.is-admin { color: #b4433a; background: #fdf0ee; }
.ld-main .ld-doc-body p + p { margin-top: 12px; }
.ld-main .ld-doc-body .lead { color: #16233a; font-weight: 800; }
.ld-main .ld-doc-note {
  margin: 1px 18px 0; padding: 12px 15px; border-radius: 10px;
  background: #f1f6fd; text-align: left;
  font-size: 13px; line-height: 1.88; color: #43597a;
  text-wrap: pretty;   /* 手机端最后一行别只剩「出来。」两个字 */
}
.ld-main .ld-doc-src {
  margin: 12px 18px 0; padding: 11px 0 14px; border-top: 1px dashed #e6edf6;
  text-align: left; font-size: 11.2px; line-height: 1.8; color: #93a3b8;
}
.ld-main .ld-doc-foot.is-dual {
  display: grid; grid-template-columns: 1fr 1fr; gap: 0; padding: 0;
  background: #fcfdff; border-top: 1px dashed #e2eaf4;
  /* 基础规则是 align-items:center，进 grid 后会把矮的那列整体往下推，
     两列的数字就不在同一条基线上；必须显式拉回 stretch */
  align-items: stretch;
}
.ld-main .ld-doc-foot.is-dual .cell { padding: 12px 18px 14px; }
.ld-main .ld-doc-foot.is-dual .cell + .cell { border-left: 1px dashed #e2eaf4; }
.ld-main .ld-doc-foot.is-dual .lab { margin: 0 0 3px; font-size: 11px; color: #8798ae; }
.ld-main .ld-doc-foot.is-dual .val {
  margin: 0; font-size: 21px; font-weight: 800; color: #b4433a;
  font-variant-numeric: tabular-nums; letter-spacing: -.4px;
}
.ld-main .ld-doc-foot.is-dual .sub { margin: 4px 0 0; font-size: 11.2px; color: #93a3b8; }

/* 来源挪到两列数字下面：与数字条共用一条 #fcfdff 底，虚线只做分隔，
   读的时候是「结论 → 赔多少 → 罚多少 → 出处」四层，来源不再插在中间打断节奏。 */
.ld-main .ld-doc.is-dual .ld-doc-note { margin-bottom: 14px; }
.ld-main .ld-doc-src.is-below {
  margin: 0; padding: 10px 18px 13px;
  background: #fcfdff; border-top: 1px dashed #e2eaf4;
}

/* 结论：深色条 + 左侧 3px 浅蓝竖线做锚（不再用金色「结论」胶囊） */
.ld-main .ld-knot {
  position: relative; margin: 16px 0 0; padding: 16px 20px 16px 22px;
  background: var(--navy); border-radius: 12px;
  font-size: 13.4px; line-height: 1.86; color: #cddcee; text-align: left;
}
.ld-main .ld-knot::before {
  content: ""; position: absolute; left: 0; top: 15px; bottom: 15px;
  width: 3px; border-radius: 0 3px 3px 0; background: #6f9fff;
}
.ld-main .ld-knot b { color: #fff; font-weight: 700; }
/* knot_t 里写了换行就是分段（IT 页）：首段留在 <b> 后面，后续段整段下移，
   条内仍是一块深色底，不拆成两个圆角条。 */
.ld-main .ld-knot .ld-kseg.is-break { display: block; margin-top: 7px; }

/* 全页来源区（05 段之后）：比正文低两级，只在需要核对时才被看见 */
.ld-main .ld-notes {
  margin: 26px 0 0; padding-top: 13px;
  border-top: 1px solid #e4ebf5; text-align: left;
}
.ld-main .ld-notes-h {
  margin: 0 0 7px; font-size: 10px; font-weight: 700;
  letter-spacing: .8px; color: #b1bdcd;
}
.ld-main .ld-note {
  margin: 0; font-size: 10.2px; line-height: 1.85;
  color: #a6b3c4; scroll-margin-top: 24px;
}
.ld-main .ld-note + .ld-note { margin-top: 3px; }
.ld-main .ld-note b { color: #b1bdcd; font-weight: 600; font-variant-numeric: tabular-nums; }
/* 从正文上标跳过来时闪一下，否则一屏灰字看不出落在哪一条。
   :target 管直接带 hash 打开的情况，.is-flash 由 main.js 在点击时挂上 */
.ld-main .ld-note:target,
.ld-main .ld-note.is-flash { animation: ld-note-flash 1.8s ease-out; }
@keyframes ld-note-flash {
  0%   { background: #fff3d0; box-shadow: 0 0 0 4px #fff3d0; border-radius: 3px; }
  100% { background: transparent; box-shadow: 0 0 0 4px transparent; }
}

@media (max-width: 900px) {
  /* 5 项在 3 列下必摆成 3+2、第二行空一格；窄一点也比缺角好看，所以列数到 560 才变 */
  .ld-main .ld-loss { gap: 8px; }
  .ld-main .ld-loss b { font-size: 13.2px; }
}

@media (max-width: 560px) {
  .ld-main .ld-duo p { font-size: 14.6px; line-height: 1.84; }
  /* 分节版 01 段：字号跟导语一起降一档，段间距略收 */
  .ld-main .ld-block p { font-size: 14.6px; line-height: 1.84; }
  .ld-main .ld-block + .ld-block { margin-top: 22px; }
  .ld-main .ld-block-h { font-size: 15.8px; }
  /* 后果：单列「图标 + 词 + 编号」，比 3 列 2 列都好读。
     is-4 要单独再说一遍：.ld-main .ld-loss.is-4 是 (0,3,0)，裸 .ld-loss 压不住，
     不补这条手机端仍是 4 列，「资质与展业受阻」直接冲出屏幕 */
  .ld-main .ld-loss,
  .ld-main .ld-loss.is-4 { grid-template-columns: 1fr; gap: 7px; }
  .ld-main .ld-loss li { flex-direction: row; align-items: center; gap: 10px; padding: 10px 13px; }
  .ld-main .ld-loss li::before { display: none; }
  .ld-main .ld-loss .n { position: static; order: 3; margin-left: auto; }
  .ld-main .ld-loss .ld-ico { width: 26px; height: 26px; border-radius: 8px; }
  .ld-main .ld-loss .ld-ico svg { width: 15px; height: 15px; }
  .ld-main .ld-cons-h { gap: 8px; }
  .ld-main .ld-cons-h b, .ld-main .ld-cons-h em { font-size: 15px; }
  .ld-main .ld-cons-ico { width: 22px; height: 22px; border-radius: 7px; }
  .ld-main .ld-cons-ico svg { width: 14px; height: 14px; }
  .ld-main .ld-doc-head { padding: 9px 14px; }
  .ld-main .ld-doc-body { padding: 13px 14px 14px; }
  .ld-main .ld-doc-body p { font-size: 13px; line-height: 1.86; }
  .ld-main .ld-doc-foot { padding: 10px 14px; gap: 8px; }
  .ld-main .ld-doc-foot .val { font-size: 14px; }
  .ld-main .ld-doc-foot .val.is-hot { font-size: 17px; }
  /* 手机上「2.98 倍」单独占一行靠左，不要被 gap 推到右边缘 */
  .ld-main .ld-doc-foot .gap { display: none; }
  .ld-main .ld-doc-foot .ratio { flex-basis: 100%; margin-top: 1px; font-size: 10.5px; }
  /* 双案卡：底栏仍是两列，只是收内边距与字号；容器 padding 必须显式归零，
     否则会被上面那条 .ld-doc-foot 的 padding 压出内缩，两列不顶边 */
  .ld-main .ld-doc-foot.is-dual { padding: 0; gap: 0; }
  .ld-main .ld-doc-foot.is-dual .cell { padding: 11px 14px 12px; }
  .ld-main .ld-doc-foot.is-dual .val { font-size: 18px; }
  /* 卡头三样挤不下一行：两个标签先占一行并且不许拆字，标题另起一行 */
  .ld-main .ld-doc.is-dual .ld-doc-head { flex-wrap: wrap; gap: 7px 8px; }
  .ld-main .ld-doc.is-dual .ld-doc-head b { white-space: nowrap; }
  .ld-main .ld-doc.is-dual .ld-doc-head .ttl { flex-basis: 100%; font-size: 12.6px; line-height: 1.5; }
  .ld-main .ld-doc-note { margin: 1px 14px 0; padding: 11px 13px; font-size: 12.6px; }
  .ld-main .ld-doc-src { margin: 11px 14px 0; padding-bottom: 12px; font-size: 10.4px; }
  /* 金融双案卡：归纳条与数字条之间的留白收窄一档，来源跟着数字条顶边 */
  .ld-main .ld-doc.is-dual .ld-doc-note { margin-bottom: 12px; }
  .ld-main .ld-doc-src.is-below { margin: 0; padding: 9px 14px 12px; }
  .ld-main .ld-knot { padding: 14px 16px 14px 18px; font-size: 13px; }
  .ld-main .ld-notes { margin-top: 24px; padding-top: 12px; }
  .ld-main .ld-note { font-size: 9.8px; line-height: 1.8; }
}

/* ============================================================
   行业页通用小件（原「家政版 02 段」专用样式已随 .ld-trio 一并移除）
   注意：媒体查询里的选择器同样带 .ld-main 前缀，否则会被基础规则静默压住。
   ============================================================ */
/* 整句重音：与 .ld-num-b 同色同字重，但不能 nowrap——半句话被顶成一行会撑破栏宽 */
.ld-main .ld-emph { font-weight: 700; color: #16233a; }
/* 强调数字 + 引用上标绑成一块：否则上标会单独折到下一行行首（1024 下「11 万家／²」） */
.ld-main .ld-cite { white-space: nowrap; }

/* 三栏版（.ld-trio）已随核查维度统一为 2 列卡一并移除，2026-11-06 */