/* 首页顶栏：语言切换收进右上角（overlay） */
.home .header {
  padding-top: calc(8px + env(safe-area-inset-top)) !important;
  padding-bottom: 8px !important;
}

/* 紧凑胶囊 + 顶部对齐 -> 视觉上落在右上角 */
.home .header .lang {
  align-self: flex-start !important;
  margin-left: auto !important;
  min-height: 36px !important;
  border-radius: 18px !important;
  grid-template-columns: 26px minmax(0, 1fr) 8px !important;
  gap: 4px !important;
  padding: 3px 8px 3px 4px !important;
}
.home .header .lang .lang-icon {
  width: 26px !important;
  height: 26px !important;
}
.home .header .lang .lang-icon span {
  width: 16px !important;
  height: 16px !important;
}
.home .header .lang .lang-text {
  max-width: 54px !important;
  font-size: 11px !important;
}
.home .header .lang .dropdown-arrow {
  font-size: 8px !important;
}

/* 下拉面板跟随新位置 */
.home .header .langbox {
  top: 48px !important;
  right: 10px !important;
}

/* 窄屏进一步收紧，避免和标题挤在一起 */
@media (max-width: 360px) {
  .home .header .lang {
    min-width: 92px !important;
    grid-template-columns: 24px minmax(0, 1fr) 8px !important;
  }
  .home .header .lang .lang-icon {
    width: 24px !important;
    height: 24px !important;
  }
  .home .header .title {
    font-size: 21px !important;
  }
}