/* FAQ7777 主题用户中心头部样式 */

/* 用户中心按钮样式 */
.header-user .user-center {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  color: #666;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.3s ease;
  margin-right: 8px;
}

.header-user .user-center:hover {
  background-color: #f8f9fa;
  color: #1e88e5;
}

.header-user .user-center i {
  margin-right: 4px;
  font-size: 16px;
}

.header-user .user-center .user-text {
  font-size: 14px;
}

/* 登录和注销按钮样式优化 */
.header-user .user-login,
.header-user .user-logout {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  color: #666;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.header-user .user-login:hover,
.header-user .user-logout:hover {
  background-color: #f8f9fa;
  color: #1e88e5;
}

.header-user .user-login i,
.header-user .user-logout i {
  margin-right: 4px;
  font-size: 16px;
}

.header-user .user-login .user-text,
.header-user .user-logout .user-text {
  font-size: 14px;
}

/* 注销按钮特殊样式 */
.header-user .user-logout {
  color: #666;
}

.header-user .user-logout:hover {
  color: #dc3545;
  background-color: #fff0f0;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .header-user {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 0;
  }
  
  .header-user .user-center,
  .header-user .user-login,
  .header-user .user-logout {
    justify-content: center;
    margin-right: 0;
  }
  
  .header-user .user-text {
    display: none;
  }
  
  .header-user i {
    margin-right: 0 !important;
  }
}

/* 响应式调整 */
@media (max-width: 992px) {
  .header-user .user-text {
    display: none;
  }
  
  .header-user i {
    margin-right: 0 !important;
    font-size: 18px;
  }
}