/* 儿童BMI计算器 —— 生长绿 · 曲线网格 */
.c60{
  --a:#15803d;
  --a2:#86efac;
  --a-soft:rgba(21,128,61,.10);
  --a-line:rgba(21,128,61,.26);
}

/* hero：生长图纸 + 缓坡曲线 */
.c60-hero{
  background:
    radial-gradient(700px 300px at 8% -10%, rgba(255,255,255,.8), transparent 62%),
    repeating-linear-gradient(0deg, rgba(21,128,61,.075) 0 1px, transparent 1px 30px),
    repeating-linear-gradient(90deg, rgba(21,128,61,.055) 0 1px, transparent 1px 38px),
    linear-gradient(134deg, #f0fdf4 0%, #dcfce7 46%, #bbf7d0 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(700px 300px at 8% -10%, rgba(134,239,172,.14), transparent 62%),
    repeating-linear-gradient(0deg, rgba(134,239,172,.07) 0 1px, transparent 1px 30px),
    repeating-linear-gradient(90deg, rgba(134,239,172,.05) 0 1px, transparent 1px 38px),
    linear-gradient(134deg,#07220f 0%,#0a2a15 48%,#0d1424 100%);
}
.cb .c60-hero-art .core{
  background:linear-gradient(145deg,#22c55e,#166534);
  box-shadow:0 18px 42px rgba(22,101,52,.32);
}
.cb .c60-hero-art .chip b{color:#15803d;}

/* 生长曲线装饰 */
.cb-curve{
  position:absolute;
  inset:auto 0 6px;
  width:100%;
  height:120px;
  pointer-events:none;
}
.cb-curve path{
  fill:none;
  stroke:#16a34a;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-dasharray:5 6;
  opacity:.55;
}
:root[data-theme="dark"] .cb-curve path{stroke:#86efac;opacity:.4;}

.cb .c60-metric.is-hero{
  background:linear-gradient(135deg,#16a34a,#14532d 76%);
  box-shadow:0 16px 34px rgba(20,83,45,.30);
}
.cb .c60-metric.is-hero .v{font-size:clamp(30px,3.6vw,44px);}

.cb .c60-chip.on{background:rgba(21,128,61,.12);border-color:#15803d;color:#166534;}

/* 生长曲线容器 */
.cb-curve-box svg{display:block;width:100%;height:auto;max-height:300px;}
.cb-curve-box text{font-family:var(--font);}

/* 参考表 */
.cb-table td:first-child{font-weight:800;color:var(--ink);}
.cb-table td:nth-child(2){font-variant-numeric:tabular-nums;color:var(--a);font-weight:800;}
.cb-table td:nth-child(3){font-variant-numeric:tabular-nums;}
.cb-table tbody tr:nth-child(even) td{background:rgba(21,128,61,.035);}

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

/* 分级色 */
.cb-level-thin{color:#0369a1 !important;}
.cb-level-normal{color:#15803d !important;}
.cb-level-over{color:#b45309 !important;}
.cb-level-obese{color:#b91c1c !important;}
:root[data-theme="dark"] .cb-level-thin{color:#7dd3fc !important;}
:root[data-theme="dark"] .cb-level-normal{color:#86efac !important;}
:root[data-theme="dark"] .cb-level-over{color:#fbbf24 !important;}
:root[data-theme="dark"] .cb-level-obese{color:#fb7185 !important;}

@media (max-width:640px){
  .cb-curve{opacity:.5;}
  .cb-curve-box svg{max-height:240px;}
}
@media print{
  .cb-curve{display:none;}
}