/* 羊水指数计算器 —— 深湖青 · 波纹与水囊 */
.c60{
  --a:#0e7490;
  --a2:#67e8f9;
  --a-soft:rgba(14,116,144,.10);
  --a-line:rgba(14,116,144,.26);
}

.c60-hero{
  background:
    radial-gradient(720px 300px at 10% -8%, rgba(255,255,255,.8), transparent 62%),
    radial-gradient(520px 220px at 100% 110%, rgba(6,182,212,.18), transparent 70%),
    linear-gradient(134deg, #ecfeff 0%, #cffafe 46%, #a5f3fc 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(720px 300px at 10% -8%, rgba(103,232,249,.14), transparent 62%),
    radial-gradient(520px 220px at 100% 110%, rgba(6,182,212,.16), transparent 70%),
    linear-gradient(134deg,#052027 0%,#062c36 48%,#0d1424 100%);
}
.af .c60-hero-art .core{
  background:linear-gradient(145deg,#06b6d4,#155e75);
  box-shadow:0 18px 42px rgba(21,94,117,.34);
}
.af .c60-hero-art .chip b{color:#0e7490;}

.af-wave{
  position:absolute;
  inset:auto 0 2px;
  width:100%;
  height:96px;
  pointer-events:none;
}
.af-wave path{
  fill:none;
  stroke:#0891b2;
  stroke-width:2.4;
  stroke-linecap:round;
  opacity:.45;
}
:root[data-theme="dark"] .af-wave path{stroke:#67e8f9;opacity:.35;}

.af .c60-metric.is-hero{
  background:linear-gradient(135deg,#0891b2,#164e63 76%);
  box-shadow:0 16px 34px rgba(22,78,99,.32);
}
.af .c60-metric.is-hero .v{font-size:clamp(30px,3.6vw,44px);}

.af .c60-chip.on{background:rgba(14,116,144,.12);border-color:#0e7490;color:#155e75;}

/* 四象限示意图 */
.af-grid svg{display:block;width:100%;height:auto;max-height:330px;}
.af-grid text{font-family:var(--font);}

.c60-table-wrap{border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.c60-table{width:100%;border-collapse:collapse;font-size:12.5px;}
.c60-table th{background:var(--a-soft);color:var(--a);font-weight:800;text-align:left;padding:9px 12px;font-size:11.5px;letter-spacing:.02em;}
.c60-table td{padding:8px 12px;border-top:1px solid var(--line);color:var(--ink2);}
.c60-table tbody tr:nth-child(even) td{background:rgba(14,116,144,.035);}
.c60-table td:nth-child(2),.c60-table td:nth-child(3){font-variant-numeric:tabular-nums;}

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

/* 分级色 */
.af-level-none{color:#b91c1c !important;}
.af-level-low{color:#b45309 !important;}
.af-level-ok{color:#0e7490 !important;}
.af-level-high{color:#be123c !important;}
:root[data-theme="dark"] .af-level-none{color:#fb7185 !important;}
:root[data-theme="dark"] .af-level-low{color:#fbbf24 !important;}
:root[data-theme="dark"] .af-level-ok{color:#67e8f9 !important;}
:root[data-theme="dark"] .af-level-high{color:#fda4af !important;}

@media (max-width:640px){
  .af-wave{opacity:.5;}
  .af-grid svg{max-height:270px;}
}
@media print{
  .af-wave{display:none;}
}