/* ============================================================
   新道优信建站 — 案例分享页样式 page-anli-fenxiang.css
   签名布局：图文穿插列表（左图右文交错）
   ============================================================ */
body.page-anli-fenxiang{background:#fff}

.hero-tel{color:var(--c-pink-400);font-weight:700;text-decoration:underline}

/* ---------- ② 图文穿插列表 ---------- */
.fp-row{display:grid;grid-template-columns:1fr 1.15fr;gap:44px;align-items:center;padding:30px 0;border-bottom:1px solid var(--c-line)}
.fp-row:last-of-type{border-bottom:0}
.fp-img img{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-card)}
.fp-txt h3{font-size:22px;line-height:1.5;margin:14px 0 12px}
.fp-txt h3 a{transition:color .25s}
.fp-txt h3 a:hover{color:var(--c-purple-400)}
.fp-txt p{font-size:14.5px}
.fp-meta{display:inline-block;margin-top:14px;font-size:12.5px;color:var(--c-muted)}

/* 交错排列：偶数行图文互换 */
.fp-reverse .fp-img{order:2}
.fp-reverse .fp-txt{order:1}

/* ---------- ③ 行业案例横卷 ---------- */
.case-card{width:250px;background:var(--grad-soft);border:1px solid var(--c-line);border-radius:var(--radius-lg);padding:26px 24px;transition:transform .35s var(--ease),box-shadow .35s}
.case-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card)}
.case-card h3{font-size:17px;margin-bottom:8px}
.case-card:hover h3{color:var(--c-purple-400)}
.case-card p{font-size:13px;color:var(--c-muted)}

/* ---------- ④ 复盘方法论 ---------- */
.method-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.method-card{background:#fff;border:1px solid var(--c-line);border-top:4px solid var(--grad-main);border-radius:var(--radius-md);padding:26px 24px;transition:transform .35s var(--ease),box-shadow .35s}
.method-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}
.method-card b{font-size:26px;font-weight:800;color:var(--c-purple-300)}
.method-card h3{font-size:16.5px;margin:10px 0 8px}
.method-card p{font-size:13px}

/* ---------- ⑤ 客户声音 ---------- */
.voice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.voice-card{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-lg);padding:28px 26px;position:relative}
.voice-card::before{content:"“";position:absolute;top:8px;right:20px;font-size:52px;color:var(--c-purple-200);font-family:Georgia,serif;line-height:1}
.voice-card p{font-size:14.5px;color:var(--c-text)}
.voice-card span{display:block;margin-top:16px;font-size:12.5px;color:var(--c-muted)}

/* ---------- ⑥ CTA ---------- */
.cta-band{background:var(--grad-dark);color:#fff;padding:64px 0}
.cta-band-in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.cta-band h2{color:#fff;font-size:clamp(20px,2.6vw,28px);margin-bottom:8px}
.cta-band p{color:#D8CBE0}

/* ---------- 响应式 ---------- */
@media (max-width:1200px){
  .method-row{grid-template-columns:1fr 1fr}
  .voice-row{grid-template-columns:1fr}
}
@media (max-width:768px){
  .fp-row{grid-template-columns:1fr;gap:20px;padding:22px 0}
  .fp-reverse .fp-img{order:0}
  .fp-reverse .fp-txt{order:0}
  .case-card{width:230px}
}
@media (max-width:360px){
  .method-row{grid-template-columns:1fr}
  .fp-txt h3{font-size:18px}
  .case-card{width:210px;padding:20px}
}