/* ===== history 页（H5 版，rpx→px）===== */
.page { padding: 12px 14px 140px; }
/* 顶部导航栏样式统一在 css/theme.css */
.rec { background: var(--bg-2); border-radius: 10px; padding: 14px 16px; margin-bottom: 12px; cursor: pointer; }
.rec-top { display: flex; justify-content: space-between; align-items: center; }
.rec-mode { font-weight: 600; font-size: 16px; color: var(--text); }
.rec-date { color: var(--text-3); font-size: 12px; white-space: nowrap; }
.rec-sub { margin-top: 6px; font-size: 13px; color: var(--text-2); }
.rec-tag { color: var(--accent-soft); font-size: 12px; margin-left: 8px; }
.win { color: var(--success); font-weight: 600; }
.lose { color: var(--danger-2); font-weight: 600; }
.muted { color: var(--text-3); }
.center { text-align: center; }

/* 空态 */
.empty-state { text-align: center; margin-top: 96px; }
.empty-emoji { font-size: 54px; line-height: 1; margin-bottom: 14px; opacity: .85; }
.empty-text { font-size: 15px; color: var(--text-2); margin-bottom: 22px; }
.empty-btn { display: inline-block; padding: 11px 28px; border-radius: 999px; background: linear-gradient(135deg, var(--accent), var(--accent-2)); color: var(--accent-ink); font-size: 15px; font-weight: 700; text-decoration: none; }