/* 供应网络页资源卡模块：四列图文卡网格。响应式 960→两列、520→单列。 */
.psn-page .cards{max-width:var(--psn-max-width);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--wk-space-1)}
.psn-page .card{background:var(--wk-surface);border:1px solid var(--psn-border);border-radius:var(--psn-radius);overflow:hidden;box-shadow:var(--psn-card-shadow);transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column}
.psn-page .card:hover{transform:translateY(-4px);box-shadow:var(--psn-card-shadow-hover);border-color:var(--psn-primary)}
.psn-page .card-img{aspect-ratio:1/.9;overflow:hidden;background:var(--psn-gray-bg)}
.psn-page .card-body{padding:var(--wk-space-1) var(--wk-space-1) var(--wk-space-2xl);display:flex;flex-direction:column;flex:1}
.psn-page .card-title{font-size: var(--wk-text-h3);font-weight:700;color:var(--psn-dark);margin-bottom:var(--wk-space-sm)}
.psn-page .card-metric{display:inline-block;background:var(--psn-primary-light);color:var(--psn-primary-text);padding:var(--wk-space-xs) var(--wk-space-md);border-radius:var(--wk-radius-6);font-size: var(--wk-text-xs);font-weight:600;margin-bottom:var(--wk-space-lg);width:fit-content}
.psn-page .card-desc{font-size: var(--wk-text-sm);color:var(--psn-text-secondary);line-height: var(--wk-leading);flex:1}

@media (max-width:960px){
  .psn-page .cards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){
  .psn-page .cards{grid-template-columns:1fr}
}