.cases-page .cases-main{color:#FFFFFF;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;letter-spacing:0}
.cases-main *{box-sizing:border-box;letter-spacing:0!important}
.cases-main .cases-wrap{width:round(nearest,min(1280px,calc(100% - 2 * var(--page-gutter,80px))),2px);margin-inline:auto}
.cases-main :is(h1,h2,h3,p,dl,dd,figure){margin:0}

/* 案例之间只用留白分隔 */
.cases-main .cases-list{display:flex;flex-direction:column;padding-bottom:120px}
.case-study{display:flex;flex-direction:column;gap:32px;min-width:0;padding:72px 0;scroll-margin-top:96px}
.case-study:first-child{padding-top:0}

/* 标题行：标题左、行业标签右端同基线，不另起一行 */
.case-study-heading{display:flex;flex-direction:column;align-items:flex-start}
.case-heading-copy{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.cases-main .case-study-heading h2{color:#FFFFFF;font-size:36px;font-weight:500;line-height:46px;overflow-wrap:anywhere}
.cases-main .case-study-heading p{max-width:860px;color:rgba(255,255,255,.62);font-size:16px;font-weight:400;line-height:26px;overflow-wrap:anywhere}
.case-study-industry{position:absolute;left:16px;top:16px;z-index:1;display:inline-flex;align-items:center;min-height:32px;padding:4px 14px;border-radius:100px;background:rgba(8,10,14,.52);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);color:rgba(255,255,255,.92);font-size:14px;font-weight:400;line-height:24px;white-space:nowrap;cursor:default}

/* 通栏主图 */
.case-study-summary{display:flex;flex-direction:column;gap:32px;min-width:0}
.case-study-media{position:relative;width:100%;aspect-ratio:6/1;max-height:213px;overflow:hidden;border-radius:24px;background:rgba(255,255,255,.04)}
.case-study-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%}

/* 数据横向铺满：2 组各半、3 组各三分之一，永远填满一行 */
.case-evidence{min-width:0}
.case-statistics{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:32px}
.case-statistics>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.case-statistics dd{order:1;color:#FFFFFF;font-size:32px;font-weight:500;line-height:38px;letter-spacing:-.5px;white-space:nowrap}
.case-statistics dt{order:2;color:rgba(255,255,255,.52);font-size:14px;font-weight:400;line-height:22px;overflow-wrap:anywhere}

.cases-main .case-study-kind{color:rgba(255,255,255,.52);font-size:14px;font-weight:400;line-height:24px}
.cases-main .case-value-statement{max-width:480px;color:#FFFFFF;font-size:26px;font-weight:500;line-height:36px;overflow-wrap:anywhere}

/* 过程说明：单列纵向，不做左右分栏，避免一侧留空 */
.case-study-context{display:flex;flex-direction:column;gap:32px;min-width:0;max-width:880px}
.case-study-context>section{min-width:0}
.cases-main .case-study-context h3{margin-bottom:10px;color:#FFFFFF;font-size:16px;font-weight:500;line-height:26px}
.cases-main .case-study-context p,.case-approach li{color:rgba(255,255,255,.56);font-size:15px;font-weight:400;line-height:26px;overflow-wrap:anywhere}
.case-approach ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.case-approach li{position:relative;padding-left:16px}
.case-approach li::before{content:"";position:absolute;left:0;top:11px;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.28)}

@media(width<1200px){
  .cases-main .case-study-heading h2{font-size:30px;line-height:40px}
  .case-statistics dd{font-size:28px;line-height:34px}
  .case-study{padding:56px 0;gap:28px}
  .cases-main .cases-list{padding-bottom:88px}
}
@media(width<1024px){
  .case-statistics{gap:24px}
  .case-statistics dd{font-size:26px;line-height:32px}
}
@media(width<768px){
  .cases-main .cases-wrap{width:calc(100% - 40px);max-width:640px}
  .cases-main .cases-list{padding-bottom:64px}
  .case-study{padding:48px 0;gap:24px}
  .cases-main .case-study-heading h2{font-size:26px;line-height:36px}
  .cases-main .case-study-heading p{font-size:14px;line-height:24px}
  .case-study-media{aspect-ratio:16/10;border-radius:20px}
  .case-statistics{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
  .case-statistics dd{font-size:24px;line-height:30px;white-space:normal}
  .cases-main .case-study-context p,.case-approach li,.case-statistics dt{font-size:14px;line-height:24px}
  .case-study-context{gap:24px}
  .case-value-statement{font-size:22px;line-height:32px}
}
@media(prefers-reduced-motion:reduce){.case-study-media img{transition:none;transform:none!important}}