/* 案例分组模块：分组标题栏 + 案例卡网格。响应式含 3/4 列到单列的降级。 */
#npi-cases .case-group{max-width:var(--max-width);margin:0 auto var(--wk-space-3);padding:0 var(--wk-space-2xl)}
#npi-cases .case-group-head{display:flex;align-items:center;gap:var(--wk-space-lg);margin-bottom:var(--wk-space-2xl);padding-bottom:var(--wk-space-lg);border-bottom:1px solid var(--border);flex-wrap:wrap}
#npi-cases .cg-num{width:44px;height:44px;border-radius:var(--wk-radius-circle);background:var(--primary-light);color:var(--primary-text) !important;display:flex;align-items:center;justify-content:center;font-weight:700;font-size: var(--wk-text-h3);flex-shrink:0}
#npi-cases .case-group-head h2{font-size:var(--wk-text-h2);font-weight:700;letter-spacing:-.5px}
#npi-cases .case-group-head .cg-sub{color:var(--text-light) !important;font-size: var(--wk-text-md);margin-left:auto}

#npi-cases .case-grid{display:grid;gap:var(--wk-space-1)}
#npi-cases .case-grid--3{grid-template-columns:repeat(3,1fr)}
#npi-cases .case-grid--4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1020px){
  #npi-cases .case-grid--3{grid-template-columns:1fr 1fr}
  #npi-cases .case-grid--4{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  #npi-cases .case-grid--3,#npi-cases .case-grid--4{grid-template-columns:1fr}
}
#npi-cases .case-card{background:var(--wk-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:var(--wk-space-2xl) var(--wk-space-2xl) var(--wk-space-1);display:flex;flex-direction:column;gap:var(--wk-space-lg);transition:box-shadow .2s,transform .2s}
#npi-cases .case-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}
#npi-cases .case-title{font-size: var(--wk-text-lg);font-weight:700;line-height:1.4;display:flex;align-items:center;gap:var(--wk-space-md)}
#npi-cases .case-title .case-ico{font-size: var(--wk-text-h2);flex-shrink:0}
#npi-cases .case-state{font-size: var(--wk-text-sm);color:var(--text-secondary) !important;line-height: var(--wk-leading);padding-bottom:var(--wk-space-md);border-bottom:1px solid var(--border)}
#npi-cases .case-block h4{font-size: var(--wk-text-xs);color:var(--text-light) !important;font-weight:600;letter-spacing:.06em;margin-bottom:var(--wk-space-sm)}
#npi-cases .case-do{font-size: var(--wk-text-md);color:var(--text-secondary) !important;line-height: var(--wk-leading)}
#npi-cases .case-do strong{color:var(--dark) !important;font-weight:600}
#npi-cases .case-meta{display:flex;flex-wrap:wrap;gap:var(--wk-space-sm)}
#npi-cases .case-meta .tag{font-size: var(--wk-text-xs);padding:var(--wk-space-xs) var(--wk-space-md);background:var(--gray-bg);border:1px solid var(--border);border-radius:var(--wk-radius-pill);color:var(--text-secondary) !important}
#npi-cases .case-gate{margin-top:auto;padding-top:var(--wk-space-md);border-top:1px dashed var(--border);font-size: var(--wk-text-sm);color:var(--text-light) !important;display:flex;justify-content:space-between;align-items:center;gap:var(--wk-space-sm)}
#npi-cases .case-gate .path{color:var(--primary-text) !important;font-weight:600}
#npi-cases .case-cta{color:var(--primary-text) !important;font-weight:600;font-size: var(--wk-text-sm);white-space:nowrap}
#npi-cases .case-cta:hover{color:var(--primary-dark) !important}

/* 分组标题栏在窄屏的降级（原 page-cases.css 尾部 760px 媒体块拆分而来） */
@media (max-width:760px){
  #npi-cases .case-group-head .cg-sub{margin-left:0;width:100%}
}