/* 瓷砖排版损耗计算器 —— 对角网格 · 墨绿施工图 */
.c60{
  --a:#0f766e;
  --a2:#334155;
  --a-soft:rgba(15,118,110,.10);
  --a-line:rgba(15,118,110,.26);
}

/* 斜向网格底：模拟 45° 排版 */
.c60-hero{
  background:
    repeating-linear-gradient(45deg, rgba(15,118,110,.09) 0 1px, transparent 1px 30px),
    repeating-linear-gradient(-45deg, rgba(15,118,110,.09) 0 1px, transparent 1px 30px),
    radial-gradient(720px 300px at 88% 0%, rgba(51,65,85,.14), transparent 62%),
    linear-gradient(135deg,#f0fdfa 0%,#e2e8f0 55%,#f8fafc 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    repeating-linear-gradient(45deg, rgba(45,212,191,.12) 0 1px, transparent 1px 30px),
    repeating-linear-gradient(-45deg, rgba(45,212,191,.12) 0 1px, transparent 1px 30px),
    radial-gradient(720px 300px at 88% 0%, rgba(51,65,85,.4), transparent 62%),
    linear-gradient(135deg,#04191b 0%,#0b1a24 55%,#0d1520 100%);
}
.c60-hero-art .core{
  background:linear-gradient(150deg,#2dd4bf,#134e4a 70%,#1e293b);
  box-shadow:0 18px 42px rgba(15,118,110,.34);
  border-radius:12px;
  transform:rotate(-8deg);
}
.c60-hero-art .core::after{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:8px;
  background-image:
    repeating-linear-gradient(45deg,rgba(255,255,255,.28) 0 1px,transparent 1px 12px),
    repeating-linear-gradient(-45deg,rgba(255,255,255,.28) 0 1px,transparent 1px 12px);
}
.c60-hero-art .chip b{color:#0f766e;}
:root[data-theme="dark"] .c60-hero-art .chip b{color:#5eead4;}

.c60-metric.is-hero{
  background:linear-gradient(135deg,#0f766e,#1e293b 78%);
  box-shadow:0 16px 34px rgba(15,118,110,.32);
}
.c60-metric.is-hero .v{font-size:clamp(30px,3.6vw,46px);}

/* 起铺点芯片 */
#tlStartChips .c60-chip.on{
  background:rgba(15,118,110,.12);
  border-color:#0f766e;
  color:#115e59;
}
:root[data-theme="dark"] #tlStartChips .c60-chip.on{color:#5eead4;}

/* 排版示意 */
.tl-plan{
  margin-top:16px;
  padding:12px 12px 6px;
  border:1px solid var(--line);
  border-radius:14px;
  background:
    linear-gradient(to right,rgba(15,118,110,.04) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(15,118,110,.04) 1px,transparent 1px),
    #fbfdfc;
  background-size:20px 20px;
  overflow:hidden;
}
:root[data-theme="dark"] .tl-plan{
  background:
    linear-gradient(to right,rgba(45,212,191,.06) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(45,212,191,.06) 1px,transparent 1px),
    #0a1418;
  background-size:20px 20px;
}
.tl-plan svg{display:block;width:100%;height:auto;}
.tl-plan .tl-cap{
  display:flex;justify-content:space-between;gap:10px;
  margin-bottom:5px;
  font-size:11.5px;font-weight:800;color:var(--muted);
}
.tl-plan .tl-cap b{color:#0f766e;}
:root[data-theme="dark"] .tl-plan .tl-cap b{color:#5eead4;}
.tl-plan .tl-empty{
  display:grid;place-items:center;min-height:150px;
  color:var(--muted);font-size:12.5px;font-weight:700;
}
.tl-tile{fill:rgba(15,118,110,.10);stroke:#0f766e;stroke-width:1;}
.tl-tile.alt{fill:rgba(51,65,85,.10);stroke:#475569;}
.tl-tile.cut{fill:rgba(245,158,11,.22);stroke:#d97706;stroke-dasharray:3 2;}
.tl-room{fill:none;stroke:#0f766e;stroke-width:2.2;}
.tl-offset{stroke:#dc2626;stroke-width:1;stroke-dasharray:4 3;}
.tl-label{font-size:10.5px;fill:#475569;font-weight:800;}
.tl-note{font-size:10.5px;fill:#0f766e;font-weight:800;}
:root[data-theme="dark"] .tl-tile{fill:rgba(45,212,191,.14);stroke:#2dd4bf;}
:root[data-theme="dark"] .tl-tile.alt{fill:rgba(148,163,184,.14);stroke:#94a3b8;}
:root[data-theme="dark"] .tl-tile.cut{fill:rgba(245,158,11,.22);stroke:#fbbf24;}
:root[data-theme="dark"] .tl-room{stroke:#2dd4bf;}
:root[data-theme="dark"] .tl-offset{stroke:#f87171;}
:root[data-theme="dark"] .tl-label{fill:#94a3b8;}
:root[data-theme="dark"] .tl-note{fill:#5eead4;}

/* 表格 */
#tlRefTable td:first-child,#tlTable td:first-child{font-weight:800;color:var(--ink);}
#tlTable td:nth-child(3){font-variant-numeric:tabular-nums;font-weight:800;color:#115e59;}
:root[data-theme="dark"] #tlTable td:nth-child(3){color:#5eead4;}
#tlTable tbody tr:nth-child(even) td{background:rgba(15,118,110,.035);}
#tlRefTable td:nth-child(2){font-weight:800;color:#0f766e;}
:root[data-theme="dark"] #tlRefTable td:nth-child(2){color:#5eead4;}

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