/*
 * v4037 — 联盟大厅双层导航重新配色
 * 顶栏改为醒目的蓝紫宝石面板；游戏菜单提亮为皇家蓝，
 * 两者共用轻量金色纹样背景，不改变原有布局和尺寸。
 */
:root {
  --club-v4037-sapphire: #405dcc;
  --club-v4037-royal: #344fb4;
  --club-v4037-control: rgba(72, 92, 196, .86);
  --club-v4037-control-strong: rgba(59, 75, 174, .92);
  --club-v4037-gold: #efd277;
  --club-v4037-text: #f5f4ff;
  --club-v4037-muted: #dce4ff;
}

html body.theme-pearl-blue #clubPage.club-page .club-panel > #clubLeagueSummary.club-league-summary,
html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary {
  border: 1px solid rgba(246, 218, 137, .92) !important;
  background: var(--club-v4037-sapphire) url("./assets/club-lobby-panel-ornament-v4037.jpg") center / 100% 100% no-repeat !important;
  background-blend-mode: screen !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .48),
    inset 0 -1px 0 rgba(122, 86, 214, .38),
    0 9px 22px rgba(29, 37, 124, .24) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary .league-switch-trigger,
html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary > .league-summary-id {
  border: 1px solid rgba(214, 224, 255, .72) !important;
  background: var(--club-v4037-control) !important;
  color: var(--club-v4037-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .23),
    0 3px 9px rgba(27, 34, 117, .16) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary .league-switch-trigger span,
html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary > .league-summary-id b {
  color: #ffe58d !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary .league-switch-trigger strong,
html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary > .league-summary-id::before {
  color: var(--club-v4037-text) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary .league-points-log-btn {
  border-left-color: rgba(239, 210, 119, .38) !important;
  color: #a9f2ff !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary > .league-team-btn,
html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary > .league-setting-entry-btn {
  border: 1px solid rgba(212, 223, 255, .7) !important;
  background: var(--club-v4037-control-strong) !important;
  color: var(--club-v4037-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .26),
    0 4px 10px rgba(24, 31, 111, .18) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary > .league-record-btn {
  border: 1px solid #ffedac !important;
  background: #f0bd50 !important;
  color: #4b2d08 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .72),
    0 5px 13px rgba(92, 54, 7, .23) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubGameTabs.club-game-tabs {
  border: 1px solid rgba(242, 211, 126, .9) !important;
  background: var(--club-v4037-royal) url("./assets/club-lobby-panel-ornament-v4037.jpg") center / 100% 100% no-repeat !important;
  background-blend-mode: screen !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .38),
    inset 0 -1px 0 rgba(65, 42, 149, .32),
    0 9px 21px rgba(30, 38, 128, .2) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubGameTabs.club-game-tabs button {
  color: var(--club-v4037-muted) !important;
  background: rgba(64, 83, 183, .74) !important;
  text-shadow: 0 1px 1px rgba(17, 24, 84, .34) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubGameTabs.club-game-tabs button:not(:last-child)::after {
  background: rgba(242, 216, 143, .3) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubGameTabs.club-game-tabs button.active {
  border: 1px solid #ffebaa !important;
  background: #f0bd50 !important;
  color: #452706 !important;
  text-shadow: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .76),
    0 5px 14px rgba(228, 178, 61, .32) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubGameTabs.club-game-tabs button.active::before {
  filter: saturate(.86) brightness(.96) !important;
}

@media (max-width: 640px) {
  html body.theme-pearl-blue #clubPage.club-page .club-panel > #clubLeagueSummary.club-league-summary,
  html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary,
  html body.theme-pearl-blue #clubPage.club-page #clubGameTabs.club-game-tabs {
    background-size: 100% 100% !important;
    border-color: rgba(247, 218, 137, .94) !important;
  }

  html body.theme-pearl-blue #clubPage.club-page #clubGameTabs.club-game-tabs button {
    background: rgba(66, 84, 184, .8) !important;
  }
}