/* 供应网络页 Hero + 三支柱模块：首屏标题引导 + 三根能力支柱卡。响应式在 960/520 降级。 */
.psn-page .hero{background:linear-gradient(180deg,var(--wk-surface) 0%,var(--psn-gray-bg) 100%);padding:var(--wk-space-4) var(--wk-space-2xl) var(--wk-space-3)}
.psn-page .hero-inner{max-width:920px;margin:0 auto;text-align:center}
.psn-page .eyebrow{display:inline-block;background:var(--psn-primary-light);color:var(--psn-primary-text);padding:var(--wk-space-sm) var(--wk-space-lg);border-radius:var(--wk-radius-pill);font-size: var(--wk-text-sm);font-weight:600;margin-bottom:var(--wk-space-1);letter-spacing:.5px}
.psn-page .hero h1{font-size: var(--wk-text-h1);line-height:1.25;font-weight:700;color:var(--psn-dark);margin-bottom:var(--wk-space-2xl);letter-spacing:-1px}
.psn-page .hero h1 .accent{color:var(--psn-primary-text)}
.psn-page .hero p.lead{font-size: var(--wk-text-lg);color:var(--psn-text-secondary);max-width:760px;margin:0 auto var(--wk-space-lg)}
.psn-page .hero p.sub{font-size: var(--wk-text-body);color:var(--psn-text-light);max-width:760px;margin:0 auto}

.psn-page .hero-pillars{max-width:var(--psn-max-width);margin:var(--wk-space-4xl) auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--wk-space-1);text-align:left}
.psn-page .pillar{background:var(--wk-surface);border:1px solid var(--psn-border);border-radius:var(--psn-radius);box-shadow:var(--psn-card-shadow);padding:var(--wk-space-2xl) var(--wk-space-2xl) var(--wk-space-3xl);transition:transform .25s,box-shadow .25s,border-color .25s}
.psn-page .pillar:hover{transform:translateY(-4px);box-shadow:var(--psn-card-shadow-hover);border-color:var(--psn-primary)}
.psn-page .pillar h3{font-size: var(--wk-text-h3);font-weight:700;color:var(--psn-dark);margin-bottom:var(--wk-space-md);letter-spacing:-.2px}
.psn-page .pillar p{font-size: var(--wk-text-sm);color:var(--psn-text-secondary);line-height: var(--wk-leading)}

@media (max-width:960px){
  .psn-page .hero h1{font-size: var(--wk-text-h1)}
  .psn-page .hero-pillars{grid-template-columns:1fr;max-width:640px}
  .psn-page .hero-pillars .pillar + .pillar{margin-top:var(--wk-space-xs)}
}
@media (max-width:520px){
  .psn-page .hero{padding:var(--wk-space-3) var(--wk-space-2xl) var(--wk-space-2)}
}