/* 灯箱报价计算器 —— 琥珀 · 光晕母题 */
.c60{
  --a:#d97706;
  --a2:#fde047;
  --a-soft:rgba(217,119,6,.10);
  --a-line:rgba(217,119,6,.28);
}

.c60-hero{
  background:
    radial-gradient(520px 320px at 78% 44%, rgba(253,224,71,.36), transparent 64%),
    radial-gradient(560px 280px at 12% 0%, rgba(255,255,255,.84), transparent 62%),
    linear-gradient(135deg,#fffbeb 0%,#fef3c7 48%,#fef9c3 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(520px 320px at 78% 44%, rgba(217,119,6,.24), transparent 64%),
    radial-gradient(560px 280px at 12% 0%, rgba(253,224,71,.08), transparent 62%),
    linear-gradient(135deg,#261a06 0%,#2a1e08 48%,#0e1626 100%);
}

/* hero：灯箱框 + 光晕 */
.lb-art{
  position:relative;
  display:grid;
  place-items:center;
  min-height:190px;
}
.lb-art .lb-glow{
  position:absolute;
  width:210px;height:132px;
  border-radius:22px;
  background:radial-gradient(50% 50% at 50% 50%, rgba(253,224,71,.95), rgba(245,158,11,.42) 55%, transparent 74%);
  filter:blur(14px);
  animation:lbGlowPulse 4s ease-in-out infinite;
  pointer-events:none;
}
.lb-frame{
  position:relative;
  display:grid;
  place-items:center;
  width:178px;height:106px;
  border-radius:14px;
  background:linear-gradient(160deg,#fff7d6,#fde68a);
  border:5px solid #d97706;
  box-shadow:0 0 30px rgba(245,158,11,.5), inset 0 0 26px rgba(255,255,255,.9);
}
.lb-frame span{
  position:absolute;
  top:8px;left:10px;
  font-size:8.5px;
  font-weight:900;
  letter-spacing:1.6px;
  color:rgba(120,53,15,.55);
}
.lb-frame i{
  font-style:normal;
  font-size:30px;
  font-weight:900;
  color:#b45309;
  text-shadow:0 0 14px rgba(255,255,255,.9);
}
.lb-chip{
  position:absolute;
  right:2px;bottom:4px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(217,119,6,.22);
  color:#b45309;
  font-size:10.5px;
  font-weight:800;
  box-shadow:0 8px 18px rgba(217,119,6,.16);
}
@keyframes lbGlowPulse{
  0%,100%{opacity:.78;transform:scale(1);}
  50%{opacity:1;transform:scale(1.05);}
}
@media (prefers-reduced-motion:reduce){
  .lb-glow{animation:none;}
}
:root[data-theme="dark"] .lb-chip{background:rgba(14,22,38,.82);border-color:#1f2b3e;color:#fde047;}

.c60-metric.is-hero{
  background:linear-gradient(135deg,#d97706,#78350f 72%);
  box-shadow:0 16px 34px rgba(217,119,6,.3);
}
.c60-segbtn.on{color:#b45309;}
.c60-chip.on{background:rgba(217,119,6,.12);border-color:#d97706;color:#b45309;}
.c60-bar-row .bf{background:linear-gradient(90deg,#fde047,#d97706);}

/* 光晕示意 */
#lbGlow{
  margin-top:18px;
  padding:8px 14px;
  border-radius:14px;
  background:radial-gradient(52% 90% at 50% 50%, rgba(253,224,71,.28), rgba(217,119,6,.03));
  border:1px dashed rgba(217,119,6,.26);
  overflow-x:auto;
}
#lbGlow svg{display:block;width:100%;min-width:280px;height:auto;}
.lb-glow-empty{
  text-align:center;color:var(--muted);font-size:12.5px;font-weight:700;padding:22px 0;
}
:root[data-theme="dark"] #lbGlow{background:radial-gradient(52% 90% at 50% 50%, rgba(217,119,6,.16), rgba(14,22,38,.2));border-color:rgba(253,224,71,.2);}

#lbTypeBody tr.is-current td{background:rgba(217,119,6,.12);font-weight:800;color:var(--ink);}

@media (max-width:640px){
  .lb-frame{width:150px;height:92px;}
  .lb-art .lb-glow{width:180px;height:112px;}
  #lbGlow{padding:8px;}
}