.kebao-ui-language-switch {
  align-items: center;
  background: color-mix(in srgb, var(--panel, #fff) 92%, transparent);
  border: 1px solid var(--line, rgba(15, 23, 42, .16));
  border-radius: 999px;
  box-shadow: 0 6px 24px rgba(15, 23, 42, .08);
  display: inline-flex;
  flex: 0 0 auto;
  gap: 2px;
  padding: 3px;
  white-space: nowrap;
}

.kebao-ui-language-switch.is-floating {
  top: max(12px, env(safe-area-inset-top));
  right: max(14px, env(safe-area-inset-right));
  bottom: auto;
  left: auto;
  position: fixed;
  z-index: 2147483000;
}

.kebao-ui-language-switch button {
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 999px;
  color: var(--muted, #64748b);
  cursor: pointer;
  font: 600 12px/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  min-height: 30px;
  padding: 0 10px;
}

.kebao-ui-language-switch button:hover {
  color: var(--text, #0f172a);
}

.kebao-ui-language-switch button:focus-visible {
  outline: 2px solid var(--brand, #1550dc);
  outline-offset: 2px;
}

.kebao-ui-language-switch button.is-active {
  background: var(--brand, #1550dc);
  color: #fff;
}

.nav-inner > .kebao-ui-language-switch {
  margin-left: auto;
}

.nav-inner > .kebao-ui-language-switch + .theme-toggle {
  margin-left: 0;
}

.app-header > [data-kebao-ui-language-mount],
.app-header > .kebao-ui-language-switch {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  margin-left: auto;
}

.app-header > [data-kebao-ui-language-mount] + .userchip,
.app-header > .kebao-ui-language-switch + .userchip {
  margin-left: 0;
}

.app-header .kebao-ui-language-switch,
.cmdbar-right > .kebao-ui-language-switch,
.cmdbar-right > [data-kebao-ui-language-mount] > .kebao-ui-language-switch,
.userchip > .kebao-ui-language-switch {
  box-shadow: none;
}

.userchip > .kebao-ui-language-switch {
  margin-right: 2px;
}

.cmdbar-right > [data-kebao-ui-language-mount] {
  display: inline-flex;
  align-items: center;
}

.kebao-ask-head > .kebao-ui-language-switch {
  box-shadow: none;
  margin-left: auto;
}

.kebao-ask-head-actions > .kebao-ui-language-switch,
[data-kebao-ui-language-mount] > .kebao-ui-language-switch {
  box-shadow: none;
  margin-left: 0;
}

@media (max-width: 760px) {
  .nav-inner > .kebao-ui-language-switch {
    margin-left: auto;
  }

  .kebao-ui-language-switch button {
    min-height: 32px;
    padding: 0 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kebao-ui-language-switch,
  .kebao-ui-language-switch * {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}