/* 石膏板用量计算器 —— 蓝图网格 · 轻钢龙骨放样 */
.c60{
  --a:#4f46e5;
  --a2:#0ea5e9;
  --a-soft:rgba(79,70,229,.10);
  --a-line:rgba(79,70,229,.26);
}

/* 蓝图底：细网格 + 十字定位线 */
.c60-hero{
  background:
    radial-gradient(680px 300px at 88% 0%, rgba(14,165,233,.16), transparent 64%),
    linear-gradient(to right, rgba(79,70,229,.075) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(79,70,229,.075) 1px, transparent 1px),
    linear-gradient(135deg,#eef2ff 0%,#e0f2fe 52%,#f8fafc 100%);
  background-size:auto,26px 26px,26px 26px,auto;
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(680px 300px at 88% 0%, rgba(14,165,233,.18), transparent 64%),
    linear-gradient(to right, rgba(99,102,241,.16) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(99,102,241,.16) 1px, transparent 1px),
    linear-gradient(135deg,#0b1024 0%,#0a1627 52%,#0e1626 100%);
  background-size:auto,26px 26px,26px 26px,auto;
}
.c60-hero::after{
  content:"";
  position:absolute;
  right:26px;bottom:22px;
  width:46px;height:46px;
  border-right:2px solid rgba(79,70,229,.35);
  border-bottom:2px solid rgba(79,70,229,.35);
  pointer-events:none;
}
.c60-hero-art .core{
  background:linear-gradient(145deg,#6366f1,#0284c7);
  box-shadow:0 18px 42px rgba(79,70,229,.34);
  border-radius:18px;
}
.c60-hero-art .core::after{
  content:"";
  position:absolute;
  inset:9px;
  border:1px dashed rgba(255,255,255,.42);
  border-radius:10px;
}
.c60-hero-art .ring{border-radius:6px;}
.c60-hero-art .chip b{color:#4338ca;}
:root[data-theme="dark"] .c60-hero-art .chip b{color:#a5b4fc;}

.c60-metric.is-hero{
  background:linear-gradient(135deg,#4f46e5,#0369a1 74%);
  box-shadow:0 16px 34px rgba(79,70,229,.3);
}
.c60-metric.is-hero .v{font-size:clamp(30px,3.5vw,44px);}

.c60-segbtn.on{color:#4338ca;}
:root[data-theme="dark"] .c60-segbtn.on{color:#a5b4fc;}

/* 施工口径卡：左细线 + 图纸标号 */
#gbRuleBox{
  border-left-color:#4f46e5;
  background:linear-gradient(90deg,rgba(79,70,229,.07),rgba(14,165,233,.03));
}
#gbRuleBox h3::before{
  content:"DWG-01 ";
  font-family:ui-monospace,Consolas,monospace;
  font-size:10.5px;
  letter-spacing:1px;
  color:#0284c7;
  opacity:.75;
}

/* 排布示意 */
.gb-plan{
  margin-top:16px;
  padding:12px 12px 8px;
  border:1px solid var(--line);
  border-radius:14px;
  background:
    linear-gradient(to right,rgba(15,23,42,.035) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(15,23,42,.035) 1px,transparent 1px),
    #fff;
  background-size:18px 18px;
  overflow:hidden;
}
:root[data-theme="dark"] .gb-plan{
  background:
    linear-gradient(to right,rgba(148,163,184,.07) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(148,163,184,.07) 1px,transparent 1px),
    #0b1422;
  background-size:18px 18px;
}
.gb-plan svg{display:block;width:100%;height:auto;}
.gb-plan .gp-cap{
  display:flex;justify-content:space-between;gap:8px;
  margin:0 0 6px;
  font-size:11.5px;
  font-weight:800;
  color:var(--muted);
  letter-spacing:.3px;
}
.gb-plan .gp-cap b{color:var(--a);}
.gb-plan .gp-empty{
  display:grid;place-items:center;
  min-height:150px;
  color:var(--muted);
  font-size:12.5px;
  font-weight:700;
}
.gb-plan .gp-b{fill:rgba(79,70,229,.10);stroke:#6366f1;stroke-width:1;}
.gb-plan .gp-b.alt{fill:rgba(14,165,233,.10);stroke:#0ea5e9;stroke-width:1;}
.gb-plan .gp-b.cut{fill:rgba(245,158,11,.20);stroke:#f59e0b;}
.gb-plan .gp-keel{stroke:#0284c7;stroke-width:1.4;stroke-dasharray:5 4;opacity:.75;}
.gb-plan .gp-room{fill:none;stroke:#4f46e5;stroke-width:2;}
.gb-plan .gp-label{font-size:11px;fill:#64748b;font-weight:700;}
.gb-plan .gp-num{font-size:10px;fill:#4f46e5;font-weight:800;}
:root[data-theme="dark"] .gb-plan .gp-label{fill:#94a3b8;}
:root[data-theme="dark"] .gb-plan .gp-num{fill:#a5b4fc;}
:root[data-theme="dark"] .gb-plan .gp-b{fill:rgba(99,102,241,.16);}
:root[data-theme="dark"] .gb-plan .gp-b.alt{fill:rgba(14,165,233,.16);}

/* 材料清单：首列像图纸编号 */
#gbTable td:first-child{font-weight:800;color:var(--ink);}
#gbTable td:nth-child(3){font-variant-numeric:tabular-nums;font-weight:800;color:#4338ca;}
:root[data-theme="dark"] #gbTable td:nth-child(3){color:#a5b4fc;}
#gbTable tbody tr:nth-child(even) td{background:rgba(79,70,229,.035);}

/* 用量条形图 */
.c60-bar-row .bf{background:linear-gradient(90deg,#6366f1,#0ea5e9);}

/* 面积输入高亮 */
#gbArea ~ .unit{color:#4338ca;}