/* KT板报价计算器 —— 冷蓝 · 板材分层 */
.c60{
  --a:#0284c7;
  --a2:#7dd3fc;
  --a-soft:rgba(2,132,199,.10);
  --a-line:rgba(2,132,199,.26);
}

/* hero：横向板材条纹 + 冷色渐变 */
.c60-hero{
  background:
    radial-gradient(720px 300px at 12% 0%, rgba(255,255,255,.8), transparent 60%),
    repeating-linear-gradient(0deg, rgba(2,132,199,.07) 0 10px, transparent 10px 22px),
    linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 46%,#f8fbff 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(720px 300px at 12% 0%, rgba(2,132,199,.18), transparent 60%),
    repeating-linear-gradient(0deg, rgba(125,211,252,.06) 0 10px, transparent 10px 22px),
    linear-gradient(135deg,#071726 0%,#0a2033 48%,#0b1322 100%);
}
.kt-art{min-height:200px;}
.kt-stack{
  position:relative;
  width:200px;
  height:152px;
  perspective:800px;
}
.kt-layer{
  position:absolute;
  left:14px;
  width:168px;
  height:44px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding-right:12px;
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.4px;
  color:#0c4a6e;
  border:1px solid rgba(2,132,199,.3);
  box-shadow:0 10px 22px rgba(2,132,199,.14);
  transform:skewX(-8deg);
}
.kt-layer.l1{top:96px;background:linear-gradient(135deg,#bae6fd,#7dd3fc);}
.kt-layer.l2{top:52px;left:6px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);}
.kt-layer.l3{top:8px;left:-2px;background:linear-gradient(135deg,#f8fbff,#e0f2fe);}
.kt-art .chip{white-space:nowrap;}
.kt-art .chip.c1{top:0;right:-4px;left:auto;}
.kt-art .chip.c2{bottom:0;left:-2px;right:auto;}
.kt-art .chip b{color:#0369a1;}

.c60-metric.is-hero{
  background:linear-gradient(135deg,#0284c7,#075985 76%);
  box-shadow:0 16px 34px rgba(2,132,199,.3);
}
.c60-metric.is-hero .v{font-size:clamp(29px,3.6vw,44px);}

.c60-segbtn.on{color:#0369a1;}
.c60-chip.on{background:rgba(2,132,199,.12);border-color:#0284c7;color:#0369a1;}
.c60-bar-row .bf{background:linear-gradient(90deg,#38bdf8,#0284c7);}

/* 板材分层 SVG */
.kt-svg{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--soft);overflow-x:auto;}
.kt-svg svg{display:block;width:100%;height:auto;min-width:320px;}
.kt-svg .kt-cap{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:12px;font-weight:800;color:var(--muted);}
.kt-svg .kt-cap span:last-child{color:var(--ink2);}
.kt-svg .kt-panel{fill:#e0f2fe;stroke:#0284c7;stroke-width:1.6;}
.kt-svg .kt-face{fill:url(#ktFaceGrad);}
.kt-svg .kt-dim{stroke:#7dd3fc;stroke-width:1.2;}
.kt-svg .kt-dimtext{font-size:11px;fill:#64748b;font-weight:700;}
.kt-svg .kt-layer-label{font-size:11px;font-weight:800;fill:#0c4a6e;}
.kt-svg .kt-qty{font-size:11px;fill:#0369a1;font-weight:800;}

/* 工艺对比表 */
#ktCraftTable tbody tr:nth-child(even) td{background:rgba(2,132,199,.035);}
#ktCraftTable td:first-child{font-weight:800;color:var(--ink);}
#ktCraftTable td{font-variant-numeric:tabular-nums;}

/* 批量输入 */
#ktBatchInput{min-height:96px;}

@media (max-width:640px){
  .kt-svg{padding:10px;}
  .kt-svg .kt-cap{flex-direction:column;gap:2px;}
  .kt-art{display:none;}
}