/* Y币财富榜模块 - 前台样式 */

.section-head--row .leaderboard-total {
  font-size: 13px; color: var(--muted);
  padding: 5px 12px; border: 1px solid var(--border); border-radius: 999px;
  background: var(--surface);
}
.leaderboard {
  display: flex; flex-direction: column; gap: 10px;
  max-width: 640px; margin: 0 auto;
}
.lb-item {
  display: grid; grid-template-columns: 48px 1fr auto; align-items: center;
  padding: 14px 18px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) + 2px);
  transition: border-color 0.22s var(--ease), transform 0.22s var(--ease);
}
.lb-item:hover { border-color: color-mix(in srgb, var(--primary) 45%, var(--border)); transform: translateX(4px); }
.lb-rank {
  display: grid; place-items: center;
  width: 32px; height: 32px;
  border-radius: 50%;
  font-weight: 800; font-size: 14px;
  background: var(--surface-2);
  color: var(--muted);
}
.lb-item[data-rank="1"] .lb-rank { background: linear-gradient(135deg, #ffd700, #ff9500); color: #fff; box-shadow: 0 2px 10px rgba(255, 165, 0, 0.35); }
.lb-item[data-rank="2"] .lb-rank { background: linear-gradient(135deg, #c0c0c0, #8a8a8a); color: #fff; }
.lb-item[data-rank="3"] .lb-rank { background: linear-gradient(135deg, #cd7f32, #8b4513); color: #fff; }
.lb-player { font-weight: 600; font-size: 15px; }
.lb-balance {
  font-weight: 700; font-size: 16px;
  color: var(--primary);
  font-variant-numeric: tabular-nums;
}
.lb-balance::after { content: " Y"; font-size: 12px; font-weight: 500; color: var(--muted); margin-left: 2px; }
.lb-item--skeleton .lb-player,
.lb-item--skeleton .lb-balance {
  background: var(--surface-2); border-radius: 6px;
  animation: ycoin-lb-pulse 1.4s ease-in-out infinite;
}
.lb-item--skeleton .lb-player { min-width: 100px; height: 16px; }
.lb-item--skeleton .lb-balance { min-width: 70px; height: 18px; }
@keyframes ycoin-lb-pulse {
  0%, 100% { opacity: 0.6; }
  50% { opacity: 1; }
}
.lb-error {
  text-align: center; padding: 30px;
  color: var(--muted); font-size: 14px;
  background: var(--surface);
  border: 1px dashed var(--border);
  border-radius: var(--radius);
}