/* ========== 语言切换按钮样式 ==========
   位置：右侧常驻面板 #rightside-config-show（齿轮按钮之前）
   规格与 Butterfly 原生按钮一致（35px / 圆角 5px），玻璃参数同 starlitn
   ====================================== */

#lang-switch-btn {
  display: block;
  margin-bottom: 5px;
  width: 35px;
  height: 35px;
  border-radius: 5px;
  background: var(--glass-btn-bg, rgba(0, 0, 0, 0.5));
  border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
  color: var(--btn-color, #fff);
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  transition: background-color .2s ease, border-color .2s ease;
}

#lang-switch-btn i {
  font-size: 15px;
}

#lang-switch-btn span {
  display: none;              /* 面板空间有限，只显示图标 */
  font-size: 12px;
  font-weight: 700;
}

/* 悬停：与主题原生按钮一致，不做位移 */
#lang-switch-btn:hover {
  background: var(--btn-hover-color, var(--brand, #5b5bd6));
  color: #fff;
  transform: none;
}

#lang-switch-btn:active {
  transform: none;
}

/* 淡紫模式下图标颜色 */
[data-theme='lilac'] #lang-switch-btn {
  color: rgba(255, 255, 255, .92);
}

/* 移动端 */
@media (max-width: 768px) {
  #lang-switch-btn {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }
  #lang-switch-btn i { font-size: 13px; }
}
