a {
  text-decoration: none;
  color: inherit;
}
ul {
  list-style: none;
}

/* 导航栏 */
.header {
  padding: 20px 0;
  border-bottom: 1px solid #eee;
}
.header .w1240 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logo img {
  height: 50px;
}
.nav ul {
  display: flex;
  gap: 30px;
  color: #333;
  font-size: 16px;
}
.nav li {
  white-space: nowrap; /* 防止文本换行 */
}
 /* 语言切换按钮样式 */
.lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 20px;
}
.lang-btn {
  padding: 5px 10px;
  cursor: pointer;
}
.lang-btn.active {
  color: #2c6ecb;
  font-weight: bold;
  text-decoration: underline;
}
 /* 翻译元素基础样式 */
[data-i18n] {
  min-height: 1em; /* 防止布局跳动 */
  transition: opacity var(--i18n-transition, 0.05s) ease; /* 极短过渡 */
}

/* 加载状态（切换时隐藏旧文本） */
[data-i18n].i18n-loading {
  opacity: 0;
  visibility: hidden;
}

/* 语言切换按钮 */
.lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 20px;
  height:93px;
}

.lang-btn {
  padding: 5px 10px;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

.lang-btn.active {
  color: #2c6ecb;
  font-weight: bold;
}
 
 
 
 
 
/* 关键：给 logo 容器添加 Flex 布局，控制子元素水平排列 */
.logo-container .logo {
    display: flex; /* 开启 Flex 布局，子元素水平排列 */
    align-items: center; /* 子元素垂直居中（可选，根据视觉需求调整） */
    gap: 8px; /* 图片与文字之间的间距（可选，避免拥挤） */
    text-decoration: none; /* 清除 a 标签默认下划线 */
}

/* 确保图片不拉伸，保持原始比例 */
.logo-container .logo img {
    display: block; /* 消除图片默认 inline 带来的底部间隙 */
    width: auto; /* 宽度自动，保持宽高比 */
}

/* 文字样式（可选，根据你的设计调整） */
.logo-container .logo-text {
    font-size: 18px;
    color: #333; /* 文字颜色，与 logo 风格匹配 */
    font-weight: 550;
    margin-left: -20px;
}

/* 保留原有 fl 左浮动样式（若父容器需要左对齐） */
.logo-container.fl {
    float: left;
}