/* 扫码入池：观众大屏上的签到二维码面板（仅大屏模式显示）—— 《抽了马 05-视觉风格》第四节 */
.signin-panel {
  display: none;
}
.display-mode .signin-panel:not([hidden]) {
  position: absolute;
  z-index: 6;
  top: 50%;
  right: clamp(16px, 3vw, 48px);
  transform: translateY(-50%);
  width: clamp(260px, 26vw, 440px);
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: clamp(18px, 2vw, 32px);
  border-radius: 24px;
  background: rgba(8, 12, 28, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(16px);
  color: #fff;
  text-align: center;
}
.signin-panel .signin-kicker {
  margin: 0;
  font-size: clamp(22px, 2.2vw, 40px);
  font-weight: 700;
  letter-spacing: 0.12em;
}
.signin-panel img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  padding: clamp(12px, 1.4vw, 24px);
  border-radius: 16px;
  background: #fff;
  image-rendering: pixelated;
}
.signin-panel .signin-count {
  margin: 0;
  font-size: clamp(20px, 1.8vw, 34px);
}
.signin-panel .signin-count b {
  font-size: 1.5em;
  font-variant-numeric: tabular-nums;
  color: #f6dc9a;
}
.signin-panel small {
  font-size: clamp(14px, 1.1vw, 20px);
  opacity: 0.75;
}

/* 主持页弹窗里的二维码与状态 */
.signin-modal-qr {
  display: block;
  width: min(280px, 70vw);
  margin: 8px auto;
  padding: 12px;
  border-radius: 12px;
  background: #fff;
  image-rendering: pixelated;
}
.signin-modal-stat {
  text-align: center;
  font-size: 15px;
}
.signin-modal-stat b {
  font-size: 22px;
  font-variant-numeric: tabular-nums;
}
/* 抽奖公证（CL-08）：舞台左下角显示承诺码与复核地址 */
.notary-note { position: absolute; left: 18px; bottom: 14px; z-index: 6; margin: 0; max-width: calc(100% - 36px); padding: 6px 12px;
  border-radius: 999px; background: rgba(0, 0, 0, 0.45); color: rgba(255, 255, 255, 0.85); font-size: 12.5px; line-height: 1.5;
  font-family: ui-monospace, Consolas, "PingFang SC", monospace; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: auto; }
.notary-note a { color: #f6dc9a; }
/* 观众大屏：结果卡片在底部，承诺码放到顶部居中 */
body.display-mode .notary-note { top: 16px; bottom: auto; left: 50%; transform: translateX(-50%); max-width: min(92%, 980px); }
/* 年会红金主题（CL-10）：结果卡片改酒红底 + 金边，与舞台一致 */
#stage[data-theme="nianhui"] ~ .result-card { background: rgba(42, 10, 14, 0.94); border-color: #e2b75a; box-shadow: 0 18px 80px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(226, 183, 90, 0.22); }
#stage[data-theme="nianhui"] ~ .result-card small { color: #f6dc9a; }
#stage[data-theme="nianhui"] ~ .result-card #multiResult li { border-color: rgba(226, 183, 90, 0.35); background: rgba(255, 246, 230, 0.04); }