/**
 * Pixel avatars - 完整 10 個頭像（基礎 4 + 高等級 6 全部獨立像素稿）
 */

/* ===== 基礎尺寸與定位 ===== */
.pixel-avatar {
  --pa-scale: 1;
  --pa-width: 8px;
  --pa-height: 10px;
  width: var(--pa-width);
  height: var(--pa-height);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(var(--pa-scale));
  transform-origin: center center;
  image-rendering: pixelated;
  background: transparent;
}

.member-header .user-avatar .pixel-avatar,
#userAvatar .pixel-avatar { --pa-scale: 4; }

.avatar-card .avatar-display .pixel-avatar,
.avatar-display .pixel-avatar { --pa-scale: 7.9; }

.pixel-avatar::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 1px; height: 1px;
  background: transparent;
}

/* ===== 1. 像素小兵 soldier ===== */
.pixel-soldier::before {
  box-shadow:
    2px 0 0 #4b5563,3px 0 0 #4b5563,4px 0 0 #4b5563,5px 0 0 #4b5563,
    1px 1px 0 #4b5563,2px 1px 0 #94a3b8,3px 1px 0 #94a3b8,4px 1px 0 #94a3b8,5px 1px 0 #94a3b8,6px 1px 0 #4b5563,
    1px 2px 0 #94a3b8,2px 2px 0 #f5d0c5,3px 2px 0 #f5d0c5,4px 2px 0 #f5d0c5,5px 2px 0 #f5d0c5,6px 2px 0 #94a3b8,
    1px 3px 0 #94a3b8,2px 3px 0 #f5d0c5,3px 3px 0 #111827,4px 3px 0 #f5d0c5,5px 3px 0 #111827,6px 3px 0 #94a3b8,
    2px 4px 0 #2563eb,3px 4px 0 #1d4ed8,4px 4px 0 #2563eb,5px 4px 0 #1d4ed8,
    1px 5px 0 #2563eb,2px 5px 0 #2563eb,3px 5px 0 #facc15,4px 5px 0 #facc15,5px 5px 0 #2563eb,6px 5px 0 #2563eb,
    2px 6px 0 #1d4ed8,3px 6px 0 #2563eb,4px 6px 0 #2563eb,5px 6px 0 #1d4ed8,
    2px 7px 0 #1f2937,3px 7px 0 #374151,4px 7px 0 #1f2937,5px 7px 0 #374151,
    2px 8px 0 #111827,3px 8px 0 #111827,4px 8px 0 #111827,5px 8px 0 #111827;
}

/* ===== 2. 像素學徒 apprentice ===== */
.pixel-apprentice::before {
  box-shadow:
    3px 0 0 #db2777,4px 0 0 #db2777,
    2px 1px 0 #db2777,3px 1px 0 #f472b6,4px 1px 0 #f472b6,5px 1px 0 #db2777,
    2px 2px 0 #f5d0c5,3px 2px 0 #f5d0c5,4px 2px 0 #f5d0c5,5px 2px 0 #f5d0c5,
    2px 3px 0 #f5d0c5,3px 3px 0 #7c3aed,4px 3px 0 #f5d0c5,5px 3px 0 #7c3aed,
    2px 4px 0 #8b5cf6,3px 4px 0 #a78bfa,4px 4px 0 #8b5cf6,5px 4px 0 #a78bfa,
    1px 5px 0 #8b5cf6,2px 5px 0 #8b5cf6,3px 5px 0 #facc15,4px 5px 0 #facc15,5px 5px 0 #8b5cf6,6px 5px 0 #8b5cf6,
    2px 6px 0 #8b5cf6,3px 6px 0 #a78bfa,4px 6px 0 #8b5cf6,5px 6px 0 #a78bfa,
    3px 7px 0 #8b5cf6,4px 7px 0 #8b5cf6;
}

/* ===== 3. 代碼戰士 coder ===== */
.pixel-coder::before {
  box-shadow:
    2px 0 0 #0f766e,3px 0 0 #0f766e,4px 0 0 #0f766e,5px 0 0 #0f766e,
    1px 1px 0 #0f766e,2px 1px 0 #2dd4bf,3px 1px 0 #14b8a6,4px 1px 0 #14b8a6,5px 1px 0 #2dd4bf,6px 1px 0 #0f766e,
    1px 2px 0 #0f766e,2px 2px 0 #67e8f9,3px 2px 0 #22d3ee,4px 2px 0 #22d3ee,5px 2px 0 #67e8f9,6px 2px 0 #0f766e,
    1px 3px 0 #0f766e,2px 3px 0 #67e8f9,3px 3px 0 #0f766e,4px 3px 0 #0f766e,5px 3px 0 #67e8f9,6px 3px 0 #0f766e,
    2px 4px 0 #0f766e,3px 4px 0 #14b8a6,4px 4px 0 #14b8a6,5px 4px 0 #0f766e,
    1px 5px 0 #0f766e,2px 5px 0 #0f766e,3px 5px 0 #22d3ee,4px 5px 0 #22d3ee,5px 5px 0 #0f766e,6px 5px 0 #0f766e,
    2px 6px 0 #0f766e,3px 6px 0 #14b8a6,4px 6px 0 #14b8a6,5px 6px 0 #0f766e,
    2px 7px 0 #115e59,3px 7px 0 #0f766e,4px 7px 0 #0f766e,5px 7px 0 #115e59,
    2px 8px 0 #0b3b36,3px 8px 0 #0b3b36,4px 8px 0 #0b3b36,5px 8px 0 #0b3b36;
}

/* ===== 4. 像素妖精 fairy ===== */
.pixel-fairy::before {
  box-shadow:
    0px 2px 0 #e9d5ff,1px 3px 0 #d8b4fe,0px 4px 0 #e9d5ff,
    7px 2px 0 #e9d5ff,6px 3px 0 #d8b4fe,7px 4px 0 #e9d5ff,
    2px 0 0 #9333ea,3px 0 0 #9333ea,4px 0 0 #9333ea,5px 0 0 #9333ea,
    1px 1px 0 #9333ea,2px 1px 0 #c084fc,3px 1px 0 #c084fc,4px 1px 0 #c084fc,5px 1px 0 #c084fc,6px 1px 0 #9333ea,
    2px 2px 0 #fef3c7,3px 2px 0 #fef3c7,4px 2px 0 #fef3c7,5px 2px 0 #fef3c7,
    1px 3px 0 #fef3c7,2px 3px 0 #7c3aed,3px 3px 0 #fef3c7,4px 3px 0 #fef3c7,5px 3px 0 #7c3aed,6px 3px 0 #fef3c7,
    2px 4px 0 #fef3c7,3px 4px 0 #fef3c7,4px 4px 0 #fef3c7,5px 4px 0 #fef3c7,
    1px 5px 0 #9333ea,2px 5px 0 #c084fc,3px 5px 0 #9333ea,4px 5px 0 #9333ea,5px 5px 0 #c084fc,6px 5px 0 #9333ea,
    1px 6px 0 #9333ea,2px 6px 0 #f5d0c5,3px 6px 0 #f5d0c5,4px 6px 0 #f5d0c5,5px 6px 0 #f5d0c5,6px 6px 0 #9333ea,
    2px 7px 0 #9333ea,3px 7px 0 #9333ea,4px 7px 0 #9333ea,5px 7px 0 #9333ea,
    3px 8px 0 #fef3c7,4px 8px 0 #fef3c7;
}

/* ===== 5. 像素武士 samurai ===== */
.pixel-samurai::before {
  box-shadow:
    /* 頭盔＋角（紅色武士盔）*/
    1px 0 0 #dc2626,3px 0 0 #dc2626,5px 0 0 #dc2626,7px 0 0 #dc2626,
    0px 1px 0 #991b1b,1px 1px 0 #dc2626,2px 1px 0 #f87171,3px 1px 0 #991b1b,4px 1px 0 #991b1b,5px 1px 0 #dc2626,6px 1px 0 #f87171,7px 1px 0 #991b1b,
    0px 2px 0 #991b1b,1px 2px 0 #f87171,2px 2px 0 #fca5a5,3px 2px 0 #991b1b,4px 2px 0 #991b1b,5px 2px 0 #f87171,6px 2px 0 #fca5a5,7px 2px 0 #991b1b,
    0px 3px 0 #991b1b,1px 3px 0 #f87171,2px 3px 0 #fca5a5,3px 3px 0 #f87171,4px 3px 0 #991b1b,5px 3px 0 #f87171,6px 3px 0 #fca5a5,7px 3px 0 #991b1b,
    1px 4px 0 #991b1b,2px 4px 0 #dc2626,3px 4px 0 #f87171,4px 4px 0 #991b1b,5px 4px 0 #f87171,6px 4px 0 #dc2626,
    0px 5px 0 #7f1d1d,1px 5px 0 #dc2626,2px 5px 0 #991b1b,3px 5px 0 #fca5a5,4px 5px 0 #991b1b,5px 5px 0 #dc2626,6px 5px 0 #991b1b,7px 5px 0 #7f1d1d,
    1px 6px 0 #991b1b,2px 6px 0 #facc15,3px 6px 0 #991b1b,4px 6px 0 #991b1b,5px 6px 0 #facc15,6px 6px 0 #991b1b,
    1px 7px 0 #7f1d1d,2px 7px 0 #991b1b,3px 7px 0 #991b1b,4px 7px 0 #7f1d1d,5px 7px 0 #991b1b,6px 7px 0 #7f1d1d,
    2px 8px 0 #7f1d1d,3px 8px 0 #7f1d1d,4px 8px 0 #7f1d1d,5px 8px 0 #7f1d1d;
}

/* ===== 6. 霓虹少女 neon ===== */
.pixel-neon::before {
  box-shadow:
    /* 亮粉髮＋耳機燈 */
    0px 0 0 #f0abfc,3px 0 0 #f0abfc,4px 0 0 #f0abfc,7px 0 0 #f0abfc,
    0px 1px 0 #d946ef,1px 1px 0 #f0abfc,2px 1px 0 #d946ef,3px 1px 0 #f9a8d4,4px 1px 0 #f9a8d4,5px 1px 0 #d946ef,6px 1px 0 #f0abfc,7px 1px 0 #d946ef,
    1px 2px 0 #d946ef,2px 2px 0 #f0abfc,3px 2px 0 #f0abfc,4px 2px 0 #f0abfc,5px 2px 0 #f0abfc,6px 2px 0 #d946ef,
    1px 3px 0 #d946ef,2px 3px 0 #fde68a,3px 3px 0 #fde68a,4px 3px 0 #d946ef,5px 3px 0 #fde68a,6px 3px 0 #d946ef,
    1px 4px 0 #f9a8d4,2px 4px 0 #fde68a,3px 4px 0 #fde68a,4px 4px 0 #fde68a,5px 4px 0 #fde68a,6px 4px 0 #f9a8d4,
    1px 5px 0 #d946ef,2px 5px 0 #f472b6,3px 5px 0 #f0abfc,4px 5px 0 #f472b6,5px 5px 0 #f0abfc,6px 5px 0 #d946ef,
    1px 6px 0 #a21caf,2px 6px 0 #d946ef,3px 6px 0 #f472b6,4px 6px 0 #f0abfc,5px 6px 0 #d946ef,6px 6px 0 #a21caf,
    0px 7px 0 #a21caf,1px 7px 0 #d946ef,2px 7px 0 #f472b6,3px 7px 0 #f9a8d4,4px 7px 0 #f472b6,5px 7px 0 #d946ef,6px 7px 0 #a21caf,
    2px 8px 0 #a21caf,3px 8px 0 #d946ef,4px 8px 0 #a21caf,5px 8px 0 #a21caf;
}

/* ===== 7. 數據領主 lord ===== */
.pixel-lord::before {
  box-shadow:
    0px 0 0 #fbbf24,1px 0 0 #fbbf24,2px 0 0 #fbbf24,3px 0 0 #f59e0b,4px 0 0 #fbbf24,5px 0 0 #f59e0b,6px 0 0 #fbbf24,7px 0 0 #fbbf24,
    1px 1px 0 #fbbf24,2px 1px 0 #f59e0b,3px 1px 0 #fbbf24,4px 1px 0 #fbbf24,5px 1px 0 #f59e0b,6px 1px 0 #fbbf24,
    1px 2px 0 #7c3aed,2px 2px 0 #fde68a,3px 2px 0 #7c3aed,4px 2px 0 #7c3aed,5px 2px 0 #fde68a,6px 2px 0 #7c3aed,
    1px 3px 0 #7c3aed,2px 3px 0 #fde68a,3px 3px 0 #7c3aed,4px 3px 0 #7c3aed,5px 3px 0 #fde68a,6px 3px 0 #7c3aed,
    1px 4px 0 #a78bfa,2px 4px 0 #fde68a,3px 4px 0 #fde68a,4px 4px 0 #fde68a,5px 4px 0 #fde68a,6px 4px 0 #a78bfa,
    0px 5px 0 #6d28d9,1px 5px 0 #7c3aed,2px 5px 0 #fbbf24,3px 5px 0 #f59e0b,4px 5px 0 #fbbf24,5px 5px 0 #7c3aed,6px 5px 0 #6d28d9,7px 5px 0 #6d28d9,
    0px 6px 0 #5b21b6,1px 6px 0 #6d28d9,2px 6px 0 #7c3aed,3px 6px 0 #fbbf24,4px 6px 0 #7c3aed,5px 6px 0 #6d28d9,6px 6px 0 #5b21b6,
    0px 7px 0 #4c1d95,1px 7px 0 #5b21b6,2px 7px 0 #6d28d9,3px 7px 0 #6d28d9,4px 7px 0 #5b21b6,5px 7px 0 #4c1d95,
    2px 8px 0 #4c1d95,3px 8px 0 #5b21b6,4px 8px 0 #4c1d95,5px 8px 0 #4c1d95;
}

/* ===== 論壇像素小人頭像 ===== */
/* 用於論壇帖子列表和詳情頁中的小尺寸頭像 */
.forum-avatar-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}

.forum-avatar-wrap .pixel-svg-avatar {
  width: 28px !important;
  height: 35px !important;
}

.forum-avatar-wrap .pixel-svg-avatar svg {
  width: 100% !important;
  height: 100% !important;
}

/* 稀有度光環效果 */
.forum-avatar-wrap.legendary::after {
  content: '';
  position: absolute;
  top: -2px; left: -2px; right: -2px; bottom: -2px;
  border-radius: 10px;
  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);
  z-index: -1;
  animation: legendary-pulse 2s ease-in-out infinite;
}

.forum-avatar-wrap.epic::after {
  content: '';
  position: absolute;
  top: -2px; left: -2px; right: -2px; bottom: -2px;
  border-radius: 10px;
  background: linear-gradient(135deg, #a855f7, #7c3aed, #6d28d9);
  z-index: -1;
  animation: epic-pulse 2s ease-in-out infinite;
}

.forum-avatar-wrap.rare::after {
  content: '';
  position: absolute;
  top: -2px; left: -2px; right: -2px; bottom: -2px;
  border-radius: 10px;
  background: linear-gradient(135deg, #3b82f6, #2563eb, #1d4ed8);
  z-index: -1;
}

@keyframes legendary-pulse {
  0%, 100% { opacity: 0.8; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.05); }
}

@keyframes epic-pulse {
  0%, 100% { opacity: 0.7; }
  50% { opacity: 1; }
}
} 0 0 #fbbf24,7px 0 0 #fbbf24,
    1px 1px 0 #fbbf24,2px 1px 0 #f59e0b,3px 1px 0 #fbbf24,4px 1px 0 #fbbf24,5px 1px 0 #f59e0b,6px 1px 0 #fbbf24,
    1px 2px 0 #7c3aed,2px 2px 0 #a78bfa,3px 2px 0 #7c3aed,4px 2px 0 #7c3aed,5px 2px 0 #a78bfa,6px 2px 0 #7c3aed,
    1px 3px 0 #7c3aed,2px 3px 0 #fde68a,3px 3px 0 #7c3aed,4px 3px 0 #7c3aed,5px 3px 0 #fde68a,6px 3px 0 #7c3aed,
    1px 4px 0 #a78bfa,2px 4px 0 #fde68a,3px 4px 0 #fde68a,4px 4px 0 #fde68a,5px 4px 0 #fde68a,6px 4px 0 #a78bfa,
    0px 5px 0 #6d28d9,1px 5px 0 #7c3aed,2px 5px 0 #6d28d9,3px 5px 0 #fbbf24,4px 5px 0 #6d28d9,5px 5px 0 #7c3aed,6px 5px 0 #6d28d9,7px 5px 0 #6d28d9,
    0px 6px 0 #5b21b6,1px 6px 0 #6d28d9,2px 6px 0 #7c3aed,3px 6px 0 #fbbf24,4px 6px 0 #7c3aed,5px 6px 0 #6d28d9,6px 6px 0 #5b21b6,
    0px 7px 0 #4c1d95,1px 7px 0 #5b21b6,2px 7px 0 #6d28d9,3px 7px 0 #6d28d9,4px 7px 0 #5b21b6,5px 7px 0 #4c1d95,
    2px 8px 0 #4c1d95,3px 8px 0 #5b21b6,4px 8px 0 #4c1d95,5px 8px 0 #4c1d95;
}

/* ===== 論壇像素小人頭像 ===== */
/* 用於論壇帖子列表和詳情頁中的小尺寸頭像 */
.forum-avatar-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}

.forum-avatar-wrap .pixel-svg-avatar {
  width: 28px !important;
  height: 35px !important;
}

.forum-avatar-wrap .pixel-svg-avatar svg {
  width: 100% !important;
  height: 100% !important;
}

/* 稀有度光環效果 */
.forum-avatar-wrap.legendary::after {
  content: '';
  position: absolute;
  top: -2px; left: -2px; right: -2px; bottom: -2px;
  border-radius: 10px;
  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);
  z-index: -1;
  animation: legendary-pulse 2s ease-in-out infinite;
}

.forum-avatar-wrap.epic::after {
  content: '';
  position: absolute;
  top: -2px; left: -2px; right: -2px; bottom: -2px;
  border-radius: 10px;
  background: linear-gradient(135deg, #a855f7, #7c3aed, #6d28d9);
  z-index: -1;
  animation: epic-pulse 2s ease-in-out infinite;
}

.forum-avatar-wrap.rare::after {
  content: '';
  position: absolute;
  top: -2px; left: -2px; right: -2px; bottom: -2px;
  border-radius: 10px;
  background: linear-gradient(135deg, #3b82f6, #2563eb, #1d4ed8);
  z-index: -1;
}

@keyframes legendary-pulse {
  0%, 100% { opacity: 0.8; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.05); }
}

@keyframes epic-pulse {
  0%, 100% { opacity: 0.7; }
  50% { opacity: 1; }
}

/* ===== 8. 虛擬偶像 idol ===== */
.pixel-idol::before {
  box-shadow:
    0px 0 0 #f472b6,1px 0 0 #f9a8d4,2px 0 0 #f472b6,0px 1px 0 #f9a8d4,1px 1px 0 #f472b6,2px 1px 0 #f9a8d4,
    5px 0 0 #f472b6,6px 0 0 #f9a8d4,7px 0 0 #f472b6,5px 1px 0 #f9a8d4,6px 1px 0 #f472b6,7px 1px 0 #f9a8d4,
    2px 2px 0 #db2777,3px 2px 0 #db2777,4px 2px 0 #db2777,5px 2px 0 #db2777,
    1px 3px 0 #db2777,2px 3px 0 #f472b6,3px 3px 0 #f9a8d4,4px 3px 0 #f9a8d4,5px 3px 0 #f472b6,6px 3px 0 #db2777,
    1px 4px 0 #f9a8d4,2px 4px 0 #fde68a,3px 4px 0 #fde68a,4px 4px 0 #fde68a,5px 4px 0 #fde68a,6px 4px 0 #f9a8d4,
    1px 5px 0 #db2777,2px 5px 0 #f472b6,3px 5px 0 #f9a8d4,4px 5px 0 #f9a8d4,5px 5px 0 #f472b6,6px 5px 0 #db2777,
    0px 6px 0 #9d174d,1px 6px 0 #db2777,2px 6px 0 #f472b6,3px 6px 0 #fbbf24,4px 6px 0 #fbbf24,5px 6px 0 #f472b6,6px 6px 0 #9d174d,
    1px 7px 0 #9d174d,2px 7px 0 #db2777,3px 7px 0 #f472b6,4px 7px 0 #f472b6,5px 7px 0 #db2777,6px 7px 0 #9d174d,
    2px 8px 0 #9d174d,3px 8px 0 #9d174d,4px 8px 0 #9d174d,5px 8px 0 #9d174d;
}

/* ===== 10. 像素女神 goddess ===== */
.pixel-goddess::before {
  box-shadow:
    0px 0 0 #fef3c7,1px 0 0 #fef3c7,2px 0 0 #fef3c7,3px 0 0 #fef08a,4px 0 0 #fef3c7,5px 0 0 #fef08a,6px 0 0 #fef3c7,7px 0 0 #fef3c7,
    1px 1px 0 #fef3c7,2px 1px 0 #fef08a,3px 1px 0 #fef3c7,4px 1px 0 #fef3c7,5px 1px 0 #fef08a,6px 1px 0 #fef3c7,
    1px 2px 0 #fef08a,2px 2px 0 #fde68a,3px 2px 0 #fef08a,4px 2px 0 #fef08a,5px 2px 0 #fde68a,6px 2px 0 #fef08a,
    1px 3px 0 #d946ef,2px 3px 0 #fde68a,3px 3px 0 #fef08a,4px 3px 0 #fef08a,5px 3px 0 #fde68a,6px 3px 0 #d946ef,
    1px 4px 0 #f472b6,2px 4px 0 #fde68a,3px 4px 0 #fde68a,4px 4px 0 #fde68a,5px 4px 0 #fde68a,6px 4px 0 #f472b6,
    1px 5px 0 #d946ef,2px 5px 0 #f472b6,3px 5px 0 #f9a8d4,4px 5px 0 #f9a8d4,5px 5px 0 #f472b6,6px 5px 0 #d946ef,
    0px 6px 0 #a21caf,1px 6px 0 #d946ef,2px 6px 0 #f472b6,3px 6px 0 #fbbf24,4px 6px 0 #fbbf24,5px 6px 0 #f472b6,6px 6px 0 #d946ef,7px 6px 0 #a21caf,
    0px 7px 0 #9d174d,1px 7px 0 #a21caf,2px 7px 0 #d946ef,3px 7px 0 #f472b6,4px 7px 0 #f472b6,5px 7px 0 #d946ef,6px 7px 0 #9d174d,
    2px 8px 0 #9d174d,3px 8px 0 #a21caf,4px 8px 0 #9d174d,5px 8px 0 #9d174d;
}

/* ===== 9. 8-bit 傳說 legend ===== */
.pixel-legend::before {
  box-shadow:
    0px 0 0 #fbbf24,1px 0 0 #fbbf24,2px 0 0 #fbbf24,3px 0 0 #f59e0b,4px 0 0 #fbbf24,5px 0 0 #f59e0b,6px 0 0 #fbbf24,7px 0 0 #fbbf24,
    1px 1px 0 #fbbf24,2px 1px 0 #f59e0b,3px 1px 0 #fbbf24,4px 1px 0 #fbbf24,5px 1px 0 #f59e0b,6px 1px 0 #fbbf24,
    1px 2px 0 #7c3aed,2px 2px 0 #fde68a,3px 2px 0 #7c3aed,4px 2px 0 #7c3aed,5px 2px 0 #fde68a,6px 2px 0 #7c3aed,
    1px 3px 0 #7c3aed,2px 3px 0 #fde68a,3px 3px 0 #7c3aed,4px 3px 0 #7c3aed,5px 3px 0 #fde68a,6px 3px 0 #7c3aed,
    1px 4px 0 #a78bfa,2px 4px 0 #fde68a,3px 4px 0 #fde68a,4px 4px 0 #fde68a,5px 4px 0 #fde68a,6px 4px 0 #a78bfa,
    0px 5px 0 #6d28d9,1px 5px 0 #7c3aed,2px 5px 0 #fbbf24,3px 5px 0 #f59e0b,4px 5px 0 #fbbf24,5px 5px 0 #7c3aed,6px 5px 0 #6d28d9,7px 5px 0 #6d28d9,
    0px 6px 0 #5b21b6,1px 6px 0 #6d28d9,2px 6px 0 #7c3aed,3px 6px 0 #fbbf24,4px 6px 0 #7c3aed,5px 6px 0 #6d28d9,6px 6px 0 #5b21b6,
    0px 7px 0 #4c1d95,1px 7px 0 #5b21b6,2px 7px 0 #6d28d9,3px 7px 0 #6d28d9,4px 7px 0 #5b21b6,5px 7px 0 #4c1d95,
    2px 8px 0 #4c1d95,3px 8px 0 #5b21b6,4px 8px 0 #4c1d95,5px 8px 0 #4c1d95;
}

/* ===== 論壇像素小人頭像 ===== */
/* 用於論壇帖子列表和詳情頁中的小尺寸頭像 */
.forum-avatar-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}

.forum-avatar-wrap .pixel-svg-avatar {
  width: 28px !important;
  height: 35px !important;
}

.forum-avatar-wrap .pixel-svg-avatar svg {
  width: 100% !important;
  height: 100% !important;
}

/* 稀有度光環效果 */
.forum-avatar-wrap.legendary::after {
  content: '';
  position: absolute;
  top: -2px; left: -2px; right: -2px; bottom: -2px;
  border-radius: 10px;
  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);
  z-index: -1;
  animation: legendary-pulse 2s ease-in-out infinite;
}

.forum-avatar-wrap.epic::after {
  content: '';
  position: absolute;
  top: -2px; left: -2px; right: -2px; bottom: -2px;
  border-radius: 10px;
  background: linear-gradient(135deg, #a855f7, #7c3aed, #6d28d9);
  z-index: -1;
  animation: epic-pulse 2s ease-in-out infinite;
}

.forum-avatar-wrap.rare::after {
  content: '';
  position: absolute;
  top: -2px; left: -2px; right: -2px; bottom: -2px;
  border-radius: 10px;
  background: linear-gradient(135deg, #3b82f6, #2563eb, #1d4ed8);
  z-index: -1;
}

@keyframes legendary-pulse {
  0%, 100% { opacity: 0.8; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.05); }
}

@keyframes epic-pulse {
  0%, 100% { opacity: 0.7; }
  50% { opacity: 1; }
}