/* 防腐木围栏计算器 —— 木作绿 · 竖板纹理 */
.c60{
  --a:#3f6212;
  --a2:#a3e635;
  --a-soft:rgba(63,98,18,.10);
  --a-line:rgba(63,98,18,.26);
}

/* hero：木纹直条 + 林间绿光 */
.c60-hero{
  background:
    radial-gradient(700px 300px at 12% -6%, rgba(255,255,255,.78), transparent 62%),
    repeating-linear-gradient(90deg, rgba(63,98,18,.05) 0 2px, transparent 2px 11px),
    repeating-linear-gradient(0deg, rgba(63,98,18,.035) 0 1px, transparent 1px 38px),
    linear-gradient(132deg, #f7fee7 0%, #ecfccb 46%, #d9f99d 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(700px 300px at 12% -6%, rgba(163,230,53,.14), transparent 62%),
    repeating-linear-gradient(90deg, rgba(163,230,53,.05) 0 2px, transparent 2px 11px),
    repeating-linear-gradient(0deg, rgba(163,230,53,.03) 0 1px, transparent 1px 38px),
    linear-gradient(132deg,#0f1805 0%,#141f08 48%,#0d1626 100%);
}
.c60-hero-art .core{
  background:linear-gradient(145deg,#a3e635,#3f6212);
  box-shadow:0 18px 42px rgba(63,98,18,.34);
}
.c60-hero-art .chip b{color:#3f6212;}

/* 主结果：木作深绿渐变 */
.c60-metric.is-hero{
  background:linear-gradient(135deg,#4d7c0f,#1a2e05 74%);
  box-shadow:0 16px 34px rgba(26,46,5,.3);
}
.c60-metric.is-hero .v{font-size:clamp(28px,3.4vw,42px);}

.c60-segbtn.on{color:#3f6212;}
.c60-chip.on{background:rgba(63,98,18,.12);border-color:#3f6212;color:#365314;}

/* 可视化容器 */
.c60-viz{
  margin-top:16px;
  padding:12px 14px 8px;
  border:1px solid var(--line);
  border-radius:12px;
  background:
    repeating-linear-gradient(90deg, rgba(63,98,18,.03) 0 1px, transparent 1px 14px),
    linear-gradient(180deg,rgba(63,98,18,.035),transparent 60%), var(--card);
}
.c60-viz-h{
  display:flex;justify-content:space-between;gap:10px;
  margin-bottom:4px;
  font-size:12px;font-weight:800;color:var(--muted);
}
.c60-viz-h span:last-child{color:var(--a);white-space:nowrap;}
.wf-fence svg{display:block;width:100%;height:auto;}
.wf-fence text{font-family:var(--font);}

/* 施工小抄 */
.wf-howto{margin:0;padding-left:18px;font-size:13px;line-height:1.9;color:var(--ink2);}
.wf-howto li{margin:5px 0;}
.wf-howto b{color:var(--ink);}

/* 材料表 */
.wf-table td:first-child{font-weight:800;color:var(--ink);}
.wf-table td:nth-child(3){font-weight:800;color:var(--a);white-space:nowrap;}
.wf-table tbody tr:nth-child(even) td{background:rgba(63,98,18,.035);}

@media (max-width:640px){
  .c60-viz{padding:10px;}
  .c60-viz-h{font-size:11.5px;}
  .c60-grid3{gap:8px;}
}
@media print{
  .c60-viz{border-color:#ddd;}
}