/* 案例展示页样式 */
.page-banner{height:280px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white)}
.banner-title{font-size:var(--text-4xl);font-weight:900;letter-spacing:-0.02em;margin-bottom:var(--space-2)}
.banner-subtitle{font-size:var(--text-lg);opacity:0.8;max-width:60ch;margin:0 auto var(--space-6)}
@media(max-width:576px){.banner-title{font-size:var(--text-2xl)}}
.case-section{padding:var(--space-10) 0}
.section-title{text-align:center;margin-bottom:var(--space-6)}
.section-title h2{font-size:var(--text-3xl);font-weight:800;color:var(--gray-900);letter-spacing:-0.02em}
.section-title p{font-size:var(--text-base);color:var(--gray-500);margin-top:var(--space-2)}
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5);max-width:960px;margin:0 auto}
.case-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-100);transition:all var(--duration-normal);display:flex;flex-direction:column}
.case-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.case-card-image{width:100%;aspect-ratio:16/10;overflow:hidden}
.case-card-image img{width:100%;height:100%;object-fit:cover}
.case-tag{display:inline-block;font-size:var(--text-xs);font-weight:700;padding:3px 10px;border-radius:48px;margin-bottom:var(--space-2)}
.tag-primary{background:var(--accent);color:var(--white)}
.tag-accent{background:var(--primary);color:var(--white)}
.case-card-body{padding:var(--space-4) var(--space-5);flex:1;display:flex;flex-direction:column}
.case-card-title{font-size:var(--text-lg);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}
.case-card-desc{font-size:var(--text-sm);color:var(--gray-600);line-height:1.7;flex:1;margin-bottom:var(--space-3)}
.case-card-meta{display:flex;gap:var(--space-4);margin-bottom:var(--space-3)}
.meta-item{font-size:var(--text-xs);color:var(--gray-400)}
.meta-item strong{color:var(--gray-600)}
.case-card-link{font-size:var(--text-sm);font-weight:600;color:var(--primary);margin-top:auto}
.case-section-footer{text-align:center;margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--gray-100)}
@media(max-width:768px){.case-grid{grid-template-columns:1fr}}
.cta-banner{background:var(--primary-dark);padding:var(--space-12) 0;text-align:center;color:var(--white)}
.cta-title{font-size:var(--text-3xl);font-weight:800;letter-spacing:-0.02em;margin-bottom:var(--space-3)}
.cta-desc{font-size:var(--text-lg);opacity:0.85;margin-bottom:var(--space-5)}
.cta-actions{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}