.cases-page{background:var(--bg-light);min-height:100vh;}
.cases-page section{padding:70px 20px;}
.cases-page .section-title{
  text-align:center;font-size:28px;font-weight:700;color:var(--blue-800);
  margin-bottom:44px;letter-spacing:1px;
}
.cases-page .container{max-width:1300px;margin:0 auto;}

/* 产品网格：6列 */
.product-grid{
  display:grid;grid-template-columns:repeat(6,1fr);gap:18px;
}
.product-card{
  background:#fff;border-radius:10px;overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  transition:.25s;cursor:pointer;
}
.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.1);}
.product-card .card-img{
  width:100%;aspect-ratio:1/1;object-fit:cover;
  display:block;background:var(--bg-light);
}
.product-card .card-name{
  padding:10px 12px;font-size:13px;color:var(--text-dark);
  text-align:center;font-weight:500;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;min-height:38px;line-height:1.5;
}

/* 平台网格：5列 */
.platform-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:18px;
}
.platform-card{
  background:#fff;border-radius:10px;overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  transition:.25s;cursor:pointer;
}
.platform-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.1);}
.platform-card .card-img{
  width:100%;aspect-ratio:16/9;object-fit:cover;
  display:block;background:var(--bg-light);
}
.platform-card .card-name{
  padding:10px 12px;font-size:13px;color:var(--text-dark);
  text-align:center;font-weight:500;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;min-height:38px;line-height:1.5;
}

/* 空状态 */
.empty-tip{text-align:center;padding:40px;color:var(--text-gray);font-size:14px;}

/* 响应式 */
@media(max-width:1100px){
  .product-grid{grid-template-columns:repeat(4,1fr);}
  .platform-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:768px){
  .product-grid{grid-template-columns:repeat(3,1fr);}
  .platform-grid{grid-template-columns:repeat(2,1fr);}
  .cases-page section{padding:50px 20px;}
}
@media(max-width:480px){
  .product-grid{grid-template-columns:repeat(2,1fr);}
  .platform-grid{grid-template-columns:repeat(2,1fr);}
}