/* 砖墙用砖量计算器 —— 红砖错缝 · 暖陶土色 */
.c60{
  --a:#b91c1c;
  --a2:#f59e0b;
  --a-soft:rgba(185,28,28,.10);
  --a-line:rgba(185,28,28,.26);
}

/* 砖缝纹理：错缝排布 */
.c60-hero{
  background:
    linear-gradient(90deg, rgba(185,28,28,.05) 0 2px, transparent 2px 84px),
    repeating-linear-gradient(0deg, rgba(185,28,28,.06) 0 2px, transparent 2px 26px),
    linear-gradient(135deg,#fff1f2 0%,#fef3c7 58%,#fff7ed 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    linear-gradient(90deg, rgba(248,113,113,.08) 0 2px, transparent 2px 84px),
    repeating-linear-gradient(0deg, rgba(248,113,113,.09) 0 2px, transparent 2px 26px),
    linear-gradient(135deg,#1d0d0d 0%,#231408 58%,#120c18 100%);
}
.c60-hero-art .core{
  background:linear-gradient(145deg,#dc2626,#b45309);
  box-shadow:0 18px 42px rgba(185,28,28,.34);
  border-radius:14px;
  position:relative;
}
.c60-hero-art .core::after{
  content:"";
  position:absolute;
  left:-6px;right:-6px;
  top:50%;
  height:2px;
  background:rgba(255,255,255,.4);
  box-shadow:0 -14px 0 rgba(255,255,255,.28),0 14px 0 rgba(255,255,255,.28);
}
.c60-hero-art .chip b{color:#b91c1c;}
:root[data-theme="dark"] .c60-hero-art .chip b{color:#fca5a5;}

.c60-metric.is-hero{
  background:linear-gradient(135deg,#b91c1c,#92400e 76%);
  box-shadow:0 16px 34px rgba(185,28,28,.3);
}
.c60-metric.is-hero .v{font-size:clamp(30px,3.6vw,46px);}

/* 损耗滑块 */
.bw-range-val{
  margin-top:2px;
  font-size:12px;
  color:var(--muted);
  font-weight:700;
}
.bw-range-val b{color:#b91c1c;font-variant-numeric:tabular-nums;}
:root[data-theme="dark"] .bw-range-val b{color:#fca5a5;}
#bwLoss{background:linear-gradient(to right,#dc2626 0%,#f59e0b var(--fill,25%),var(--soft) var(--fill,25%),var(--soft) 100%);}

/* 砖墙排布示意 */
.bw-wall{
  margin-top:16px;
  padding:12px 12px 6px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fffaf5;
  overflow:hidden;
}
:root[data-theme="dark"] .bw-wall{background:#120e14;}
.bw-wall svg{display:block;width:100%;height:auto;}
.bw-wall .bw-cap{
  display:flex;justify-content:space-between;gap:8px;
  margin-bottom:6px;
  font-size:11.5px;font-weight:800;color:var(--muted);
}
.bw-wall .bw-cap b{color:#b91c1c;}
:root[data-theme="dark"] .bw-wall .bw-cap b{color:#fca5a5;}
.bw-wall .bw-empty{
  display:grid;place-items:center;min-height:150px;
  color:var(--muted);font-size:12.5px;font-weight:700;
}
.bw-brick{fill:#fecaca;stroke:#b91c1c;stroke-width:1.2;}
.bw-brick.alt{fill:#fde68a;stroke:#d97706;}
.bw-brick.cut{fill:#fca5a5;stroke:#991b1b;stroke-dasharray:3 2;}
.bw-mortar{fill:#f8fafc;stroke:#e7e5e4;stroke-width:.8;}
:root[data-theme="dark"] .bw-brick{fill:#4a1d1d;stroke:#ef4444;}
:root[data-theme="dark"] .bw-brick.alt{fill:#4a3410;stroke:#f59e0b;}
:root[data-theme="dark"] .bw-brick.cut{fill:#5c2020;stroke:#fca5a5;}
:root[data-theme="dark"] .bw-mortar{fill:#1b1115;stroke:#2a1a20;}
.bw-wall .bw-label{font-size:11px;fill:#64748b;font-weight:700;}
.bw-wall .bw-dim{stroke:#b91c1c;stroke-width:1.2;}
.bw-wall .bw-dimtext{font-size:10.5px;fill:#b91c1c;font-weight:800;}
:root[data-theme="dark"] .bw-wall .bw-label{fill:#94a3b8;}
:root[data-theme="dark"] .bw-wall .bw-dim{stroke:#f87171;}
:root[data-theme="dark"] .bw-wall .bw-dimtext{fill:#fca5a5;}

/* 表格 */
#bwRefTable td:first-child,
#bwTable td:first-child{font-weight:800;color:var(--ink);}
#bwTable td:nth-child(3){font-variant-numeric:tabular-nums;font-weight:800;color:#b91c1c;}
:root[data-theme="dark"] #bwTable td:nth-child(3){color:#fca5a5;}
#bwTable tbody tr:nth-child(even) td{background:rgba(185,28,28,.035);}
#bwRefTable td:nth-child(3){font-weight:800;color:#b91c1c;}
:root[data-theme="dark"] #bwRefTable td:nth-child(3){color:#fca5a5;}

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