/* ================================================================
   cases.css — 经典案例页面专用样式
   通用样式见 common.css
   ================================================================ */

/* Banner 背景图及覆盖（本页 banner 含 flex 居中与不同遮罩） */
.page-banner{background-image:url('assets/about/cases-banner.jpg');display:flex;align-items:center;justify-content:center}
.page-banner::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,57,130,.45) 0%,rgba(26,57,130,.15) 40%,transparent 70%)}
.page-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.15) 100%)}

/* 主体内容 */
.cases-main{padding:72px var(--side-pad) 80px}

/* 区块标题（覆盖 common.css .section-title，本页为左对齐 flex 布局） */
.section-title{font-size:24px;font-weight:700;color:var(--c-primary);margin-bottom:36px;letter-spacing:3px;display:flex;align-items:center;gap:12px}
.section-title::before{content:'';width:4px;height:26px;background:var(--c-gold);border-radius:2px;flex-shrink:0}
.section-title .section-en{font-size:14px;color:var(--c-gray-300);font-weight:400;letter-spacing:2px;font-family:var(--font-en);text-transform:uppercase;margin-left:4px}
.section-title .section-desc{font-size:15px;color:var(--c-gray-500);font-weight:400;letter-spacing:1px;margin-left:auto}

/* 合作伙伴网格 */
.partners-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.partner-card{background:var(--c-white);border:1px solid var(--c-gray-100);border-radius:var(--radius-lg);padding:28px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;transition:all 0.4s var(--ease-out-expo);position:relative;overflow:hidden}
.partner-card::after{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--c-primary),var(--c-gold));transform:scaleX(0);transform-origin:left;transition:transform 0.5s var(--ease-out-expo)}
.partner-card:hover{border-color:var(--c-primary);box-shadow:var(--shadow-sm);transform:translateY(-3px)}
.partner-card:hover::after{transform:scaleX(1)}
.partner-card-logo{display:flex;align-items:center;justify-content:center;width:360px;max-width:100%;height:160px;background:var(--c-white);border-radius:var(--radius-md);padding:0;transition:all var(--transition)}
.partner-card-logo img{width:360px;max-width:100%;height:160px;object-fit:contain;transition:transform 0.4s var(--ease-out-expo)}
.partner-card:hover .partner-card-logo img{transform:scale(1.05)}
.partner-card-name{font-size:18px;font-weight:600;color:var(--c-dark);letter-spacing:2px;text-align:center;transition:color var(--transition)}
.partner-card:hover .partner-card-name{color:var(--c-primary)}
.partner-card-desc{font-size:14px;color:var(--c-gray-500);letter-spacing:1px;text-align:center;line-height:1.6}

/* 响应式 - 页面专用 */
@media(max-width:1200px){
  .partners-grid{grid-template-columns:repeat(3,1fr);gap:24px}
}
@media(max-width:1024px){
  .cases-main{padding:48px var(--side-pad)}
  .partners-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .section-title .section-desc{display:none}
}
@media(max-width:640px){
  .cases-main{padding:32px var(--side-pad)}
  .partners-grid{grid-template-columns:1fr;gap:20px}
  .partner-card{padding:20px 16px}
  .partner-card-logo{height:120px}
  .partner-card-logo img{height:120px}
  .partner-card-name{font-size:16px}
}