/* ---------- 站点附加组件（三站共用，配色随主题变量） ---------- */
/* 注意：绝对不要在 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}
/* 卡片内 note 紧跟前置段落：取消 pages.css 里 -14px 负边距，
   否则描述折两行时 note 会与第二行重叠 14px（移动端必现） */
.sbox .tbl-note{margin-top:10px}
.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}

/* 状态徽标 */
.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}
}

/* zhuxiao：铜金调性补充 */
:root{--gold-soft-line:#EFDFC9}
.sec--navy .eyebrow::before,.statement__orn{background:var(--gold)}
.st--ok{background:#FBF4EA;border-color:#EFDFC9}
.badge-road{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;letter-spacing:.06em;
  padding:3px 10px;border-radius:100px;background:var(--gold-soft);color:var(--gold-dk);border:1px solid var(--gold-line)}