/* 展架 / 易拉宝报价 —— 暖橙 · 立式展架 */
.c60{
  --a:#ea580c;
  --a2:#fdba74;
  --a-soft:rgba(234,88,12,.10);
  --a-line:rgba(234,88,12,.26);
}

.c60-hero{
  background:
    radial-gradient(720px 320px at 8% 0%, rgba(255,255,255,.82), transparent 60%),
    repeating-linear-gradient(90deg, rgba(234,88,12,.06) 0 1px, transparent 1px 26px),
    linear-gradient(135deg,#fff7ed 0%,#ffedd5 48%,#fefaf5 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(720px 320px at 8% 0%, rgba(234,88,12,.18), transparent 60%),
    repeating-linear-gradient(90deg, rgba(253,186,116,.06) 0 1px, transparent 1px 26px),
    linear-gradient(135deg,#1b0d05 0%,#241206 48%,#0b1322 100%);
}

.ru-art{min-height:210px;}
.ru-stand{
  position:relative;
  width:118px;
  height:190px;
  margin-right:30px;
  border-radius:6px;
  background:linear-gradient(160deg,#ffedd5,#fed7aa);
  border:1px solid rgba(234,88,12,.32);
  box-shadow:0 22px 40px rgba(234,88,12,.2);
}
.ru-panel{
  position:absolute;
  left:8px;right:8px;top:30px;
  height:116px;
  border-radius:3px;
  background:repeating-linear-gradient(0deg,rgba(234,88,12,.10) 0 10px,transparent 10px 20px),#fff7ed;
  border:1px dashed rgba(234,88,12,.35);
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:900;
  letter-spacing:3px;
  color:#c2410c;
}
.ru-top{
  position:absolute;
  left:-6px;right:-6px;top:-10px;
  height:12px;
  border-radius:5px;
  background:linear-gradient(90deg,#ea580c,#c2410c);
  box-shadow:0 6px 14px rgba(234,88,12,.25);
}
.ru-pole{
  position:absolute;
  left:50%;bottom:16px;
  width:5px;height:42px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,#fdba74,#c2410c);
}
.ru-base{
  position:absolute;
  left:-24px;right:-24px;bottom:-8px;
  height:22px;
  border-radius:8px 8px 5px 5px;
  background:linear-gradient(180deg,#fb923c,#c2410c);
  box-shadow:0 10px 18px rgba(194,65,12,.28);
}
.ru-art .chip{white-space:nowrap;}
.ru-art .chip.c1{top:8px;right:0;left:auto;}
.ru-art .chip.c2{bottom:6px;right:-6px;left:auto;}
.ru-art .chip b{color:#c2410c;}

.c60-metric.is-hero{
  background:linear-gradient(135deg,#f97316,#9a3412 78%);
  box-shadow:0 16px 34px rgba(234,88,12,.3);
}
.c60-chip.on{background:rgba(234,88,12,.12);border-color:#ea580c;color:#c2410c;}
.c60-bar-row .bf{background:linear-gradient(90deg,#fdba74,#ea580c);}

/* 展架立面 SVG */
.ru-svg{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--soft);overflow-x:auto;}
.ru-svg svg{display:block;width:100%;height:auto;min-width:300px;}
.ru-svg .ru-cap{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:12px;font-weight:800;color:var(--muted);}
.ru-svg .ru-cap span:last-child{color:var(--ink2);}
.ru-svg .ru-frame{fill:#ffedd5;stroke:#ea580c;stroke-width:1.5;}
.ru-svg .ru-face{fill:url(#ruFaceGrad);}
.ru-svg .ru-basebar{fill:#ea580c;}
.ru-svg .ru-dim{stroke:#fdba74;stroke-width:1.2;}
.ru-svg .ru-dimtext{font-size:11px;fill:#64748b;font-weight:700;}
.ru-svg .ru-qty{font-size:22px;font-weight:900;fill:#c2410c;}

/* 规格对比表 */
#ruSpecTable tbody tr:nth-child(even) td{background:rgba(234,88,12,.035);}
#ruSpecTable td:first-child{font-weight:800;color:var(--ink);}
#ruSpecTable td{font-variant-numeric:tabular-nums;}
#ruBatchInput{min-height:96px;}

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