/* 胎儿体重估算计算器 —— 暖粉曲线 · 孕期柔光 */
.c60{
  --a:#db2777;
  --a2:#f9a8d4;
  --a-soft:rgba(219,39,119,.10);
  --a-line:rgba(219,39,119,.26);
}

/* 曲线母题：柔和弧线 + 暖粉光 */
.c60-hero{
  background:
    radial-gradient(680px 300px at 12% 0%, rgba(255,255,255,.84), transparent 64%),
    radial-gradient(420px 220px at 88% 18%, rgba(249,168,212,.28), transparent 68%),
    repeating-radial-gradient(ellipse at 70% 90%, rgba(219,39,119,.05) 0 2px, transparent 2px 20px),
    linear-gradient(135deg,#fff8fb 0%,#fce7f3 52%,#fdf2f8 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(680px 300px at 12% 0%, rgba(219,39,119,.18), transparent 64%),
    radial-gradient(420px 220px at 88% 18%, rgba(249,168,212,.1), transparent 68%),
    repeating-radial-gradient(ellipse at 70% 90%, rgba(249,168,212,.05) 0 2px, transparent 2px 20px),
    linear-gradient(135deg,#1b0a15 0%,#240f1d 52%,#101a2c 100%);
}
.c60-hero-art .core{
  background:linear-gradient(145deg,#f472b6,#9d174d);
  box-shadow:0 18px 42px rgba(157,23,77,.34);
}
.c60-hero-art .chip b{color:#be185d;}
:root[data-theme="dark"] .c60-hero-art .chip b{color:#f9a8d4;}

.c60-metric.is-hero{
  background:linear-gradient(135deg,#ec4899,#9d174d 76%);
  box-shadow:0 16px 34px rgba(157,23,77,.3);
}
.c60-metric.is-hero .v{font-size:clamp(28px,3.4vw,42px);}

.c60-segbtn.on{color:#be185d;}
.c60-chip.on{background:rgba(219,39,119,.10);border-color:#db2777;color:#be185d;}
:root[data-theme="dark"] .c60-chip.on{color:#f9a8d4;border-color:#f472b6;}

/* 显著免责声明 */
.fw-alert{
  display:flex;flex-direction:column;gap:4px;
  margin:14px 0 4px;padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(219,39,119,.35);
  border-left:4px solid #db2777;
  background:linear-gradient(90deg,rgba(219,39,119,.10),rgba(249,168,212,.08));
}
.fw-alert strong{
  font-size:13.5px;font-weight:900;color:#be185d;
  letter-spacing:.2px;
}
.fw-alert span{font-size:12.5px;line-height:1.7;color:var(--ink2);}
.fw-alert.is-sticky{margin:0 0 14px;position:relative;}
:root[data-theme="dark"] .fw-alert strong{color:#f9a8d4;}

/* 公式说明 */
.fw-howto{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;}
.fw-howto li{
  position:relative;
  padding:11px 13px 11px 40px;
  border-radius:12px;
  background:linear-gradient(90deg,rgba(219,39,119,.08),transparent 74%);
  border:1px solid rgba(219,39,119,.18);
  color:var(--ink2);
  font-size:13px;
  line-height:1.75;
}
.fw-howto li::before{
  content:"∿";
  position:absolute;left:14px;top:7px;
  font-size:18px;color:var(--a);font-weight:700;
}
.fw-howto b{color:var(--ink);}

/* 生长曲线 */
.fw-viz{
  margin-top:16px;
  border:1px solid rgba(219,39,119,.24);
  border-radius:14px;
  background:
    radial-gradient(ellipse at 82% 22%, rgba(249,168,212,.14), transparent 62%),
    var(--soft);
  padding:12px 14px 10px;
}
.fw-viz-h{
  display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;
  margin-bottom:8px;
  font-size:12px;font-weight:800;color:#be185d;
}
.fw-viz-h span:last-child{color:var(--muted);font-weight:600;}
.fw-viz svg{display:block;width:100%;height:auto;}

/* 百分位定位条 */
.fw-rank{
  display:flex;align-items:center;gap:10px;
  margin-top:10px;padding:9px 12px;
  border-radius:10px;
  background:rgba(219,39,119,.07);
  border:1px solid rgba(219,39,119,.16);
  font-size:12px;color:var(--ink2);
}
.fw-rank b{color:#be185d;font-size:13px;}
:root[data-theme="dark"] .fw-rank b{color:#f9a8d4;}
.fw-rank-track{
  position:relative;flex:1;height:8px;border-radius:99px;
  background:linear-gradient(90deg,rgba(219,39,119,.15),rgba(219,39,119,.3),rgba(219,39,119,.15));
}
.fw-rank-track i{
  position:absolute;top:-3px;width:4px;height:14px;border-radius:3px;
  background:#db2777;transform:translateX(-50%);
  box-shadow:0 0 0 2px rgba(219,39,119,.18);
}

/* 孕周参考表 */
.fw-table td:first-child{font-weight:800;color:var(--ink);}
.fw-table td:nth-child(2),
.fw-table td:nth-child(3){font-variant-numeric:tabular-nums;white-space:nowrap;}
.fw-table tbody tr:nth-child(even) td{background:rgba(219,39,119,.035);}
.fw-table tr.is-current td{background:rgba(219,39,119,.09);font-weight:800;color:#be185d;}
:root[data-theme="dark"] .fw-table tr.is-current td{color:#f9a8d4;}

@media (max-width:640px){
  .fw-viz{padding:10px 8px 8px;}
  .fw-alert{padding:10px 12px;}
}