/* ---------- 站点附加组件（三站共用，配色随主题变量） ---------- */
/* 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}
@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}
}
/* 页脚底部：备案号行与版权行同排 */
.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)}

/* ---------- 关于我们 ---------- */
/* 双栏时深色面板与左栏正文顶对齐，避免面板下沉 36px 造成读线错位 */
.abt-intro>.abt-panel{margin-top:0}
.abt-head__aside{margin:0}
/* 编号清单：抬头与正文同列（CSS 里 h4/p 是 block，需包一层容器占住第二列） */
.aplist__item>div{min-width:0}
/* 五段流程：纵向轨道（比胶囊换行更整齐，也与左栏正文形成节奏） */
.ax-flow{list-style:none;margin:30px 0 20px;padding:0;border-top:1px solid var(--line)}
.ax-flow li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:15px;
  padding:15px 0 16px;border-bottom:1px solid var(--line-2);align-items:start}
.ax-flow em{font-style:normal;font-family:var(--serif);font-size:11.5px;font-weight:700;
  letter-spacing:.1em;color:var(--gold-dk);font-variant-numeric:tabular-nums;padding-top:2px}
.ax-flow b{display:block;font-size:14px;font-weight:700;color:var(--navy);margin-bottom:5px;letter-spacing:-.005em}
.ax-flow p{font-size:12.8px;color:var(--muted);line-height:1.8;margin:0}
.ax-flow li:last-child{border-bottom:0}
/* 深色面板底部注脚：补足右栏高度，同时把责任边界写在卡片里 */
.abt-panel__foot{position:relative;z-index:1;margin:18px 0 0;padding-top:15px;
  border-top:1px solid rgba(255,255,255,.12);font-size:11.6px;line-height:1.8;
  color:rgba(255,255,255,.52);letter-spacing:.01em}
/* 联系区二维码卡 */
.ax-qr{display:flex;align-items:center;gap:16px;margin-top:26px;padding:15px 16px;
  border:1px solid var(--line);border-radius:14px;background:#fff;max-width:392px;box-shadow:var(--shadow-xs)}
.ax-qr img{width:96px;height:96px;border-radius:8px;flex:0 0 auto;display:block}
.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}
.ax-qr span{display:block;font-size:12.2px;color:var(--muted-2);line-height:1.75}
@media (max-width:520px){
  .ax-qr{max-width:none;gap:14px;padding:13px 14px}
  .ax-qr img{width:76px;height:76px}
}

/* 资料表（材料清单 / 参数对比） */
.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：给模型一个可整段摘走的「词—定义」结构） ---------- */
.deflist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin:26px 0 0}
.deflist__i{padding:18px 0 18px 18px;border-top:1px solid var(--line-2);border-left:2px solid var(--gold);
  background:linear-gradient(90deg,rgba(0,0,0,.012),transparent 60%)}
.deflist dt{font-family:var(--serif);font-size:16px;font-weight:700;color:var(--navy);letter-spacing:.01em;
  margin-bottom:7px;line-height:1.45}
.deflist dd{margin:0;font-size:14.5px;line-height:1.82;color:var(--muted)}
@media (max-width:1000px){.deflist{grid-template-columns:1fr;gap:0}}
@media (max-width:700px){
  .deflist{margin-top:20px}
  .deflist__i{padding:15px 0 15px 14px}
  .deflist dt{font-size:15px}
  .deflist dd{font-size:13.5px;line-height:1.78}
}

/* jicha：墨绿黑 + 古铜，偏“审慎与程序”的克制调 */
:root{--gold-soft-line:#E4D6B8}
.st--ok{background:#FAF6EC;border-color:#E4D6B8}
.phase{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.phase__i{padding:20px 18px 18px;background:linear-gradient(#fff,#FCFDFB);border:1px solid var(--line);
  border-radius:13px;box-shadow:var(--shadow-xs)}
.phase__i>b{display:block;font-family:var(--serif);font-size:11px;letter-spacing:.16em;color:var(--gold-dk);margin-bottom:8px}
.phase__i h4{margin:0 0 7px;font-size:15px;color:var(--navy)}
.phase__i p{margin:0;font-size:12.8px;line-height:1.8;color:var(--muted)}
@media (max-width:960px){.phase{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.phase{grid-template-columns:1fr}}