/* ============================================================
   anli.html 案例集锦首页专属样式 · 烘焙复古风
   版式签名：十三行业瓦片错叠 + 双焦点大卡对撞
   ============================================================ */
.f-mail{font-size:15px}
.eyebrow-t{display:inline-block;font-size:13px;letter-spacing:.3em;color:var(--gold-deep);margin-bottom:14px}
.cta-btns{margin-top:26px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.check-list--light li{color:rgba(251,244,232,.85)}
.check-list--light b{color:var(--gold-bright)}

/* Hero H3 */
.hb3{position:relative;min-height:480px;display:flex;align-items:flex-end;overflow:hidden}
.hb3 .banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hb3::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(46,26,12,.9) 0%,rgba(59,35,19,.6) 45%,rgba(74,44,23,.12) 100%)}
.hb3-in{position:relative;z-index:2;padding:150px 0 70px;max-width:640px}
.hb3-in .crumb a{color:var(--gold-bright)}
.hb3-in .crumb span{color:rgba(251,244,232,.75)}
.hb3-in h1{color:var(--cream);font-size:clamp(30px,4.6vw,50px);line-height:1.28;margin:14px 0 16px}
.hb3-sub{color:rgba(251,244,232,.82);font-size:16px;margin-bottom:26px}
.hb3-stamp{position:absolute;right:7%;top:150px;z-index:2}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.hero-tel{display:inline-flex;align-items:center;gap:12px;padding:10px 22px;border-radius:999px;background:rgba(251,244,232,.1);border:1px dashed rgba(233,180,76,.55)}
.hero-tel svg{width:20px;height:20px;stroke:var(--gold-bright)}
.hero-tel span{font-size:12px;color:rgba(251,244,232,.65);letter-spacing:.14em}
.hero-tel b{font-family:var(--font-serif);font-size:22px;color:var(--gold-bright)}

/* 行业瓦片 */
.ci-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ci-card{background:var(--paper);border-radius:18px;overflow:hidden;border:1px solid var(--line-soft);box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s}
.ci-card:nth-child(3n+1){transform:translateY(0)}
.ci-card:nth-child(3n+2){transform:translateY(18px)}
.ci-card:nth-child(3n+3){transform:translateY(6px)}
.ci-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.ci-thumb{aspect-ratio:16/9;overflow:hidden}
.ci-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.ci-card:hover .ci-thumb img{transform:scale(1.06)}
.ci-body{padding:18px 20px 22px}
.ci-tag{display:inline-block;font-size:12px;color:var(--gold-deep);background:rgba(233,180,76,.14);border-radius:999px;padding:3px 12px;margin-bottom:10px}
.ci-body h3{font-size:18px;margin-bottom:6px}
.ci-body p{font-size:13px}

/* 深底区 */
.sec-deep{background:linear-gradient(160deg,var(--dark-2),var(--dark));color:var(--cream)}
.sec-head--dark h2{color:var(--cream)}
.sec-head--dark .sub{color:rgba(251,244,232,.66)}
.sec-deep .stat-num{color:var(--gold-bright)}
.sec-deep .stat-label{color:rgba(251,244,232,.62)}

/* 重点案例双卡 */
.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.focus-card{position:relative;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-md);display:block}
.focus-card img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .6s}
.focus-card:hover img{transform:scale(1.05)}
.focus-cap{position:absolute;left:0;right:0;bottom:0;padding:60px 24px 20px;background:linear-gradient(180deg,transparent,rgba(46,26,12,.9))}
.focus-cap h3{color:var(--cream);font-size:19px;margin-bottom:6px}
.focus-cap p{color:rgba(251,244,232,.75);font-size:13px}

/* 服务承诺 */
.promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.promise-item{background:var(--paper);border:1px solid var(--line-soft);border-radius:18px;padding:28px 24px;box-shadow:var(--shadow-sm);position:relative;transition:transform .3s,box-shadow .3s}
.promise-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.promise-item::before{content:"";position:absolute;top:0;left:24px;right:24px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--gold),var(--sand))}
.promise-item h4{font-size:17px;margin-bottom:10px}
.promise-item p{font-size:13px}

@media(max-width:1024px){
  .ci-grid{grid-template-columns:1fr 1fr}
  .focus-grid{grid-template-columns:1fr}
  .promise-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .ci-grid{grid-template-columns:1fr}
  .ci-card,.ci-card:nth-child(3n+2),.ci-card:nth-child(3n+3){transform:none}
}