/* ==========================================================================
   活动中心微调（2026-09-06）
   规范表里没有签到/九宫格这两个组件，这里按规范表的原则收拾四处具体问题。
   全新 pangu- 无关前缀在 legacy 之后加载，0 处 !important。
   ========================================================================== */

/* 1. 三张卡各自按内容高度排，不再被最高的那张拉齐 ——
      原来签到卡被拉到 560px，内容只有约 380px，底下一大片空白。 */
.console-activity-grid {
  align-items: start;
}

/* 2. 签到卡：内容之间的节奏收紧，按钮紧跟在进度条后面 */
.console-activity-checkin {
  gap: var(--pangu-space-3);
}

.console-activity-checkin header p {
  max-width: 34em;
}

/* 3. 九宫格：没中奖的格子要弱下去，奖品格子才立得起来。
      颜色在这套规范里是有语义的，四个一模一样的高亮格子等于没有语义。 */
.console-activity-lottery-cell.is-miss {
  border-style: dashed;
  border-color: rgba(148, 163, 184, 0.5);
  background: var(--pangu-surface-2, #f8fafc);
  box-shadow: none;
}

.console-activity-lottery-cell.is-miss i {
  opacity: 0.45;
  filter: none;
}

.console-activity-lottery-cell.is-miss strong {
  color: var(--pangu-text-2);
  font-weight: 700;
}

html.portal-theme-dark .console-activity-lottery-cell.is-miss {
  border-color: rgba(148, 163, 184, 0.28);
  background: rgba(148, 163, 184, 0.06);
}

/* 4. 「剩余抽奖次数」原来是一个和九宫格一样宽的大空盒子，
      里面只有一个数字。收成一行。 */
.console-activity-draw-actions {
  width: auto;
  gap: var(--pangu-space-2);
  padding: var(--pangu-space-2) var(--pangu-space-4);
  border-radius: var(--pangu-radius-full, 999px);
}

.console-activity-draw-actions > div {
  display: flex;
  align-items: baseline;
  gap: var(--pangu-space-2);
}

.console-activity-draw-actions strong {
  font-size: var(--pangu-fs-lg);
}

/* 5. 中奖记录分页：右栏只有 280px 宽，摘要和翻页按钮挤在一行会叠在一起。
      摘要自己占一行，翻页按钮换行后**靠右**。 */
.console-activity-pagination-inner {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--pangu-space-2);
}

.console-activity-pagination-inner .console-key-pagination-left {
  min-width: 0;
  flex: 1 1 100%;
}