/* 导航栏语言切换链接样式 */
.masthead__menu-item--lang {
  margin-left: 0.5rem;
}

.lang-toggle-link {
  position: relative;
  background: #9aaab9 !important;
  color: #fff !important;
  padding: 0.1rem 0.5rem !important;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.lang-toggle-link:hover {
  background: #3a3f44 !important;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.lang-text {
  display: inline-block;
  color: #fff !important;
  font-weight: 500;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  opacity: 1;
  transform: translateY(0);
}

/* 页面内容语言切换动画 */
[data-i18n-inline], 
[data-i18n], 
[data-i18n-html],
.lang-text {
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
    opacity: 1;
    transform: translateY(0);
    display: inline-block; 
}

.lang-fade-out {
    transition: opacity 0.2s ease-in, transform 0.2s ease-in;
    opacity: 0 !important;
    transform: translateY(-0px);
}

.lang-fade-in {
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
    opacity: 1 !important; 
    transform: translateY(0) !important; 
}

/* 移动端适配 */
@media (max-width: 768px) {
  .masthead__menu-item--lang {
    margin-left: 0;
    margin-top: 0.5rem;
  }
  
  .lang-toggle-link {
    display: block;
    text-align: center;
  }
}