/* 瓷砖胶用量计算器 —— 瓷砖网格 · 湿润青蓝 */
.c60{
  --a:#0891b2;
  --a2:#14b8a6;
  --a-soft:rgba(8,145,178,.10);
  --a-line:rgba(8,145,178,.26);
}

/* 瓷砖网格底：大格 + 小缝 */
.c60-hero{
  background:
    linear-gradient(to right, rgba(8,145,178,.10) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(8,145,178,.10) 1px, transparent 1px),
    radial-gradient(720px 300px at 86% 4%, rgba(20,184,166,.18), transparent 64%),
    linear-gradient(135deg,#ecfeff 0%,#cffafe 50%,#f0fdfa 100%);
  background-size:44px 44px,44px 44px,auto,auto;
}
:root[data-theme="dark"] .c60-hero{
  background:
    linear-gradient(to right, rgba(34,211,238,.12) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(34,211,238,.12) 1px, transparent 1px),
    radial-gradient(720px 300px at 86% 4%, rgba(20,184,166,.18), transparent 64%),
    linear-gradient(135deg,#04141b 0%,#06222b 50%,#0a1a22 100%);
  background-size:44px 44px,44px 44px,auto,auto;
}
.c60-hero-art .core{
  background:linear-gradient(145deg,#22d3ee,#0f766e);
  box-shadow:0 18px 42px rgba(8,145,178,.34);
  border-radius:20px;
}
.c60-hero-art .core::after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:12px;
  background-image:
    linear-gradient(to right,rgba(255,255,255,.34) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(255,255,255,.34) 1px,transparent 1px);
  background-size:16px 16px;
}
.c60-hero-art .chip b{color:#0e7490;}
:root[data-theme="dark"] .c60-hero-art .chip b{color:#67e8f9;}

.c60-metric.is-hero{
  background:linear-gradient(135deg,#0891b2,#0f766e 76%);
  box-shadow:0 16px 34px rgba(8,145,178,.3);
}
.c60-metric.is-hero .v{font-size:clamp(30px,3.6vw,46px);}

/* 平整度 chips */
#taFlatChips .c60-chip{min-width:74px;}
#taFlatChips .c60-chip.on{
  background:rgba(8,145,178,.12);
  border-color:#0891b2;
  color:#0e7490;
}
:root[data-theme="dark"] #taFlatChips .c60-chip.on{color:#67e8f9;}

/* 齿深刮刀剖面 */
.ta-trowel{
  margin-top:16px;
  padding:12px 14px 6px;
  border:1px solid var(--line);
  border-radius:14px;
  background:
    radial-gradient(circle at 88% 12%,rgba(20,184,166,.12),transparent 58%),
    var(--soft);
}
.ta-trowel svg{display:block;width:100%;height:auto;}
.ta-trowel .ta-cap{
  display:flex;justify-content:space-between;gap:10px;
  margin-bottom:6px;
  font-size:11.5px;font-weight:800;color:var(--muted);
}
.ta-trowel .ta-cap b{color:#0e7490;}
:root[data-theme="dark"] .ta-trowel .ta-cap b{color:#67e8f9;}
.ta-trowel .ta-empty{
  display:grid;place-items:center;min-height:120px;
  color:var(--muted);font-size:12.5px;font-weight:700;
}
.ta-trowel .ta-blade{fill:#cffafe;stroke:#0891b2;stroke-width:1.6;}
.ta-trowel .ta-tooth{fill:#67e8f9;stroke:#0e7490;stroke-width:1;}
.ta-trowel .ta-glue{fill:rgba(20,184,166,.30);}
.ta-trowel .ta-line{stroke:#0e7490;stroke-width:1;stroke-dasharray:4 3;}
.ta-trowel .ta-dim{stroke:#0e7490;stroke-width:1.2;}
.ta-trowel .ta-txt{font-size:10.5px;fill:#0e7490;font-weight:800;}
.ta-trowel .ta-note{font-size:11px;fill:#64748b;font-weight:700;}
:root[data-theme="dark"] .ta-trowel .ta-blade{fill:#0b2a33;stroke:#22d3ee;}
:root[data-theme="dark"] .ta-trowel .ta-tooth{fill:#155e63;stroke:#2dd4bf;}
:root[data-theme="dark"] .ta-trowel .ta-glue{fill:rgba(45,212,191,.22);}
:root[data-theme="dark"] .ta-trowel .ta-line,
:root[data-theme="dark"] .ta-trowel .ta-dim{stroke:#5eead4;}
:root[data-theme="dark"] .ta-trowel .ta-txt{fill:#5eead4;}
:root[data-theme="dark"] .ta-trowel .ta-note{fill:#94a3b8;}

/* 表格 */
#taRefTable td:first-child,#taTable td:first-child{font-weight:800;color:var(--ink);}
#taRefTable td:nth-child(2),#taTable td:nth-child(3){font-variant-numeric:tabular-nums;font-weight:800;color:#0e7490;}
:root[data-theme="dark"] #taRefTable td:nth-child(2),
:root[data-theme="dark"] #taTable td:nth-child(3){color:#67e8f9;}
#taTable tbody tr:nth-child(even) td{background:rgba(8,145,178,.035);}

/* 条形图 */
.c60-bar-row .bf{background:linear-gradient(90deg,#22d3ee,#0f766e);}