/* 右上角语种选择胶囊（浅色科技主题，与 styles.css 同一套配色变量） */
.lang-pill {
  position: fixed; top: 14px; right: 14px; z-index: 3000;
  display: flex; gap: 2px; padding: 3px;
  border: 1px solid rgba(37, 99, 235, .22); border-radius: 999px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 4px 14px rgba(37, 99, 235, .14);
  backdrop-filter: blur(6px);
}
.lang-btn {
  padding: 4px 11px; border: 0; border-radius: 999px;
  background: transparent; color: #4a648c;
  font-size: 12px; font-weight: 700; line-height: 18px;
  cursor: pointer; transition: background .15s, color .15s;
}
.lang-btn:hover { background: rgba(37, 99, 235, .08); color: #2563eb; }
.lang-btn.on {
  background: linear-gradient(100deg, #06b6d4, #2563eb 52%, #7c3aed);
  color: #fff; box-shadow: 0 2px 8px rgba(37, 99, 235, .35);
}
@media (max-width: 430px) {
  .lang-pill { top: 8px; right: 8px; }
  .lang-btn { padding: 3px 8px; font-size: 11px; }
}