/*
 * v4042 — 联盟所有二级页面使用同一张完整主背景。
 * 移除旧版仅覆盖顶部的装饰图，避免左右有花纹、中央纯蓝的拼接断层。
 */
:root {
  --club-sub-v4042-surface: rgba(43, 62, 157, .82);
  --club-sub-v4042-surface-strong: rgba(39, 55, 145, .91);
  --club-sub-v4042-line: rgba(244, 218, 146, .7);
  --club-sub-v4042-line-soft: rgba(214, 226, 255, .48);
  --club-sub-v4042-text: #f6f7ff;
  --club-sub-v4042-muted: #d7deff;
  --club-sub-v4042-gold: #f0c45d;
  --club-sub-v4042-gold-text: #412204;
  --club-sub-v4042-panel: rgba(49, 70, 173, .62);
}

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: #3049a4 !important;
  background-image: url("./assets/club-lobby-background-v4034.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !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 {
  background-color: var(--club-sub-v4042-surface) !important;
  background-image: none !important;
  background-blend-mode: normal !important;
  border-color: var(--club-sub-v4042-line) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .28),
    0 18px 38px rgba(20, 29, 99, .25) !important;
  -webkit-backdrop-filter: blur(10px) saturate(118%) !important;
  backdrop-filter: blur(10px) saturate(118%) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-card > strong,
html body.theme-pearl-blue .league-settings-fullpage .league-settings-card > em,
html body.theme-pearl-blue .league-settings-fullpage .league-settings-subpage h3,
html body.theme-pearl-blue .league-settings-fullpage .league-settings-section p,
html body.theme-pearl-blue .league-settings-fullpage .league-settings-tile em,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-card > span,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-card > strong,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-empty,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-points-flow-card > span {
  color: var(--club-sub-v4042-text) !important;
  -webkit-text-fill-color: var(--club-sub-v4042-text) !important;
}

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;
  -webkit-text-fill-color: var(--club-sub-v4042-muted) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-card > strong,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-card > strong {
  color: var(--club-sub-v4042-text) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-hero {
  min-height: 102px !important;
  border-color: rgba(245, 221, 153, .62) !important;
  background-color: rgba(49, 70, 173, .62) !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .2),
    0 8px 20px rgba(27, 36, 119, .16) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-hero span,
html body.theme-pearl-blue .league-settings-fullpage .league-settings-section h3 b,
html body.theme-pearl-blue .league-settings-fullpage .league-team-page h3 b,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-tabs button.active {
  color: #ffe58f !important;
  -webkit-text-fill-color: #ffe58f !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;
}

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 {
  display: inline-grid !important;
  margin-left: 6px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(247, 221, 145, .56) !important;
  background: rgba(69, 88, 186, .92) !important;
  color: #ffe58f !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-tile {
  border: 1px solid var(--club-sub-v4042-line-soft) !important;
  background: var(--club-sub-v4042-panel) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-tile i,
html body.theme-pearl-blue .league-settings-fullpage .league-setting-member i,
html body.theme-pearl-blue .league-settings-fullpage .league-team-row i,
html body.theme-pearl-blue .league-settings-fullpage .league-audit-row i {
  border: 1px solid #ffebaa !important;
  background: var(--club-sub-v4042-gold) !important;
  color: var(--club-sub-v4042-gold-text) !important;
  -webkit-text-fill-color: var(--club-sub-v4042-gold-text) !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,
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(218, 227, 255, .5) !important;
  background: rgba(61, 81, 179, .9) !important;
  color: var(--club-sub-v4042-text) !important;
  -webkit-text-fill-color: var(--club-sub-v4042-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,
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,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-row strong,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-row span,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-row em,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-row small {
  color: var(--club-sub-v4042-text) !important;
  -webkit-text-fill-color: var(--club-sub-v4042-text) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-subpage p,
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,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-row span {
  color: var(--club-sub-v4042-muted) !important;
  opacity: .82 !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-invite-box,
html body.theme-pearl-blue .league-settings-fullpage .league-point-form,
html body.theme-pearl-blue .league-settings-fullpage .league-team-page .league-invite-box,
html body.theme-pearl-blue .league-settings-fullpage .league-team-page .league-team-form,
html body.theme-pearl-blue .league-settings-fullpage .league-audit-empty,
html body.theme-pearl-blue .league-settings-fullpage .league-audit-row,
html body.theme-pearl-blue .league-settings-fullpage .league-setting-member,
html body.theme-pearl-blue .league-settings-fullpage .league-team-row,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-tabs,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-row,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-flow-row,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-audit-empty {
  border-radius: 13px !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;
  background: rgba(49, 70, 173, .68) !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;
}

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;
}

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,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-flow-row b {
  border: 1px solid #ffecad !important;
  background: var(--club-sub-v4042-gold) !important;
  color: var(--club-sub-v4042-gold-text) !important;
  -webkit-text-fill-color: var(--club-sub-v4042-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-v4042-line-soft) !important;
  background: rgba(50, 70, 170, .9) !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-settings-section {
  background: rgba(52, 69, 175, .48) !important;
  border: 1px solid rgba(242, 215, 139, .46) !important;
  border-radius: 14px !important;
  padding: 12px !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-home,
html body.theme-pearl-blue .league-settings-fullpage .league-settings-tile,
html body.theme-pearl-blue .league-settings-fullpage .league-invite-box,
html body.theme-pearl-blue .league-settings-fullpage .league-point-form,
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 #personalRecordOverlay .personal-record-tabs,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-row,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-empty,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-flow-row,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-audit-empty {
  background-image: none !important;
  border-color: var(--club-sub-v4042-line-soft) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-audit-empty,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-audit-empty {
  background-color: rgba(57, 78, 182, .68) !important;
  background-image: none !important;
  background-blend-mode: normal !important;
}

html body.theme-pearl-blue #clubPage .league-switch-drawer {
  background-color: #3049a4 !important;
  background-image: url("./assets/club-lobby-background-v4034.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-blend-mode: normal !important;
}

html body.theme-pearl-blue #clubPage .league-drawer-head,
html body.theme-pearl-blue #clubPage .league-drawer-list {
  background-image: none !important;
}

@media (max-width: 640px) {
  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-attachment: scroll !important;
  }

  html body.theme-pearl-blue .league-settings-fullpage .league-settings-card,
  html body.theme-pearl-blue #personalRecordOverlay .personal-record-card {
    background-color: rgba(43, 62, 157, .7) !important;
    -webkit-backdrop-filter: blur(4px) saturate(112%) !important;
    backdrop-filter: blur(4px) saturate(112%) !important;
  }
}

/* v4051: owner-only per-table robot configuration. */
html body.theme-pearl-blue .league-robot-settings-page {
  min-height: 0 !important;
  padding-bottom: 24px !important;
}

html body.theme-pearl-blue .league-robot-settings-page > p {
  margin: 4px 0 14px !important;
  color: rgba(238, 242, 255, .82) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

html body.theme-pearl-blue .league-robot-groups {
  display: grid !important;
  gap: 14px !important;
  max-height: calc(100dvh - 250px) !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
}

html body.theme-pearl-blue .league-robot-game-group {
  overflow: hidden !important;
  border: 1px solid rgba(239, 221, 164, .58) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, rgba(56, 73, 175, .78), rgba(40, 55, 148, .68)) !important;
  box-shadow: 0 8px 18px rgba(18, 26, 91, .16), inset 0 1px rgba(255, 255, 255, .12) !important;
}

html body.theme-pearl-blue .league-robot-game-group > header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid rgba(236, 222, 178, .3) !important;
  background: rgba(35, 49, 139, .46) !important;
}

html body.theme-pearl-blue .league-robot-game-group > header strong {
  color: #ffe49a !important;
  font-size: 17px !important;
}

html body.theme-pearl-blue .league-robot-game-group > header span {
  color: rgba(241, 244, 255, .78) !important;
  font-size: 13px !important;
}

html body.theme-pearl-blue .league-robot-table-list {
  display: grid !important;
}

html body.theme-pearl-blue .league-robot-table-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 116px 64px !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 68px !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid rgba(225, 231, 255, .2) !important;
}

html body.theme-pearl-blue .league-robot-table-row:last-child {
  border-bottom: 0 !important;
}

html body.theme-pearl-blue .league-robot-table-row > span {
  min-width: 0 !important;
}

html body.theme-pearl-blue .league-robot-table-row > span strong,
html body.theme-pearl-blue .league-robot-table-row > span small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.theme-pearl-blue .league-robot-table-row > span strong {
  color: #fff !important;
  font-size: 16px !important;
}

html body.theme-pearl-blue .league-robot-table-row > span small {
  margin-top: 3px !important;
  color: rgba(231, 236, 255, .7) !important;
  font-size: 12px !important;
}

html body.theme-pearl-blue .league-robot-table-row label {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  overflow: hidden !important;
  border: 1px solid rgba(235, 222, 181, .54) !important;
  border-radius: 12px !important;
  background: rgba(238, 242, 255, .96) !important;
}

html body.theme-pearl-blue .league-robot-table-row input {
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  padding: 0 8px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #263d84 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  text-align: center !important;
}

html body.theme-pearl-blue .league-robot-table-row label em {
  padding-right: 8px !important;
  color: #6574b8 !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

html body.theme-pearl-blue .league-robot-table-row > button {
  min-height: 40px !important;
  border: 1px solid #ffe59b !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, #f9d96a, #e7ad34) !important;
  color: #5d3b08 !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
}

html body.theme-pearl-blue .league-robot-table-row > button:disabled {
  opacity: .68 !important;
  cursor: wait !important;
}

@media (max-width: 560px) {
  html body.theme-pearl-blue .league-robot-groups {
    max-height: calc(100dvh - 220px) !important;
  }

  html body.theme-pearl-blue .league-robot-table-row {
    grid-template-columns: minmax(0, 1fr) 104px !important;
    gap: 8px !important;
  }

  html body.theme-pearl-blue .league-robot-table-row > button {
    grid-column: 2 !important;
    min-height: 34px !important;
  }
}

/* v4050: keep overlay close controls above the decorative hero layer. */
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 {
  z-index: 50 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
}

/* v4049 — 方案 A：纹理可见、分层半透明、适量金色细节。 */
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: #293f96 !important;
  background-image: url("./assets/club-lobby-background-v4034.jpg") !important;
  background-position: center center !important;
  background-size: cover !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 {
  position: relative !important;
  border-color: rgba(246, 220, 149, .82) !important;
  background:
    radial-gradient(circle at 50% 5%, rgba(124, 111, 225, .26), transparent 34%),
    linear-gradient(180deg, rgba(34, 49, 143, .62), rgba(29, 42, 130, .28) 52%, rgba(29, 42, 130, .42)) !important;
  box-shadow:
    0 18px 38px rgba(16, 24, 86, .26),
    inset 0 1px rgba(255, 255, 255, .18) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-hero {
  position: relative !important;
  border-color: rgba(247, 220, 148, .76) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(155, 142, 255, .28), transparent 38%),
    linear-gradient(145deg, rgba(47, 61, 160, .86), rgba(35, 47, 135, .78)) !important;
  box-shadow:
    0 9px 22px rgba(18, 26, 91, .2),
    inset 0 1px rgba(255, 255, 255, .2) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-hero::after {
  content: "" !important;
  position: absolute !important;
  left: 24px !important;
  right: 24px !important;
  bottom: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(247, 220, 148, .82), transparent) !important;
  pointer-events: none !important;
}

/* 设置首页：取消连续表格外观，改为三张独立功能卡片。 */
html body.theme-pearl-blue .league-settings-fullpage .league-settings-home {
  gap: 12px !important;
  margin-top: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-tile {
  min-height: 112px !important;
  border: 1px solid rgba(235, 222, 178, .68) !important;
  border-radius: 15px !important;
  background:
    radial-gradient(circle at 8% 18%, rgba(174, 155, 255, .22), transparent 28%),
    linear-gradient(145deg, rgba(64, 81, 184, .86), rgba(43, 58, 153, .76)) !important;
  box-shadow:
    0 9px 20px rgba(18, 26, 91, .2),
    inset 0 1px rgba(255, 255, 255, .17) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-tile i {
  border-color: #fff0b8 !important;
  background: linear-gradient(155deg, #ffe28b, #e9b841) !important;
  box-shadow:
    0 6px 14px rgba(79, 51, 6, .18),
    inset 0 1px rgba(255, 255, 255, .7) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-tile strong {
  border-color: rgba(247, 220, 148, .7) !important;
  background: rgba(49, 64, 157, .64) !important;
  color: #ffe69b !important;
  -webkit-text-fill-color: #ffe69b !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .14) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-section {
  padding: 14px !important;
  border-color: rgba(242, 215, 139, .46) !important;
  background:
    linear-gradient(180deg, rgba(38, 53, 149, .46), rgba(29, 43, 132, .28)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .1) !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 .league-settings-fullpage .league-audit-empty,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-row,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-empty,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-flow-row,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-audit-empty {
  border-color: rgba(221, 228, 255, .5) !important;
  background:
    linear-gradient(145deg, rgba(62, 80, 181, .82), rgba(43, 59, 155, .72)) !important;
  box-shadow:
    0 7px 16px rgba(18, 26, 91, .16),
    inset 0 1px rgba(255, 255, 255, .13) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-team-row.direct {
  border-color: rgba(255, 229, 153, .82) !important;
  background:
    linear-gradient(145deg, rgba(76, 91, 195, .88), rgba(51, 66, 164, .78)) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-invite-box,
html body.theme-pearl-blue .league-settings-fullpage .league-point-form {
  border-color: rgba(239, 218, 158, .62) !important;
  background:
    linear-gradient(145deg, rgba(54, 72, 171, .7), rgba(40, 56, 150, .58)) !important;
  box-shadow:
    0 7px 16px rgba(18, 26, 91, .14),
    inset 0 1px rgba(255, 255, 255, .13) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-card {
  background:
    radial-gradient(circle at 50% 4%, rgba(124, 111, 225, .26), transparent 34%),
    linear-gradient(180deg, rgba(34, 49, 143, .62), rgba(29, 42, 130, .3) 52%, rgba(29, 42, 130, .44)) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-tabs {
  padding: 5px !important;
  border-color: rgba(232, 220, 255, .42) !important;
  background: rgba(38, 53, 149, .58) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .14) !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-color: rgba(245, 224, 167, .68) !important;
  background: linear-gradient(145deg, rgba(76, 91, 193, .92), rgba(48, 62, 158, .9)) !important;
  box-shadow:
    0 6px 14px rgba(18, 26, 91, .2),
    inset 0 1px rgba(255, 255, 255, .22) !important;
}

@media (max-width: 640px) {
  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-position: center top !important;
    background-size: cover !important;
  }

  html body.theme-pearl-blue .league-settings-fullpage .league-settings-card,
  html body.theme-pearl-blue #personalRecordOverlay .personal-record-card {
    background:
      radial-gradient(circle at 50% 4%, rgba(124, 111, 225, .22), transparent 32%),
      linear-gradient(180deg, rgba(34, 49, 143, .54), rgba(29, 42, 130, .22) 52%, rgba(29, 42, 130, .34)) !important;
  }

  html body.theme-pearl-blue .league-settings-fullpage .league-settings-home {
    gap: 10px !important;
  }

  html body.theme-pearl-blue .league-settings-fullpage .league-settings-tile {
    min-height: 104px !important;
  }
}

/* v4048 — 团队、设置、战绩完全沿用“我的联盟”抽屉配色。 */
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: #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;
}

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-color: rgba(247, 220, 148, .82) !important;
  background: rgba(35, 49, 143, .84) !important;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .18),
    0 18px 38px rgba(19, 29, 100, .28) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-hero,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-tabs {
  border-color: rgba(232, 220, 255, .42) !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 .league-settings-fullpage .league-settings-home,
html body.theme-pearl-blue .league-settings-fullpage .league-settings-section {
  border-color: rgba(242, 215, 139, .58) !important;
  background: rgba(42, 58, 151, .84) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-tile,
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 .league-settings-fullpage .league-audit-empty,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-row,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-empty,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-flow-row,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-audit-empty {
  border-color: rgba(218, 225, 255, .46) !important;
  background: rgba(48, 65, 162, .84) !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 .league-settings-fullpage .league-team-row.direct {
  border-color: rgba(255, 230, 157, .92) !important;
  background: rgba(64, 81, 183, .92) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-invite-box,
html body.theme-pearl-blue .league-settings-fullpage .league-point-form {
  border-color: rgba(242, 215, 139, .62) !important;
  background: rgba(48, 65, 162, .84) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-back,
html body.theme-pearl-blue .league-settings-fullpage .league-settings-card .ghost,
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-color: 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 .league-settings-fullpage .league-settings-hero span,
html body.theme-pearl-blue .league-settings-fullpage .league-invite-box span,
html body.theme-pearl-blue .league-settings-fullpage .league-settings-subpage h3 b,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-tabs button.active {
  color: #ffe7a1 !important;
  -webkit-text-fill-color: #ffe7a1 !important;
}

@media (max-width: 640px) {
  html body.theme-pearl-blue .league-settings-fullpage .league-settings-card,
  html body.theme-pearl-blue #personalRecordOverlay .personal-record-card {
    background: rgba(35, 49, 143, .88) !important;
  }
}

/* v4049 final lock — must stay after the v4048 compatibility rules. */
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: #293f96 !important;
  background-position: center center !important;
  background-size: cover !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 {
  background:
    radial-gradient(circle at 50% 5%, rgba(124, 111, 225, .26), transparent 34%),
    linear-gradient(180deg, rgba(34, 49, 143, .62), rgba(29, 42, 130, .28) 52%, rgba(29, 42, 130, .42)) !important;
  box-shadow:
    0 18px 38px rgba(16, 24, 86, .26),
    inset 0 1px rgba(255, 255, 255, .18) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-hero {
  background:
    radial-gradient(circle at 18% 0%, rgba(155, 142, 255, .28), transparent 38%),
    linear-gradient(145deg, rgba(47, 61, 160, .86), rgba(35, 47, 135, .78)) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-home {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-tile {
  border-color: rgba(235, 222, 178, .68) !important;
  background:
    radial-gradient(circle at 8% 18%, rgba(174, 155, 255, .22), transparent 28%),
    linear-gradient(145deg, rgba(64, 81, 184, .86), rgba(43, 58, 153, .76)) !important;
  box-shadow:
    0 9px 20px rgba(18, 26, 91, .2),
    inset 0 1px rgba(255, 255, 255, .17) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-settings-section {
  background: linear-gradient(180deg, rgba(38, 53, 149, .46), rgba(29, 43, 132, .28)) !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 .league-settings-fullpage .league-audit-empty,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-row,
html body.theme-pearl-blue #personalRecordOverlay .personal-record-empty,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-flow-row,
html body.theme-pearl-blue #leaguePointsFlowOverlay .league-audit-empty {
  background: linear-gradient(145deg, rgba(62, 80, 181, .82), rgba(43, 59, 155, .72)) !important;
  box-shadow:
    0 7px 16px rgba(18, 26, 91, .16),
    inset 0 1px rgba(255, 255, 255, .13) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-team-row.direct {
  background: linear-gradient(145deg, rgba(76, 91, 195, .88), rgba(51, 66, 164, .78)) !important;
}

html body.theme-pearl-blue .league-settings-fullpage .league-invite-box,
html body.theme-pearl-blue .league-settings-fullpage .league-point-form {
  background: linear-gradient(145deg, rgba(54, 72, 171, .7), rgba(40, 56, 150, .58)) !important;
}

html body.theme-pearl-blue #personalRecordOverlay .personal-record-tabs {
  background: rgba(38, 53, 149, .58) !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 {
  background: linear-gradient(145deg, rgba(76, 91, 193, .92), rgba(48, 62, 158, .9)) !important;
  box-shadow:
    0 6px 14px rgba(18, 26, 91, .2),
    inset 0 1px rgba(255, 255, 255, .22) !important;
}

@media (max-width: 640px) {
  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-position: center top !important;
    background-size: cover !important;
  }

  html body.theme-pearl-blue .league-settings-fullpage .league-settings-card,
  html body.theme-pearl-blue #personalRecordOverlay .personal-record-card {
    background:
      radial-gradient(circle at 50% 4%, rgba(124, 111, 225, .22), transparent 32%),
      linear-gradient(180deg, rgba(34, 49, 143, .54), rgba(29, 42, 130, .22) 52%, rgba(29, 42, 130, .34)) !important;
  }
}
