/* 用户中心登录态 —— PC 头部 + WAP 抽屉菜单 */

/* ==================== PC 头部 ==================== */

/* 默认（未登录）展示登录入口，已登录时由 body 上的 is-uz-login 切换到用户信息 */
#header .header-bar .header-user {
  display: flex;
  align-items: center;
  height: 64px;
  flex-shrink: 0;
}

/* ---------- 未登录：登录 / 注册 ---------- */
/* 显隐由 body 上的 is-uz-login 状态类控制，不用 jQuery 的 show/hide，
   否则会破坏 flex 布局（show() 会把 display 还原为 block） */
#header .header-bar .header-user-login {
  display: flex;
  align-items: center;
  height: 64px;
  padding: 0 20px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
#header .header-bar .header-user-login:hover {
  color: #1C64FD;
}
#header .header-bar .header-user-login .header-user-icon {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  flex-shrink: 0;
}

/* ---------- 已登录：头像 + 昵称 + 下拉 ---------- */
#header .header-bar .header-user-info {
  display: none;
  align-items: center;
  height: 64px;
  padding: 0 20px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  position: relative;
}

/* 头像 + 昵称整体作为进入基础信息页的入口 */
#header .header-bar .header-user-main {
  display: flex;
  align-items: center;
  height: 64px;
  color: inherit;
  text-decoration: none;
}

#header .header-bar .header-user-avatar {
  width: 28px;
  height: 28px;
  margin-right: 8px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background: #1C64FD;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
}
#header .header-bar .header-user-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#header .header-bar .header-user-name {
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#header .header-bar .header-user-arrow {
  width: 10px;
  height: 10px;
  margin-left: 6px;
  flex-shrink: 0;
  transition: transform 0.2s ease-in-out;
}

#header .header-bar .header-user-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 120px;
  padding: 4px 0;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: all 0.2s ease-in-out;
  cursor: default;
}
#header .header-bar .header-user-info:hover .header-user-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#header .header-bar .header-user-info:hover .header-user-arrow {
  transform: rotate(180deg);
}

#header .header-bar .header-user-dropdown-item {
  display: block;
  padding: 12px 20px;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
#header .header-bar .header-user-dropdown-item:hover {
  background: #F5F7FA;
  color: #1C64FD;
}

/* ---------- 登录态切换 ---------- */
body.is-uz-login #header .header-bar .header-user-login {
  display: none;
}
body.is-uz-login #header .header-bar .header-user-info {
  display: flex;
}

/* ==================== WAP 抽屉菜单 ==================== */

/* 默认（未登录）展示登录入口，已登录时由 body 上的 is-uz-login 切换到用户信息 */
.header .fixed-menu .menu .menu-content .wap-user {
  margin-top: 0.32rem;
  padding-top: 0.32rem;
  border-top: 0.01rem solid #F2F2F2;
}

/* ---------- 未登录：登录 / 注册 ---------- */
.header .fixed-menu .menu .menu-content .wap-user-login {
  width: 100%;
  height: 0.88rem;
  line-height: 0.88rem;
  text-align: center;
  font-size: 0.32rem;
  color: #fff;
  background: #1C64FD;
  border-radius: 0.08rem;
  cursor: pointer;
}

/* ---------- 已登录：头像 + 昵称 + 退出 ---------- */
.header .fixed-menu .menu .menu-content .wap-user-info {
  display: none;
  flex-direction: column;
}

.header .fixed-menu .menu .menu-content .wap-user-main {
  display: flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
}

/* 调用用量 / API Key / 退出登录 */
.header .fixed-menu .menu .menu-content .wap-user-links {
  display: flex;
  margin-top: 0.24rem;
  border-top: 0.01rem solid #F2F2F2;
}

.header .fixed-menu .menu .menu-content .wap-user-link {
  flex: 1;
  padding: 0.24rem 0 0.08rem;
  text-align: center;
  font-size: 0.28rem;
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

.header .fixed-menu .menu .menu-content .wap-user-avatar {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.24rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background: #1C64FD;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.32rem;
  color: #fff;
  text-transform: uppercase;
}
.header .fixed-menu .menu .menu-content .wap-user-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.header .fixed-menu .menu .menu-content .wap-user-name {
  flex: 1;
  font-size: 0.32rem;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.header .fixed-menu .menu .menu-content .wap-user-logout {
  flex-shrink: 0;
  padding-left: 0.24rem;
  font-size: 0.28rem;
  color: #999;
  cursor: pointer;
}

/* ---------- 登录态切换 ---------- */
body.is-uz-login .header .fixed-menu .menu .menu-content .wap-user-login {
  display: none;
}
body.is-uz-login .header .fixed-menu .menu .menu-content .wap-user-info {
  display: flex;
}