/* anli.html · 成功案例专属样式 */

/* 题头居中+大图带 */
.al-hero{padding:calc(var(--header-h) + 48px) 0 0;background:var(--white)}
.al-hero .container{max-width:760px;text-align:center}
.al-hero .breadcrumb{justify-content:center}
.al-hero h1{margin:16px 0 14px}
.al-lead{color:var(--gray-600);font-size:15.5px}
.al-hero-band{margin-top:40px}.al-hero-band img {width:100%;height:auto;aspect-ratio:2508/1672;object-fit:cover}

/* 案例 */
.al-case{padding:56px 0;background:var(--white)}
.al-case-alt{background:var(--gray-50)}
.al-case-tag{
  display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;
  color:var(--blue-700);background:var(--blue-50);padding:5px 14px;border-radius:999px;margin-bottom:14px;
}
.al-case-head h2{margin-bottom:18px}
.al-case-body>p{color:var(--gray-600);max-width:760px;margin-bottom:26px}
.al-path{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.al-path li{
  background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-m);
  padding:18px 16px;position:relative;box-shadow:var(--shadow-s);
}
.al-path span{
  display:block;font-weight:700;color:var(--blue-700);margin-bottom:8px;font-size:15px;
}
.al-path p{font-size:13px;color:var(--gray-600);line-height:1.6}
.al-case-note{margin-top:16px;color:var(--gray-600);font-size:14px;background:var(--gray-50);padding:14px 18px;border-radius:var(--radius-m)}

/* 案例小结 */
.al-value{padding:64px 0;background:var(--blue-50)}
.al-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.al-value-card{background:var(--white);border-radius:var(--radius-l);padding:28px 26px;box-shadow:var(--shadow-s)}
.al-value-card h3{color:var(--blue-800);margin-bottom:8px}
.al-value-card p{color:var(--gray-600);font-size:14px}

/* CTA */
.al-cta{background:var(--gray-900);padding:56px 0;color:#fff}
.al-cta-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
.al-cta h2{color:#fff;margin-bottom:8px}
.al-cta p{color:var(--gray-300)}
.al-note{padding:64px 0;background:var(--white)}
.al-note .sec-body{display:grid;gap:14px;max-width:820px}
.al-note .sec-body p{color:var(--gray-600);font-size:14.5px;line-height:1.8}

/* 时间线 */
.al-line{padding:64px 0;background:var(--gray-50)}
.al-line-track{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.al-line-track li{background:var(--white);border-radius:var(--radius-m);padding:22px 18px;box-shadow:var(--shadow-s)}
.al-line-track span{display:inline-block;font-weight:700;color:var(--blue-700);margin-bottom:8px;font-size:15px}
.al-line-track p{color:var(--gray-600);font-size:13.5px;line-height:1.6}

/* 常见顾虑 */
.al-worry{padding:64px 0;background:var(--white)}
.al-worry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.al-worry-card{background:var(--gray-50);border-radius:var(--radius-l);padding:28px 26px;border-top:3px solid var(--blue-500)}
.al-worry-card h3{margin-bottom:10px;color:var(--blue-800)}
.al-worry-card p{color:var(--gray-600);font-size:14px;line-height:1.7}
.sec-worry-note{max-width:820px;margin:24px auto 0;color:var(--gray-600);font-size:14.5px;line-height:1.8;text-align:center}

@media (max-width:920px){
  .al-path{grid-template-columns:1fr 1fr}
  .al-value-grid{grid-template-columns:1fr}
}