/*
 * v4041 — “我的联盟”抽屉整页背景
 * 使用联盟大厅主背景贯穿抽屉全高，消除顶部纹样突然截断的接缝。
 */
html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-switch-shell.open .league-switch-drawer,
html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-switch-drawer {
  overflow: hidden !important;
  border: 1px solid rgba(247, 220, 148, .82) !important;
  border-left: 0 !important;
  background-color: #30489e !important;
  background-image: url("./assets/club-lobby-background-v4034.jpg") !important;
  background-position: center center !important;
  background-size: auto 100% !important;
  background-repeat: no-repeat !important;
  background-blend-mode: normal !important;
  color: #f9f7ff !important;
  box-shadow:
    inset -1px 0 rgba(255, 238, 187, .34),
    16px 0 34px rgba(19, 29, 100, .34) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-drawer-mask {
  background: rgba(31, 42, 126, .38) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-drawer-head {
  margin-bottom: 12px !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(232, 220, 255, .42) !important;
  border-radius: 14px !important;
  background: rgba(35, 49, 143, .82) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .18),
    0 8px 18px rgba(21, 28, 99, .18) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-drawer-head span {
  color: #ffe7a1 !important;
  -webkit-text-fill-color: #ffe7a1 !important;
  text-shadow: 0 1px 5px rgba(25, 31, 107, .42) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-drawer-head button {
  border: 1px solid rgba(232, 224, 255, .52) !important;
  background: rgba(65, 80, 183, .88) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .2) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-drawer-list {
  gap: 9px !important;
  padding: 2px !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-drawer-list button {
  min-height: 42px !important;
  border: 1px solid rgba(218, 225, 255, .46) !important;
  background: rgba(48, 65, 162, .84) !important;
  color: #f9f7ff !important;
  -webkit-text-fill-color: #f9f7ff !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .14),
    0 8px 18px rgba(21, 28, 99, .16) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-drawer-list button.active {
  border-color: rgba(255, 230, 157, .92) !important;
  background: rgba(64, 81, 183, .92) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .22),
    0 8px 18px rgba(21, 28, 99, .2) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-drawer-list button span,
html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-drawer-list button.active span {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-drawer-list button small,
html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-drawer-list button.active small {
  color: #ffe7a1 !important;
  -webkit-text-fill-color: #ffe7a1 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-switch-drawer .league-dropdown-join {
  min-height: 42px !important;
  margin-top: 12px !important;
  border: 1px solid #fff0bd !important;
  background: #f2c758 !important;
  color: #4c2c04 !important;
  -webkit-text-fill-color: #4c2c04 !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .7),
    0 9px 20px rgba(73, 48, 7, .2) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-switch-drawer .league-dropdown-join span,
html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-switch-drawer .league-dropdown-join i {
  color: #4c2c04 !important;
  -webkit-text-fill-color: #4c2c04 !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-switch-drawer .league-dropdown-join i {
  background: rgba(76, 44, 4, .14) !important;
}

@media (min-width: 900px) {
  html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary .league-switch-drawer {
    background-position: 50% 24% !important;
  }
}