/* engineering.html 页面级样式（组件一律复用 styles.css 的 cp-* 全站组件层，此处不重定义） */
.eng-hero{position:relative;overflow:hidden;padding:calc(var(--envbar-h) + var(--header-h) + 6rem) 0 8rem;background:#04121d;color:var(--hero-text)}
.eng-hero picture{position:absolute;inset:0;z-index:0;display:block}
.eng-hero img{width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.62}
.eng-hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(2,18,30,.90) 20%,rgba(3,30,46,.58) 58%,rgba(4,38,56,.26))}
.eng-hero .container{position:relative;z-index:2}
.eng-eyebrow{font-family:var(--font-mono);font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:#8fd6dd}
.eng-hero h1{font-size:clamp(34px,4.6vw,58px);font-weight:500;line-height:1.18;margin:1.2rem 0 1.6rem}
.eng-lead{max-width:80rem;font-size:1.7rem;line-height:1.78;color:var(--text-light-2)}
.eng-actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.8rem}
.eng-ghost{color:#fff;border-color:rgba(255,255,255,.28)}
.eng-ghost:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.06)}
.eng-tags{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.8rem;font-family:var(--font-mono);font-size:1.15rem;letter-spacing:.08em;color:rgba(226,228,235,.82)}
.eng-tags span{border:.05rem solid rgba(143,214,221,.3);border-radius:var(--radius-pill);padding:.5rem 1.2rem}
.eng-split{display:grid;grid-template-columns:1.02fr .98fr;gap:4rem;align-items:center}
.eng-split.rev{grid-template-columns:.98fr 1.02fr}
.eng-figure{margin:0}
.eng-figure img{display:block;width:100%;height:auto;border-radius:var(--radius-card);border:.05rem solid var(--line);box-shadow:var(--shadow-card)}
.eng-figure figcaption{margin-top:1.2rem;font-family:var(--font-mono);font-size:1.15rem;letter-spacing:.08em;color:var(--ink-3)}
.eng-list{list-style:none;padding:0;margin:2rem 0 0}
.eng-list li{position:relative;padding-left:2.6rem;margin-bottom:1.3rem;font-size:1.5rem;line-height:1.78;color:#505050}
.eng-list li:before{content:"";position:absolute;left:.2rem;top:.95rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--cyan)}
.eng-list li b{color:var(--ink);font-weight:600}
.eng-note{margin-top:2.4rem;padding:1.6rem 2rem;border-left:.3rem solid var(--cyan-dim);background:#f2f8fb;font-size:1.4rem;line-height:1.75;color:#505050}
.eng-problems{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-top:2.4rem}
.eng-problem{border:.05rem solid var(--line);border-radius:var(--radius-tile);background:#fff;padding:2rem 2.2rem}
.eng-problem h3{font-size:1.55rem;color:var(--ink);margin-bottom:.9rem}
.eng-problem p{font-size:1.38rem;line-height:1.72;color:#505050}
.eng-problem .cp-tag{margin-top:1.2rem;display:inline-flex}
.eng-cta{border:.05rem solid var(--line);border-radius:var(--radius-card);background:#f6fafd;padding:4rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2.4rem}
.eng-cta h2{font-size:clamp(22px,2.4vw,30px);color:var(--ink);margin-bottom:.8rem}
.eng-cta p{font-size:1.5rem;line-height:1.75;color:#505050;max-width:66rem}
.eng-rel{display:flex;flex-wrap:wrap;gap:1.4rem 2.4rem;margin-top:2.4rem}
.eng-rel a{font-size:1.45rem;color:var(--cyan-ink);text-decoration:none;border-bottom:.05rem solid rgba(14,147,163,.35);padding-bottom:.2rem}
.eng-rel a:hover{border-bottom-color:var(--cyan)}
.eng-table-note{font-size:1.3rem;color:var(--ink-3);margin-top:1.2rem}
@media (max-width:900px){
  .eng-split,.eng-split.rev{grid-template-columns:1fr;gap:2.8rem}
  .eng-problems{grid-template-columns:1fr}
  .eng-cta{padding:2.8rem}
}
