/* ============================================================
   anli-lvyou.html 页面专属样式 · 烘焙复古风
   版式签名：竖排侧标题 + 双线框
   ============================================================ */

/* ------- 通用 ------- */
.sec-deep{background:var(--cream-deep)}
.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}
.hb5-list{margin-top:18px}
.check-list--light li{color:rgba(251,244,232,.82)}
.crumb{margin-bottom:16px}
.crumb span{color:var(--muted)}

/* ------- Hero H3 全宽大图 Banner ------- */
.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,.62) 45%,rgba(74,44,23,.15) 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)}

/* ------- 痛点卡片（深底） ------- */
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pain-card{position:relative;background:rgba(251,244,232,.05);border:1px solid rgba(233,180,76,.25);border-radius:18px;padding:32px 26px;transition:transform .3s,border-color .3s}
.pain-card:hover{transform:translateY(-6px);border-color:var(--gold)}
.pain-no{font-family:var(--font-serif);font-size:38px;font-weight:700;color:transparent;-webkit-text-stroke:1px var(--gold);opacity:.6;line-height:1}
.pain-card h4{color:var(--cream);margin:14px 0 10px;font-size:18px}
.pain-card p{color:rgba(251,244,232,.7);font-size:14px}
.sec-head--dark h2{color:var(--cream)}
.sec-head--dark .sub{color:rgba(251,244,232,.66)}

/* ------- 解决思路列表 ------- */
.sol-list{display:grid;gap:22px;max-width:920px;margin:0 auto}
.sol-item{display:flex;gap:22px;align-items:flex-start;background:var(--paper);border:1px solid var(--line-soft);border-radius:18px;padding:26px 28px;box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s}
.sol-item:hover{transform:translateX(8px);box-shadow:var(--shadow-md)}
.sol-dot{flex-shrink:0;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:var(--brown-dark);font-family:var(--font-serif);font-weight:700;font-size:20px;box-shadow:var(--shadow-gold)}
.sol-copy h3{font-size:19px;margin-bottom:8px}
.sol-copy p{font-size:14px}

/* ------- 数据条 ------- */
.sec-deep .stat-num{color:var(--gold-bright)}
.sec-deep .stat-label{color:rgba(251,244,232,.62)}
.sec-deep{color:var(--cream)}

/* ------- 相关案例卡 ------- */
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rel-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}
.rel-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md)}
.rel-thumb{aspect-ratio:16/9;overflow:hidden}
.rel-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.rel-card:hover .rel-thumb img{transform:scale(1.06)}
.rel-body{padding:18px 20px 22px}
.rel-body h4{font-size:16px;margin-bottom:6px}
.rel-body p{font-size:13px}

/* ------- 证言 ------- */
.sec-quote{padding-top:40px;padding-bottom:70px}
.quote-box{position:relative;background:var(--paper);border-left:4px solid var(--gold);border-radius:16px;padding:44px 40px 36px;box-shadow:var(--shadow-md)}
.quote-mark{position:absolute;top:14px;left:22px;font-family:var(--font-serif);font-size:64px;color:var(--gold);opacity:.35;line-height:1}
.quote-box p{font-family:var(--font-serif);font-size:clamp(17px,2vw,21px);color:var(--ink);line-height:2}
.quote-box cite{display:block;margin-top:18px;font-style:normal;font-size:14px;color:var(--gold-deep)}

/* ------- 响应式 ------- */
@media(max-width:1024px){
  .pain-grid,.rel-grid{grid-template-columns:1fr}
  .hb5-grid{grid-template-columns:1fr;gap:36px}
}
@media(max-width:768px){
  .hb3-stamp{display:none}
  .sol-item{flex-direction:column}
  .cbh,.hb6{padding:130px 0 70px}
}