/* ---------- 站点附加组件 ---------- */
/* hero 标签行：默认 line-height:1 且 gap:0，标签多于一行时会上下压字。
   加行间距并给文字留出行高，换行后两排才不重叠。 */
.hero__tags{row-gap:11px}
.hero__tags span{line-height:1.4}
/* 注意：绝对不要在 html 上写 overflow-x（hidden / clip 都不行）。
   html 一旦有 overflow-x，横向溢出就不会再向视口传播，html 自己变成裁剪容器，
   .site-head 的 position:sticky 随之失效，表现为顶部菜单跟着页面一起滚走。
   横向裁剪已由 style.css 里 body{overflow-x:hidden} 承担（会传播到视口，不影响 sticky）。 */
.tbl-note svg{width:13px;height:13px;vertical-align:-2px;margin-right:5px;color:var(--gold-dk);flex:0 0 auto}
.tbl-note{display:block}
/* 表格滚动容器之后接注脚：默认 -14px 上边距会贴住表格最后一行，这里改成正间距 */
.mat-scroll + .tbl-note{margin-top:12px}
/* 卡片网格 / 图标行 / 交付清单之后接注脚：这些容器没有足够下外边距，
   沿用 -14px 会让文字压到卡片底部，统一改成正间距 */
.adv + .tbl-note,
.grid + .tbl-note,
.deliver + .tbl-note,
.cases + .tbl-note,
.ladder + .tbl-note,
.phase + .tbl-note,
.seq + .tbl-note,
.scenes + .tbl-note{margin-top:16px}
/* 卡片内 note 紧跟前置段落：取消 pages.css 里 -14px 负边距，
   否则描述折两行时 note 会与第二行重叠 14px（移动端必现） */
.sbox .tbl-note{margin-top:10px}
/* ---------- GEO：答案前置模块 ----------
   放在 H1 之后、正文之前，整段话可被问答型引擎直接摘取。
   左金色竖线 + 浅纸底，视觉上像「编者按」，不抢 hero 的注意力。 */
.answer-box{padding:28px 0 6px;background:#fff}
.ab-in{position:relative;padding:20px 24px 22px;background:var(--paper);
  border:1px solid var(--line);border-left:3px solid var(--gold);
  border-radius:0 14px 14px 0}
.ab-tag{display:inline-flex;align-items:center;gap:6px;margin-bottom:9px;
  font-family:var(--serif);font-size:11px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-dk)}
.ab-tag svg{width:13px;height:13px;flex:0 0 auto}
.ab-tldr{margin:0;font-size:15.4px;line-height:1.9;color:var(--navy);font-weight:600;letter-spacing:-.003em}
.ab-facts{list-style:none;margin:15px 0 0;padding:14px 0 0;border-top:1px dashed var(--line);
  display:grid;gap:8px 34px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}
.ab-facts li{position:relative;padding-left:13px;font-size:13px;line-height:1.78;color:var(--muted)}
.ab-facts li::before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;
  border-radius:50%;background:var(--gold)}
.ab-facts b{color:var(--navy);font-weight:700}
/* 时效声明：结论块末行，小字弱化。读者知道这段话基于哪个时点的法规，
   模型摘答案时也在同一段视野内——比挂在页脚版权行更有效 */
.ab-upd{margin:16px 0 0;font-size:11.5px;line-height:1.6;color:var(--muted);letter-spacing:.02em}
.ab-upd time{font-variant-numeric:tabular-nums}
@media (max-width:640px){
  .answer-box{padding:22px 0 4px}
  .ab-in{padding:17px 16px 18px;border-radius:0 12px 12px 0}
  .ab-tldr{font-size:14.4px;line-height:1.85}
  .ab-facts{grid-template-columns:1fr;gap:7px}
  .ab-facts li{font-size:12.6px}
  .ab-upd{margin-top:12px;font-size:11px;line-height:1.55}
}
/* 页脚底部：备案号行与版权行同排 */
.foot__links-row{order:2}
/* 法规条目后的官方原文链接：让读者与模型都能一键核验条文出处 */
.reg__link{display:inline-block;margin-left:4px;font-size:12.2px;color:var(--gold-dk);
  text-decoration:none;border-bottom:1px solid rgba(0,0,0,.16);white-space:nowrap;transition:color .2s,border-color .2s}
.reg__link::after{content:" ↗";font-size:11px}
.reg__link:hover{color:var(--navy);border-bottom-color:var(--navy)}
.foot__wx{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:12.5px;color:var(--accent-on-dark,var(--gold-lt));letter-spacing:.02em}
.foot__wx svg{width:13px;height:13px}
.foot__wx:hover{color:#fff}
.foot__col-qr .foot__qr a{display:block}
.float__wxlink{display:block;margin:10px auto 0;font-size:12px;text-align:center;color:var(--navy);letter-spacing:.02em;border-top:1px solid var(--line);padding-top:9px}
.float__wxlink:hover{color:var(--gold-dk)}

/* ---------- 集团旗下站点互链区 ---------- */
.foot__sites{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 18px;
  padding:20px 0 0;margin-top:0;border-top:1px solid rgba(255,255,255,.07)}
.foot__sites .foot__title{margin:0 0 6px;padding-bottom:0;letter-spacing:.12em}
.foot__sites .foot__title::after{display:none}
.foot__sites-links{display:flex;flex-wrap:wrap;gap:8px 18px;min-width:0;flex:1 1 100%;padding-top:10px}
.foot__sites-links a{font-size:12.5px;color:#93A9BD;letter-spacing:.02em;white-space:nowrap;transition:color .2s}
.foot__sites-links a:hover{color:var(--gold-lt)}

/* ---------- 关于我们 ----------
   pages.css 在本文件之后加载，同权重会被盖掉，所以这里的规则统一加 .sec--about 前缀提权；
   顺带的作用是改动只落在关于页，不会渗到其它版块。 */
.sec.sec--about{padding:clamp(64px,7.2vw,96px) 0}

/* 1 区块头：标题下压一条通栏细线，右侧注记降级为「旁注」 */
.sec--about .abt-head{align-items:end;padding-bottom:19px;border-bottom:1px solid var(--line);
  margin-bottom:clamp(30px,3.4vw,40px)}
.sec--about .abt-head__aside{margin:0;font-size:13.2px;line-height:1.95;color:var(--muted);
  border-left:1px solid var(--gold-line);padding-left:20px}

/* 1.5 关键事实条：数字先行，四项有据可查的规模数据横向排开。
   GEO 作用：AI 回答「这家机构多大规模」时，这一条就是可整段摘走的答案。 */
.sec--about .abt-kf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  margin:0 0 clamp(30px,3.4vw,42px);padding:0;border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)}
.sec--about .abt-kf__i{position:relative;padding:20px 22px 21px 0}
.sec--about .abt-kf__i+.abt-kf__i{padding-left:24px}
.sec--about .abt-kf__i+.abt-kf__i::before{content:"";position:absolute;left:0;
  top:22px;bottom:22px;width:1px;background:var(--line-2)}
.sec--about .abt-kf dt{display:flex;align-items:baseline;gap:3px;font-family:var(--serif);
  font-size:30px;font-weight:700;line-height:1;color:var(--navy);letter-spacing:-.01em;
  font-variant-numeric:tabular-nums}
.sec--about .abt-kf dt i{font-style:normal;font-size:13px;font-weight:500;
  color:var(--gold-dk);letter-spacing:.04em}
.sec--about .abt-kf dd{margin:9px 0 0;font-size:12.4px;line-height:1.65;color:var(--muted)}
@media (max-width:760px){
  .sec--about .abt-kf{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sec--about .abt-kf__i{padding:16px 14px 17px 0}
  .sec--about .abt-kf__i+.abt-kf__i{padding-left:16px}
  .sec--about .abt-kf__i:nth-child(odd){padding-left:0}
  .sec--about .abt-kf__i:nth-child(odd)::before{display:none}
  .sec--about .abt-kf__i:nth-child(n+3){border-top:1px solid var(--line-2)}
  .sec--about .abt-kf dt{font-size:24px}
  .sec--about .abt-kf dd{font-size:12px}
}

/* 2 正文：导语做成「提要」，与正文拉开两级 */
.sec--about .abt-lead{position:relative;font-size:18.4px;line-height:1.76;font-weight:500;
  color:var(--navy);letter-spacing:-.012em;padding-left:22px;margin-bottom:26px}
.sec--about .abt-lead::before{content:"";position:absolute;left:0;top:.28em;bottom:.28em;width:2px;
  background:linear-gradient(180deg,var(--gold),rgba(0,0,0,0))}
.sec--about .abt-p{font-size:14.6px;line-height:1.96;color:var(--muted);margin-bottom:15px}
.sec--about .abt-note{font-size:12.4px;line-height:1.8;color:var(--muted-2);
  margin-top:16px;padding-top:13px;border-top:1px dashed var(--line)}

/* 3 五步流程：编号徽标串成时间轴，轴线由实线渐变到消失 */
.sec--about .ax-flow{list-style:none;margin:28px 0 0;padding:0;border-top:0}
.sec--about .ax-flow li{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);
  gap:14px;padding:0 0 20px;border-bottom:0;align-items:start}
.sec--about .ax-flow li:last-child{padding-bottom:0}
.sec--about .ax-flow li::before{content:"";position:absolute;left:16px;top:34px;bottom:2px;width:1px;
  background:linear-gradient(180deg,var(--gold-line),var(--line-2))}
.sec--about .ax-flow li:last-child::before{display:none}
.sec--about .ax-flow em{position:relative;z-index:1;display:grid;place-items:center;
  width:33px;height:33px;border-radius:50%;background:var(--white);border:1px solid var(--gold-line);
  font-style:normal;font-family:var(--serif);font-size:11px;font-weight:700;letter-spacing:.06em;
  color:var(--gold-dk);padding-top:0;font-variant-numeric:tabular-nums}
.sec--about .ax-flow b{display:block;font-size:14.6px;font-weight:700;color:var(--navy);
  line-height:1.45;margin:7px 0 4px;letter-spacing:-.005em}
.sec--about .ax-flow p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}

/* 4 团队面板：内部分隔线减淡，脚注再弱一级 */
.sec--about .abt-intro>.abt-panel{margin-top:0}
.sec--about .abt-panel{border-radius:16px;padding:30px 28px 26px}
.sec--about .abt-panel__tag{margin-bottom:16px;letter-spacing:.22em}
.sec--about .abt-panel__list li{padding:14px 0;border-top:1px solid rgba(255,255,255,.09)}
.sec--about .abt-panel__list b{font-size:14px;letter-spacing:.01em}
.sec--about .abt-panel__list p{font-size:12.6px;line-height:1.8}
.sec--about .abt-panel__foot{margin:16px 0 0;padding-top:14px;font-size:11.6px;line-height:1.8;
  color:rgba(255,255,255,.46);border-top:1px solid rgba(255,255,255,.1)}

/* 5 资质表述：白条改为暖底的「提示块」，与正文形成块面区分 */
.sec--about .notice-box{margin-top:clamp(30px,3.4vw,40px);background:var(--gold-soft);
  border:1px solid var(--gold-line);border-left:3px solid var(--gold);border-radius:12px;
  padding:22px 26px;font-size:12.6px;line-height:1.92;color:var(--muted);box-shadow:none}
.sec--about .notice-box::before{display:none}
.sec--about .notice-box b{color:var(--navy);margin-right:2px}

/* 6「可以核验的几件事」：裸行改卡片，序号做成小徽标 */
.sec--about .aplist{gap:16px;grid-auto-rows:auto}
.sec--about .aplist .aplist__item,
.sec--about .aplist .aplist__item:nth-child(-n+2){display:grid;grid-template-columns:34px minmax(0,1fr);
  gap:14px;padding:23px 24px 22px;border:1px solid var(--line);border-radius:12px;
  background:var(--white);box-shadow:var(--shadow-xs);align-items:start;
  transition:transform .35s var(--ease-out),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.sec--about .aplist .aplist__item:hover{transform:translateY(-3px);
  box-shadow:var(--shadow-sm);border-color:var(--gold-line)}
.sec--about .aplist__item>div{min-width:0}
.sec--about .aplist__item em{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;
  background:var(--gold-soft);border:1px solid var(--gold-line);color:var(--gold-dk);
  font-size:10.5px;letter-spacing:.04em;padding-top:0;margin-top:1px}
.sec--about .aplist__item h4{font-size:15.6px;margin-bottom:8px}
.sec--about .aplist__item p{font-size:13.1px;line-height:1.85}

/* 7 联系区：右列清单收成一张卡，标签降为小字、内容提为正文色 */
.sec--about .cred{gap:clamp(32px,4vw,56px)}
.sec--about .cred__list{background:var(--white);border:1px solid var(--line);border-radius:14px;
  padding:6px 26px;box-shadow:var(--shadow-xs)}
.sec--about .cred__list li{padding:18px 0;border-top:1px solid var(--line-2);
  transition:background .25s var(--ease)}
.sec--about .cred__list li:first-child{border-top:0}
.sec--about .cred__list li:hover{background:var(--gold-soft)}
.sec--about .cred__list svg{width:18px;height:18px;margin-top:2px}
.sec--about .cred__list h4{font-size:12.2px;font-weight:600;letter-spacing:.06em;
  color:var(--muted-2);margin-bottom:5px}
.sec--about .cred__list p{font-size:13.6px;line-height:1.7;color:var(--navy)}
.sec--about .ax-qr{display:flex;align-items:center;gap:16px;margin-top:24px;padding:16px;
  border:1px solid var(--line);border-radius:14px;background:var(--white);max-width:392px;
  box-shadow:var(--shadow-xs)}
.sec--about .ax-qr img{width:96px;height:96px;border-radius:8px;flex:0 0 auto;display:block}
.sec--about .ax-qr b{display:block;font-family:var(--serif);font-size:12px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:7px}
.sec--about .ax-qr span{display:block;font-size:12.2px;color:var(--muted-2);line-height:1.75}
.sec--about .cred__lead{font-size:14.2px;line-height:1.95;margin:18px 0 22px}
@media (max-width:900px){
  .sec.sec--about{padding:56px 0}
  .sec--about .abt-lead{font-size:17px;padding-left:18px}
  .sec--about .aplist{gap:12px}
  .sec--about .ax-flow li{gap:12px;padding-bottom:18px}
}
@media (max-width:520px){
  .sec--about .ax-qr{max-width:none;gap:14px;padding:13px 14px}
  .sec--about .ax-qr img{width:76px;height:76px}
  .sec--about .cred__list{padding:4px 20px}
}

/* 资料表（材料清单 / 参数对比） */
.mat-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}
.mat-table caption{text-align:left;font-size:12.5px;color:var(--muted);padding-bottom:10px;letter-spacing:.02em}
.mat-table th,.mat-table td{padding:12px 16px;border-bottom:1px solid var(--line-2);text-align:left;vertical-align:top;line-height:1.7}
.mat-table th{background:var(--paper);font-weight:700;color:var(--navy);font-size:13px;letter-spacing:.04em;white-space:nowrap}
.mat-table tr:last-child td{border-bottom:0}
.mat-table td strong{color:var(--navy)}
.mat-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* 窄屏下资料表不压缩列宽，改为在 .mat-scroll 内横向滚动，
   否则「依据」「期限」这类列会被挤成每行 3-4 个字，读起来非常碎 */
@media (max-width:700px){
  .mat-scroll>.mat-table{min-width:520px}
  /* 右侧内阴影提示「还能往右滑」，避免用户以为表格被截断 */
  .mat-scroll{box-shadow:inset -14px 0 14px -14px rgba(0,0,0,.22)}
}

/* 状态徽标 */
.st{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;letter-spacing:.03em;
    padding:2px 9px;border-radius:100px;white-space:nowrap;line-height:1.9}
.st--ok{background:var(--soft);color:var(--gold-dk);border:1px solid var(--soft-line,var(--gold-line))}
.sec--navy .tl__item p,.sec--navy .blk__head p{color:rgba(232,240,248,.72)}
.sec--navy .tl__dot{box-shadow:0 0 0 6px rgba(255,255,255,.06)}
.sec--navy .tl::before{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(221,176,120,.5) 12%,rgba(221,176,120,.5) 88%,rgba(255,255,255,0))}
.st--warn{background:#FDF3F2;color:#A5342A;border:1px solid #F3D9D6}
.st--info{background:var(--paper);color:var(--muted);border:1px solid var(--line)}

/* 双栏信息卡 */
.fact__n{display:block;font-family:var(--serif);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:8px}
.cred__lead{display:flex;align-items:center;gap:18px}
.abt-facts .fact{padding-right:18px}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0;border-top:1px solid var(--line)}
.kv__i{padding:16px 0;border-bottom:1px solid var(--line-2);padding-right:18px}
.kv__t{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);font-family:var(--serif);margin-bottom:4px}
.kv__d{font-size:15px;color:var(--navy);font-weight:700;line-height:1.6}
.kv__n{font-size:12.5px;color:var(--muted);margin-top:2px}

/* ---------- 首页 hero：图列占比修复 ----------
   原罪：标题 <em> 用了 white-space:nowrap，超长时把文案列撑到最大，
   fr 按内容伸展 → 图片列被 min-content 挤到只剩 280~385px（占 hero 仅 7%~14%）。
   修复：em 允许折行；文案列用 minmax(0,1fr) 可收缩；图列占比提高且不再被挤。 */
.hero__in{grid-template-columns:minmax(0,1.02fr) 1fr;gap:clamp(28px,4vw,56px)}
.hero h1 em{white-space:normal;text-wrap:balance}
.hero__copy{min-width:0}
.hero__figure{width:100%;max-width:540px;justify-self:end}
.hero__photo{aspect-ratio:1.25/1}
@media (max-width:1199px){
  .hero__figure{max-width:440px}
  .hero__photo{aspect-ratio:1.15/1}
}
@media (max-width:767px){
  .hero__in{grid-template-columns:1fr}
  .hero__figure{max-width:none;justify-self:center}
  .hero__photo{aspect-ratio:1.25/1}
}

/* ---------- 术语定义块（GEO：给模型一个可整段摘走的「词—定义」结构） ----------
   排版：整块收成一张白卡（顶边一道金线），内部按「序号 / 术语 / 释义」三列成行，行间 1px 分隔线。
   为什么不做 2×N 卡片网格：每页只有 3 条，双列会在右下落一块空洞，看着像没做完；
   成行排列不论 1 条还是 15 条都齐整，序号列天然形成阅读节奏，层次靠列宽与字重区分。 */
.deflist{position:relative;margin:28px 0 0;background:var(--white);
  border:1px solid var(--line);border-radius:var(--radius-sm);
  box-shadow:var(--shadow-xs);counter-reset:def;overflow:hidden}
.deflist::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,var(--gold),rgba(0,0,0,0) 62%);opacity:.9}
.deflist__i{display:grid;grid-template-columns:44px 196px minmax(0,1fr);gap:0;
  align-items:stretch;padding:0 28px;position:relative;transition:background .3s var(--ease)}
.deflist__i+.deflist__i{border-top:1px solid var(--line-2)}
.deflist__i::before{counter-increment:def;content:"0" counter(def);
  font-family:var(--serif);font-size:12px;font-weight:700;letter-spacing:.12em;
  color:var(--gold);opacity:.62;line-height:1.6;padding-top:25px;
  font-variant-numeric:tabular-nums;transition:opacity .3s var(--ease)}
.deflist__i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;
  background:var(--gold);transform:scaleY(0);transform-origin:50% 50%;
  transition:transform .38s var(--ease-out)}
.deflist__i:hover{background:var(--gold-soft)}
.deflist__i:hover::before{opacity:1}
.deflist__i:hover::after{transform:scaleY(1)}
.deflist dt{font-family:var(--serif);font-size:16.8px;font-weight:700;color:var(--navy);
  letter-spacing:.02em;line-height:1.5;padding:24px 22px 24px 0}
.deflist dd{margin:0;font-size:14.3px;line-height:1.88;color:var(--muted);
  padding:23px 0 23px 24px;border-left:1px solid rgba(16,28,41,.13)}
@media (max-width:1100px){
  .deflist__i{grid-template-columns:38px 176px minmax(0,1fr);padding:0 22px}
  .deflist dt{padding:22px 18px 22px 0}
  .deflist dd{padding:21px 0 21px 20px}
  .deflist__i::before{padding-top:23px}
}
@media (max-width:760px){
  .deflist{margin-top:20px}
  .deflist__i{grid-template-columns:30px minmax(0,1fr);gap:0 12px;padding:0 18px}
  .deflist__i::before{font-size:11px;padding-top:21px}
  .deflist dt{font-size:15.2px;padding:18px 0 0}
  .deflist dd{grid-column:2;font-size:13.5px;line-height:1.8;
    border-left:0;padding:7px 0 18px}
}


/* ---------- 第四梯队补充组件（四站共用） ---------- */
/* 首页 hero 图注、正文导语、正文段落直接复用 hegui 的 .hero__* / .abt-* 系列，
   这里只补几个结构块，避免为每个站点单独写 CSS。 */

/* 双栏文字块：左栏正文 + 右栏要点，正文长、要点短时用 */
.t4-cols{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);
  gap:clamp(26px,3.4vw,54px);align-items:start}
.t4-cols--rev{grid-template-columns:minmax(0,1fr) minmax(0,1.28fr)}
.t4-cols__side{padding:24px 24px 22px;border:1px solid var(--line);border-radius:14px;
  background:var(--white);box-shadow:var(--shadow-xs)}
.t4-cols__side :is(h3,h4){font-family:var(--serif);font-size:11.5px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold-dk);margin:0 0 14px}
.t4-cols__side ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.t4-cols__side li{position:relative;padding-left:15px;font-size:13.2px;line-height:1.8;color:var(--muted)}
.t4-cols__side li::before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;
  border-radius:50%;background:var(--gold)}
.t4-cols__side li b{color:var(--navy);font-weight:700}
@media (max-width:860px){
  /* minmax(0,1fr)：否则列的最小尺寸取内容最小宽度，会被内部可横向滚动的表格撑破容器 */
  .t4-cols,.t4-cols--rev{grid-template-columns:minmax(0,1fr);gap:24px}
}

/* 交付清单：列数由 --cols 控制（写在行内），媒体查询才能按断点接管。
   原先直接写行内 grid-template-columns，优先级高于媒体查询，移动端会塌成 4 列。 */
.deliver{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr))}
@media (max-width:1199px){
  .deliver{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .deliver{grid-template-columns:minmax(0,1fr)}
}

/* 答案框内的「直接依据」一行：紧跟结论，字号小于正文，不与要点抢层级 */
.ab-src{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);
  font-size:12.4px;line-height:1.85;color:var(--muted);letter-spacing:.01em}

/* 法规依据条：dt 放《法规名》+ 文号，dd 放一句适用说明。
   窄屏两栏会挤成细条，760 以下改单列。 */
.basis{border-top:2px solid var(--navy);padding-top:26px}
.basis__h{margin-bottom:20px}
.basis__h .eyebrow{display:block;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-dk);margin-bottom:8px}
.basis__h h2{margin:0;font-size:clamp(19px,2vw,24px);color:var(--navy);letter-spacing:-.01em}
.basis__list{margin:0;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:0 0;border-top:1px solid var(--line)}
.basis__i{display:contents}
.basis__i dt{padding:15px 22px 15px 0;border-bottom:1px solid var(--line);
  font-size:13.6px;line-height:1.7;color:var(--navy);font-weight:600}
.basis__i dt i{display:block;font-style:normal;font-weight:400;font-size:11.8px;
  letter-spacing:.02em;color:var(--gold-dk);margin-top:5px}
.basis__i dd{margin:0;padding:15px 0 15px 22px;border-bottom:1px solid var(--line);
  border-left:1px solid var(--line);font-size:13.2px;line-height:1.85;color:var(--muted)}
.basis__more{margin:16px 0 0;font-size:13px}
.basis__more a{display:inline-block;color:var(--gold-dk);font-weight:600;text-decoration:none}
.basis__more a span{white-space:nowrap}
.basis__more a svg{width:14px;height:14px;vertical-align:-2px;margin-left:5px}
.basis__more a:hover{text-decoration:underline}
@media (max-width:760px){
  .basis__list{grid-template-columns:minmax(0,1fr)}
  .basis__i dt{padding:14px 0 6px;border-bottom:0}
  .basis__i dd{padding:0 0 14px;border-left:0;border-bottom:1px solid var(--line)}
}

/* 跨站关联：把主题簇横向连起来，锚文本必须是具体主题 */
.xrel{border-top:2px solid var(--navy);padding-top:26px}
.xrel__h{margin-bottom:22px}
.xrel__h .eyebrow{display:block;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-dk);margin-bottom:8px}
.xrel__h h2{margin:0 0 8px;font-size:clamp(19px,2vw,24px);color:var(--navy);letter-spacing:-.01em}
.xrel__h p{margin:0;font-size:13.4px;line-height:1.8;color:var(--muted)}
.xrel__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.xrel__i{position:relative;display:block;padding:20px 22px 24px;border:1px solid var(--line);
  border-radius:13px;background:var(--white);text-decoration:none;
  transition:border-color .25s,box-shadow .25s,transform .25s}
.xrel__i:hover{border-color:var(--navy);box-shadow:0 12px 28px rgba(10,37,64,.1);
  transform:translateY(-2px)}
.xrel__site{display:inline-block;font-size:11px;letter-spacing:.05em;color:var(--gold-dk);
  font-weight:600;margin-bottom:8px}
.xrel__i h3{margin:0 0 8px;font-size:14.4px;line-height:1.55;color:var(--navy);
  letter-spacing:-.005em;font-weight:600}
.xrel__i p{margin:0;font-size:12.7px;line-height:1.8;color:var(--muted)}
.xrel__go{position:absolute;right:18px;bottom:16px;color:var(--gold-dk);opacity:0;
  transition:opacity .25s,transform .25s}
.xrel__i:hover .xrel__go{opacity:1;transform:translateX(3px)}
@media (max-width:900px){.xrel__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .xrel__grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .xrel__i{padding:18px 18px 22px}
}

/* 对照条：一句「左对右」的强对比，用于税负/路径二选一的场景 */
.t4-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:26px 0 0;
  border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--white)}
.t4-cmp__i{padding:24px 26px 22px}
.t4-cmp__i+.t4-cmp__i{border-left:1px solid var(--line)}
.t4-cmp__i :is(h3,h4){margin:0 0 10px;font-size:15.2px;color:var(--navy);letter-spacing:-.01em}
.t4-cmp__i p{margin:0;font-size:13.4px;line-height:1.85;color:var(--muted)}
.t4-cmp__i--on{background:var(--gold-soft)}
.t4-cmp__i--on :is(h3,h4){color:var(--gold-dk)}
@media (max-width:700px){
  .t4-cmp{grid-template-columns:1fr}
  .t4-cmp__i+.t4-cmp__i{border-left:0;border-top:1px solid var(--line)}
}

/* 数字条：四项以内，横排，用于「几个必须记住的数字」 */
.t4-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px}
.t4-nums__i{padding:20px 22px 21px 0;position:relative}
.t4-nums__i+.t4-nums__i{padding-left:24px}
.t4-nums__i+.t4-nums__i::before{content:"";position:absolute;left:0;top:22px;bottom:22px;
  width:1px;background:var(--line-2)}
.t4-nums__i dt{display:flex;align-items:baseline;gap:3px;font-family:var(--serif);
  font-size:28px;font-weight:700;line-height:1;color:var(--navy);font-variant-numeric:tabular-nums}
.t4-nums__i dt i{font-style:normal;font-size:12.5px;font-weight:500;color:var(--gold-dk);letter-spacing:.04em}
.t4-nums__i dd{margin:9px 0 0;font-size:12.4px;line-height:1.7;color:var(--muted)}
@media (max-width:700px){
  .t4-nums__i{padding:16px 12px 17px 0}
  .t4-nums__i+.t4-nums__i{padding-left:14px}
  .t4-nums__i dt{font-size:23px}
}

/* 口径提示条：承接「不承诺结果 / 以现行法规为准」这类必要声明 */
.t4-caveat{display:flex;gap:10px;margin-top:26px;padding:15px 18px;border:1px solid var(--gold-line);
  border-left:3px solid var(--gold);border-radius:0 10px 10px 0;background:var(--gold-soft);
  font-size:12.5px;line-height:1.85;color:var(--muted)}
.t4-caveat svg{width:15px;height:15px;flex:0 0 auto;margin-top:3px;color:var(--gold-dk)}
.t4-caveat b{color:var(--navy)}

/* 首页 hero：与前三梯队同一套结构，仅文案不同 */
.hero__tags span{line-height:1.4}
/* 服务卡周期行在窄屏可能折行，留足行高 */
.card__period{line-height:1.6}

/* ---------- 顶部导航适配（本站一级栏目为 8 项，hegui 为 6 项） ----------
   LOGO 与 www.chengli.org.cn 完全一致，必须整块显示、不折行、不被挤压；
   空间不足时收窄导航内边距与字号，而不是压缩 LOGO。 */
.head__in>.brand{flex:0 0 auto;min-width:max-content}
.brand__txt strong,.brand__txt small{white-space:nowrap}
.head__in>.nav{min-width:0}
.nav__list>li>a{padding:11px clamp(8px,0.62vw,16px);
  font-size:clamp(13.5px,0.97vw,15px);letter-spacing:0}
@media (max-width:1199px){
  /* 1024–1199 区间放不下 8 项：隐去首项「首页」（LOGO 即首页入口） */
  .nav__list>li:first-child{display:none}
}
@media (min-width:1024px) and (max-width:1199px){
  .head__in{gap:16px}
}