/* ============ 体检专栏 · 重新设计组件（落地版，独立样式表） ============
   设计纪律：纯色分层、无渐变；唯一主行动色＝品牌 teal；
   amber 仅作浅底深字小徽标（占比<10%），不用于主按钮。 */
:root{
  --ck-cat-cardio:#147482; --ck-cat-cardio-tint:#E3F1F2;
  --ck-cat-body:#2F5FA8;   --ck-cat-body-tint:#E8EEF8;
  --ck-cat-add:#B5791F;    --ck-cat-add-tint:#F8EEDD;
  --ck-cat-rel:#5B6573;    --ck-cat-rel-tint:#ECEEF1;
  --ck-price:var(--color-primary-700);
}
.ck-wrap{max-width:1080px;margin:0 auto;padding:0 0 60px}

/* Hero（患者向价值主张，替代原内部术语卡） */
.ck-hero{padding:48px 0 30px}
.ck-hero__eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ck-cat-add);background:var(--ck-cat-add-tint);padding:5px 12px;border-radius:999px}
.ck-hero__title{font-size:clamp(34px,5vw,52px);line-height:1.05;letter-spacing:-.02em;margin:16px 0 12px;font-weight:800}
.ck-hero__sub{font-size:clamp(15px,1.8vw,18px);line-height:1.7;color:var(--color-text-secondary);max-width:60ch}
.ck-hero__sub .en{display:block;font-size:13px;color:var(--color-text-tertiary);margin-top:6px}
.ck-stats{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 8px;list-style:none;padding:0}
.ck-stats li{flex:1 1 150px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px 18px}
.ck-stats strong{display:block;font-size:28px;line-height:1.1;color:var(--ck-cat-cardio);font-variant-numeric:tabular-nums}
.ck-stats span{font-size:13px;color:var(--color-text-secondary)}
.ck-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}

/* 分类导航（sticky，贴合站点真实导航高度） */
.ck-catnav{position:sticky;top:var(--nav-h);z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:10px 0 8px}
.ck-catnav ul{display:flex;gap:8px;overflow-x:auto;list-style:none;margin:0;padding:10px 0;scrollbar-width:none}
.ck-catnav ul::-webkit-scrollbar{display:none}
.ck-catnav a{white-space:nowrap;display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:999px;font-size:13.5px;text-decoration:none;color:var(--color-text-secondary);border:1px solid var(--color-border)}
.ck-catnav a:hover{border-color:var(--color-primary-300);color:var(--color-primary-700)}
.ck-catnav a svg{width:15px;height:15px}

/* 分类带 */
.ck-band{padding:34px 0 6px;scroll-margin-top:calc(var(--nav-h) + 70px)}
.ck-band__head{display:flex;align-items:flex-start;gap:14px;border-left:5px solid var(--color-primary-500);padding-left:16px;margin-bottom:18px}
.ck-band__icon{flex:0 0 44px;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}
.ck-band__icon svg{width:24px;height:24px}
.ck-band__title{font-size:clamp(19px,2.4vw,24px);font-weight:700;margin:0;line-height:1.2}
.ck-band__en{font-size:12.5px;color:var(--color-text-tertiary);font-weight:500}
.ck-band__desc{font-size:14px;color:var(--color-text-secondary);margin:4px 0 0;max-width:62ch}
.ck-band__count{margin-left:auto;font-size:12.5px;color:var(--color-text-tertiary);white-space:nowrap;align-self:center}

/* 套餐卡网格 */
.ck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ck-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;min-width:0;transition:border-color .18s ease-out,transform .18s ease-out}
.ck-card:hover{border-color:var(--color-primary-300);transform:translateY(-2px)}
.ck-card__chip{align-self:flex-start;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px;margin-bottom:10px}
.ck-card__name{font-size:16px;font-weight:700;line-height:1.35;margin:0}
.ck-card__en{font-size:12px;color:var(--color-text-tertiary);margin:2px 0 10px}
.ck-card__desc{font-size:13.5px;line-height:1.6;color:var(--color-text-secondary);margin:0 0 14px;flex:1}
.ck-card__price{font-size:13px;color:var(--color-text-secondary);margin-bottom:12px}
.ck-card__price b{font-size:22px;color:var(--ck-price);font-variant-numeric:tabular-nums;font-weight:800;margin-right:2px}
.ck-card__cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border-radius:var(--radius-pill);background:var(--color-primary-700);color:#fff;font-size:14px;font-weight:600;text-decoration:none}
.ck-card__cta:hover{background:var(--color-primary-800)}

/* 关联诊疗特殊态（边界项） */
.ck-card--rel{border-style:dashed;border-color:var(--ck-cat-rel)}
.ck-badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--ck-cat-rel);background:var(--ck-cat-rel-tint);padding:3px 10px;border-radius:999px;margin-bottom:10px}

/* 信任带 / 流程带 */
.ck-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.ck-trust .card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px}
.ck-trust h3{margin:0 0 6px;font-size:15px}
.ck-trust p{margin:0;font-size:13px;color:var(--color-text-secondary);line-height:1.6}
.ck-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;counter-reset:ckf}
.ck-flow .card{position:relative;padding-top:22px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}
.ck-flow .card::before{counter-increment:ckf;content:"0" counter(ckf);position:absolute;top:-14px;left:18px;width:32px;height:32px;border-radius:50%;background:var(--ck-cat-cardio);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.ck-flow h3{margin:0 0 6px;font-size:15px}
.ck-flow p{margin:0;font-size:13px;color:var(--color-text-secondary);line-height:1.6}

/* CTA（纯色深 teal，无渐变；按钮为浅色高对比，amber 不入场） */
.ck-cta{background:var(--color-primary-800);color:#fff;border-radius:var(--radius-lg);padding:clamp(26px,4vw,40px);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:36px}
.ck-cta h2{margin:0 0 6px;font-size:clamp(20px,2.6vw,26px);color:#fff}
.ck-cta p{margin:0;color:rgba(255,255,255,.85);font-size:14.5px;line-height:1.7;max-width:52ch}
.ck-cta .btn{white-space:nowrap}
.ck-cta__btn{background:#fff;color:var(--color-primary-800)}
.ck-cta__btn:hover{background:var(--color-primary-50);color:var(--color-primary-800)}

.ck-note{margin-top:16px;font-size:12.5px;color:var(--color-text-tertiary);line-height:1.7;border-top:1px solid var(--color-border);padding-top:14px}
.ck-sectionlabel{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);margin:40px 0 4px}

@media (max-width:980px){.ck-grid{grid-template-columns:repeat(2,1fr)}.ck-trust,.ck-flow{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.ck-grid{grid-template-columns:1fr}.ck-trust,.ck-flow{grid-template-columns:1fr}.ck-cta{flex-direction:column;align-items:flex-start}.ck-hero{padding:32px 0 20px}}