/* ---------- 站点附加组件（三站共用，配色随主题变量） ---------- */
/* 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}

/* 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}
}

/* yichang：石板蓝 + 琥珀，偏“恢复与重启”的暖调 */
:root{--gold-soft-line:#EBD9C4}
.st--ok{background:#FBF4EC;border-color:#EBD9C4}
.seq{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:26px;border-top:1px solid var(--line)}
.seq__i{padding:20px 18px 22px;border-bottom:1px solid var(--line-2);border-right:1px solid var(--line-2)}
.seq__i:nth-child(4n){border-right:0}
.seq__n{font-family:var(--serif);font-size:11.5px;font-weight:700;letter-spacing:.14em;color:var(--gold-dk);display:block;margin-bottom:8px}
.seq__i b{display:block;font-size:14.5px;color:var(--navy);margin-bottom:6px}
.seq__i p{margin:0;font-size:12.8px;line-height:1.8;color:var(--muted)}
@media (max-width:900px){.seq{grid-template-columns:repeat(2,1fr)}.seq__i:nth-child(4n){border-right:1px solid var(--line-2)}.seq__i:nth-child(2n){border-right:0}}
@media (max-width:560px){.seq{grid-template-columns:1fr}.seq__i{border-right:0!important}}