/* 托盘装载计算器 —— 木托盘 · 仓储木纹 */
.c60{
  --a:#78350f;
  --a2:#d97706;
  --a-soft:rgba(120,53,15,.10);
  --a-line:rgba(120,53,15,.26);
}

/* 木纹母题：细木纹 + 托盘板条 */
.c60-hero{
  background:
    radial-gradient(720px 300px at 12% 0%, rgba(255,255,255,.7), transparent 64%),
    repeating-linear-gradient(90deg, rgba(120,53,15,.07) 0 3px, transparent 3px 14px),
    repeating-linear-gradient(0deg, rgba(217,119,6,.05) 0 2px, transparent 2px 18px),
    linear-gradient(135deg,#fffaf0 0%,#fef3c7 48%,#fde68a 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(720px 300px at 12% 0%, rgba(217,119,6,.16), transparent 64%),
    repeating-linear-gradient(90deg, rgba(251,191,36,.06) 0 3px, transparent 3px 14px),
    repeating-linear-gradient(0deg, rgba(146,64,14,.08) 0 2px, transparent 2px 18px),
    linear-gradient(135deg,#1b1208 0%,#241608 48%,#101a2c 100%);
}
.c60-hero-art .core{
  background:linear-gradient(145deg,#d97706,#78350f);
  box-shadow:0 18px 42px rgba(120,53,15,.36);
}
.c60-hero-art .chip b{color:#92400e;}
:root[data-theme="dark"] .c60-hero-art .chip b{color:#fbbf24;}

.c60-metric.is-hero{
  background:linear-gradient(135deg,#b45309,#78350f 74%);
  box-shadow:0 16px 34px rgba(120,53,15,.32);
}
.c60-metric.is-hero .v{font-size:clamp(28px,3.4vw,42px);}

.c60-segbtn.on{color:#92400e;}
.c60-chip.on{background:rgba(120,53,15,.10);border-color:#78350f;color:#92400e;}
:root[data-theme="dark"] .c60-chip.on{color:#fbbf24;border-color:#d97706;}

/* 说明清单 */
.pl-howto{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;}
.pl-howto li{
  position:relative;
  padding:11px 13px 11px 38px;
  border-radius:11px;
  background:linear-gradient(90deg,rgba(217,119,6,.08),transparent 70%);
  border:1px solid rgba(217,119,6,.18);
  color:var(--ink2);
  font-size:13px;
  line-height:1.75;
}
.pl-howto li::before{
  content:"▤";
  position:absolute;left:13px;top:10px;
  font-size:14px;color:var(--a);
}
.pl-howto b{color:var(--ink);}

/* 堆码示意区 */
.pl-viz{
  margin-top:16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:
    linear-gradient(0deg,rgba(120,53,15,.04),rgba(120,53,15,.04)),
    repeating-linear-gradient(90deg,rgba(120,53,15,.045) 0 1px,transparent 1px 11px);
  padding:12px 14px 8px;
}
:root[data-theme="dark"] .pl-viz{
  background:
    linear-gradient(0deg,rgba(217,119,6,.05),rgba(217,119,6,.05)),
    repeating-linear-gradient(90deg,rgba(251,191,36,.06) 0 1px,transparent 1px 11px);
}
.pl-viz-h{
  display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;
  margin-bottom:8px;
  font-size:12px;font-weight:800;color:var(--a);
}
.pl-viz-h span:last-child{color:var(--muted);font-weight:600;}
.pl-viz svg{display:block;width:100%;height:auto;}

/* 朝向表：数字等宽 */
.pl-table td:nth-child(2),
.pl-table td:nth-child(3),
.pl-table td:nth-child(4){font-variant-numeric:tabular-nums;white-space:nowrap;}
.pl-table tbody tr:nth-child(even) td{background:rgba(217,119,6,.035);}
.pl-table td:first-child{font-weight:800;color:var(--ink);}

/* 条形图贴合木色 */
#plBars .c60-bar-row .bf{background:linear-gradient(90deg,#d97706,#78350f);}

@media (max-width:640px){
  .pl-viz{padding:10px 8px 4px;}
}