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

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

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

/* --- 矩阵首列小图（8 行业，4:3 统一规格） --- */
.pg-industry .pg-thumb{display:block;width:20rem;aspect-ratio:4/3;margin-bottom:1.2rem;overflow:hidden;border-radius:var(--radius-tile);background:#eef3f7;border:.05rem solid var(--line)}
.pg-industry .pg-thumb picture{display:block;width:100%;height:100%}
.pg-industry .pg-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.pg-industry .pg-cell-note{display:block;margin-top:.6rem;font-weight:400;font-size:1.2rem;line-height:1.6;color:var(--ink-3)}

/* --- 按钮行 --- */
.pg-industry .pg-actions{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin-top:2.6rem}

/* --- 子页入口卡 --- */
.pg-industry .pg-entry-link{display:inline-block;margin-top:1.4rem;font-size:1.4rem;color:var(--cyan-ink);text-decoration:none}
.pg-industry .pg-entry-link:hover{text-decoration:underline}

/* --- 补齐组件层未收录的 cp-* 基础样式（仅本页作用域） --- */
.pg-industry .cp-check{display:grid;gap:1rem;margin:1.6rem 0 0;padding:0;list-style:none}
.pg-industry .cp-check li{position:relative;padding-left:2.6rem;font-size:1.45rem;line-height:1.72;color:#2b3f52}
.pg-industry .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-industry .cp-media{margin:0;overflow:hidden;border:.05rem solid var(--line);border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-card)}
.pg-industry .cp-media img{display:block;width:100%;height:auto}
.pg-industry .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-industry .pg-split{grid-template-columns:1fr;gap:3.2rem}
  .pg-industry .pg-hero{min-height:0}
}
@media (max-width:700px){
  .pg-industry .pg-thumb{width:15rem}
  .pg-industry .cp-note{padding:1.5rem 1.6rem}
}.pg-thumb img{cursor:zoom-in}
.pg-thumb img:focus-visible{outline:2px solid var(--cyan-ink);outline-offset:2px}