/* 心血管风险计算器 —— 心电红 · 脉冲波形 */
.c60{
  --a:#b91c1c;
  --a2:#fb7185;
  --a-soft:rgba(185,28,28,.10);
  --a-line:rgba(185,28,28,.26);
}

/* hero：心电图纸网格 + 红色脉冲 */
.c60-hero{
  background:
    radial-gradient(720px 300px at 12% -6%, rgba(255,255,255,.78), transparent 62%),
    repeating-linear-gradient(0deg, rgba(185,28,28,.06) 0 1px, transparent 1px 24px),
    repeating-linear-gradient(90deg, rgba(185,28,28,.05) 0 1px, transparent 1px 24px),
    linear-gradient(134deg, #fff5f5 0%, #ffe4e6 46%, #fecdd3 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(720px 300px at 12% -6%, rgba(251,113,133,.16), transparent 62%),
    repeating-linear-gradient(0deg, rgba(251,113,133,.07) 0 1px, transparent 1px 24px),
    repeating-linear-gradient(90deg, rgba(251,113,133,.06) 0 1px, transparent 1px 24px),
    linear-gradient(134deg,#220b10 0%,#2a0e15 48%,#0d1424 100%);
}
.cv .c60-hero-art .core{
  background:linear-gradient(145deg,#ef4444,#991b1b);
  box-shadow:0 18px 42px rgba(153,27,27,.34);
}
.cv .c60-hero-art .chip b{color:#b91c1c;}

/* 心电波形装饰 */
.cv-ecg{
  position:absolute;
  inset:12px 0 auto;
  width:100%;
  height:110px;
  opacity:.42;
  pointer-events:none;
}
.cv-ecg polyline{
  fill:none;
  stroke:#dc2626;
  stroke-width:2.2;
  stroke-linejoin:round;
  stroke-linecap:round;
  stroke-dasharray:4 5;
}
:root[data-theme="dark"] .cv-ecg{opacity:.55;}
:root[data-theme="dark"] .cv-ecg polyline{stroke:#fb7185;}

/* 主结果 */
.cv .c60-metric.is-hero{
  background:linear-gradient(135deg,#dc2626,#7f1d1d 76%);
  box-shadow:0 16px 34px rgba(153,27,27,.32);
}
.cv .c60-metric.is-hero .v{font-size:clamp(30px,3.6vw,44px);}

.cv .c60-segbtn.on{color:#b91c1c;}
.cv .c60-chip.on{background:rgba(185,28,28,.12);border-color:#b91c1c;color:#991b1b;}

/* 仪表盘 */
.cv-gauge{margin-top:2px;}
.cv-gauge svg{display:block;width:100%;height:auto;max-height:210px;}
.cv-gauge text{font-family:var(--font);}
.cv-scale{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
  margin:2px 0 4px;
  font-size:11.5px;
  font-weight:800;
}
.cv-scale span{padding:3px 9px;border-radius:999px;}
.cv-scale .ok{background:rgba(5,150,105,.12);color:#047857;}
.cv-scale .mid{background:rgba(217,119,6,.13);color:#b45309;}
.cv-scale .high{background:rgba(185,28,28,.13);color:#b91c1c;}
:root[data-theme="dark"] .cv-scale .ok{color:#34d399;}
:root[data-theme="dark"] .cv-scale .mid{color:#fbbf24;}
:root[data-theme="dark"] .cv-scale .high{color:#fb7185;}

/* 条形图容器 */
.cv .c60-viz .c60-bars{margin-top:8px;}

/* 说明列表 */
.cv-howto{margin:0;padding-left:18px;font-size:13px;line-height:1.9;color:var(--ink2);}
.cv-howto li{margin:5px 0;}
.cv-howto b{color:var(--ink);}

/* 结果分级色（由 JS 写入 class） */
.cv-level-low{color:#047857 !important;}
.cv-level-mid{color:#b45309 !important;}
.cv-level-high{color:#b91c1c !important;}
:root[data-theme="dark"] .cv-level-low{color:#34d399 !important;}
:root[data-theme="dark"] .cv-level-mid{color:#fbbf24 !important;}
:root[data-theme="dark"] .cv-level-high{color:#fb7185 !important;}

@media (max-width:640px){
  .cv-ecg{opacity:.3;}
  .cv-gauge svg{max-height:180px;}
}
@media print{
  .cv-ecg{display:none;}
}