/* ============================================================
 * lottery.css —— 开奖结果视图（深色默认 / 浅色覆盖，自包含配色）
 * ============================================================ */
#lotteryView { padding-bottom: 28px; }
.lt-body { display: flex; flex-direction: column; gap: 14px; margin-top: 8px; }
.lt-state { text-align: center; color: #8a93a8; padding: 44px 16px; font-size: 14px; line-height: 1.7; }

.lt-group {
  border-radius: 16px; padding: 14px 14px 12px;
  background: linear-gradient(165deg, rgba(34,64,132,.50), rgba(10,18,44,.62));
  border: 1px solid rgba(120,160,255,.18);
  box-shadow: 0 12px 30px rgba(6,12,32,.35);
}
.lt-ghead { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; gap: 10px; }
.lt-gname { font-size: 15px; font-weight: 700; color: #eaf1ff; display: flex; align-items: center; gap: 8px; }
.lt-gname::before { content: ""; width: 6px; height: 16px; border-radius: 3px; background: linear-gradient(180deg,#2aa8ff,#1f6feb); }
.lt-gissue { font-size: 12px; color: #9fb0d4; white-space: nowrap; }

.lt-latest { display: flex; flex-direction: column; gap: 9px; padding: 11px 12px; border-radius: 12px; background: rgba(123,160,255,.10); }
.lt-meta { display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: #aebbdc; gap: 8px; }
.lt-tag { font-size: 11px; color: #9fd0ff; border: 1px solid rgba(120,180,255,.35); border-radius: 999px; padding: 1px 8px; }
.lt-balls { display: flex; flex-wrap: wrap; gap: 8px; }
.lt-ball {
  min-width: 30px; height: 30px; padding: 0 7px; border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 14px; font-weight: 700; color: #fff; letter-spacing: .3px;
  background: linear-gradient(160deg,#3b82f6,#1d4ed8);
  box-shadow: 0 4px 10px rgba(31,111,235,.40);
}
.lt-latest .lt-ball { min-width: 38px; height: 38px; font-size: 16px; }
.lt-remark { font-size: 12px; color: #9fb0d4; }

.lt-hist { margin-top: 10px; border-top: 1px dashed rgba(120,160,255,.18); padding-top: 9px; display: flex; flex-direction: column; gap: 9px; }
.lt-hrow { display: flex; align-items: center; gap: 10px; }
.lt-hissue { font-size: 12px; color: #9fb0d4; width: 92px; flex: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lt-hballs { display: flex; flex-wrap: wrap; gap: 5px; flex: 1; }
.lt-hballs .lt-ball { min-width: 24px; height: 24px; font-size: 12px; padding: 0 5px; box-shadow: none; background: rgba(123,160,255,.18); color: #dbe6ff; }
.lt-htime { font-size: 11px; color: #7e8db0; margin-left: auto; flex: none; }

/* 浅色主题 */
body.theme-light .lt-group { background: #fff; border-color: #e4eaf2; box-shadow: 0 12px 26px rgba(16,24,40,.08); }
body.theme-light .lt-gname { color: #101828; }
body.theme-light .lt-gissue,
body.theme-light .lt-meta,
body.theme-light .lt-hissue { color: #667085; }
body.theme-light .lt-latest { background: #f4f7ff; }
body.theme-light .lt-tag { color: #1f6bff; border-color: rgba(47,107,255,.3); }
body.theme-light .lt-hballs .lt-ball { background: #e7eefc; color: #1f4fbf; }
body.theme-light .lt-htime,
body.theme-light .lt-remark { color: #98a2b3; }
body.theme-light .lt-hist { border-color: #e4eaf2; }
body.theme-light .lt-state { color: #98a2b3; }