/* ========================================
   用户组颜色和发光效果
   ======================================== */

/* 
   用户组配色：
   - user: 普通用户 - 绿色 #22c55e
   - trusted: 受信用户 - 蓝色 #3b82f6
   - vip: VIP - 黄色 #fbbf24
   - svip: SVIP - 橙色 #f97316
   - mod: 版主 - 粉色 #ec4899
   - staff: 工作人员 - 青色 #06b6d4
   - admin: 管理员 - 红色 #ef4444
*/

/* ========== 普通用户 - 绿色 ========== */
.user-name.user,
.username.user,
.author.user,
.author-name.user,
.chat-username.user,
.post-user.user,
.online-user.user,
.follow-name.user {
  color: #22c55e;
  text-shadow: 0 0 8px rgba(34, 197, 94, 0.6),
               0 0 16px rgba(34, 197, 94, 0.4);
}

/* ========== 受信用户 - 蓝色 ========== */
.user-name.trusted,
.username.trusted,
.author.trusted,
.author-name.trusted,
.chat-username.trusted,
.post-user.trusted,
.online-user.trusted,
.follow-name.trusted {
  color: #3b82f6;
  text-shadow: 0 0 8px rgba(59, 130, 246, 0.6),
               0 0 16px rgba(59, 130, 246, 0.4);
}

/* ========== VIP - 黄色 ========== */
.user-name.vip,
.username.vip,
.author.vip,
.author-name.vip,
.chat-username.vip,
.post-user.vip,
.online-user.vip,
.follow-name.vip {
  color: #fbbf24;
  text-shadow: 0 0 8px rgba(251, 191, 36, 0.6),
               0 0 16px rgba(251, 191, 36, 0.4);
}

/* ========== SVIP - 橙色 ========== */
.user-name.svip,
.username.svip,
.author.svip,
.author-name.svip,
.chat-username.svip,
.post-user.svip,
.online-user.svip,
.follow-name.svip {
  color: #f97316;
  text-shadow: 0 0 8px rgba(249, 115, 22, 0.6),
               0 0 16px rgba(249, 115, 22, 0.4);
}

/* ========== 版主 - 粉色 ========== */
.user-name.mod,
.username.mod,
.author.mod,
.author-name.mod,
.chat-username.mod,
.post-user.mod,
.online-user.mod,
.follow-name.mod {
  color: #ffc0cb;
  text-shadow: 0 0 8px rgba(236, 72, 153, 0.6),
               0 0 16px rgba(236, 72, 153, 0.4);
}

/* ========== 工作人员 - 青色 ========== */
.user-name.staff,
.username.staff,
.author.staff,
.author-name.staff,
.chat-username.staff,
.post-user.staff,
.online-user.staff,
.follow-name.staff {
  color: #06b6d4;
  text-shadow: 0 0 8px rgba(6, 182, 212, 0.6),
               0 0 16px rgba(6, 182, 212, 0.4);
}

/* ========== 管理员 - 红色 ========== */
.user-name.admin,
.username.admin,
.author.admin,
.author-name.admin,
.chat-username.admin,
.post-user.admin,
.online-user.admin,
.follow-name.admin {
  color: #ef4444;
  text-shadow: 0 0 8px rgba(239, 68, 68, 0.6),
               0 0 16px rgba(239, 68, 68, 0.4);
}

/* ========== 用户徽章 ========== */
.user-badge.user,
.author-badge.user {
  background: rgba(34, 197, 94, 0.15);
  color: #22c55e;
  border: 1px solid rgba(34, 197, 94, 0.3);
}

.user-badge.trusted,
.author-badge.trusted {
  background: rgba(59, 130, 246, 0.15);
  color: #3b82f6;
  border: 1px solid rgba(59, 130, 246, 0.3);
}

.user-badge.vip,
.author-badge.vip {
  background: rgba(251, 191, 36, 0.15);
  color: #fbbf24;
  border: 1px solid rgba(251, 191, 36, 0.3);
}

.user-badge.svip,
.author-badge.svip {
  background: rgba(249, 115, 22, 0.15);
  color: #f97316;
  border: 1px solid rgba(249, 115, 22, 0.3);
}

.user-badge.mod,
.author-badge.mod {
  background: rgba(236, 72, 153, 0.15);
  color: #ffc0cb;
  border: 1px solid rgba(236, 72, 153, 0.3);
}

.user-badge.staff,
.author-badge.staff {
  background: rgba(6, 182, 212, 0.15);
  color: #06b6d4;
  border: 1px solid rgba(6, 182, 212, 0.3);
}

.user-badge.admin,
.author-badge.admin {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
  border: 1px solid rgba(239, 68, 68, 0.3);
}

/* ========== 头像边框发光 ========== */
.avatar-glow.user {
  border-color: #22c55e;
  box-shadow: 0 0 12px rgba(34, 197, 94, 0.5);
}

.avatar-glow.trusted {
  border-color: #3b82f6;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);
}

.avatar-glow.vip {
  border-color: #fbbf24;
  box-shadow: 0 0 12px rgba(251, 191, 36, 0.5);
}

.avatar-glow.svip {
  border-color: #f97316;
  box-shadow: 0 0 12px rgba(249, 115, 22, 0.5);
}

.avatar-glow.mod {
  border-color: #ffc0cb;
  box-shadow: 0 0 12px rgba(236, 72, 153, 0.5);
}

.avatar-glow.staff {
  border-color: #06b6d4;
  box-shadow: 0 0 12px rgba(6, 182, 212, 0.5);
}

.avatar-glow.admin {
  border-color: #ef4444;
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.5);
}

/* ========== 徽章（设置页/管理后台等） ========== */
.badge.user,
.group-badge.user,
.current-badge.user {
  background: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}

.badge.trusted,
.group-badge.trusted,
.current-badge.trusted {
  background: rgba(59, 130, 246, 0.2);
  color: #3b82f6;
}

.badge.vip,
.group-badge.vip,
.current-badge.vip {
  background: rgba(251, 191, 36, 0.2);
  color: #fbbf24;
}

.badge.svip,
.group-badge.svip,
.current-badge.svip {
  background: rgba(249, 115, 22, 0.2);
  color: #f97316;
}

.badge.mod,
.group-badge.mod,
.current-badge.mod {
  background: rgba(236, 72, 153, 0.2);
  color: #ffc0cb;
}

.badge.staff,
.group-badge.staff,
.current-badge.staff {
  background: rgba(6, 182, 212, 0.2);
  color: #06b6d4;
}

.badge.admin,
.group-badge.admin,
.current-badge.admin {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}

/* ========== 悬浮动画效果 ========== */
.user-name,
.username,
.author,
.author-name,
.chat-username,
.online-user,
.follow-name {
  transition: text-shadow 0.3s ease, filter 0.3s ease;
}

.user-name:hover,
.username:hover,
.author:hover,
.author-name:hover,
.chat-username:hover,
.online-user:hover,
.follow-name:hover {
  filter: brightness(1.2);
}

/* ========== Staff 特殊徽章（用于显示 is_staff 标记） ========== */
.staff-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  font-size: 10px;
  font-weight: 600;
  border-radius: 12px;
  background: rgba(6, 182, 212, 0.15);
  color: #06b6d4;
  border: 1px solid rgba(6, 182, 212, 0.3);
  text-shadow: 0 0 6px rgba(6, 182, 212, 0.4);
}