/* 纸箱抗压计算器 —— 瓦楞棕金 · 波纹层 */
.c60{
  --a:#a16207;
  --a2:#fbbf24;
  --a-soft:rgba(161,98,7,.10);
  --a-line:rgba(161,98,7,.26);
}
.c60-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}

.c60-hero{
  background:
    radial-gradient(700px 320px at 10% 0%, rgba(255,255,255,.78), transparent 60%),
    repeating-linear-gradient(135deg, rgba(161,98,7,.06) 0 8px, transparent 8px 16px),
    linear-gradient(135deg,#fefce8 0%,#fef3c7 46%,#fffdf5 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(700px 320px at 10% 0%, rgba(161,98,7,.22), transparent 60%),
    repeating-linear-gradient(135deg, rgba(251,191,36,.05) 0 8px, transparent 8px 16px),
    linear-gradient(135deg,#1a1206 0%,#211707 48%,#0b1322 100%);
}

.cc-art{min-height:196px;}
.cc-box{
  position:relative;
  width:172px;
  height:140px;
  border-radius:8px;
  background:linear-gradient(150deg,#fde68a,#d97706);
  border:2px solid #92400e;
  box-shadow:0 20px 36px rgba(120,53,15,.28);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  transform:rotate(-2deg);
  overflow:hidden;
}
.cc-box::before,
.cc-box::after{
  content:"";
  position:absolute;
  left:0;right:0;
  height:20px;
  background:repeating-linear-gradient(90deg,#92400e 0 2px,transparent 2px 12px);
  opacity:.35;
}
.cc-box::before{top:18px;}
.cc-box::after{bottom:18px;}
.cc-box b{font-size:34px;line-height:1;color:#451a03;letter-spacing:1px;}
.cc-box small{font-size:11px;font-weight:800;color:#78350f;margin-top:6px;letter-spacing:2px;}
.cc-art .chip{white-space:nowrap;}
.cc-art .chip.c1{top:0;left:-6px;}
.cc-art .chip.c2{bottom:2px;right:-10px;}
.cc-art .chip b{color:#92400e;}

.c60-metric.is-hero{
  background:linear-gradient(135deg,#ca8a04,#713f12 78%);
  box-shadow:0 16px 34px rgba(161,98,7,.3);
}
.c60-chip.on{background:rgba(161,98,7,.12);border-color:#a16207;color:#854d0e;}
.c60-bar-row .bf{background:linear-gradient(90deg,#fbbf24,#a16207);}

/* 瓦楞剖面 SVG */
.cc-svg{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--soft);overflow-x:auto;}
.cc-svg svg{display:block;width:100%;height:auto;min-width:300px;}
.cc-svg .cc-cap{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:12px;font-weight:800;color:var(--muted);}
.cc-svg .cc-cap span:last-child{color:var(--ink2);}
.cc-svg .cc-liner{fill:#fde68a;stroke:#92400e;stroke-width:1.3;}
.cc-svg .cc-medium{fill:none;stroke:#b45309;stroke-width:2;stroke-linecap:round;}
.cc-svg .cc-dim{stroke:#fbbf24;stroke-width:1.2;}
.cc-svg .cc-dimtext{font-size:11px;fill:#64748b;font-weight:700;}
.cc-svg .cc-tag{font-size:11px;font-weight:800;fill:#78350f;}

/* 抗压等级刻度 */
.cc-gauge{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--soft);}
.cc-gauge .cc-g-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;font-weight:800;color:var(--muted);margin-bottom:10px;}
.cc-gauge .cc-g-head b{font-size:15px;color:var(--ink);}
.cc-gauge .cc-track{position:relative;height:14px;border-radius:999px;overflow:hidden;display:flex;}
.cc-gauge .cc-track i{display:block;height:100%;}
.cc-gauge .cc-track i:nth-child(1){flex:1.2;background:#fecaca;}
.cc-gauge .cc-track i:nth-child(2){flex:1.2;background:#fde68a;}
.cc-gauge .cc-track i:nth-child(3){flex:1.6;background:#bbf7d0;}
.cc-gauge .cc-track i:nth-child(4){flex:1.8;background:#86efac;}
.cc-gauge .cc-mark{position:absolute;top:-5px;width:3px;height:24px;background:#7f1d1d;border-radius:2px;}
.cc-gauge .cc-scale{display:flex;justify-content:space-between;margin-top:6px;font-size:10.5px;color:var(--muted);font-weight:700;}
.cc-gauge .cc-verdict{margin-top:8px;font-size:12px;font-weight:800;color:#854d0e;}

#ccFluteTable tbody tr:nth-child(even) td{background:rgba(161,98,7,.035);}
#ccFluteTable td:first-child{font-weight:800;color:var(--ink);}
#ccFluteTable td{font-variant-numeric:tabular-nums;}
#ccBatchInput{min-height:96px;}
#ccBatchTable td{font-variant-numeric:tabular-nums;}

@media (max-width:640px){
  .c60-grid3{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cc-svg{padding:10px;}
  .cc-svg .cc-cap{flex-direction:column;gap:2px;}
  .cc-art{display:none;}
}