/* cases.html - 页面专用样式 */

.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.case-card{border-radius:var(--r);overflow:hidden;border:1px solid var(--c-border);transition:all .4s var(--t);background:#fff}
.case-card:hover{box-shadow:var(--shx);transform:translateY(-5px);border-color:transparent}
.case-img{aspect-ratio:16/10;background:var(--c-bg);overflow:hidden;position:relative}
.case-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 50%);opacity:0;transition:opacity .3s}
.case-card:hover .case-img::after{opacity:1}
.case-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--t)}
.case-card:hover .case-img img{transform:scale(1.08)}
.case-info{padding:20px}
.case-info h3{font-size:1rem;font-weight:700;color:var(--c-heading);margin-bottom:6px}
.case-info p{font-size:.82rem;color:var(--c-muted);margin-bottom:10px}
.case-tag{display:inline-block;padding:3px 10px;background:var(--c-primary-pale);color:var(--c-primary);border-radius:var(--rf);font-size:.72rem;font-weight:600}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:48px}
.stat-card{background:var(--c-bg);border-radius:var(--r);padding:28px;text-align:center;border:1px solid var(--c-border)}
.stat-card .num{font-size:2.4rem;font-weight:800;color:var(--c-primary);display:block}
.stat-card .lbl{font-size:.85rem;color:var(--c-muted);margin-top:4px}
@media(max-width:1024px){.case-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.case-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}}