/*
 * v4035 — 联盟大厅顶部信息栏与游戏子菜单配色
 * 只调整色彩、边框和层次，不改变原有尺寸与布局。
 */
:root {
  --club-chrome-deep: rgba(18, 35, 104, .84);
  --club-chrome-panel: rgba(38, 55, 139, .72);
  --club-chrome-panel-strong: rgba(45, 50, 137, .88);
  --club-chrome-stroke: rgba(231, 201, 119, .68);
  --club-chrome-highlight: rgba(183, 205, 255, .72);
  --club-chrome-text: #f4f3ff;
  --club-chrome-muted: #cbd5ff;
  --club-chrome-gold: #f2c75f;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary {
  border: 1px solid var(--club-chrome-stroke) !important;
  background: var(--club-chrome-deep) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .28),
    inset 0 0 24px rgba(111, 117, 255, .16),
    0 10px 28px rgba(15, 26, 93, .25) !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(171, 194, 255, .58) !important;
  background: var(--club-chrome-panel) !important;
  color: var(--club-chrome-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2) !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: #ffe486 !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-chrome-text) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary .league-points-log-btn {
  border-left-color: rgba(229, 205, 141, .34) !important;
  color: #80ecff !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(178, 200, 255, .62) !important;
  background: var(--club-chrome-panel-strong) !important;
  color: var(--club-chrome-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .22),
    0 7px 15px rgba(19, 22, 87, .22) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary > .league-record-btn {
  border: 1px solid #ffe6a0 !important;
  background: #efbd55 !important;
  color: #4b2d08 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .7),
    0 7px 16px rgba(80, 50, 9, .2) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubGameTabs.club-game-tabs {
  border: 1px solid var(--club-chrome-stroke) !important;
  background: rgba(20, 33, 103, .78) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .22),
    inset 0 0 22px rgba(107, 116, 255, .12),
    0 10px 26px rgba(15, 26, 93, .2) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubGameTabs.club-game-tabs button {
  color: var(--club-chrome-muted) !important;
  background: rgba(81, 91, 180, .14) !important;
  text-shadow: 0 1px 1px rgba(10, 18, 70, .3) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubGameTabs.club-game-tabs button:not(:last-child)::after {
  background: rgba(232, 209, 146, .28) !important;
}

html body.theme-pearl-blue #clubPage.club-page #clubGameTabs.club-game-tabs button.active {
  border: 1px solid #ffe498 !important;
  background: #efbd55 !important;
  color: #452706 !important;
  text-shadow: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .72),
    0 5px 14px rgba(229, 180, 70, .3) !important;
}

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

@media (max-width: 640px) {
  html body.theme-pearl-blue #clubPage.club-page #clubLeagueSummary.club-league-summary,
  html body.theme-pearl-blue #clubPage.club-page #clubGameTabs.club-game-tabs {
    border-color: rgba(239, 210, 134, .72) !important;
  }
}