.site-script-toggle {
  display: inline-flex;
  min-width: 38px;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--yan-color-line, #e5e2e9);
  border-radius: 999px;
  background: var(--yan-color-surface-strong, #fff);
  color: var(--yan-color-ink, #24212b);
  padding: 6px 10px;
  gap: 8px;
  font: 700 .82rem/1 -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  letter-spacing: .04em;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.site-script-toggle:hover,
.site-script-toggle:focus-visible {
  border-color: var(--yan-brand-primary, #7145d6);
  background: var(--yan-brand-primary-soft, #f3effb);
  color: var(--yan-brand-deep, #4d2aaf);
  outline: none;
}

.site-script-toggle:focus-visible {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--yan-brand-primary, #7145d6);
}

.site-nav .site-script-toggle {
  flex: 0 0 auto;
  align-self: center;
  margin-left: 3px;
}

.site-header-script-toggle {
  display: none;
}

.site-mobile-menu nav .site-script-toggle {
  width: 100%;
  min-height: 40px;
  justify-content: flex-start;
  border: 0;
  border-top: 1px solid var(--yan-color-line, #e5e2e9);
  border-radius: 0;
  margin-top: 4px;
  padding: 11px 10px 7px;
}

.site-script-toggle-option {
  color: var(--yan-color-ink-muted, #6f6978);
  font-weight: 650;
  transition: color 160ms ease;
}

.site-script-toggle-option.is-current {
  color: var(--yan-brand-primary, #7145d6);
  font-weight: 800;
}

.site-script-toggle--floating {
  position: fixed;
  z-index: 2147483000;
  top: max(12px, env(safe-area-inset-top));
  right: max(12px, env(safe-area-inset-right));
  box-shadow: 0 8px 26px rgba(36, 20, 59, .16);
}

@media (max-width: 1040px) and (min-width: 761px) {
  .site-nav .site-script-toggle { min-width: 34px; padding-inline: 8px; }
}

@media (max-width: 760px) {
  .site-header-script-toggle {
    display: inline-flex;
    margin-left: auto;
  }

  .site-header-script-toggle + .site-mobile-menu {
    margin-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-script-toggle { transition: none; }
}