/* 防水面积计算器 —— 水波涟漪 · 深蓝防潮 */
.c60{
  --a:#1d4ed8;
  --a2:#38bdf8;
  --a-soft:rgba(29,78,216,.10);
  --a-line:rgba(29,78,216,.26);
}

/* 水波涟漪底 */
.c60-hero{
  background:
    repeating-radial-gradient(circle at 82% 18%, rgba(56,189,248,.14) 0 2px, transparent 3px 26px),
    radial-gradient(700px 320px at 12% 4%, rgba(29,78,216,.12), transparent 62%),
    linear-gradient(135deg,#eff6ff 0%,#dbeafe 52%,#ecfeff 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    repeating-radial-gradient(circle at 82% 18%, rgba(56,189,248,.16) 0 2px, transparent 3px 26px),
    radial-gradient(700px 320px at 12% 4%, rgba(37,99,235,.22), transparent 62%),
    linear-gradient(135deg,#060e24 0%,#0a1a38 52%,#061826 100%);
}
.c60-hero-art .core{
  background:linear-gradient(150deg,#60a5fa,#1e3a8a);
  box-shadow:0 18px 42px rgba(29,78,216,.36);
  border-radius:50%;
}
.c60-hero-art .core::after{
  content:"";
  position:absolute;
  inset:11px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.4);
  box-shadow:inset 0 8px 18px rgba(255,255,255,.18);
}
.c60-hero-art .ring{border-radius:50%;}
.c60-hero-art .chip b{color:#1d4ed8;}
:root[data-theme="dark"] .c60-hero-art .chip b{color:#93c5fd;}

.c60-metric.is-hero{
  background:linear-gradient(135deg,#1d4ed8,#0369a1 78%);
  box-shadow:0 16px 34px rgba(29,78,216,.32);
}
.c60-metric.is-hero .v{font-size:clamp(30px,3.6vw,46px);}

/* 场景预设 */
#waPresetChips .c60-chip.on{
  background:rgba(29,78,216,.12);
  border-color:#1d4ed8;
  color:#1e40af;
}
:root[data-theme="dark"] #waPresetChips .c60-chip.on{color:#93c5fd;}

/* 防水层剖面 */
.wa-section{
  margin-top:16px;
  padding:12px 12px 6px;
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(180deg,#f8fbff,#eef6ff);
  overflow:hidden;
}
:root[data-theme="dark"] .wa-section{background:linear-gradient(180deg,#081524,#0a1a2e);}
.wa-section svg{display:block;width:100%;height:auto;}
.wa-section .wa-cap{
  display:flex;justify-content:space-between;gap:10px;
  margin-bottom:4px;
  font-size:11.5px;font-weight:800;color:var(--muted);
}
.wa-section .wa-cap b{color:#1d4ed8;}
:root[data-theme="dark"] .wa-section .wa-cap b{color:#93c5fd;}
.wa-section .wa-empty{
  display:grid;place-items:center;min-height:140px;
  color:var(--muted);font-size:12.5px;font-weight:700;
}
.wa-slab{fill:#e2e8f0;stroke:#94a3b8;stroke-width:1.2;}
.wa-wall{fill:#f1f5f9;stroke:#94a3b8;stroke-width:1.2;}
.wa-layer{fill:rgba(29,78,216,.22);stroke:#1d4ed8;stroke-width:2;}
.wa-layer-shower{fill:rgba(56,189,248,.28);stroke:#0284c7;stroke-width:2;}
.wa-layer-other{fill:rgba(245,158,11,.22);stroke:#d97706;stroke-width:2;}
.wa-dim{stroke:#1d4ed8;stroke-width:1.2;}
.wa-txt{font-size:10.5px;fill:#1e40af;font-weight:800;}
.wa-note{font-size:11px;fill:#64748b;font-weight:700;}
:root[data-theme="dark"] .wa-slab{fill:#16233a;stroke:#475569;}
:root[data-theme="dark"] .wa-wall{fill:#101c30;stroke:#475569;}
:root[data-theme="dark"] .wa-layer{fill:rgba(59,130,246,.28);stroke:#60a5fa;}
:root[data-theme="dark"] .wa-layer-shower{fill:rgba(56,189,248,.24);stroke:#38bdf8;}
:root[data-theme="dark"] .wa-layer-other{fill:rgba(245,158,11,.20);stroke:#fbbf24;}
:root[data-theme="dark"] .wa-dim{stroke:#93c5fd;}
:root[data-theme="dark"] .wa-txt{fill:#bfdbfe;}
:root[data-theme="dark"] .wa-note{fill:#94a3b8;}

/* 面积占比 */
.wa-share{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:center;
  margin-top:14px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--soft);
}
.wa-donut svg{display:block;max-width:100%;height:auto;}
.wa-share-legend{min-width:0;}
.wa-lg{
  display:flex;align-items:center;gap:8px;
  padding:5px 0;
  border-bottom:1px dashed var(--line);
  font-size:12.5px;font-weight:700;color:var(--ink2);
}
.wa-lg:last-child{border-bottom:0;}
.wa-lg i{width:10px;height:10px;border-radius:50%;flex:none;}
.wa-lg b{margin-left:auto;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums;}
.wa-lg .s-ground{background:#1d4ed8;}
.wa-lg .s-shower{background:#38bdf8;}
.wa-lg .s-other{background:#f59e0b;}
.wa-lg .s-total{background:#0f172a;}
:root[data-theme="dark"] .wa-lg .s-total{background:#e2e8f0;}

/* 表格 */
#waRefTable td:first-child,#waTable td:first-child{font-weight:800;color:var(--ink);}
#waTable td:nth-child(3){font-weight:800;color:#1d4ed8;font-variant-numeric:tabular-nums;}
:root[data-theme="dark"] #waTable td:nth-child(3){color:#93c5fd;}
#waTable tbody tr:nth-child(even) td{background:rgba(29,78,216,.035);}

/* 条形图 */
.c60-bar-row .bf{background:linear-gradient(90deg,#60a5fa,#1d4ed8);}

@media (max-width:640px){
  .wa-share{grid-template-columns:1fr;justify-items:center;}
  .wa-share-legend{width:100%;}
}