/* 板材开料计算器 —— 森林绿 + 青柠 · 板材切割 */
.c60{
  --a:#166534;
  --a2:#84cc16;
  --a-soft:rgba(22,101,52,.10);
  --a-line:rgba(22,101,52,.26);
}

.c60-hero{
  background:
    radial-gradient(660px 300px at 90% 4%, rgba(132,204,22,.22), transparent 60%),
    repeating-linear-gradient(120deg, rgba(22,101,52,.05) 0 1px, transparent 1px 16px),
    linear-gradient(135deg,#f7fdf3 0%,#effae6 46%,#dcf7c9 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(660px 300px at 90% 4%, rgba(132,204,22,.18), transparent 60%),
    repeating-linear-gradient(120deg, rgba(132,204,22,.05) 0 1px, transparent 1px 16px),
    linear-gradient(135deg,#08150a 0%,#0c1d0c 46%,#0a1d2a 100%);
}
.c60-hero h1 em{background:linear-gradient(120deg,#166534,#65a30d);-webkit-background-clip:text;background-clip:text;}
.c60-hero-badge{color:#166534;border-color:rgba(22,101,52,.24);}

/* hero：一张板 + 排好零件 */
.c60-hero-art{min-height:200px;}
.c60-hero-art .bc-sheet{
  position:relative;
  width:118px;height:196px;
  border-radius:8px;
  background:linear-gradient(165deg,#f2f8ec,#e3f0d7);
  border:1px solid #b9d3a4;
  box-shadow:0 18px 40px rgba(22,101,52,.18);
  transform:rotate(-3deg);
}
.c60-hero-art .bc-part{
  position:absolute;
  border-radius:3px;
  border:1px solid #6b9b4f;
  background:linear-gradient(160deg,#cfe6b8,#a9cf8b);
}
.c60-hero-art .bc-part.a{left:8px;top:8px;width:46px;height:88px;}
.c60-hero-art .bc-part.b{right:8px;top:8px;width:48px;height:52px;}
.c60-hero-art .bc-part.c{right:8px;top:66px;width:48px;height:30px;}
.c60-hero-art .bc-part.d{left:8px;top:102px;width:100px;height:38px;}
.c60-hero-art .bc-part.e{left:8px;top:146px;width:62px;height:42px;}
.c60-hero-art .bc-part.e + .bc-part{display:none;}
.c60-hero-art .chip b{color:#166534;}
:root[data-theme="dark"] .c60-hero-art .bc-sheet{
  background:linear-gradient(165deg,#12240f,#0b1a0c);
  border-color:#2c4a29;
  box-shadow:0 18px 40px rgba(0,0,0,.4);
}
:root[data-theme="dark"] .c60-hero-art .bc-part{
  background:linear-gradient(160deg,#3c6b34,#2a4d26);
  border-color:#4d7a42;
}

/* 主结果 */
.c60-metric.is-hero{
  background:linear-gradient(135deg,#166534,#15803d 58%,#4d7c0f);
  box-shadow:0 16px 34px rgba(22,101,52,.32);
}

/* 利用率 */
.bc-util{
  margin-top:16px;
  padding:14px 16px;
  border-radius:14px;
  background:linear-gradient(135deg,#f6fdf1,#eaf7df);
  border:1px solid #d4e8c2;
}
:root[data-theme="dark"] .bc-util{
  background:linear-gradient(135deg,#0c1a0a,#0a1821);
  border-color:#284024;
}
.bc-util-head{display:flex;align-items:baseline;justify-content:space-between;font-size:12.5px;font-weight:800;color:var(--ink2);}
.bc-util-head b{font-size:20px;color:#166534;font-variant-numeric:tabular-nums;}
:root[data-theme="dark"] .bc-util-head b{color:#a3e635;}
.bc-util-bar{
  position:relative;
  height:10px;
  margin:9px 0 8px;
  border-radius:6px;
  background:rgba(22,101,52,.12);
  overflow:hidden;
}
.bc-util-bar i{
  display:block;
  height:100%;
  width:0;
  border-radius:6px;
  background:linear-gradient(90deg,#84cc16,#166534);
  transition:width .35s ease;
}
.bc-util p{margin:0;font-size:11.5px;line-height:1.6;color:var(--muted);}

/* 排布示意 */
.bc-plan{
  margin-top:16px;
  padding:14px 14px 6px;
  border-radius:14px;
  background:linear-gradient(180deg,#f8fdf4,#eef8e6);
  border:1px solid #d8ecc7;
}
:root[data-theme="dark"] .bc-plan{
  background:linear-gradient(180deg,#0b180a,#0a1720);
  border-color:#243a20;
}
.bc-plan-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;}
.bc-plan-h h3{margin:0;font-size:13px;font-weight:900;color:var(--ink2);}
.bc-plan-h span{font-size:11.5px;font-weight:800;color:#166534;}
:root[data-theme="dark"] .bc-plan-h span{color:#a3e635;}
.bc-plan svg{display:block;width:100%;height:auto;max-height:330px;}

/* 零件表 */
#bcPartTable td:first-child{font-weight:800;color:var(--ink);}
#bcPartTable td:nth-child(5){font-variant-numeric:tabular-nums;font-weight:800;color:#166534;}
:root[data-theme="dark"] #bcPartTable td:nth-child(5){color:#a3e635;}
#bcPartTable tbody tr:nth-child(even) td{background:rgba(132,204,22,.06);}
#bcPartTable tr.is-total td{background:rgba(132,204,22,.12);font-weight:800;}

.c60-chip.on{background:rgba(132,204,22,.16);border-color:#65a30d;color:#166534;}
:root[data-theme="dark"] .c60-chip.on{color:#a3e635;}
.c60-bar-row .bf{background:linear-gradient(90deg,#65a30d,#166534);}

#bcW,#bcH,#bcD{color:#166534;}

@media (max-width:640px){
  .c60-hero-art .bc-sheet{width:100px;height:170px;}
  .bc-plan{padding:10px 10px 4px;}
}