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