/* ============================================================
   enhance.css — 南宁佰视佳眼科 视觉增强（零额度 · 手写 SVG 插画）
   与 duduguan 站同源设计语言：医疗蓝(#1a6dc1) + 信任金(#e0a83d)
   所有插画为内联/外链 SVG，不消耗 AI 生图额度，AI 爬虫可抓 alt
   ============================================================ */
:root{
  --illo-primary:#1a6dc1;
  --illo-primary-d:#155a9e;
  --illo-gold:#e0a83d;
  --illo-bg:#eef5fc;
  --illo-bg2:#f6fafe;
}

/* ---------- 通用插画容器 ---------- */
.illo{
  display:block;width:100%;max-width:520px;height:auto;margin:0 auto;
  border-radius:18px;background:var(--illo-bg);
  box-shadow:0 10px 30px rgba(26,109,193,.12);
}
.illo-inline{margin:30px auto;max-width:460px;}
.illo-row{display:flex;gap:22px;align-items:center;flex-wrap:wrap;justify-content:center;margin:30px auto;}
.illo-row .illo{max-width:300px;margin:0;}

/* ---------- hero / page-hero 背景装饰插画（不占布局，AI 抓不到但提升观感） ---------- */
.hero{position:relative;}
.hero::after{
  content:'';position:absolute;right:1%;bottom:-6%;width:340px;height:340px;
  background:url('/assets/img/illu/hero.svg') center/contain no-repeat;
  opacity:.16;pointer-events:none;z-index:0;
}
.page-hero{position:relative;overflow:hidden;}
.page-hero::after{
  content:'';position:absolute;right:-36px;top:50%;transform:translateY(-50%);
  width:230px;height:230px;background:url('/assets/img/illu/hero.svg') center/contain no-repeat;
  opacity:.12;pointer-events:none;
}

/* ---------- section 配图区块（可见 <img>，AI 可抓 alt） ---------- */
.illo-section{text-align:center;margin:6px 0 2px;}
.illo-section .illo-cap{font-size:13px;color:#7a93ad;margin-top:10px;}

/* 带插画的 section 标题区：标题左、插画右 */
.section-with-illo .container{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;}
.section-with-illo .illo{max-width:380px;}
@media(max-width:860px){
  .section-with-illo .container{grid-template-columns:1fr;}
  .section-with-illo .illo{order:-1;max-width:320px;}
}

/* 卡片配图（文章/服务卡首图） */
.card-illo{width:100%;height:170px;object-fit:contain;background:var(--illo-bg2);border-radius:14px 14px 0 0;padding:14px;box-sizing:border-box;}
.card-illo-wrap{overflow:hidden;border-radius:14px;box-shadow:0 6px 18px rgba(26,109,193,.10);background:#fff;}

/* 响应式：小屏隐藏过大背景装饰 */
@media(max-width:680px){
  .hero::after{width:200px;height:200px;opacity:.12;}
  .page-hero::after{display:none;}
}