/* 由 case-detail.html 内联 <style> 抽取（P2 改造） */
.page-hero{height:380px !important}
@media (max-width:992px){.page-hero{height:340px !important}}
@media (max-width:640px){.page-hero{height:300px !important}}
/* 本页卡片网格强制响应式（手机/平板/电脑自适应） */
.grid.grid-2,.grid.grid-3,.grid.grid-4{display:grid;gap:20px;align-items:stretch}
.grid.grid-2{grid-template-columns:repeat(2,1fr)}
.grid.grid-3{grid-template-columns:repeat(3,1fr)}
.grid.grid-4{grid-template-columns:repeat(4,1fr)}
.grid.grid-2 .card,.grid.grid-3 .card,.grid.grid-4 .card{height:100%;display:flex;flex-direction:column}
.grid.grid-2 .card h3,.grid.grid-3 .card h3,.grid.grid-4 .card h3{font-size:16px}
.grid.grid-2 .card h4,.grid.grid-3 .card h4,.grid.grid-4 .card h4{font-size:15px}
.grid.grid-2 .card p,.grid.grid-3 .card p,.grid.grid-4 .card p{flex:1;font-size:13.5px;line-height:1.75}
.grid.grid-3 .case-img,.grid.grid-4 .case-img{aspect-ratio:16/10;overflow:hidden}
.grid.grid-3 .case-img img,.grid.grid-4 .case-img img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){
  .grid.grid-2,.grid.grid-3,.grid.grid-4{grid-template-columns:repeat(2,1fr);gap:16px}
}
@media (max-width:600px){
  .grid.grid-2,.grid.grid-3,.grid.grid-4{grid-template-columns:1fr;gap:14px}
  .grid.grid-2 .card h3,.grid.grid-3 .card h3,.grid.grid-4 .card h3{font-size:15px;margin:12px 16px 6px}
  .grid.grid-2 .card h4,.grid.grid-3 .card h4,.grid.grid-4 .card h4{font-size:14px;margin:12px 16px 6px}
  .grid.grid-2 .card p,.grid.grid-3 .card p,.grid.grid-4 .card p{margin:0 16px 16px;font-size:13px}
}
.data-table{min-width:560px}
/* 内容区紧凑化 */
.section{padding:32px 0}
.section.alt{padding:32px 0}
.section-head{display:none}
.sv-main > section:first-of-type{padding-top:0}
.sd-title h3{font-size:20px}
.sd-title{margin-bottom:20px}
/* 栏目标题 */
.case-cat-head{display:flex;align-items:center;gap:14px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--c-blue-100-11)}
.case-cat-bar{width:4px;height:38px;background:var(--blue-mid);border-radius:2px;flex-shrink:0}
.case-cat-info h2{font-size:24px;font-weight:700;color:var(--ink-deep);margin:0;line-height:1.2}
.case-cat-info p{font-size:12px;color:var(--c-blue-400-3);margin:4px 0 0;letter-spacing:1.5px}
@media(max-width:600px){
  .case-cat-head{margin-bottom:20px;padding-bottom:14px}
  .case-cat-bar{height:32px}
  .case-cat-info h2{font-size:20px}
}
