/* 灯牌组件 · 整站唯一的深色成片区域
   可调项全部来自 :root：--lb-glow / --lb-glow-opacity / --lb-breath / --lb-on */

.lb-stage{
  border-radius:20px;
  padding:26px;
  background:#232329;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 14px 40px rgba(43,43,51,.20);
}
.lb-board{
  position:relative;
  border-radius:12px;
  padding:44px 24px 40px;
  background:var(--lm-ink);
  border:2px solid rgba(255,255,255,.06);
  text-align:center;
  overflow:hidden;
}
.lb-bulbs{
  position:absolute;inset:0;display:flex;flex-wrap:wrap;
  gap:12px;padding:10px;pointer-events:none;
}
.lb-bulbs i{
  width:6px;height:6px;border-radius:50%;
  background:rgba(255,255,255,.16);
  animation:lb-blink var(--lb-breath) ease-in-out infinite;
}
.lb-bulbs i.lit{
  background:var(--bulb);
  box-shadow:0 0 calc(var(--lb-glow) * .45 * var(--lb-on)) var(--bulb);
}

/* 橹（蓝）穆（粉）两字拼合：交界处光晕叠加，自然混出过渡色 */
.lb-word{
  position:relative;
  font-family:var(--font-display);
  font-size:clamp(72px,17vw,150px);
  line-height:1.05;
  letter-spacing:-.04em;
  white-space:nowrap;
}
.lb-word .w1,.lb-word .w2{
  display:inline-block;
  color:#fff;
}
.lb-word .w1{
  text-shadow:
    0 0 calc(var(--lb-glow) * .18) rgba(255,255,255,.9),
    0 0 calc(var(--lb-glow) * .5 * var(--lb-on)) var(--lm-blue-deep),
    0 0 calc(var(--lb-glow) * 1.25 * var(--lb-on)) var(--lm-blue-deep),
    0 0 calc(var(--lb-glow) * 2.2 * var(--lb-on)) rgba(115,199,255,.55);
}
.lb-word .w2{
  margin-left:-.06em;
  text-shadow:
    0 0 calc(var(--lb-glow) * .18) rgba(255,255,255,.9),
    0 0 calc(var(--lb-glow) * .5 * var(--lb-on)) var(--lm-pink-deep),
    0 0 calc(var(--lb-glow) * 1.25 * var(--lb-on)) var(--lm-pink-deep),
    0 0 calc(var(--lb-glow) * 2.2 * var(--lb-on)) rgba(255,184,204,.55);
}

.lb-slogan{
  position:relative;
  margin-top:18px;
  font-family:var(--font-display);
  font-size:clamp(14px,2.4vw,20px);
  letter-spacing:.22em;
  color:#fff;
  min-height:1.6em;
  text-shadow:
    0 0 calc(var(--lb-glow) * .3 * var(--lb-on)) var(--lm-fusion),
    0 0 calc(var(--lb-glow) * .8 * var(--lb-on)) rgba(215,217,255,.85);
}
.lb-slogan.fade{animation:lb-fade .5s ease}
.lb-en{
  position:relative;margin-top:10px;
  font-size:11px;letter-spacing:.42em;color:rgba(255,255,255,.5);
}

@keyframes lb-breath{
  0%,100%{opacity:.86;transform:scale(.995)}
  50%{opacity:1;transform:scale(1.005)}
}
@keyframes lb-blink{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes lb-fade{from{opacity:0}to{opacity:1}}

.lb-board.breath{animation:lb-breath var(--lb-breath) ease-in-out infinite}

/* ── 灯牌控制条（面板，非灯牌本体） ── */
.lb-panel{
  margin-top:16px;display:flex;gap:18px;flex-wrap:wrap;align-items:center;
  background:#fff;border:1px solid var(--lm-line);border-radius:12px;padding:14px 16px;
}
.lb-panel label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--lm-ink-soft)}
.lb-panel input[type=range]{width:120px;accent-color:var(--lm-blue-deep)}
.lb-panel input[type=checkbox]{accent-color:var(--lm-blue-deep)}
.lb-panel .btn{
  margin-left:auto;padding:6px 14px;border-radius:999px;cursor:pointer;
  border:1px solid var(--lm-line);background:#fff;font-size:13px;font-family:var(--font-body);
  color:var(--lm-ink);
}
.lb-panel .btn:hover{border-color:var(--lm-blue-deep)}

@media (prefers-reduced-motion:reduce){
  .lb-board.breath,.lb-bulbs i{animation:none}
  .lb-bulbs i.lit{opacity:1}
}