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

/* --- 首屏（深色区，唯一一处） --- */
.pg-delivery .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-delivery .pg-hero>picture{position:absolute;inset:0;z-index:0;display:block}
.pg-delivery .pg-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.pg-delivery .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-delivery .pg-hero-inner{position:relative;z-index:2;width:100%;padding-block:5.6rem 5.4rem}
.pg-delivery .pg-hero .cp-kicker{color:#8fd6dd}
.pg-delivery .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-delivery .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-delivery .pg-hero-actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.8rem}
/* 首屏次要按钮：.btn-light 在 styles.css 中只定义于 .contact-actions 内，这里按同一套令牌页面级补齐 */
.pg-delivery .pg-btn-ghost{border:.13rem solid rgba(255,255,255,.44);background:rgba(255,255,255,.10);color:var(--hero-text)}
.pg-delivery .pg-btn-ghost:hover{background:rgba(255,255,255,.20);border-color:rgba(255,255,255,.68)}
.pg-delivery .pg-hero-note{margin:2.4rem 0 0;font-size:1.35rem;line-height:1.7;color:var(--text-light-2)}

/* --- 本页五段锚点 --- */
.pg-delivery .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-delivery .pg-anchor-nav a{font-size:1.35rem;color:var(--cyan-ink);text-decoration:none}
.pg-delivery .pg-anchor-nav a:hover{text-decoration:underline}

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

/* --- 阶段卡内的四栏（输入 / 动作 / 交付物 / 不承诺项） --- */
.pg-delivery .pg-rows{margin:0}
.pg-delivery .pg-rows dt{margin-top:1.6rem;font-family:var(--font-mono);font-size:1.15rem;letter-spacing:.1em;color:var(--cyan-ink)}
.pg-delivery .pg-rows dt:first-child{margin-top:0}
.pg-delivery .pg-rows dd{margin:.6rem 0 0;font-size:1.42rem;line-height:1.72;color:#2b3f52}

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