/* 语言选择器基础样式 - 现在在导航栏内 */
.language-selector {
  position: relative; /* 改为相对定位，而不是固定定位 */
  display: flex;
  align-items: center;
  margin-left: 1.5rem; /* 与其他导航项保持一致的左边距 */
  padding: 4px 12px;
  background-color: rgba(255, 255, 255, 0.01); /* 半透明背景 */
  border-radius: 20px; /* 圆角边框 */
  font-size: 0.85rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.008);
  font-weight: 500;
  white-space: nowrap;
  /* border: 1px solid rgba(255, 255, 255, 0.01); 淡边框 */
  color: var(--text-color); /* 使用变量颜色 */
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10; /* 使其在必要时覆盖其他元素 */
}

/* 悬停效果 - 与nav-link保持一致 */
.language-selector:hover {
  background-color: rgba(255, 255, 255, 0.25);
  color: var(--primary-color); /* 使用主色调 */
  
  transform: translateY(-2px); /* 轻微上移效果 */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* 点击效果 */
.language-selector:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* 为移动设备优化 */
@media (max-width: 768px) {
  .language-selector {
    margin-left: 0.5rem;
    padding: 6px 10px;
    font-size: 0.85rem;
  }
}