/*
 * v4038 — 联盟二级页面统一视觉
 * 团队、设置、战绩、积分流水与联盟抽屉沿用大厅的蓝紫宝石＋金色纹样。
 * 仅调整视觉，不改变现有页面结构、数据和交互。
 */
:root {
  --club-sub-bg: #263b9b;
  --club-sub-card: #354fac;
  --club-sub-panel: rgba(55, 77, 181, .88);
  --club-sub-panel-soft: rgba(69, 91, 197, .72);
  --club-sub-line: rgba(242, 215, 139, .74);
  --club-sub-line-soft: rgba(211, 222, 255, .48);
  --club-sub-text: #f7f6ff;
  --club-sub-muted: #d7e0ff;
  --club-sub-gold: #f0c45d;
  --club-sub-gold-text: #4d2d05;
}

html body.theme-pearl-blue .league-settings-fullpage,
html body.theme-pearl-blue #personalRecordOverlay.personal-record-overlay,
html body.theme-pearl-blue #leaguePointsFlowOverlay.league-points-flow-overlay {
  background-color: var(--club-sub-bg) !important;
  background-image: url("./assets/club-lobby-background-v4034.jpg") !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  color: var(--club-sub-text) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-card,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-card,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-points-flow-card {
  border: 1px solid var(--club-sub-line) !important;
  background-color: var(--club-sub-card) !important;
  background-image: url("./assets/club-lobby-panel-ornament-v4037.jpg") !important;
  background-position: top center !important;
  background-size: 100% 176px !important;
  background-repeat: no-repeat !important;
  background-blend-mode: screen !important;
  color: var(--club-sub-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .32),
    0 18px 38px rgba(27, 34, 113, .28) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-hero {
  min-height: 104px !important;
  margin: 0 0 12px !important;
  padding: 14px 46px !important;
  border: 1px solid rgba(243, 215, 136, .58) !important;
  border-radius: 16px !important;
  background: rgba(47, 68, 166, .56) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-hero span,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-card > span,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-points-flow-card > span {
  color: #ffe390 !important;
  -webkit-text-fill-color: #ffe390 !important;
  text-shadow: 0 1px 3px rgba(48, 31, 102, .3) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-hero strong,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-card > strong,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-points-flow-card > strong {
  display: block !important;
  color: var(--club-sub-text) !important;
  -webkit-text-fill-color: var(--club-sub-text) !important;
  text-shadow: 0 2px 7px rgba(35, 43, 127, .38) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-hero em,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-points-flow-card > em {
  display: inline-flex !important;
  color: var(--club-sub-muted) !important;
  -webkit-text-fill-color: var(--club-sub-muted) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-close,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-close,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-settings-close {
  border: 1px solid rgba(224, 231, 255, .62) !important;
  background: rgba(62, 82, 182, .9) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .26),
    0 5px 12px rgba(30, 38, 123, .2) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-tile {
  border: 1px solid var(--club-sub-line-soft) !important;
  background: var(--club-sub-panel) !important;
  color: var(--club-sub-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .18),
    0 8px 18px rgba(29, 37, 120, .18) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-home {
  gap: 2px !important;
  margin-top: 2px !important;
  padding: 14px !important;
  border: 1px solid rgba(242, 215, 139, .58) !important;
  border-radius: 18px !important;
  background: rgba(48, 68, 166, .78) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .16),
    0 10px 22px rgba(29, 37, 120, .16) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-tile i {
  border: 1px solid #ffecad !important;
  background: var(--club-sub-gold) !important;
  color: var(--club-sub-gold-text) !important;
  -webkit-text-fill-color: var(--club-sub-gold-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .62),
    0 5px 11px rgba(104, 70, 12, .2) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-tile span,
html body.theme-pearl-blue .league-settings-fullpage .league-settings-tile em {
  color: var(--club-sub-text) !important;
  -webkit-text-fill-color: var(--club-sub-text) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-tile em {
  opacity: .76 !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-tile strong {
  border: 1px solid rgba(244, 220, 147, .48) !important;
  background: rgba(78, 96, 196, .9) !important;
  color: #ffe58f !important;
  -webkit-text-fill-color: #ffe58f !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-back,
html body.theme-pearl-blue .league-settings-fullpage .league-settings-card .ghost {
  border: 1px solid rgba(218, 227, 255, .5) !important;
  background: rgba(61, 81, 179, .9) !important;
  color: var(--club-sub-text) !important;
  -webkit-text-fill-color: var(--club-sub-text) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-subpage h3,
html body.theme-pearl-blue .league-settings-fullpage .league-settings-section p {
  color: var(--club-sub-text) !important;
  -webkit-text-fill-color: var(--club-sub-text) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-subpage h3 b,
html body.theme-pearl-blue .league-settings-fullpage .league-team-page h3 b {
  border: 1px solid rgba(247, 221, 145, .56) !important;
  background: rgba(69, 88, 186, .92) !important;
  color: #ffe58f !important;
  -webkit-text-fill-color: #ffe58f !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-invite-box,
html body.theme-pearl-blue .league-settings-fullpage .league-point-form {
  border: 1px solid rgba(242, 215, 139, .62) !important;
  border-radius: 13px !important;
  background: var(--club-sub-panel-soft) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-invite-box span {
  color: #ffe59a !important;
  -webkit-text-fill-color: #ffe59a !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-invite-box input,
html body.theme-pearl-blue .league-settings-fullpage .league-point-form input {
  border: 1px solid rgba(182, 200, 255, .68) !important;
  background: rgba(239, 243, 255, .94) !important;
  color: #294384 !important;
  -webkit-text-fill-color: #294384 !important;
  box-shadow: inset 0 2px 6px rgba(57, 73, 158, .08) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-invite-box button,
html body.theme-pearl-blue .league-settings-fullpage .league-point-form button,
html body.theme-pearl-blue .league-settings-fullpage .league-audit-row button {
  border: 1px solid #ffecad !important;
  background: var(--club-sub-gold) !important;
  color: var(--club-sub-gold-text) !important;
  -webkit-text-fill-color: var(--club-sub-gold-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .64) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-audit-row button.reject {
  border-color: rgba(255, 191, 204, .74) !important;
  background: #cd5675 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-team-row,
html body.theme-pearl-blue .league-settings-fullpage .league-setting-member,
html body.theme-pearl-blue .league-settings-fullpage .league-audit-row,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-flow-row {
  border: 1px solid var(--club-sub-line-soft) !important;
  background: rgba(50, 70, 170, .9) !important;
  color: var(--club-sub-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-team-row.direct {
  border-color: rgba(246, 220, 142, .8) !important;
  background: rgba(70, 88, 186, .94) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-team-row i,
html body.theme-pearl-blue .league-settings-fullpage .league-setting-member i,
html body.theme-pearl-blue .league-settings-fullpage .league-audit-row i {
  border: 1px solid #ffebaa !important;
  background: var(--club-sub-gold) !important;
  color: var(--club-sub-gold-text) !important;
  -webkit-text-fill-color: var(--club-sub-gold-text) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-team-row span,
html body.theme-pearl-blue .league-settings-fullpage .league-setting-member span,
html body.theme-pearl-blue .league-settings-fullpage .league-audit-row span,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-flow-row span {
  color: var(--club-sub-text) !important;
  -webkit-text-fill-color: var(--club-sub-text) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-team-row small,
html body.theme-pearl-blue .league-settings-fullpage .league-setting-member small,
html body.theme-pearl-blue .league-settings-fullpage .league-audit-row small,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-flow-row small {
  color: var(--club-sub-muted) !important;
  -webkit-text-fill-color: var(--club-sub-muted) !important;
  opacity: .78 !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-audit-empty,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-audit-empty {
  border: 1px solid rgba(211, 222, 255, .5) !important;
  background-color: rgba(66, 87, 190, .68) !important;
  background-image: url("./assets/club-lobby-panel-ornament-v4037.jpg") !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-blend-mode: screen !important;
  color: var(--club-sub-muted) !important;
  -webkit-text-fill-color: var(--club-sub-muted) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-card {
  padding-top: max(20px, env(safe-area-inset-top)) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-card > span {
  margin-top: 2px !important;
  font-size: 13px !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-tabs {
  border: 1px solid rgba(225, 232, 255, .56) !important;
  background: rgba(58, 78, 180, .84) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-tabs button {
  color: var(--club-sub-muted) !important;
  -webkit-text-fill-color: var(--club-sub-muted) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-tabs button.active {
  border: 1px solid #ffecad !important;
  background: var(--club-sub-gold) !important;
  color: var(--club-sub-gold-text) !important;
  -webkit-text-fill-color: var(--club-sub-gold-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .68) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-row,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-empty {
  border: 1px solid rgba(212, 223, 255, .48) !important;
  border-radius: 13px !important;
  background: rgba(51, 71, 171, .86) !important;
  color: var(--club-sub-muted) !important;
  -webkit-text-fill-color: var(--club-sub-muted) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-row strong,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-row span {
  color: var(--club-sub-text) !important;
  -webkit-text-fill-color: var(--club-sub-text) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-row span {
  opacity: .72 !important;
}

html body.theme-pearl-blue #clubPage .league-switch-drawer {
  border: 1px solid var(--club-sub-line) !important;
  background-color: var(--club-sub-card) !important;
  background-image: url("./assets/club-lobby-panel-ornament-v4037.jpg") !important;
  background-position: top center !important;
  background-size: 100% 170px !important;
  background-repeat: no-repeat !important;
  background-blend-mode: screen !important;
  color: var(--club-sub-text) !important;
  box-shadow: 14px 0 34px rgba(28, 35, 117, .3) !important;
}

html body.theme-pearl-blue #clubPage .league-drawer-head {
  border-bottom: 1px solid rgba(242, 215, 139, .46) !important;
  background: rgba(61, 81, 180, .72) !important;
}

html body.theme-pearl-blue #clubPage .league-drawer-head span,
html body.theme-pearl-blue #clubPage .league-drawer-head button {
  color: var(--club-sub-text) !important;
  -webkit-text-fill-color: var(--club-sub-text) !important;
}

html body.theme-pearl-blue #clubPage .league-drawer-head button,
html body.theme-pearl-blue #clubPage .league-drawer-list button {
  border: 1px solid rgba(217, 226, 255, .5) !important;
  background: rgba(58, 78, 180, .84) !important;
  color: var(--club-sub-text) !important;
  -webkit-text-fill-color: var(--club-sub-text) !important;
}

html body.theme-pearl-blue #clubPage .league-drawer-list button span,
html body.theme-pearl-blue #clubPage .league-drawer-list button small {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.theme-pearl-blue #clubPage .league-drawer-list button.active,
html body.theme-pearl-blue #clubPage .league-switch-drawer .league-dropdown-join {
  border: 1px solid #ffecad !important;
  background: var(--club-sub-gold) !important;
  color: var(--club-sub-gold-text) !important;
  -webkit-text-fill-color: var(--club-sub-gold-text) !important;
}

@media (max-width: 640px) {
  html body.theme-pearl-blue .league-settings-fullpage {
    padding: 8px !important;
  }

  html body.theme-pearl-blue .league-settings-fullpage .league-settings-card {
    min-height: calc(100dvh - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    border-radius: 20px !important;
  }

  html body.theme-pearl-blue #personalRecordOverlay .personal-record-card {
    width: calc(100vw - 16px) !important;
    height: calc(100dvh - 16px) !important;
    margin: 8px !important;
    border-width: 1px !important;
    border-radius: 20px !important;
  }
}