/* ============================================
   MiniRock v2 — UI Icons (贴纸粘土风 PNG 图标)
   统一图标样式：24px 圆角 · 垂直居中 · 统一间距
   用 ::before 伪元素显示 /images/ui/ 下 PNG 素材
   ============================================ */

/* ─── 基础图标类 ─── */
.ui-icon,
[class^="icon-"]::before,
[class*=" icon-"]::before,
[class^="badge-"]::before,
[class*=" badge-"]::before,
[class^="nav-icon-"]::before,
[class*=" nav-icon-"]::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  margin-right: 4px;
  flex-shrink: 0;
}

/* ─── 导航图标 (28px 略大) ─── */
.icon-nav-home::before    { width: 28px; height: 28px; background-image: url('/images/ui/nav-home.png'); }
.icon-nav-arena::before   { width: 28px; height: 28px; background-image: url('/images/ui/nav-arena.png'); }
.icon-nav-predict::before { width: 28px; height: 28px; background-image: url('/images/ui/nav-predict.png'); }
.icon-nav-report::before  { width: 28px; height: 28px; background-image: url('/images/ui/nav-report.png'); }
.icon-nav-profile::before { width: 28px; height: 28px; background-image: url('/images/ui/nav-profile.png'); }

/* ─── 功能图标 ─── */
.icon-video::before      { background-image: url('/images/ui/icon-video.png'); }
.icon-coin::before       { background-image: url('/images/ui/icon-coin.png'); }
.icon-warning::before    { background-image: url('/images/ui/icon-warning.png'); }
.icon-check::before      { background-image: url('/images/ui/icon-check.png'); }
.icon-share::before      { background-image: url('/images/ui/icon-share.png'); }
.icon-chart::before      { background-image: url('/images/ui/icon-chart.png'); }
.icon-refresh::before    { background-image: url('/images/ui/icon-refresh.png'); }
.icon-close::before      { background-image: url('/images/ui/icon-close.png'); }
.icon-lock::before       { background-image: url('/images/ui/icon-lock.png'); }
.icon-copy::before       { background-image: url('/images/ui/icon-copy.png'); }
.icon-search::before     { background-image: url('/images/ui/icon-search.png'); }
.icon-wallet::before     { background-image: url('/images/ui/icon-wallet.png'); }
.icon-gift::before       { background-image: url('/images/ui/icon-gift.png'); }
.icon-trend-up::before   { background-image: url('/images/ui/icon-trend-up.png'); }
.icon-trend-down::before { background-image: url('/images/ui/icon-trend-down.png'); }

/* ─── 徽章图标 ─── */
.badge-crown::before  { background-image: url('/images/ui/badge-crown.png'); }
.badge-vip::before    { background-image: url('/images/ui/badge-vip.png'); }
.badge-gold::before   { background-image: url('/images/ui/badge-gold.png'); }
.badge-silver::before { background-image: url('/images/ui/badge-silver.png'); }
.badge-bronze::before { background-image: url('/images/ui/badge-bronze.png'); }

/* ─── 空状态图标 ─── */
.icon-empty-state::before {
  width: 48px;
  height: 48px;
  background-image: url('/images/ui/empty-state.png');
}

/* ─── 新增贴纸扩展图标（Batch 1） ─── */
.icon-arrow-left::before   { background-image: url('/images/ui/arrow-left.png'); }
.icon-arrow-right::before  { background-image: url('/images/ui/arrow-right.png'); }
.icon-bars::before         { background-image: url('/images/ui/bars.png'); }
.icon-bolt::before         { background-image: url('/images/ui/bolt.png'); }
.icon-brain::before        { background-image: url('/images/ui/brain.png'); }
.icon-bullseye::before     { background-image: url('/images/ui/bullseye.png'); }
.icon-chart-bar::before    { background-image: url('/images/ui/chart-bar.png'); }
.icon-chart-line::before   { background-image: url('/images/ui/chart-line.png'); }
.icon-comment-dots::before { background-image: url('/images/ui/comment-dots.png'); }
.icon-crown::before        { background-image: url('/images/ui/crown.png'); }
.icon-dollar-sign::before  { background-image: url('/images/ui/dollar-sign.png'); }
.icon-edit::before         { background-image: url('/images/ui/edit.png'); }
.icon-exclamation-triangle::before { background-image: url('/images/ui/exclamation-triangle.png'); }
.icon-eye::before          { background-image: url('/images/ui/eye.png'); }
.icon-feather::before      { background-image: url('/images/ui/feather.png'); }
.icon-fire::before         { background-image: url('/images/ui/fire.png'); }
.icon-gem::before          { background-image: url('/images/ui/gem.png'); }
.icon-globe::before        { background-image: url('/images/ui/globe.png'); }
.icon-heart::before        { background-image: url('/images/ui/heart.png'); }
.icon-home::before         { background-image: url('/images/ui/home.png'); }
.icon-inbox::before        { background-image: url('/images/ui/inbox.png'); }
.icon-lightbulb::before    { background-image: url('/images/ui/lightbulb.png'); }
.icon-list-alt::before     { background-image: url('/images/ui/list-alt.png'); }
.icon-magnifying-glass::before { background-image: url('/images/ui/magnifying-glass.png'); }
.icon-medal::before        { background-image: url('/images/ui/medal.png'); }
.icon-robot::before        { background-image: url('/images/ui/robot.png'); }
.icon-rocket::before       { background-image: url('/images/ui/rocket.png'); }
.icon-seedling::before     { background-image: url('/images/ui/seedling.png'); }
.icon-shield-alt::before   { background-image: url('/images/ui/shield-alt.png'); }
.icon-sign-in-alt::before  { background-image: url('/images/ui/sign-in-alt.png'); }
.icon-sparkles::before     { background-image: url('/images/ui/sparkles.png'); }
.icon-star::before         { background-image: url('/images/ui/star.png'); }
.icon-sync-alt::before     { background-image: url('/images/ui/sync-alt.png'); }
.icon-trophy::before       { background-image: url('/images/ui/trophy.png'); }
.icon-user::before         { background-image: url('/images/ui/user.png'); }
.icon-users::before        { background-image: url('/images/ui/users.png'); }
.icon-wind::before         { background-image: url('/images/ui/wind.png'); }
.icon-calendar::before     { background-image: url('/images/ui/calendar.png'); }
.icon-download::before     { background-image: url('/images/ui/download.png'); }
.icon-search::before       { background-image: url('/images/ui/search.png'); }
.icon-times::before        { background-image: url('/images/ui/times.png'); }
.icon-lock::before         { background-image: url('/images/ui/lock.png'); }
.icon-gift::before         { background-image: url('/images/ui/gift.png'); }
.icon-check::before        { background-image: url('/images/ui/check.png'); }

/* ─── 图标尺寸变体 ─── */
.ui-icon-lg { width: 32px !important; height: 32px !important; }
.ui-icon-sm { width: 18px !important; height: 18px !important; }
.ui-icon-xl { width: 40px !important; height: 40px !important; }

/* ─── 无右边距变体 ─── */
.ui-icon-nomargin { margin-right: 0 !important; }