/* ============================================================
   page-anli-yiliao.css — 医疗健康案例页（科室导览风）
   命名空间：body.page-anli-yiliao
   签名视觉：科室导视牌 / 挂号单提示条 / 就诊动线
   ============================================================ */

body.page-anli-yiliao .hero-hotline{margin-top:14px;font-size:13.5px;color:var(--c-muted)}

/* ---------- 科室导视牌 ---------- */
body.page-anli-yiliao .sign-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
body.page-anli-yiliao .dept-sign{
  background:#fff;border:1px solid var(--c-line);border-bottom:5px solid var(--c-purple-400);
  border-radius:var(--radius-md);padding:26px 22px;box-shadow:var(--shadow-card);
  transition:transform .3s var(--ease);
}
body.page-anli-yiliao .dept-sign:hover{transform:translateY(-4px)}
body.page-anli-yiliao .dept-code{
  font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--c-purple-400);
}
body.page-anli-yiliao .dept-sign h3{font-size:22px;margin:10px 0 8px}
body.page-anli-yiliao .dept-sign p{font-size:14px}
/* 挂号单提示条 */
body.page-anli-yiliao .ticket-strip{
  margin-top:30px;background:#fff;border:1.5px dashed var(--c-purple-300);border-radius:10px;
  padding:16px 22px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;
}
body.page-anli-yiliao .ticket-no{
  font-size:13px;font-weight:800;letter-spacing:.08em;color:#fff;background:var(--grad-main);
  padding:5px 14px;border-radius:6px;white-space:nowrap;
}
body.page-anli-yiliao .ticket-note{font-size:13.5px;color:var(--c-muted)}

/* ---------- 客户背景 ---------- */
body.page-anli-yiliao .med-bg{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
body.page-anli-yiliao .med-text p{margin-top:16px}
body.page-anli-yiliao .med-figure img{border-radius:var(--radius-md);box-shadow:var(--shadow-card)}
body.page-anli-yiliao .med-figure figcaption{margin-top:10px;font-size:13px;color:var(--c-muted)}
body.page-anli-yiliao .med-need{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
body.page-anli-yiliao .med-need li{
  background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);
  padding:22px;box-shadow:var(--shadow-card);border-left:4px solid var(--c-pink-400);
}
body.page-anli-yiliao .med-need h3{font-size:17px;margin-bottom:6px}
body.page-anli-yiliao .med-need p{font-size:14px}

/* ---------- 就诊动线 ---------- */
body.page-anli-yiliao .journey{
  display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:20px;
}
body.page-anli-yiliao .journey li{
  position:relative;background:var(--c-bg-purple);border:1px solid var(--c-line);
  border-radius:var(--radius-md);padding:24px 18px 20px;
}
body.page-anli-yiliao .journey li:not(:last-child)::after{
  content:"›";position:absolute;right:-13px;top:50%;transform:translateY(-50%);
  font-size:24px;color:var(--c-purple-300);z-index:2;
}
body.page-anli-yiliao .journey-no{
  display:inline-flex;width:36px;height:36px;border-radius:50%;background:#fff;
  border:2px solid var(--c-purple-300);color:var(--c-purple-400);font-weight:800;
  align-items:center;justify-content:center;
}
body.page-anli-yiliao .journey h3{font-size:16px;margin:10px 0 6px}
body.page-anli-yiliao .journey p{font-size:13px;color:var(--c-muted)}

/* ---------- 信任亮点横滑 ---------- */
body.page-anli-yiliao .med-card{
  width:272px;background:#fff;border:1px solid var(--c-line);
  border-radius:var(--radius-md);padding:24px 22px;box-shadow:var(--shadow-card);
}
body.page-anli-yiliao .med-no{
  display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--c-pink-400);
  border-bottom:2px solid var(--c-pink-200);padding-bottom:3px;
}
body.page-anli-yiliao .med-card h3{font-size:17px;margin:12px 0 8px}
body.page-anli-yiliao .med-card p{font-size:14px}

/* ---------- 运营数据 ---------- */
body.page-anli-yiliao .med-stat{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
body.page-anli-yiliao .mstat-cell{
  background:var(--c-bg-pink);border:1px solid var(--c-line);border-radius:var(--radius-md);
  padding:30px 20px;text-align:center;
}
body.page-anli-yiliao .mstat-cell strong{
  display:block;font-size:clamp(26px,3vw,36px);font-weight:800;
  background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;
}
body.page-anli-yiliao .mstat-cell span{font-size:13.5px;color:var(--c-muted)}

/* ---------- 评价 ---------- */
body.page-anli-yiliao .quote-box{
  max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--c-line);
  border-radius:var(--radius-lg);padding:40px 44px 34px;box-shadow:var(--shadow-soft);
  border-top:4px solid var(--c-purple-300);
}
body.page-anli-yiliao .quote-box blockquote p{font-size:16.5px;color:var(--c-ink);line-height:2}
body.page-anli-yiliao .quote-by{margin-top:18px;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
body.page-anli-yiliao .quote-by strong{color:var(--c-purple-400)}
body.page-anli-yiliao .quote-by span{font-size:13px;color:var(--c-muted)}

/* ---------- 相关案例 ---------- */
body.page-anli-yiliao .rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
body.page-anli-yiliao .rel-item{
  display:flex;flex-direction:column;gap:8px;background:var(--c-bg-soft);
  border:1px solid var(--c-line);border-radius:var(--radius-md);padding:22px 24px;
  font-weight:700;color:var(--c-ink);font-size:16px;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
body.page-anli-yiliao .rel-item span{font-size:13px;font-weight:500;color:var(--c-purple-400)}
body.page-anli-yiliao .rel-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}

/* ---------- 底部 CTA ---------- */
body.page-anli-yiliao .cta-box{
  background:var(--grad-dark);border-radius:var(--radius-lg);padding:56px 32px;text-align:center;
}
body.page-anli-yiliao .cta-box h2{color:#fff}
body.page-anli-yiliao .cta-box p{max-width:640px;margin:14px auto 0;color:#C9BBD3}
body.page-anli-yiliao .cta-note{margin-top:16px;font-size:13px;color:#9A8CA0}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  body.page-anli-yiliao .sign-row{grid-template-columns:repeat(2,1fr)}
  body.page-anli-yiliao .journey{grid-template-columns:repeat(3,1fr)}
  body.page-anli-yiliao .journey li:nth-child(3)::after{display:none}
}
@media (max-width:860px){
  body.page-anli-yiliao .med-bg{grid-template-columns:1fr;gap:28px}
  body.page-anli-yiliao .med-need{grid-template-columns:1fr}
  body.page-anli-yiliao .med-stat{grid-template-columns:repeat(2,1fr)}
  body.page-anli-yiliao .rel-grid{grid-template-columns:1fr}
  body.page-anli-yiliao .quote-box{padding:34px 22px 26px}
}
@media (max-width:560px){
  body.page-anli-yiliao .sign-row{grid-template-columns:1fr}
  body.page-anli-yiliao .journey{grid-template-columns:1fr}
  body.page-anli-yiliao .journey li:not(:last-child)::after{display:none}
  body.page-anli-yiliao .med-card{width:236px}
}