/* 两个主页共用原生单选框，主题切换不受场景动画遮挡。 */
.home-app .home-theme-switch {
  position: fixed;
  top: clamp(20px, 3.3vh, 36px);
  right: clamp(28px, 3.5vw, 64px);
  z-index: 100;
  display: flex;
  gap: 2px;
  margin: 0;
  padding: 4px;
  border: 1px solid rgba(195, 222, 228, 0.24);
  background: rgba(4, 13, 19, 0.72);
  color: #9dafb6;
  backdrop-filter: blur(16px);
}

.home-theme-switch legend {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.home-theme-switch label {
  position: relative;
  cursor: pointer;
}

.home-theme-switch input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.home-theme-switch span {
  display: block;
  padding: 9px 15px;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.08em;
  white-space: nowrap;
  transition: color 160ms ease, background-color 160ms ease;
}

.home-theme-switch label:hover span {
  color: #e1eef0;
}

.home-theme-switch input:checked + span {
  color: #e5f0f1;
  background: rgba(165, 197, 203, 0.14);
}

.home-theme-switch input:focus-visible + span {
  outline: 1px solid #dceef0;
  outline-offset: -2px;
}

.home-app[data-home-mode="xile"] .home-theme-switch {
  border-color: rgba(235, 190, 107, 0.32);
  background: rgba(8, 6, 8, 0.76);
  color: #b8a893;
}

.home-app[data-home-mode="xile"] .home-theme-switch input:checked + span {
  color: #f4d9a7;
  background: rgba(235, 190, 107, 0.16);
}

.home-app .home-view[hidden] {
  display: none !important;
}

.home-app .home-view-new .home-shell {
  padding-top: clamp(65px, 10vh, 90px);
}

@media (prefers-reduced-motion: reduce) {
  .home-theme-switch span { transition: none; }
}