/* ============================================================
   CG Health — Design Refresh Layer v2
   设计方向：「安静的临床高级感 Quiet Clinical Luxury」
   ------------------------------------------------------------
   原则：
   1. 国际医疗官网的第一要务是可信——高级感来自秩序、留白、
      克制用色，而非装饰。
   2. 色彩纪律：白底上只用青绿做强调；金色只出现在深底文字、
      装饰线与大号数字上（白底金字对比度不达标，一律替换）。
   3. 深色区块（hero/journey/cases/insurance/partners 等）统一
      深空蓝渐变 + 玻璃卡语言；浅色区块白卡 + 青绿顶部强调条。
   4. 本层加载在 styles.css 之后：同特异度后定义者胜。
   ============================================================ */

:root{
  /* 提纯品牌色 */
  --navy:#0a3472;
  --navy-dark:#062a5e;
  --navy-deep:#071f3d;          /* v2：深空蓝，暗区渐变起点 */
  --teal:#0a8f86;
  --teal-dark:#076b65;
  --label:#0a6e68;              /* v2：白底标签/编号统一用色（4.8:1+） */
  --gold:#d8a32a;
  --gold-soft:#f6ecd2;
  --ink:#16263a;
  --muted:#5e7184;
  --line:#e3ecf1;
  --soft:#f4f8f9;
  --teal-50:#eaf6f4;
  --surface:#f5f9fa;
  --glass:rgba(255,255,255,.07);
  --glass-border:rgba(255,255,255,.16);
  --glass-text:#c9dbe4;
  /* 阴影体系 */
  --shadow-sm:0 6px 18px rgba(8,42,94,.06);
  --shadow-md:0 14px 38px rgba(8,42,94,.10);
  --shadow-lg:0 26px 60px rgba(8,42,94,.16);
  --radius:18px;
  --radius-sm:14px;
}

/* 中文字体渲染优化 */
body{font-family:"Inter","PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.72}

/* v2：标题断行平衡 + 全局细节 */
h1,h2,h3{text-wrap:balance}
html{scroll-behavior:smooth}
::selection{background:rgba(10,143,134,.25)}

/* 锚点偏移（吸顶导航） */
section[id]{scroll-margin-top:90px}

/* ============================================================
   0. 关键布局修复
   hospital-pages.css 的 main{width:min(1160px)} 泄漏到首页，
   把整页锁进窄列 → hero/深色区块永远铺不满。
   ============================================================ */
main#main-content{width:auto;max-width:none;margin:0}
.section,
.hero{
  padding-inline:max(clamp(20px,7vw,110px),calc((100vw - 1280px)/2));
}
footer{
  padding-inline:max(clamp(20px,7vw,110px),calc((100vw - 1280px)/2));
}
.market-strip,.proof-strip{
  padding-inline:max(clamp(14px,3vw,42px),calc((100vw - 1280px)/2));
}

/* v2：早期 phase 强制的 8px 直角回归品牌圆角 */
.disease-navigator,.condition-detail,.fimc-copy,.fimc-features article,
.hospital-library-panel,.expert-feature,.insurance-logo-board,
.report-package,.cost-breakdown-head,.cost-breakdown-grid article,.cost-notice{
  border-radius:var(--radius)!important;
}

/* ============================================================
   1. 字体统一：Georgia serif 标题回归 sans
   ============================================================ */
.priority-partner-heading h2,
.priority-partner-copy h3{
  font-family:"Inter","PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;
  letter-spacing:-.01em;
}

.section{position:relative}

/* ============================================================
   2. 区块标题系统：居中 chip 眉标 + 平衡大标题 + 渐变装饰线
   ============================================================ */
.section-heading{
  display:block;
  max-width:860px;
  margin:0 auto 48px;
  text-align:center;
}
.section-heading .eyebrow,
.section-heading h2,
.section-heading p{grid-column:auto}
.section-heading h2{
  margin:0 auto;
  max-width:760px;
  font-size:clamp(30px,3.6vw,46px);   /* v2：54px 对中文过载，收敛到 46 */
  font-weight:800;
  letter-spacing:-.01em;
  line-height:1.2;
}
.section-heading p{
  max-width:640px;
  margin:18px auto 0;
  font-size:16px;
  line-height:1.8;
}
.section-heading::after{
  content:"";
  display:block;
  width:56px;height:4px;
  margin:22px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,var(--teal),var(--gold));
}
.section-heading.light h2,
.section-heading.light p{color:#fff}
.section-heading.light::after{background:linear-gradient(90deg,var(--gold),#ffe09a)}

/* 眉标 → 精致浅青 chip */
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 15px;
  border-radius:999px;
  background:var(--teal-50);
  color:var(--teal-dark);
  font-size:12px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
/* 深色区块里的 eyebrow → 金字玻璃 chip */
.hero .eyebrow,
.section-heading.light .eyebrow,
.journey .eyebrow,
.insurance .eyebrow,
.partners .eyebrow,
.cases .eyebrow,
.mdt-feature .eyebrow{
  background:rgba(255,255,255,.14);
  color:#ffe09a;
}
/* v2：浅色面板里的 eyebrow 也统一 chip（老规则金字的更特异选择器） */
.resource-detail-head .eyebrow,
.insurance .safe-insurance-checklist .eyebrow{
  background:var(--teal-50);
  color:var(--teal-dark);
}

/* ============================================================
   3. 按钮系统
   ============================================================ */
.button{
  border-radius:11px;
  padding:13px 22px;
  font-weight:800;
  letter-spacing:.01em;
  background:linear-gradient(135deg,var(--teal),var(--teal-dark));
  box-shadow:0 10px 24px rgba(10,143,134,.30);
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.button:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(10,143,134,.40);
  filter:brightness(1.04);
}
.button.secondary{
  background:linear-gradient(135deg,var(--navy),var(--navy-dark));
  box-shadow:0 10px 24px rgba(10,52,114,.30);
}
.button.secondary:hover{box-shadow:0 16px 34px rgba(10,52,114,.42)}
.button.ghost{
  border:1.5px solid rgba(255,255,255,.5);
  background:transparent;
  box-shadow:none;
}
.button.ghost:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}

/* ============================================================
   4. 卡片体系（v2 重构：按明暗分区，杜绝"白卡配浅字"）
   ============================================================
   浅色区 → 白卡 + 细线 + 柔影 + hover 抬升
   ---------------------------------------------------------- */
.treatment-card,
.hospital-card,
.china-fit-grid article,
.faq-list details,
.contact-route div,
.contact-direct div,
.expert-card,
.readiness-grid article,
.disease-nav-groups div{
  border-radius:var(--radius);
  border:1px solid var(--line);
  background:#fff;
  box-shadow:var(--shadow-sm);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.treatment-card:hover,
.hospital-card:hover,
.china-fit-grid article:hover,
.faq-list details:hover,
.contact-route div:hover,
.contact-direct div:hover,
.expert-card:hover,
.readiness-grid article:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-md);
  border-color:#cfe3e0;
}
.treatment-card{border-top:4px solid var(--teal);padding:28px}
.treatment-card.featured{border-top-color:var(--gold)}
.hospital-card{border-top:4px solid var(--teal);padding:22px}
.hospital-card:hover{border-top-color:var(--gold)}

/* ------------------------------------------------------------
   深色区 → 玻璃卡 + 白字（v2：修复 cases/insurance 白卡隐形字）
   ---------------------------------------------------------- */
.case-card,
.insurance-process article,
.journey-grid article,
.partner-card,
.partner-models > div{
  border-radius:var(--radius);
  border:1px solid var(--glass-border);
  background:var(--glass);
  box-shadow:none;
  transition:transform .22s ease, background .22s ease, border-color .22s ease;
}
.case-card:hover,
.insurance-process article:hover,
.journey-grid article:hover,
.partner-card:hover,
.partner-models > div:hover{
  transform:translateY(-4px);
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.28);
}
/* 深色玻璃卡内文字层级 */
.case-card span,
.insurance-process b{color:#f0c982;font-weight:900}
.case-card strong,
.insurance-process h3{color:#fff}
.case-card p,
.insurance-process p,
.journey-grid p{color:var(--glass-text)}
.case-card b{color:#ffe09a}

/* FAQ 折叠 */
.faq-list details{border-radius:var(--radius-sm);overflow:hidden}
.faq-list details[open]{box-shadow:var(--shadow-md)}

/* ============================================================
   5. Hero：减负与聚焦
   ============================================================ */
.hero{
  position:relative;
  background:
    radial-gradient(900px 520px at 82% 8%, rgba(10,143,134,.30), transparent 60%),
    radial-gradient(700px 480px at 12% 96%, rgba(216,163,42,.16), transparent 55%),
    linear-gradient(118deg,var(--navy-deep) 0%,var(--navy) 56%,#0b5b69 100%);
}
.hero h1{font-weight:800;letter-spacing:-.015em;line-height:1.12}
.hero-copy>p{color:#dcebf0;font-size:18px;line-height:1.8}

/* 三个焦点卡 → 一条完整的玻璃横带（去掉三个独立盒子，降噪） */
.hero-focus-card{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid var(--glass-border);
  border-radius:var(--radius);
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
  overflow:hidden;
  box-shadow:0 18px 44px rgba(0,0,0,.16);
}
.hero-focus-card div{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:16px 18px;
}
.hero-focus-card div + div{border-left:1px solid rgba(255,255,255,.14)!important}
.hero-focus-card b{
  background:rgba(216,163,42,.24);
  color:#ffe09a;
  border-radius:999px;
}

/* 信任标签：更轻的胶囊 */
.trust-line{gap:8px}
.trust-line span{
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  padding:6px 12px;
  background:rgba(255,255,255,.09);
  color:#eaf3f5;
  font-size:12px;
  font-weight:600;
}
/* 联系胶囊：轻一级 */
.hero-contact-line{gap:8px}
.hero-contact-line a,
.hero-contact-line span{
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  font-weight:600;
  font-size:12.5px;
}

/* hero 视觉：给渲染图加品牌色叠加层，让"效果图"变成有意图的视觉 */
.hero-visual::before{
  content:"";
  position:absolute;right:-30px;top:40px;width:280px;height:280px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(216,163,42,.30),transparent 70%);
  filter:blur(8px);z-index:0;
}
.hero-visual .hospital-presentation-picture{
  position:relative;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 30px 60px rgba(0,0,0,.35);
}
.hero-visual .hospital-presentation-picture::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(160deg,rgba(7,31,61,.20),rgba(10,143,134,.12) 58%,rgba(216,163,42,.10));
  mix-blend-mode:multiply;
  pointer-events:none;
}
.hero-visual img{
  right:-4%;
  width:min(660px,108%);
  border-radius:24px;
  filter:drop-shadow(0 30px 45px rgba(0,0,0,.35));
}
.hero-note{
  border-radius:18px;
  border-left:5px solid var(--gold);
  box-shadow:var(--shadow-lg);
}

/* ============================================================
   6. 标签与编号系统（v2 核心：白底金字 → 青绿）
   金色只保留在深底文字与装饰线上。
   ============================================================ */
.decision-split span,
.pricing-menu article>span,
.proof-grid span,
.card-index,
.phase-service-grid span,
.cost-principle span,
.service-package-grid article>span,
.home-method-grid article span,
.china-fit-grid b,
.why-list b,
.expert-card>b,
.expert-route span,
.readiness-grid b,
.hospital-card span,
.yang-profile span,
.fimc-features b,
.condition-detail-grid section>span,
.condition-expert-row>span,
.condition-case>span{
  color:var(--label);
}
.pricing-principles b{color:var(--label)}

/* ============================================================
   7. 区块节奏与深浅韵律
   ============================================================ */
.start-paths,.china-fit,.services,.experts,.faq,.contact{background:var(--surface)}
.treatments,.network,.why-us{background:#fff}
.home-method{background:linear-gradient(180deg,var(--surface) 0%,#fff 100%)}
/* v2：深色区块统一深空蓝渐变（cases 略偏青做区分） */
.home-access-system,
.home-service-overview,
.journey,
.insurance,
.partners,
.mdt-feature{
  background:linear-gradient(160deg,var(--navy-deep) 0%,var(--navy) 55%,#0b4f66 100%);
}
.cases{
  background:linear-gradient(160deg,var(--navy-deep) 0%,#0a3a63 52%,#0b5b69 100%);
}

/* ============================================================
   8. 医院卡片（具名模式）细节
   ============================================================ */
.hospital-card h3{font-size:19px;font-weight:800;color:var(--navy)}
.hospital-card a{font-weight:800}
.hospital-card-section{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}

/* ============================================================
   9. 资料库瓷砖：红色跑偏 → 收进藏青品牌族
   ============================================================ */
.resource-card-visual.red{background:linear-gradient(135deg,var(--navy-dark),#0b5b69)}
.resource-card-visual.teal{background:linear-gradient(135deg,#076b65,#0aa79d)}
.resource-card-visual.green{background:linear-gradient(135deg,#076b65,#0e8f78)}
.resource-card-visual{border-radius:var(--radius)}

/* ============================================================
   10. 费用构成卡：头部左对齐（原右对齐破坏阅读动线）
   ============================================================ */
.cost-breakdown-head{grid-template-columns:1fr;text-align:left}
.cost-breakdown-head h3{margin:4px 0 0}

/* ============================================================
   11. Condition Navigator 对比度（v1 修复保留）
   ============================================================ */
.disease-nav-groups strong{color:#0a5c57;font-size:13px;font-weight:800;letter-spacing:.02em}
.disease-nav-groups button{border:1px solid #d9e6e4;color:#16406b;background:#f6faf9;font-weight:600;border-radius:9px;transition:border-color .18s ease,background .18s ease,color .18s ease}
.disease-nav-groups button:hover{border-color:var(--teal);color:var(--teal);background:#eef7f6}
.disease-nav-groups button.active{border-color:var(--gold);color:var(--navy);background:#f7e7bf}
.disease-nav-head h3{color:#fff}
.disease-nav-head p{color:#c4d6e2}

/* ============================================================
   12. 页脚
   ============================================================ */
footer{border-top:4px solid var(--gold)}

/* ============================================================
   13. 响应式
   ============================================================ */
@media(max-width:720px){
  .section-heading{margin-bottom:34px}
  .section-heading h2{font-size:28px}
  .treatment-card,.hospital-card{padding:20px}
  .hero-focus-card{grid-template-columns:1fr}
  .hero-focus-card div + div{border-left:0!important;border-top:1px solid rgba(255,255,255,.14)!important}
}

/* ============================================================
   14. v2.1 — WCAG AA 对比度收口
   原则：白底只用青绿（--teal-dark 约 6:1）；深底上的青绿/灰字提亮。
   ============================================================ */

/* (A) 白底上的金字 → 青绿（设计红线：金字仅限深底文字/装饰线） */
.assessment-metrics article b,
.cost-guide-grid article b,
.hospital-decision-grid article b,
.path-group.partner-path-group .path-group-head span,
.path-group.partner-path-group .path-choice em,
.hospital-library-panel .hospital-library-head .hospital-search span,
.hospital-card.hospital-library-card .hospital-card-section strong{
  color:var(--teal-dark);
}

/* (B) 白底上的青绿链接/动作文字加深到 --teal-dark（达标 4.5:1）
   !important 用于压过 base 里作用域更具体的规则；仅作用于浅色上下文 */
.header-contact,
.hero .hero-note a,
.text-action,
.text-link,
.path-group .path-group-head span,
.path-group .path-choice em,
.condition-expert-row a,
.hospital-official-link,
.hospital-card.hospital-library-card .hospital-card-body em,
.resources a,
.resources em,
.resources span,
.contact a,
.copy-button:not(.primary),
.resource-read-button{
  color:var(--teal-dark) !important;
}

/* (C) 深底卡片上的青绿/灰字提亮（避免 teal-dark/灰压在深蓝上） */
.hospital-card.hospital-library-card .hospital-card-top span,
.condition-detail .condition-case span{
  color:#6fd6cb !important;
}
.cases .disclaimer{color:var(--glass-text) !important}

/* (D) 资料库彩色瓷砖里的分类标签：深蓝瓷砖上金字/青绿字不可读 → 提亮为近白 */
.resource-card-visual span{color:#eafaf7 !important}

/* (E) 主按钮白字压在亮青绿上仅 3.97:1（正常字号不达标）→ 渐变起端压暗到 AA */
.button{
  background:linear-gradient(135deg,#087a72,var(--teal-dark)) !important;
}

/* (F) 深底区块里的链接/动作/标签 → 提亮为近白（压过 (B) 的 teal-dark） */
.mdt-copy .mdt-actions .text-link,
.expert-feature .expert-feature-meta .text-action,
.resource-action-panel .resource-action-links .button,
.resource-action-panel .resource-action-links .button.secondary,
.resource-action-panel .resource-action-links .text-link,
.resource-featured-card .resource-visual-mark span{
  color:#eafaf7 !important;
}
.copy-button.primary{
  color:#eafaf7 !important;
  background:linear-gradient(135deg,#087a72,var(--teal-dark)) !important;
}

/* (G) 选中态标签/按钮：亮青绿底白字仅 3.97 → 压暗到 teal-dark 让白字达标 */
.expert-tabs button[aria-selected=true]{background:var(--teal-dark) !important}

/* home-access-system 的眉标随其他深底区块统一为金字玻璃 chip */
.home-access-system .eyebrow{
  background:rgba(255,255,255,.14);
  color:#ffe09a;
}

/* ============================================================
   15. v2.2 — 品牌一致性与移动端可读性收口
   依据：Playwright 运行时扫描（桌面 1280 + 移动 375），非主观臆测
   ============================================================ */

/* (A) 按钮双色系 → 单一主 CTA 体系（v2 teal 渐变）
   base 把 .hospital-guide-button 做成 navy 实底（26 个），与 .button 的
   teal 渐变（19 个）并存，读起来像两套品牌。统一收进 teal 渐变主按钮。
   注意：不碰 .hospital-official-link（白底描边次级档，保留层级） */
.hospital-guide-button{
  border-color:var(--teal-dark) !important;
  background:linear-gradient(135deg,#087a72,var(--teal-dark)) !important;
  color:#fff !important;
}
.hospital-guide-button:hover{
  background:var(--teal-dark) !important;
}
/* 医院库筛选的选中态（原 navy 实底）同样收进 teal
   刻意不用裸 button.active —— 该 class 被 Condition Navigator 的金色选中
   chip 复用（第 11 节），裸选择器会误伤那个状态 */
button[data-hospital-filter][aria-pressed="true"]{
  border-color:var(--teal-dark) !important;
  background:linear-gradient(135deg,#087a72,var(--teal-dark)) !important;
  color:#fff !important;
}

/* (A2) 核心医院卡用固定列宽 280px+400px，在 721–1150px 区间放不下
   （实测 768 下整页横向溢出 27px）→ 改为弹性比例，保留约 280:400 的视觉比重。
   刻意限定 min-width:721px，避免覆盖 base 在 ≤720px 的单列布局 */
@media(max-width:1150px) and (min-width:721px){
  .core-hospital{
    grid-template-columns:minmax(0,1fr) minmax(0,1.43fr);
  }
}
/* 图片兜底：任何情况下都不撑破容器 */
.hospital-presentation-picture,
.hospital-presentation-picture img{
  max-width:100%;
  height:auto;
}

/* (B) #resources 顶/底距被 base 的 .resources.section{padding:0px} 清零，
   打断全站 padding-block:clamp(56px,6vw,86px) 的纵向节奏（1280 下 =76.8px）
   只补纵向 block；横向 inline 仍留 0，保留其通栏（full-bleed）版式 */
.resources.section{
  padding-block:clamp(56px,6vw,86px) !important;
}

/* (C) 移动端顶部导航可读性
   base 在 ≤720px 把导标压到 6.5px，非中文 3.6px、越南语 3.4px —— 完全不可读。
   改为「横向可滑动条 + 13px 可读字号」，既不挤爆也不牺牲可读性 */
/* 24 个栏目在 ≤1150px 都排不下（实测 768 下整页横向溢出 27px）
   → 全区间改为可横向滑动的导航条，既不溢出也不牺牲字号 */
@media(max-width:1150px){
  .site-header nav{
    display:flex !important;
    flex-wrap:nowrap;
    gap:10px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .site-header nav::-webkit-scrollbar{display:none}
  .site-header nav a{flex:0 0 auto}
}
@media(max-width:720px){
  .site-header nav a{
    min-height:36px;
    padding-inline:8px;
    font-size:13px !important;
  }
  /* 压过 base 里更高特异度的语言分支（3.6px / 3.4px） */
  html:not([lang="zh-CN"]) .site-header nav a{font-size:13px !important}
  html[lang="vi"] .site-header nav a{font-size:13px !important}

  /* 移动端文字型 CTA 点按区放大：原 66 个可点目标高度 <32px，拇指难点中 */
  .text-action,
  .text-link,
  .resource-read-button,
  .footer-contact-item,
  .footer-privacy{
    min-height:40px;
    display:inline-flex;
    align-items:center;
  }
}


/* ==========================================================================
   16) v2.3 — 品牌色系统一收口：最后一处 navy 实底卡片
   .condition-case（Condition Navigator 的服务流程示例行）此前是 navy 实底，
   与全站 teal CTA 体系不一致，且坐落在白色面板上，视觉上像另一个品牌。
   统一收进 v2 teal 渐变体系，并连带校正卡内文字对比度。
   ========================================================================== */
.condition-case{
  background:linear-gradient(135deg,#087a72,var(--teal-dark)) !important;
  border:0 !important;
  border-radius:14px !important;
}
.condition-case:hover{
  background:linear-gradient(135deg,#06655e,#055049) !important;
}
/* 覆盖第 14 节 (F) 中针对 navy 底色调过的青绿色，teal 底上需提亮 */
.condition-detail .condition-case > span{ color:#eafaf7 !important; }
.condition-case strong{ color:#ffffff !important; }
.condition-case p{ color:#eafaf7 !important; }
.condition-case b{ color:#ffe09a !important; }

/* 咨询表单的身份切换标签：选中态 navy → teal，与 expert-tabs 保持一致 */
.inquiry-tabs button.active{
  background:var(--teal-dark) !important;
  color:#ffffff !important;
}

/* ==========================================================================
   17) P0→P1 新增组件：Hero 三步条 / 患者故事卡 / FAQ 快捷锚点
   沿用 v2 token：深区玻璃卡、白卡青绿顶条、pill 链接。
   ========================================================================== */

/* --- Hero 三步条（坐落于深色 hero 区） --- */
.hero-steps{
  margin-top:28px;
  background:var(--glass);
  border:1px solid var(--glass-border);
  border-radius:var(--radius);
  padding:18px 20px;
  backdrop-filter:blur(6px);
}
.hero-steps-label{
  display:block;
  color:var(--gold);
  font-size:13px;
  font-weight:700;
  letter-spacing:.04em;
  margin-bottom:14px;
}
.hero-steps ol{
  list-style:none;
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin:0;
  padding:0;
}
.hero-steps li{
  flex:1 1 180px;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.hero-steps li b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;height:26px;
  border-radius:50%;
  background:var(--teal-dark);
  color:#fff;
  font-size:14px;
  margin-bottom:4px;
}
.hero-steps li strong{color:#fff;font-size:15px;font-weight:700}
.hero-steps li span{color:var(--glass-text);font-size:13px;line-height:1.55}

/* --- 患者故事卡 --- */
.story-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  margin-top:36px;
}
.story-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  padding:24px 24px 26px;
  display:flex;
  flex-direction:column;
  gap:12px;
  position:relative;
  overflow:hidden;
  box-shadow:var(--shadow-sm);
}
.story-card::before{
  content:"";
  position:absolute;top:0;left:0;right:0;
  height:4px;
  background:linear-gradient(90deg,var(--teal),var(--teal-dark));
}
.story-tag{
  display:inline-block;
  align-self:flex-start;
  background:var(--teal-50);
  color:var(--label);
  font-size:12.5px;
  font-weight:700;
  padding:5px 12px;
  border-radius:999px;
}
.story-card h3{font-size:18px;line-height:1.5;color:var(--ink);margin:0}
.story-card p{font-size:14.5px;color:var(--muted);line-height:1.7;margin:0}
.story-quote{
  margin-top:auto;
  font-size:14px;
  color:var(--teal-dark);
  font-weight:600;
  border-left:3px solid var(--teal);
  padding-left:12px;
}

/* --- FAQ 快捷锚点 --- */
.faq-quicklinks{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:22px 0 8px;
}
.faq-quicklinks a{
  display:inline-flex;
  align-items:center;
  padding:9px 16px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--label);
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  transition:.2s;
}
.faq-quicklinks a:hover{
  border-color:var(--teal);
  color:var(--teal-dark);
  background:var(--teal-50);
}

/* --- 响应式 --- */
@media (max-width:900px){
  .story-grid{grid-template-columns:1fr;gap:18px}
  .hero-steps ol{gap:12px}
}