.item:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(15,23,42,.08);
    background: #fbfbff;
}
.mini-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(15,23,42,.08);
    background: #fbfbff;
}
/* ===== Pager (scoped) ===== */
.pager{
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--border);
}

.pager-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.pager-mid{
  color: var(--muted);
  font-size: 13px;
  text-align:center;
  flex: 1;
}

.pager-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
  color: var(--text);
  text-decoration:none;
  font-weight:600;
  font-size:14px;
}

.pager-btn:hover{
  border-color: rgba(15,98,254,.35);
}

.pager-btn--disabled{
  opacity:.45;
  cursor:not-allowed;
}

.pager-jump{
  margin-top: 10px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
}

.pager-num{
  display:inline-flex;
  min-width: 36px;
  height: 34px;
  align-items:center;
  justify-content:center;
  border:1px solid var(--border);
  border-radius:10px;
  text-decoration:none;
  color: var(--text);
  background:#fff;
  font-weight:600;
  font-size:13px;
}

.pager-num:hover{
  border-color: rgba(15,98,254,.35);
}

.pager-num--active{
  border-color: rgba(15,98,254,.55);
  box-shadow: 0 0 0 3px rgba(15,98,254,.10);
}
.mini-card {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.mini-rank {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 2px;
    font-size: 13px;
    font-weight: 600;
    color: var(--accent);
    flex-shrink: 0;
}

.mini-rank-num {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(99,102,241,.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}

.mini-rank-ic {
    font-size: 12px;
    opacity: .7;
}