/* 取货大屏 — 定制样式（布局主要靠 Tailwind CDN，这里放变量/动画/提货码） */

:root {
  --pb-code-color: #f8fafc;
  --pb-code-size: 64px;
  --pb-prep-title-color: #fde047;
  --pb-prep-title-size: 24px;
  --pb-ready-title-color: #86efac;
  --pb-ready-title-size: 24px;
  --pb-voffset: 8vh;
  --pb-hoffset: 2vw;
  --pb-column-gap: 12px;
}

.tabular-nums { font-variant-numeric: tabular-nums; }

/* 整页背景层（外观-背景图铺在这） */
#pb-bg {
  position: fixed; inset: 0; z-index: -1;
  background-size: 100% 100%; background-position: center; background-repeat: no-repeat;
  background-color: #0f172a;
}

/* 两栏整体位置（外观滑块控制） */
.pb-main {
  padding-top: var(--pb-voffset);
  padding-left: var(--pb-hoffset);
  padding-right: var(--pb-hoffset);
}

/* 两个栏目标题可分别调颜色和字号 */
.pb-title { line-height: 1.2; }
.pb-title-prep {
  color: var(--pb-prep-title-color);
  font-size: min(var(--pb-prep-title-size), 8vw);
}
.pb-title-ready {
  color: var(--pb-ready-title-color);
  font-size: min(var(--pb-ready-title-size), 8vw);
}
.pb-title-count { color: inherit; font-size: 0.7em; opacity: 0.75; }
.pb-title-link:hover { opacity: 0.8; }

/* 大字提货码 */
.pb-code {
  display: block;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.06em;
  line-height: 1.05;
  font-weight: 700;
  color: var(--pb-code-color);
  font-size: var(--pb-list-code-size, min(var(--pb-code-size), 8vw));
  white-space: nowrap;
}

/* 无底框的纯文字提货码 */
.pb-box {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: 10px 8px;
  text-align: center;
}

/* 默认单列；board.js 会在纵向放不下时持续增加列数并缩放字号 */
.pb-col {
  grid-template-columns: minmax(0, 1fr);
}

/* 设置页：列间距实时演示 */
.pb-gap-demo {
  display: grid;
  grid-template-columns: repeat(3, max-content);
  justify-content: center;
  align-items: center;
  column-gap: var(--pb-column-gap);
}
.pb-gap-demo .pb-code {
  color: #f8fafc;
  font-size: 28px;
  text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
}

/* 新备好闪一下（不出声）：文字发光脉冲，闪几下自停 */
@keyframes pb-flash {
  0%, 100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(255,255,255,0)); }
  50%      { transform: scale(1.08); filter: drop-shadow(0 0 12px rgba(255,255,255,0.95)); }
}
.pb-flash { animation: pb-flash 0.7s ease-in-out 0s 7; }

/* 列滚动条隐藏（大屏更干净） */
.pb-col::-webkit-scrollbar { width: 0; height: 0; }
.pb-col { scrollbar-width: none; }