/* 导航栏用户入口（navbar.js 注入） */

/* 触发器：用 span，避免被 a 的默认样式覆盖 */
#portal-user-item > .portal-user-trigger {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 4px;
  height: 100%;
}

#portal-user-item > .portal-user-trigger:hover {
  color: var(--theme-color, #49b1f5);
}

.portal-caret {
  font-size: 10px;
  margin-left: 2px;
  opacity: 0.7;
  transition: transform 0.2s;
}

#portal-user-item.open > .portal-user-trigger .portal-caret {
  transform: rotate(180deg);
}

/* 头像圆 */
.portal-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, #4299e1 0%, #2b6cb0 100%);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  flex-shrink: 0;
  box-shadow: 0 2px 6px rgba(66, 153, 225, 0.35);
}

.portal-avatar.vip {
  background: linear-gradient(135deg, #e6a23c 0%, #b8821f 100%);
  box-shadow: 0 2px 6px rgba(230, 162, 60, 0.4);
}

.portal-avatar.small {
  width: 36px;
  height: 36px;
  font-size: 15px;
}

/* 下拉菜单：复用主题的 .menus_item_child 样式 */
#portal-user-item .portal-user-menu {
  margin-top: 8px;
  min-width: 200px;
  padding: 6px 0;
  list-style: none;
}

/* 鼠标 hover 时显示下拉（桌面端） */
#portal-user-item:hover .portal-user-menu,
#portal-user-item.open .portal-user-menu {
  display: block;
  animation: slide-down 0.2s ease;
}

/* 顶部用户信息区 */
.portal-user-info {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  margin-bottom: 4px;
  border-bottom: 1px solid rgba(100, 150, 220, 0.2);
  pointer-events: none;
}

.portal-user-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.portal-user-name {
  font-size: 14px;
  font-weight: 600;
  color: #2c5282;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 130px;
}

.portal-user-tag {
  font-size: 11px;
  color: #5a7a9a;
  opacity: 0.8;
}

.portal-user-divider {
  height: 1px;
  background: rgba(100, 150, 220, 0.2);
  margin: 4px 0;
}

/* 退出登录项：红色高亮 */
.portal-user-menu .portal-logout {
  color: #c53030 !important;
}

.portal-user-menu .portal-logout:hover {
  background: rgba(197, 48, 48, 0.05) !important;
}

@keyframes slide-down {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

/* 移动端：菜单项本身更大 */
@media (max-width: 768px) {
  #portal-user-item {
    width: 100%;
  }
  #portal-user-item > .portal-user-trigger,
  #portal-user-item > a {
    padding: 8px 16px;
  }
  #portal-user-item .portal-user-menu {
    position: static;
    margin: 0;
    width: 100%;
    box-shadow: none;
    background: rgba(0, 0, 0, 0.03);
  }
  #portal-user-item:hover .portal-user-menu,
  #portal-user-item.open .portal-user-menu {
    display: block;
  }
}