/* 关于页工程基础模块：负责能力卡片的网格和信息排版。 */
#npi-about .bases-section{background:var(--wk-surface);padding:var(--wk-space-4) var(--wk-space-2xl)}
#npi-about .bases-wrap{max-width:var(--wk-content-max);margin:0 auto}
#npi-about .bases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--wk-space-2xl);max-width:var(--wk-content-max);margin:var(--wk-space-sm) auto 0}
#npi-about .base-card{background:var(--wk-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
#npi-about .base-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover);border-color:var(--primary)}
#npi-about .base-head{padding:var(--wk-space-2xl) var(--wk-space-3xl) var(--wk-space-lg);border-bottom:1px solid var(--border)}
#npi-about .base-tag{display:inline-block;background:var(--primary-light);color:var(--primary-text) !important;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-md)}
#npi-about .base-name{font-size:var(--wk-text-h2);font-weight:700;color:var(--dark) !important;margin-bottom:var(--wk-space-xs)}
#npi-about .base-role{font-size:var(--wk-text-sm);color:var(--primary-text) !important;font-weight:600}
#npi-about .base-body{padding:var(--wk-space-1) var(--wk-space-3xl) var(--wk-space-2xl)}
#npi-about .base-body dl{display:grid;grid-template-columns:auto 1fr;gap:var(--wk-space-md) var(--wk-space-lg);font-size:var(--wk-text-md)}
#npi-about .base-body dt{color:var(--text-light) !important;font-weight:500;white-space:nowrap}
#npi-about .base-body dd{color:var(--dark) !important}
#npi-about .base-body dd b{color:var(--primary-text) !important;font-weight:700}
#npi-about .base-body dd a{color:var(--primary-text) !important;font-weight:600}

@media (max-width:960px){
  #npi-about .bases-grid{grid-template-columns:1fr}
}