/* 由 cases.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}
}
/* 客户剪影为静态展示卡（无详情页链接），去掉全局 .case-card 的指针手势，避免误导用户以为可点击 */
#clients .case-card{cursor:default}
#clients .case-card:hover{transform:none;box-shadow:none}