/* ============================================================
   industry-manufacturing-quality.html · 制造与质检场景深化（页面作用域 .pg-mfg）
   约定：版式只写在本文件；内容组件一律沿用 styles.css 尾部
   「全站组件层」的 cp-* 类（不改写全局定义）。其中
   .cp-check / .cp-media / .cp-note 未随组件层收录，这里按同一套
   设计令牌补齐基础样式，并严格限定在 .pg-mfg 作用域内。
   深色区规则：全页仅首屏一处深色，照片可见、底部渐变蒙版，
   不使用纯黑铺底、不使用青色泛光。
   ============================================================ */

/* --- 首屏（深色区，唯一一处） --- */
.pg-mfg .pg-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;padding-top:calc(var(--envbar-h) + var(--header-h));min-height:min(62vh,54rem);overflow:hidden;background:#042638}
.pg-mfg .pg-hero>picture{position:absolute;inset:0;z-index:0;display:block}
.pg-mfg .pg-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 46%}
.pg-mfg .pg-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(178deg,rgba(4,38,56,.32) 4%,rgba(4,38,56,.74) 56%,rgba(3,18,28,.94) 100%)}
.pg-mfg .pg-hero-inner{position:relative;z-index:2;width:100%;padding-block:5.6rem 5.4rem}
.pg-mfg .pg-hero .cp-kicker{color:#8fd6dd}
.pg-mfg .pg-hero h1{margin:0;max-width:56rem;font-size:clamp(30px,4.2vw,50px);font-weight:600;line-height:1.15;letter-spacing:-.01em;color:var(--hero-text)}
.pg-mfg .pg-hero-lead{margin:1.6rem 0 0;max-width:62rem;font-size:1.7rem;line-height:1.75;color:var(--text-light-2)}
.pg-mfg .pg-hero-actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.8rem}
/* 首屏次要按钮：.btn-light 在 styles.css 中只定义于 .contact-actions 内，这里按同一套令牌页面级补齐 */
.pg-mfg .pg-btn-ghost{border:.13rem solid rgba(255,255,255,.44);background:rgba(255,255,255,.10);color:var(--hero-text)}
.pg-mfg .pg-btn-ghost:hover{background:rgba(255,255,255,.20);border-color:rgba(255,255,255,.68)}
.pg-mfg .pg-hero-note{margin:2.4rem 0 0;font-size:1.35rem;line-height:1.7;color:var(--text-light-2)}
.pg-mfg .pg-hero-note .cp-tag{margin-right:.6rem;color:#d7e8ee;background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22)}

/* --- 本页五段锚点 --- */
.pg-mfg .pg-anchor-nav{display:flex;flex-wrap:wrap;gap:.8rem 2.4rem;margin-bottom:3.2rem;padding:0 0 1.8rem;border-bottom:.05rem solid var(--line)}
.pg-mfg .pg-anchor-nav a{font-size:1.35rem;color:var(--cyan-ink);text-decoration:none}
.pg-mfg .pg-anchor-nav a:hover{text-decoration:underline}

/* --- 两栏：正文 + 配图 --- */
.pg-mfg .pg-split{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:4.8rem;align-items:center}
.pg-mfg .pg-split+.pg-split{margin-top:5.2rem}
.pg-mfg .pg-figure-note{margin:1.4rem 0 0;font-size:1.25rem;line-height:1.65;color:var(--ink-3)}
.pg-mfg .pg-actions{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin-top:2.6rem}

/* --- 补齐组件层未收录的 cp-* 基础样式（仅本页作用域） --- */
.pg-mfg .cp-check{display:grid;gap:1rem;margin:1.6rem 0 0;padding:0;list-style:none}
.pg-mfg .cp-check li{position:relative;padding-left:2.6rem;font-size:1.45rem;line-height:1.72;color:#2b3f52}
.pg-mfg .cp-check li::before{content:"";position:absolute;left:.3rem;top:.52rem;width:1.05rem;height:.55rem;border-left:.2rem solid var(--cyan-ink);border-bottom:.2rem solid var(--cyan-ink);transform:rotate(-45deg)}
.pg-mfg .cp-media{margin:0;overflow:hidden;border:.05rem solid var(--line);border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-card)}
.pg-mfg .cp-media img{display:block;width:100%;height:auto}
.pg-mfg .cp-note{margin-top:2.6rem;padding:1.8rem 2.2rem;border-left:.3rem solid var(--cyan);border-radius:.6rem;background:#f6fafd;font-size:1.42rem;line-height:1.8;color:#2b4257}

@media (max-width:980px){
  .pg-mfg .pg-split{grid-template-columns:1fr;gap:3.2rem}
  .pg-mfg .pg-hero{min-height:0}
}
@media (max-width:700px){
  .pg-mfg .cp-note{padding:1.5rem 1.6rem}
}