.hover-show-con{
    display: none;
}
.hover-show {
    position: relative;
    margin-right: 10px;
}
.hover-show-con:hover .hover-show-con, .hover-show:hover .hover-show-con{
    display: block;
}
.dropdown-menu {
    transition:color .2s,transform .3s;
    background-color: #fff;
    position: absolute;
    top: 18px;
    left: 0;
    padding: 16px;
    width: 130px;
    z-index: 10;
    border-radius: 8px;
    box-shadow: 1px 2px 10px #cdcdcd;
}

.btn-newadd{
    display: flex; /* 使用flex布局 */
    align-items: center; /* 垂直居中对齐 */
    gap: 6px; /* 图标和文字之间的间距 */
    padding: 5px 0; /* 上下各增加8px间距，可根据需要调整数值 */
}
.normal-banner-right .change-theme {
    width: 100px;
}
#translate{
    display: none;
}
@media screen and (max-width: 768px) {
.hover-show {
    right: 60px;
    position: absolute;
}
.normal-banner-right .change-theme {
    width: auto!important;
}
.dropdown-menu {
    left: -45px;
}
}
/* 微调文字位置（如果需要进一步上移） */
.btn-newadd text.ignore {
  margin-top: -1px; /* 负值表示上移，可根据实际情况调整 */
}

/* 确保图标不占据额外空间影响对齐 */
.btn-newadd icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* --------------- 移动端登录态布局修复（仅屏幕≤768px生效） --------------- */
@media (max-width: 768px) {
  /* 1. 统一头部右侧用户区域为Flex布局，确保元素横向有序排列 */
  .header-user {
    display: flex;
    align-items: center; /* 垂直居中所有子元素 */
    gap: 8px; /* 元素之间保留8px间距，避免拥挤 */
    padding: 4px 0; /* 上下微增内边距，优化整体对齐 */
  }
 
  /* 2. 语言切换图标容器（translate-p）调整，避免偏移 */
  .translate-p.hover-show {
    margin-top: 0 !important; /* 清除原有inline样式的margin-top，避免上移错位 */
    margin-right: 65px;
    display: flex;
    align-items: center; /* 确保内部SVG图标垂直居中 */
  }
 
  /* 4. 登录后用户头像区域调整，控制大小和对齐 */
  .top-user-info .top-user-avatar {
    width: 28px; /* 移动端缩小头像尺寸，适配窄屏 */
    height: 28px;
  }
  .top-user-avatar .avatar {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 确保头像图片不拉伸 */
  }
 
  /* 5. 语言下拉菜单定位修复（避免遮挡或偏移） */
  .hover-show-con.dropdown-menu {
    top: 36px !important; /* 下拉菜单在图标正下方显示 */
    left: auto !important;
    right: 0; /* 右对齐，适配移动端右侧布局 */
    transform: none !important; /* 清除可能的位移干扰 */
  }
}
.social-top .change-theme>div a{
    margin-right: 1px;
}
@media screen and (max-width: 768px) {
    .top-style.header-banner .change-theme .mobile-show {
        display: block;
        margin-right: -10px;
    }
}