/* ================= 用户菜单专属隔离样式 (user-menu.css) ================= */

/* 强制小手光标 */
#user-btn, #user-btn *, .user-btn, .user-btn * { cursor: pointer !important; }

/* 下拉菜单面板（绝对不透明，无缝隙） */
#user-menu {
  position: fixed;
  top: 60px;
  right: 20px;
  min-width: 240px;
  background: var(--bg-panel) !important;
  opacity: 1 !important;
  border: 1px solid var(--border-dark) !important;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.2) !important;
  z-index: 3000;
  padding: 8px;
  display: none;
  flex-direction: column;
  gap: 0 !important; /* 核心：清零容器 gap */
}
#user-menu.active { display: flex; }

/* 头部信息 */
.user-menu-header {
  display: flex; align-items: center; gap: 12px; padding: 8px 4px;
  border-bottom: 1px dashed var(--border-light); margin-bottom: 0;
}
.user-menu-header-name { font-size: 14px; font-weight: 700; color: var(--ink-main); }
.user-menu-header-meta { font-size: 11px; color: var(--ink-sub); margin-top: 2px; }
.badge-admin { background: var(--accent-red); color: #fff; font-size: 10px; padding: 1px 4px; border-radius: 2px; margin-left: 4px; }

/* 菜单项 */
.user-menu-group { display: flex; flex-direction: column; gap: 0 !important; margin: 0; }
.user-menu-item {
  display: flex; align-items: center; width: 100%;
  padding: 10px 12px; border-radius: 6px; font-size: 13px;
  color: var(--ink-main); background: transparent; border: none;
  text-align: left; cursor: pointer; margin: 0 !important;
}
.user-menu-item:hover { background: var(--bg-darker); color: var(--accent-red); }

/* 分割线绝对无 margin，消灭“沟” */
.user-menu-divider {
  height: 1px; background: var(--border-light);
  margin: 0 !important; padding: 0 !important;
  width: 100%; display: block;
}
.user-menu-divider::before, .user-menu-divider::after {
  content: ''; display: block; height: 4px; 
}

.user-menu-item-danger { color: var(--accent-red); }

/* 头像尺寸 */
.user-avatar { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.user-menu-header .user-avatar { width: 44px; height: 44px; }