/* PC homepage refresh. Loaded after legacy homepage styles for easy rollback. */
body.pc-portal-home {
  --pc-blue: #1777b7;
  --pc-blue-dark: #105b8d;
  --pc-red: #b53c34;
  --pc-green: #168b43;
  --pc-gold: #c69225;
  --pc-ink: #22343e;
  --pc-muted: #6f818a;
  --pc-line: #d5e0e4;
  --pc-page: #eef2f3;
  --pc-surface: #ffffff;
  background: var(--pc-page) !important;
  color: var(--pc-ink);
}

.home-skin-team {
  display: contents;
}

body.pc-portal-home .header {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 40;
  width: min(1400px, 100%);
  min-height: 66px;
  margin: 0;
  transform: translateX(-50%);
  border: 0;
  border-bottom: 1px solid rgba(133, 183, 210, .42);
  background: rgba(16, 26, 35, .8) !important;
  box-shadow: none;
  backdrop-filter: blur(10px);
}

body.pc-portal-home .headerbody {
  width: 100%;
  max-width: none;
  min-height: 66px;
  padding: 9px 20px;
  flex-wrap: nowrap;
  gap: 14px;
  box-sizing: border-box;
}

body.pc-portal-home .headerbody > .left {
  min-width: max-content;
  flex: 0 0 auto;
}

body.pc-portal-home .brand-line {
  display: flex;
  align-items: center;
  gap: 10px;
}

body.pc-portal-home .brand-title {
  font-size: 18px;
  white-space: nowrap;
}

body.pc-portal-home .brand-title::before {
  width: 34px;
  height: 34px;
  margin-right: 9px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 3px;
  background: var(--pc-blue);
  box-shadow: none;
}

body.pc-portal-home .brand-subtitle {
  color: #b9c7cf;
  font-size: 10px;
}

body.pc-portal-home .header-actions {
  min-width: 0;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: 6px;
  overflow: visible;
}

body.pc-portal-home .header-actions .home-home-link,
body.pc-portal-home .header-actions .home-cosmetics-link,
body.pc-portal-home .header-actions .home-guide-link,
body.pc-portal-home .header-actions .home-report-link {
  display: none !important;
}

body.pc-portal-home .header-actions > a {
  display: none !important;
}

body.pc-portal-home.pc-user-authenticated .header-actions,
body.pc-portal-home.pc-user-authenticated .pc-mobile-menu-toggle {
  display: none !important;
}

body.pc-portal-home .header-actions a,
body.pc-portal-home .header-actions button {
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 3px;
  color: #eef4f7 !important;
  background: rgba(255, 255, 255, .06) !important;
  box-shadow: none !important;
  font-size: 11px;
  white-space: nowrap;
}

/* 椤堕儴涓婚鍒囨崲鎸夐挳锛氬父椹绘樉鐪硷紝甯︽樇澶滃浘鏍?*/
body.pc-portal-home .header-actions > .pavlov-theme-toggle {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 108px;
  min-height: 34px;
  margin-left: 4px;
  border: 1px solid rgba(241, 194, 50, .55) !important;
  border-radius: 999px !important;
  color: #ffedbd !important;
  background: rgba(23, 119, 183, .28) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .25) !important;
  font-size: 11px;
  font-weight: 800;
}

body.pc-portal-home .header-actions > .pavlov-theme-toggle::before {
  content: "鈼?;
  font-size: 13px;
  line-height: 1;
}

body.pc-portal-home .header-actions > .pavlov-theme-toggle:hover {
  border-color: rgba(241, 194, 50, .9) !important;
  background: rgba(23, 119, 183, .45) !important;
}

body.pc-portal-home .header-actions a:hover,
body.pc-portal-home .header-actions button:hover {
  border-color: rgba(255, 255, 255, .42);
  background: rgba(23, 119, 183, .34) !important;
}

body.pc-portal-home .header-actions .home-portal-link {
  border-color: rgba(104, 181, 225, .48);
}

body.pc-portal-home .header-actions .home-armory-link {
  border-color: #3c92c6;
  background: var(--pc-blue) !important;
}

body.pc-portal-home .home-login {
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
  border: 0;
  background: transparent;
}

body.pc-portal-home .home-login input {
  width: 82px;
  height: 34px;
  padding: 0 9px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 3px;
  color: #fff;
  background: rgba(10, 18, 24, .46);
  font-size: 11px;
}

body.pc-portal-home .home-login button {
  width: auto;
  padding: 0 12px;
  background: #4e7d92 !important;
}

body.pc-portal-home .pc-mobile-menu-toggle {
  display: none;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero {
  position: relative;
  width: min(1400px, 100%);
  min-height: 380px;
  margin: 0 auto;
  overflow: hidden;
  border: 0;
  background-position: center 64%;
  box-shadow: 0 14px 30px rgba(24, 43, 57, .17);
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero::before {
  background: linear-gradient(90deg, rgba(7, 14, 20, .88) 0%, rgba(8, 18, 27, .62) 43%, rgba(9, 20, 32, .74) 100%);
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-inner {
  position: relative;
  z-index: 2;
  display: grid;
  min-height: 380px;
  padding: 42px 42px 78px;
  grid-template-columns: minmax(0, 1fr) 318px;
  grid-template-areas:
    "main hud"
    "actions hud";
  align-items: center;
  column-gap: 60px;
  row-gap: 0;
  box-sizing: border-box;
}

body:is(.pc-portal-home, .pc-subpage) .pc-page-hero-main {
  grid-area: main;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud,
body:is(.pc-portal-home, .pc-subpage) .pc-account-dock {
  grid-area: hud;
  align-self: center;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions {
  grid-area: actions;
  justify-self: start;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-kicker-row {
  justify-content: flex-start;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-eyebrow {
  color: #f1c34e;
  font-size: 11px;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-access {
  border-radius: 3px;
  background: rgba(23, 119, 183, .86);
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-title-row {
  margin-top: 14px;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-mark {
  width: 54px;
  height: 54px;
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 3px;
  background: var(--pc-blue);
  box-shadow: none;
  font-size: 19px;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero h1 {
  font-size: 48px;
  line-height: 1.05;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-copy {
  max-width: 650px;
  margin-top: 15px;
  color: #edf3f6;
  font-size: 15px;
  line-height: 1.7;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions a {
  min-width: 170px;
  min-height: 48px;
  padding: 0 20px;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 3px;
  box-shadow: none;
}

/* 鏈嶅姟鍣?鎺掕 涓绘寜閽榻愬浗鏈嶄腑蹇冿細瀹炲績钃濆簳鐧藉瓧 */
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions a {
  border: 1px solid rgba(255, 255, 255, .58) !important;
  border-radius: 2px !important;
  color: #fff !important;
  background: #1675b9 !important;
  box-shadow: 5px 5px 0 rgba(0, 0, 0, .34) !important;
  font-size: 15px !important;
  font-weight: 900;
}

/* 鎺掕鎸夐挳鏀逛负鍥芥湇涓績鍚屾绾㈣壊锛堣摑绾㈤厤锛?*/
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-secondary-action {
  background: #b73b31 !important;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions a:hover,
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions a:focus-visible {
  filter: brightness(1.13);
}

/* 棣栭〉 hero 甯搁┗涓婚鍒囨崲鎸夐挳锛堢櫥褰?鏈櫥褰曢兘鏄剧ず锛?*/
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-theme-action {
  min-width: 128px;
  min-height: 48px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(241, 194, 50, .72);
  border-radius: 3px;
  color: #ffedbd;
  background: rgba(23, 119, 183, .34);
  box-shadow: 0 3px 10px rgba(0, 0, 0, .22);
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-theme-action::before {
  content: "鈼?;
  font-size: 14px;
  line-height: 1;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-theme-action:hover {
  border-color: rgba(241, 194, 50, .95);
  background: rgba(23, 119, 183, .5);
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud {
  min-height: 200px;
  padding: 16px 0 14px 22px;
  border: 0;
  border-left: 2px solid var(--pc-gold);
  border-radius: 0;
  background: rgba(8, 18, 28, .42);
  box-shadow: none;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-label {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #f0f5f7;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-label i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2cc968;
  box-shadow: 0 0 0 4px rgba(44, 201, 104, .15);
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-live {
  margin-top: 12px;
  display: flex;
  align-items: baseline;
  gap: 10px;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-live strong {
  color: #fff;
  font-family: "Arial Black", Arial, sans-serif;
  font-size: 44px;
  line-height: .95;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-live span {
  color: #dbe6eb;
  font-size: 12px;
  font-weight: 800;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-stats {
  margin-top: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid rgba(255, 255, 255, .15);
  border-bottom: 1px solid rgba(255, 255, 255, .15);
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-stats > div {
  min-height: 56px;
  padding: 8px 12px 8px 0;
  border-left: 0;
  border-right: 1px solid rgba(255, 255, 255, .12);
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-hot {
  margin-top: 14px;
  display: grid;
  gap: 4px;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-hot span {
  color: #e4b945;
  font-size: 10px;
  font-weight: 800;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-hot b {
  overflow: hidden;
  color: #f1f5f7;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock {
  min-height: 200px;
  padding: 14px 20px;
  border-left: 2px solid var(--pc-blue);
  color: #f4f8fa;
  background: rgba(8, 18, 28, .58);
  box-sizing: border-box;
  backdrop-filter: blur(8px);
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock-head {
  min-height: 34px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, .15);
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock-head > div {
  display: grid;
  gap: 2px;
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock-head small {
  color: #76b9df;
  font-size: 8px;
  font-weight: 800;
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock-head strong {
  color: #fff;
  font-size: 13px;
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock-head > a {
  padding: 4px 0;
  color: #b8c7cf;
  font-size: 10px;
  font-weight: 700;
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock-head > a:hover {
  color: #fff;
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-slot {
  padding-top: 12px;
  display: grid;
  gap: 12px;
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-player {
  min-width: 0;
  max-width: none;
  padding: 0;
  display: block;
  border: 0;
  border-radius: 0;
  color: #fff;
  background: transparent;
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-player-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 3px 10px;
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .pc-player-greeting {
  grid-column: 1 / -1;
  color: #91a8b4;
  font-size: 9px;
  font-weight: 700;
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .pc-player-name {
  overflow: hidden;
  color: #fff;
  font-size: 22px;
  line-height: 1.2;
  text-overflow: ellipsis;
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-military-rank {
  margin: 0;
  padding: 2px 9px;
  border-radius: 3px;
  font-size: 12px;
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-points {
  grid-column: 1 / -1;
  display: flex;
  align-items: baseline;
  gap: 7px;
  color: #c2d0d7;
  font-size: 9px;
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-points .score {
  color: #efc557;
  font-family: "Arial Black", Arial, sans-serif;
  font-size: 20px;
  line-height: 1;
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-skin-quick {
  padding: 9px 0 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, .12);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-skin-team {
  min-width: 0;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-skin-team > span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #dce7ec;
  font-size: 9px;
  font-weight: 800;
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-skin-team i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2a91d1;
  box-shadow: 0 0 0 3px rgba(42, 145, 209, .15);
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-skin-team--red i {
  background: #cf4e48;
  box-shadow: 0 0 0 3px rgba(207, 78, 72, .15);
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-skin-team select {
  width: 100%;
  max-width: none;
  height: 30px;
  padding: 0 8px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 3px;
  color: #f4f8fa;
  background: #142634;
  font-size: 10px;
  font-weight: 700;
  color-scheme: dark;
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-skin-team select option {
  color: #e8f1f6;
  background: #142634;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
  height: 66px;
  padding: 0 34px;
  display: flex;
  border-top: 1px solid rgba(255, 255, 255, .17);
  background: rgba(9, 18, 26, .67);
  box-sizing: border-box;
  backdrop-filter: blur(7px);
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail a {
  flex: 1 1 0;
  min-width: 0;
  padding: 0 18px;
  display: grid;
  align-content: center;
  gap: 2px;
  border-left: 1px solid rgba(255, 255, 255, .12);
  color: #fff;
  text-decoration: none !important;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail a:last-child {
  border-right: 1px solid rgba(255, 255, 255, .12);
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail a:hover {
  background: rgba(23, 119, 183, .27);
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail small {
  color: #9fb6c2;
  font-size: 9px;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail strong {
  overflow: hidden;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.pc-portal-home .middle {
  width: min(1400px, 100%);
  margin: 0 auto;
  padding: 18px 28px 24px;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box;
}

body.pc-portal-home .pc-portal-quick-nav {
  display: none !important;
}

body.pc-portal-home .pcvr-notice-banner {
  min-height: 68px;
  margin: 0 0 14px;
  padding: 10px 14px;
  border: 1px solid #d8dfe0;
  border-left: 4px solid #d9a518;
  border-radius: 5px;
  background: #fff !important;
  box-shadow: 0 3px 12px rgba(30, 54, 68, .06);
}

body.pc-portal-home .pcvr-notice-banner .notice-guide-btn {
  min-height: 38px;
  border-radius: 3px;
  background: var(--pc-blue) !important;
}

body.pc-portal-home .recharge {
  margin: 0 auto 18px;
  overflow: hidden;
  border: 1px solid var(--pc-line);
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(31, 55, 78, .06);
}

body.pc-portal-home .donors-title {
  min-height: 42px;
  margin: 0;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 0;
  border-bottom: 1px solid #e0e7e9;
  border-left: 4px solid var(--pc-gold);
  color: #44545c;
  background: #f8faf9;
  font-size: 13px;
}

body.pc-portal-home .donors-count {
  flex: 0 0 auto;
  padding: 3px 10px;
  border: 1px solid #e0c98a;
  border-radius: 999px;
  color: #8a6d1f;
  background: #fdf6e3;
  font-size: 10px;
  font-weight: 800;
}

body.pc-portal-home .donors-list {
  padding: 10px 12px 12px;
  gap: 8px;
}

body.pc-portal-home .top-donors-row {
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 6px;
}

body.pc-portal-home .top-donor-item {
  min-height: 54px;
  padding: 5px 4px;
  border: 1px solid #e0e6e8;
  border-radius: 4px;
  background: #fbfcfc;
}

body.pc-portal-home .rest-donors-table {
  border-top: 1px solid #e1e7e9;
  padding-top: 8px;
}

body.pc-portal-home .rank {
  width: min(1400px, 100%);
  margin: 0 auto;
  padding: 0 28px 30px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
  box-sizing: border-box;
}

body.pc-portal-home #pc-servers-section {
  padding-top: 8px;
}

body.pc-portal-home .server-section-title,
body.pc-portal-home .rank-title,
body.pc-portal-home .community-head {
  min-height: 64px;
  margin: 0 0 12px;
  padding: 0 2px 0 14px;
  border: 0;
  border-left: 5px solid var(--pc-blue);
  background: transparent !important;
  box-shadow: none !important;
}

body.pc-portal-home .pc-section-index {
  width: 36px;
  height: 36px;
  border: 1px solid #cbd8dd;
  color: var(--pc-blue);
  font-size: 11px;
}

body.pc-portal-home .pc-section-heading-copy small,
body.pc-portal-home .pc-community-title small {
  color: var(--pc-red);
  font-size: 10px;
}

body.pc-portal-home .pc-section-heading-copy strong,
body.pc-portal-home .pc-community-title h2 {
  color: var(--pc-ink);
  font-size: 24px;
}

body.pc-portal-home .pc-section-meta {
  border: 1px solid #cddae0;
  border-radius: 3px;
  color: #5f7782;
  background: #f6f9fa;
}

body.pc-portal-home .servers-block {
  width: 100%;
  max-width: none;
  margin: 0 0 22px;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(420px, .88fr);
  grid-template-areas:
    "summary summary"
    "hot list";
  align-items: stretch;
  gap: 12px;
}

body.pc-portal-home .server-live-overview {
  grid-area: summary;
  min-height: 72px;
  margin: 0;
  padding: 11px 16px;
  border: 1px solid var(--pc-line);
  border-left: 4px solid var(--pc-green);
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(31, 55, 78, .05);
}

body.pc-portal-home .server-live-copy {
  gap: 2px;
}

body.pc-portal-home .server-live-copy strong {
  font-size: 16px;
}

body.pc-portal-home .server-live-copy small {
  font-size: 10px;
}

body.pc-portal-home .server-live-stats > div {
  min-height: 46px;
  padding: 5px 14px;
}

body.pc-portal-home .server-live-stats b {
  font-size: 18px;
}

body.pc-portal-home .servers-hot-row {
  grid-area: hot;
  min-width: 0;
  margin: 0;
}

body.pc-portal-home .servers-hot-row .server-card--hot {
  width: 100% !important;
  height: 100%;
  min-height: 488px;
}

body.pc-portal-home .servers-container {
  grid-area: list;
  min-width: 0;
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 10px !important;
}

body.pc-portal-home .servers-block--no-hot {
  grid-template-columns: 1fr;
  grid-template-areas:
    "summary"
    "list";
}

body.pc-portal-home .servers-block--no-hot .servers-container {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.pc-portal-home .server-card,
body.pc-portal-home .server-card--hot,
body.pc-portal-home .server-card--active {
  overflow: hidden !important;
  border: 1px solid #d4dfe3 !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 4px 14px rgba(31, 55, 78, .07) !important;
}

body.pc-portal-home .server-card--hot {
  border-top: 4px solid var(--pc-green) !important;
}

body.pc-portal-home .server-card--active {
  border-left: 4px solid var(--pc-green) !important;
}

body.pc-portal-home .server-card .server-header,
body.pc-portal-home .server-card--hot .server-header,
body.pc-portal-home .server-card--active .server-header {
  min-height: 44px !important;
  padding: 7px 11px !important;
  border: 0;
  border-bottom: 1px solid #e0e7e9;
  background: #fff !important;
}

body.pc-portal-home .server-card--hot .server-header {
  min-height: 52px !important;
  padding: 8px 14px !important;
}

body.pc-portal-home .server-card .server-name,
body.pc-portal-home .server-card--hot .server-name {
  color: #ffffff !important;
  text-align: left;
}

body.pc-portal-home .server-card .server-status {
  padding: 4px 7px;
  border-radius: 3px;
  color: #708089 !important;
  background: #eef2f3 !important;
}

body.pc-portal-home .server-card--hot .server-status,
body.pc-portal-home .server-card--active .server-status {
  color: #11743a !important;
  background: #e7f6ed !important;
}

body.pc-portal-home .server-number-display {
  min-width: 38px !important;
  height: 28px !important;
  padding: 0 7px !important;
  border: 1px solid #c9dce6 !important;
  border-radius: 3px !important;
  color: var(--pc-blue) !important;
  background: #eaf4f9 !important;
  box-shadow: none !important;
  font-size: 12px !important;
}

body.pc-portal-home .server-card--hot .server-number-display {
  color: #fff !important;
  border-color: var(--pc-blue) !important;
  background: var(--pc-blue) !important;
}

body.pc-portal-home .server-card--active .server-number-display {
  color: #11743a !important;
  border-color: #bbddc9 !important;
  background: #e7f6ed !important;
}

body.pc-portal-home .server-card--hot .server-details {
  min-height: 432px;
  padding: 12px !important;
  grid-template-columns: minmax(250px, 1.05fr) minmax(0, .95fr);
  gap: 10px 14px !important;
  background: #fff !important;
}

body.pc-portal-home .server-card.server-card--hot .server-compact-overview {
  height: auto !important;
  min-height: 290px;
  border: 0;
  border-radius: 4px;
}

body.pc-portal-home .server-card--hot .server-map-summary {
  padding: 3px 0;
  background: #fff !important;
}

body.pc-portal-home .server-card--hot .server-map-summary b {
  color: #263d48 !important;
  font-size: 20px !important;
}

body.pc-portal-home .server-card--hot .server-map-summary small,
body.pc-portal-home .servers-container .server-map-summary small {
  border-radius: 3px !important;
  color: #466777;
  background: #e9f1f4 !important;
}

body.pc-portal-home .server-card--hot .server-metric,
body.pc-portal-home .server-card--hot .server-metric--hot {
  border: 1px solid #dce5e8 !important;
  border-radius: 4px !important;
  background: #f8faf9 !important;
}

body.pc-portal-home .server-card--hot .server-metric--hot {
  border-color: #bfe0cb !important;
  background: #ecf8f1 !important;
}

body.pc-portal-home .server-card--hot .server-metric--hot span,
body.pc-portal-home .server-card--hot .server-metric--hot b {
  color: var(--pc-green) !important;
}

body.pc-portal-home .server-hot-badge,
body.pc-portal-home .server-active-badge {
  top: 12px;
  left: 12px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, .78) !important;
  border-radius: 3px;
  color: #126f38 !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 4px 12px rgba(19, 45, 33, .18) !important;
  font-size: 13px;
}

body.pc-portal-home .server-card .server-player-btn {
  border-radius: 3px !important;
  background: var(--pc-blue) !important;
  box-shadow: none !important;
}

body.pc-portal-home .servers-container .server-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 114px;
  display: block !important;
}

body.pc-portal-home .servers-container .server-header {
  min-height: 38px !important;
  padding: 5px 9px !important;
}

body.pc-portal-home .servers-container .server-name {
  font-size: 11px !important;
}

body.pc-portal-home .servers-container .server-details {
  min-height: 76px;
  padding: 6px 8px !important;
  display: grid !important;
  grid-template-columns: 104px minmax(0, 1fr) 76px;
  grid-template-rows: 34px 32px;
  grid-template-areas:
    "thumb summary action"
    "thumb metrics action";
  gap: 4px 8px !important;
  align-items: center;
  background: #fff !important;
}

body.pc-portal-home .servers-container .server-compact-overview {
  grid-area: thumb;
  width: 104px;
  height: 70px !important;
  display: block !important;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid #d4dfe3;
  border-radius: 3px;
}

body.pc-portal-home .servers-container .server-active-badge {
  padding: 4px 6px;
  top: 6px;
  left: 6px;
  font-size: 9px;
}

body.pc-portal-home .servers-container .server-map-summary {
  grid-area: summary;
  min-width: 0;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "label mode" "name mode";
  gap: 1px 5px;
  border: 0;
  background: #fff !important;
}

body.pc-portal-home .servers-container .server-map-summary span {
  grid-area: label;
  color: #8b989e;
  font-size: 8px;
}

body.pc-portal-home .servers-container .server-map-summary b {
  grid-area: name;
  min-width: 0;
  overflow: hidden;
  color: #304853 !important;
  font-size: 12px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.pc-portal-home .servers-container .server-map-summary small {
  grid-area: mode;
  align-self: center;
  padding: 3px 5px !important;
  font-size: 8px !important;
}

body.pc-portal-home .servers-container .server-metrics {
  grid-area: metrics;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 !important;
}

body.pc-portal-home .servers-container .server-metric {
  min-width: 0;
  padding: 1px 4px !important;
  border: 0 !important;
  border-left: 1px solid #e2e8ea !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.pc-portal-home .servers-container .server-metric span {
  font-size: 8px;
}

body.pc-portal-home .servers-container .server-metric b,
body.pc-portal-home .servers-container .server-metric .score-display {
  margin-top: 1px;
  color: #405a66 !important;
  font-size: 10px !important;
}

body.pc-portal-home .servers-container .server-card--active .server-metric:first-child b {
  color: var(--pc-green) !important;
}

body.pc-portal-home .servers-container .server-player-btn {
  grid-area: action;
  width: 76px;
  min-height: 32px !important;
  padding: 0 7px;
  font-size: 10px !important;
}

body.pc-portal-home .community-card {
  margin-top: 22px;
  overflow: hidden;
  border: 1px solid var(--pc-line);
  border-radius: 6px;
  background: #fff !important;
  box-shadow: 0 4px 14px rgba(31, 55, 78, .06);
}

body.pc-portal-home .community-head {
  min-height: 64px;
  margin: 0;
  padding: 0 16px;
  border-left-color: var(--pc-gold);
  border-bottom: 1px solid #dfe7e9 !important;
  background: #f9fbfa !important;
}

body.pc-portal-home .honor-grid {
  padding: 12px;
  gap: 8px;
}

body.pc-portal-home .honor-item {
  min-height: 104px;
  padding: 12px;
  border: 1px solid #dce5e8 !important;
  border-radius: 5px;
  background: #fff !important;
  box-shadow: none !important;
}

body.pc-portal-home .honor-avatar-shell {
  width: 42px;
  height: 42px;
  border-radius: 4px;
}

body.pc-portal-home .honor-kind {
  color: var(--pc-blue) !important;
}

body.pc-portal-home .honor-value {
  color: #a87417 !important;
}

body.pc-portal-home .rank-title {
  margin-top: 24px;
  border-left-color: var(--pc-red);
}

body.pc-portal-home .pc-season-summary {
  min-height: 54px;
  margin: 0 0 10px;
  padding: 9px 14px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 10px;
  border: 1px solid var(--pc-line);
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(31, 55, 78, .05);
  color: #71818a;
  font-size: 12px;
  box-sizing: border-box;
}

body.pc-portal-home .pc-season-summary .pc-season-label {
  padding: 4px 7px;
  border-radius: 3px;
  color: #fff;
  background: var(--pc-red);
  font-size: 10px;
  font-weight: 800;
}

body.pc-portal-home .pc-season-summary strong,
body.pc-portal-home .pc-season-summary b {
  color: #294754;
}

body.pc-portal-home .pc-season-summary strong {
  font-size: 15px;
}

body.pc-portal-home .pc-season-divider {
  width: 1px;
  height: 22px;
  background: #d9e2e5;
}

body.pc-portal-home .rank-controls {
  min-height: 54px;
  margin: 0 0 10px;
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--pc-line);
  border-radius: 5px;
  background: #f8faf9;
  box-shadow: none;
}

body.pc-portal-home .rank-controls button,
body.pc-portal-home .rank-controls select {
  min-height: 36px;
  border: 1px solid #c8d6dc;
  border-radius: 3px;
  background: #fff;
  box-shadow: none;
  font-size: 12px;
}

body.pc-portal-home .rank-controls button {
  color: #42606d;
  background: #fff !important;
}

body.pc-portal-home .rank-controls button:hover,
body.pc-portal-home .rank-controls #session_btn {
  color: #fff;
  border-color: var(--pc-blue);
  background: var(--pc-blue) !important;
}

body.pc-portal-home .rank-sort-mobile {
  margin: 0 0 10px;
  padding: 7px;
  border: 1px solid var(--pc-line);
  border-radius: 5px;
  background: #fff;
  box-shadow: none;
}

body.pc-portal-home .rank-sort-mobile-head {
  display: none !important;
}

body.pc-portal-home .rank-sort-mobile-chips {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: thin;
}

body.pc-portal-home .rank-sort-chip {
  min-width: 62px;
  min-height: 32px;
  flex: 0 0 auto;
  border: 1px solid #d2dde1 !important;
  border-radius: 3px;
  color: #60747e !important;
  background: #f8faf9 !important;
  font-size: 10px;
}

body.pc-portal-home .rank-sort-chip.active {
  color: #fff !important;
  border-color: var(--pc-blue) !important;
  background: var(--pc-blue) !important;
}

body.pc-portal-home .rank-scroll {
  padding: 0;
}

body.pc-portal-home .rank-table .rank_list,
body.pc-portal-home .rank-list {
  border-color: #d9e3e6 !important;
  border-radius: 3px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.pc-portal-home .rank-row:hover {
  background: #f4f8f9 !important;
}

body.pc-portal-home .rank-row.rank-1,
body.pc-portal-home .rank-row.rank-2,
body.pc-portal-home .rank-row.rank-3 {
  min-height: 0;
  border-width: 1px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.pc-portal-home .rank-row.rank-1 {
  border-left: 1px solid #d9e3e6 !important;
  box-shadow: inset 4px 0 0 #d3a223 !important;
}

body.pc-portal-home .rank-row.rank-2 {
  border-left: 1px solid #d9e3e6 !important;
  box-shadow: inset 4px 0 0 #83939d !important;
}

body.pc-portal-home .rank-row.rank-3 {
  border-left: 1px solid #d9e3e6 !important;
  box-shadow: inset 4px 0 0 #ad6d45 !important;
}

body.pc-portal-home .rank-table .rank_detail_head img,
body.pc-portal-home .rank-avatar-shell img {
  border: 1px solid #89b4ca !important;
  border-radius: 4px;
  box-shadow: none !important;
}

body.pc-portal-home .site-footer {
  min-height: 120px;
  padding: 22px 16px;
  border-top: 1px solid #3f5968;
  background: #1b2830;
}

/* 椤佃剼濮嬬粓娣辫壊搴曪紝鏂囧瓧蹇呴』淇濇寔娴呰壊锛岄伩鍏嶆祬鑹蹭富棰樹笅娣卞瓧璐存繁搴?*/
body.pc-portal-home .site-footer {
  color: #b9c7cf;
}

body.pc-portal-home .site-footer a {
  color: #d8e4ec;
}

body.pc-portal-home .site-footer a:hover {
  color: #ffffff;
}

/* ===== 娣辫壊涓婚淇锛氬埛鏂板眰涓嶅緱鎶婃祬鑹茶〃闈㈠甫鍥炴繁鑹叉ā寮?===== */
html[data-theme-resolved="dark"] body.pc-portal-home {
  --pc-page: #0c0f13;
  --pc-surface: #1a2027;
  --pc-ink: #e6edf2;
  --pc-muted: #9ca8b5;
  --pc-line: #35434b;
  color: var(--pc-ink);
}

/* 杩涙湇椤荤煡妯箙 */
html[data-theme-resolved="dark"] body.pc-portal-home .pcvr-notice-banner {
  color: #f6e6a8;
  background: #3b3216 !important;
  border-color: #8b6a17 !important;
  box-shadow: none !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .pcvr-notice-banner .notice-title {
  color: #fdf3c9;
}

html[data-theme-resolved="dark"] body.pc-portal-home .pcvr-notice-banner .notice-text {
  color: #d9c98f;
}

/* 鏈嶅姟鍣ㄥ疄鏃舵瑙?*/
html[data-theme-resolved="dark"] body.pc-portal-home .server-live-overview {
  border-color: #35434b;
  border-left-color: #35ad62 !important;
  background: #1a2027 !important;
  box-shadow: none !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-live-copy strong {
  color: #f4f7fa !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-live-copy small {
  color: #9ca8b5 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-live-stats {
  border-color: #35434b !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-live-stats > div {
  color: #d8dee7 !important;
  background: #20292e !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-live-stats b {
  color: #f4f7fa !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-live-stats span {
  color: #9ca8b5 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-live-label {
  color: #4ade80 !important;
}

/* 鏈嶅姟鍣ㄥ崱鐗?*/
html[data-theme-resolved="dark"] body.pc-portal-home .server-card,
html[data-theme-resolved="dark"] body.pc-portal-home .server-card--hot,
html[data-theme-resolved="dark"] body.pc-portal-home .server-card--active {
  border-color: #35434b !important;
  background: #1a2027 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .35) !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-header,
html[data-theme-resolved="dark"] body.pc-portal-home .server-card--hot .server-header,
html[data-theme-resolved="dark"] body.pc-portal-home .server-card--active .server-header {
  border-bottom-color: rgba(255, 255, 255, .08) !important;
  background: #20292e !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-name,
html[data-theme-resolved="dark"] body.pc-portal-home .server-card--hot .server-name {
  color: #f4f7fa !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-status {
  color: #b6c4ce !important;
  background: #2c3840 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-card--hot .server-status,
html[data-theme-resolved="dark"] body.pc-portal-home .server-card--active .server-status {
  color: #6ee7b7 !important;
  background: #14301f !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-number-display,
html[data-theme-resolved="dark"] body.pc-portal-home .server-hot-badge,
html[data-theme-resolved="dark"] body.pc-portal-home .server-active-badge {
  color: #bfe0f5 !important;
  background: #24313a !important;
  border-color: #3d5463 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-map-summary,
html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-details,
html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-metrics {
  background: #1a2027 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-map-summary span {
  color: #9ca8b5 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-map-summary b {
  color: #eef3f7 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-map-summary small {
  background: #3d5463 !important;
  color: #e7f2f8 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-metric span {
  color: #9ca8b5 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-metric b,
html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-metric .score-display {
  color: #eef3f7 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-card--hot .server-metric--hot {
  background: #2a2417 !important;
  border-color: #8b6a17 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-card--hot .server-metric--hot span,
html[data-theme-resolved="dark"] body.pc-portal-home .server-card--hot .server-metric--hot b {
  color: #f5c96a !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-player-btn {
  color: #e7f2f8 !important;
  background: #2f4a58 !important;
}

/* 鎹愯禒鍚嶅崟 */
html[data-theme-resolved="dark"] body.pc-portal-home .top-donor-item {
  border-color: rgba(255, 255, 255, .1) !important;
  background: rgba(255, 255, 255, .06) !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .top-donor-item .donor-name,
html[data-theme-resolved="dark"] body.pc-portal-home .rest-donor-cell .donor-name {
  color: #eef3f7 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .top-donor-item .donor-amount,
html[data-theme-resolved="dark"] body.pc-portal-home .rest-donor-cell .donor-amount {
  color: #e8b45c !important;
}

/* 璧涘鎽樿 */
html[data-theme-resolved="dark"] body.pc-portal-home .pc-season-summary {
  color: #d8dee7 !important;
  background: #1a2027 !important;
  border-color: #35434b !important;
  box-shadow: none !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .pc-season-summary .pc-season-label {
  color: #f0c15f !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .pc-season-summary strong,
html[data-theme-resolved="dark"] body.pc-portal-home .pc-season-summary b {
  color: #f4f7fa !important;
}

/* 鎺掑簭 chips */
html[data-theme-resolved="dark"] body.pc-portal-home .rank-sort-chip {
  color: #c6d2da !important;
  background: #1a2027 !important;
  border-color: #35434b !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .rank-sort-chip.active {
  color: #ffffff !important;
  background: #2f6f9f !important;
  border-color: #4a90e2 !important;
}

/* 鎺掕姒?*/
html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list {
  border-color: #2a353d !important;
  background: #171d23 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .rank-row:hover {
  background: #1d252c !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .rank-row.rank-1,
html[data-theme-resolved="dark"] body.pc-portal-home .rank-row.rank-2,
html[data-theme-resolved="dark"] body.pc-portal-home .rank-row.rank-3 {
  border-color: #33424b !important;
  background: #1d252c !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list > .rank_no {
  color: #ddb15b !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list > .rank_detail {
  color: #eef3f7 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list > .rank_detail_kda {
  color: #c6d2da !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list > .rank_detail_kda.rank_playtime {
  color: #9cc9ea !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list > .rank_detail_kda.rank-kda-val {
  color: #e39a8f !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .rank-header {
  color: #ffffff !important;
  background: #2f6f9f !important;
}

/* 鎵嬫満绔帓琛屾缁勪欢 */
html[data-theme-resolved="dark"] body.pc-portal-home .rank-sort-mobile,
html[data-theme-resolved="dark"] body.pc-portal-home .rank-sort-mobile-head {
  border-color: #35434b !important;
  background: #1a2027 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .rank-sort-mobile-copy span {
  color: #c6d2da !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .rank-mobile-stats span {
  border-color: #2a353d !important;
  color: #c6d2da !important;
  background: #171d23 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .rank-mobile-stats span.sort-active {
  border-color: #8b6a17 !important;
  background: rgba(241, 194, 50, .14) !important;
  color: #f0c15f !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .rank-row > .rank_no {
  border-color: #2a353d !important;
  background: #20292e !important;
  color: #ddb15b !important;
}

/* 姣忔棩鑽ｈ獕澧?*/
html[data-theme-resolved="dark"] body.pc-portal-home .community-head {
  border-bottom-color: #35434b !important;
  background: #20292e !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .community-head h2 {
  color: #f4f7fa !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .community-head span {
  color: #9ca8b5 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .honor-item {
  background: #1a2027 !important;
  border-color: #35434b !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .honor-kind {
  color: #9cc9ea !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .honor-name {
  color: #eef3f7 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .honor-value {
  color: #f0c15f !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .honor-sub {
  color: #9ca8b5 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .honor-item.honor-warning {
  background: #2a1f1f !important;
  border-color: #7a3c3c !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .honor-item.honor-warning .honor-kind,
html[data-theme-resolved="dark"] body.pc-portal-home .honor-item.honor-warning .honor-name,
html[data-theme-resolved="dark"] body.pc-portal-home .honor-item.honor-warning .honor-value {
  color: #eba3a3 !important;
}

/* 鍖哄潡鏍囬缁勪欢锛堝簭鍙锋柟鍧?/ 瑙掓爣锛?*/
html[data-theme-resolved="dark"] body.pc-portal-home .pc-section-index {
  border-color: #3d5463 !important;
  color: #9cc9ea !important;
  background: #24313a !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .pc-section-meta {
  border-color: #35434b !important;
  color: #b6c4ce !important;
  background: #20292e !important;
}

/* 30澶╂ / 璧涘姒?鎸夐挳 */
html[data-theme-resolved="dark"] body.pc-portal-home [id="30_rank_btn"],
html[data-theme-resolved="dark"] body.pc-portal-home [id="sess_rank_btn"] {
  color: #c6d2da !important;
  background: #1a2027 !important;
  border-color: #35434b !important;
  box-shadow: none !important;
}

/* 鏈嶅姟鍣ㄥ疄鏃舵瑙堜富缁熻鏍?*/
html[data-theme-resolved="dark"] body.pc-portal-home .server-live-stats .is-primary {
  color: #6ee7b7 !important;
  background: rgba(53, 173, 98, .14) !important;
  border-color: rgba(53, 173, 98, .3) !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-live-stats .is-primary b,
html[data-theme-resolved="dark"] body.pc-portal-home .server-live-stats .is-primary span {
  color: #6ee7b7 !important;
}

/* 鍦板浘缂╃暐鍥惧鍣ㄤ笌鏈嶅姟鍣ㄦ寚鏍囪竟妗?*/
html[data-theme-resolved="dark"] body.pc-portal-home .server-map-thumb {
  border-color: #35434b !important;
  background: #24313a !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-metric {
  border-color: #2a353d !important;
}

/* 姣忔棩鑽ｈ獕澧欏鍗′笌澶村儚鍗犱綅 */
html[data-theme-resolved="dark"] body.pc-portal-home .community-card {
  border-color: #35434b !important;
  background: #171d23 !important;
  box-shadow: none !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .honor-avatar-shell {
  border-color: #3d5463 !important;
  background: #24313a !important;
  color: #9cc9ea !important;
}

/* 杩涙湇椤荤煡妯箙鍐呯殑灏忛儴浠?*/
html[data-theme-resolved="dark"] body.pc-portal-home .pcvr-notice-banner .notice-icon-wrapper {
  border-color: rgba(255, 255, 255, .14) !important;
  background: rgba(255, 255, 255, .08) !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .pcvr-notice-banner .btn-badge {
  border-color: rgba(255, 255, 255, .18) !important;
  color: #f0c15f !important;
  background: rgba(255, 255, 255, .1) !important;
}

/* 椤堕儴涓婚鎸夐挳娣辫壊涓嬩繚鎸侀啋鐩?*/
html[data-theme-resolved="dark"] body.pc-portal-home .header-actions > .pavlov-theme-toggle {
  border-color: rgba(241, 194, 50, .65) !important;
  color: #ffedbd !important;
  background: rgba(241, 194, 50, .16) !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .header-actions > .pavlov-theme-toggle:hover {
  background: rgba(241, 194, 50, .28) !important;
}

/* 娴呰壊涓婚绮句慨锛氭彁鍗囦綆瀵规瘮鏂囧瓧鐨勫彲璇绘€?*/
body.pc-portal-home .server-card .server-status {
  color: #5f7380 !important;
}

body.pc-portal-home .rank-table .rank_list > .rank_no {
  color: #a17010 !important;
}

body.pc-portal-home .honor-sub {
  color: #687a83 !important;
}

body.pc-portal-home .pc-season-summary {
  color: #5f7782 !important;
}

body.pc-portal-home .top-donor-item .donor-amount,
body.pc-portal-home .rest-donor-cell .donor-amount {
  color: #9a6b12 !important;
}

/* 娴呰壊涓婚鎭㈠鍐涜寰界珷棰滆壊锛坧ortal 瑕嗙洊灞傛浘鍘嬫垚鐏拌壊锛?*/
body.pc-portal-home .rank-table .mr-badge,
body.pc-portal-home .home-military-rank[class*="mr-rank-"] {
  color: var(--mr-fg, #3f6b5f) !important;
  background: var(--mr-bg, #e9f3ef) !important;
  border-color: var(--mr-border, #a8cdbf) !important;
  box-shadow: var(--mr-shadow, none) !important;
}

@media (min-width: 1100px) {
  body.pc-portal-home .rank-sort-mobile {
    display: none !important;
  }

  body.pc-portal-home .rank-scroll {
    overflow-x: hidden;
  }

  body.pc-portal-home .rank-table {
    width: 100%;
    min-width: 0;
  }

  body.pc-portal-home .rank-header,
  body.pc-portal-home .rank-table .rank_list {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 48px 56px minmax(170px, 1.7fr) repeat(11, minmax(45px, .52fr)) !important;
    align-items: center;
    gap: 0;
    box-sizing: border-box;
  }

  body.pc-portal-home .rank-header {
    min-height: 42px;
    margin: 0 0 5px;
    padding: 4px 8px !important;
    border: 0;
    border-radius: 4px 4px 0 0;
    color: #fff;
    background: var(--pc-blue) !important;
  }

  body.pc-portal-home .rank-table .rank_list {
    min-height: 58px !important;
    margin: 0 0 4px;
    padding: 4px 8px !important;
  }

  body.pc-portal-home .rank-header > *,
  body.pc-portal-home .rank-table .rank_list > .rank_no,
  body.pc-portal-home .rank-table .rank_list > .rank_detail_head,
  body.pc-portal-home .rank-table .rank_list > .rank_detail,
  body.pc-portal-home .rank-table .rank_list > .rank_detail_kda {
    width: auto !important;
    min-width: 0 !important;
    padding: 0 4px !important;
  }

  body.pc-portal-home .rank-header .rank_no,
  body.pc-portal-home .rank-header .rank_detail_head,
  body.pc-portal-home .rank-header .rank_detail,
  body.pc-portal-home .rank-header .rank_detail_kda {
    color: #fff !important;
    font-size: 10px;
    justify-content: center;
    text-align: center;
  }

  body.pc-portal-home .rank-header .rank_detail {
    justify-content: flex-start;
    text-align: left;
  }

  body.pc-portal-home .rank-table .rank_list > .rank_no {
    height: auto;
    border: 0;
    background: transparent;
    font-size: 16px !important;
  }

  body.pc-portal-home .rank-table .rank_list > .rank_detail_head img {
    width: 40px !important;
    height: 40px !important;
  }

  body.pc-portal-home .rank-table .rank_list > .rank_detail {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    color: #304852 !important;
    font-size: 12px !important;
  }

  body.pc-portal-home .rank-name-text {
    flex: 1 1 auto;
    max-width: 130px;
    font-size: 12px;
  }

  body.pc-portal-home .rank-mobile-mr .mr-badge {
    width: auto;
    min-width: 46px;
    height: 22px;
    padding: 0 6px !important;
    font-size: 10px !important;
  }

  body.pc-portal-home .rank-table .rank_list > .rank_detail_kda {
    display: flex !important;
    justify-content: center;
    font-size: 10px;
  }

  body.pc-portal-home .rank-mobile-stats {
    display: none !important;
  }
}

@media (max-width: 1099px) {
  body.pc-portal-home .brand-subtitle {
    display: none;
  }

  /* 鎵嬫満/骞虫澘绔《閮ㄤ富棰樻寜閽殣钘忥細棣栭〉 hero 鍐呭凡鏈夊悓娆炬寜閽紝閬垮厤鎾戦珮鐧诲綍闈㈡澘閫犳垚閲嶅彔 */
  body.pc-portal-home .header-actions > .pavlov-theme-toggle {
    display: none !important;
  }

  body.pc-portal-home .header-actions .home-portal-link,
  body.pc-portal-home .header-actions .home-account-link,
  body.pc-portal-home .header-actions .home-stats-link,
  body.pc-portal-home .header-actions .home-missions-link,
  body.pc-portal-home .header-actions .home-reward-link,
  body.pc-portal-home .header-actions .home-armory-link,
  body.pc-portal-home .header-actions .home-admin-link,
  body.pc-portal-home .header-actions .logout-link,
  body.pc-portal-home .header-actions .home-login,
  body.pc-portal-home .header-actions .home-player,
  body.pc-portal-home .header-actions .home-skin-quick {
    display: none !important;
  }

  body.pc-portal-home .pc-mobile-menu-toggle {
    width: 38px;
    height: 36px;
    margin-left: auto;
    padding: 8px 9px;
    display: grid;
    align-content: center;
    gap: 4px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 3px;
    background: rgba(255, 255, 255, .08);
  }

  body.pc-portal-home .pc-mobile-menu-toggle span {
    width: 18px;
    height: 2px;
    display: block;
    background: #fff;
  }

  body.pc-portal-home .header-actions.is-open {
    position: absolute;
    top: 58px;
    right: 10px;
    left: 10px;
    z-index: 50;
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    border: 1px solid rgba(132, 174, 197, .5);
    border-radius: 5px;
    background: rgba(20, 31, 40, .98);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .28);
  }

  body.pc-portal-home .header-actions.is-open > a,
  body.pc-portal-home .header-actions.is-open > .home-login,
  body.pc-portal-home .header-actions.is-open > .home-player,
  body.pc-portal-home .header-actions.is-open > .home-skin-quick {
    display: flex !important;
  }

  body.pc-portal-home .header-actions.is-open .home-home-link,
  body.pc-portal-home .header-actions.is-open .home-cosmetics-link,
  body.pc-portal-home .header-actions.is-open .home-guide-link,
  body.pc-portal-home .header-actions.is-open .home-report-link {
    display: none !important;
  }

  body.pc-portal-home .header-actions.is-open > a {
    display: none !important;
  }

  body.pc-portal-home .header-actions.is-open .home-login {
    grid-column: 1 / -1;
  }

  body.pc-portal-home .header-actions.is-open .home-login input {
    flex: 1 1 0;
    width: auto;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-inner {
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 28px;
  }

  body.pc-portal-home .servers-block {
    grid-template-columns: 1fr;
    grid-template-areas:
      "summary"
      "hot"
      "list";
  }

  body.pc-portal-home .servers-hot-row .server-card--hot {
    min-height: 0;
  }

  body.pc-portal-home .servers-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  body.pc-portal-home .header {
    min-height: 58px;
  }

  body.pc-portal-home:not(.pc-user-authenticated) .header {
    min-height: 106px;
  }

  body.pc-portal-home .headerbody {
    min-height: 58px;
    padding: 8px 12px;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  body.pc-portal-home .pc-mobile-menu-toggle {
    display: none !important;
  }

  body.pc-portal-home:not(.pc-user-authenticated) .header-actions {
    position: absolute;
    top: 58px;
    right: 10px;
    left: 10px;
    min-height: 40px;
    padding: 4px;
    display: block !important;
    border: 1px solid rgba(133, 183, 210, .34);
    border-radius: 4px;
    background: rgba(10, 21, 30, .78);
    box-sizing: border-box;
    backdrop-filter: blur(8px);
  }

  body.pc-portal-home:not(.pc-user-authenticated) .header-actions .home-login {
    width: 100%;
    display: flex !important;
    gap: 4px;
  }

  body.pc-portal-home:not(.pc-user-authenticated) .header-actions .home-login input {
    width: 0;
    min-width: 0;
    height: 30px;
    flex: 1 1 0;
    padding: 0 8px;
    font-size: 10px;
  }

  body.pc-portal-home:not(.pc-user-authenticated) .header-actions .home-login button {
    min-width: 52px;
    min-height: 30px;
    height: 30px;
    padding: 0 10px;
    font-size: 10px;
  }

  body.pc-portal-home .headerbody > .left {
    width: auto !important;
    display: block !important;
    flex: 0 1 auto;
  }

  body.pc-portal-home .brand-title {
    font-size: 15px;
  }

  body.pc-portal-home .brand-title::before {
    width: 30px;
    height: 30px;
    margin-right: 7px;
    font-size: 14px;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero {
    min-height: 330px;
    background-position: 29% 64%;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-inner {
    min-height: 330px;
    padding: 60px 16px 60px;
    display: block;
  }

  body:is(.pc-portal-home, .pc-subpage):not(.pc-user-authenticated) .pc-portal-hero-inner {
    padding-top: 72px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-kicker-row {
    max-width: 210px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-access {
    display: none;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-eyebrow {
    font-size: 9px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-title-row {
    max-width: 215px;
    margin-top: 10px;
    gap: 8px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-mark {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    font-size: 14px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero h1 {
    font-size: 27px;
    white-space: nowrap;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-copy {
    max-width: 205px;
    margin-top: 12px;
    font-size: 11px;
    line-height: 1.55;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions {
    margin-top: 12px;
    max-width: 300px;
    display: flex;
    gap: 6px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions a {
    min-width: 0;
    min-height: 34px;
    padding: 0 9px;
    flex: 1 1 0;
    font-size: 9px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions a span {
    margin-right: 4px;
    font-size: 8px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-theme-action {
    min-width: 96px;
    min-height: 34px;
    padding: 0 10px;
    flex: 0 0 auto;
    font-size: 10px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-theme-action::before {
    font-size: 12px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud {
    position: absolute;
    top: 40px;
    right: 12px;
    width: 132px;
    min-height: 128px;
    padding: 10px 0 9px 10px;
    border-left-width: 1px;
    background: rgba(6, 15, 24, .56);
    box-sizing: border-box;
  }

body:is(.pc-portal-home, .pc-subpage):not(.pc-user-authenticated) .pc-portal-hud {
    top: 40px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-topline {
    font-size: 8px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-code {
    display: none;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-label {
    gap: 5px;
    font-size: 8px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-label i {
    width: 6px;
    height: 6px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-live {
    margin-top: 10px;
    gap: 5px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-live strong {
    font-size: 32px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-live span {
    font-size: 8px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-stats {
    margin-top: 8px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-stats > div {
    min-height: 38px;
    padding: 5px 4px 4px 0;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-stats b {
    font-size: 12px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-stats span {
    font-size: 7px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-hot {
    display: none;
  }

body:is(.pc-portal-home, .pc-subpage).pc-user-authenticated .pc-portal-hero,
body:is(.pc-portal-home, .pc-subpage).pc-user-authenticated .pc-portal-hero-inner {
    min-height: 500px;
  }

body:is(.pc-portal-home, .pc-subpage):not(.pc-user-authenticated) .pc-portal-hero,
body:is(.pc-portal-home, .pc-subpage):not(.pc-user-authenticated) .pc-portal-hero-inner {
    min-height: 380px;
  }

body:is(.pc-portal-home, .pc-subpage):has(.pc-portal-hero-rail a:nth-child(9)) .pc-portal-hero,
body:is(.pc-portal-home, .pc-subpage):has(.pc-portal-hero-rail a:nth-child(9)) .pc-portal-hero-inner {
    min-height: 500px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock {
    position: absolute;
    top: 240px;
    right: 12px;
    left: 12px;
    min-height: 152px;
    padding: 10px 12px;
    border-left-width: 2px;
    background: rgba(7, 18, 28, .72);
  }

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock-head {
    min-height: 28px;
    align-items: center;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock-head > div {
    display: flex;
    align-items: baseline;
    gap: 7px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock-head strong {
    font-size: 11px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-account-slot {
    padding-top: 8px;
    grid-template-columns: 1fr;
    align-items: start;
    gap: 8px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-player-main {
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 3px 8px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .pc-player-name {
    font-size: 16px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-military-rank {
    justify-self: start;
    padding: 1px 7px;
    font-size: 11px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-points {
    grid-column: auto;
    justify-self: end;
    gap: 4px;
    font-size: 8px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-points .score {
    font-size: 16px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-skin-quick {
    padding: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    border-top: 0;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-skin-team {
    grid-template-columns: 1fr;
    gap: 4px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-skin-team > span {
    gap: 4px;
    font-size: 8px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-skin-team select {
    height: 26px;
    padding: 0 5px;
    font-size: 8px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail {
    height: 144px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(3, 48px);
    overflow: hidden;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail a {
    min-width: 0;
    padding: 0 8px;
    justify-items: center;
    text-align: center;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail a:first-child,
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail a:nth-child(3n + 1) {
    border-left: 0 !important;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail a:nth-child(n + 4) {
    border-top: 1px solid rgba(255, 255, 255, .12);
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail small {
    font-size: 8px;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail strong {
    max-width: 100%;
    font-size: 11px;
  }

  body.pc-portal-home .middle {
    padding: 12px 10px 16px;
  }

  body.pc-portal-home .pcvr-notice-banner {
    min-height: 0;
    padding: 10px;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    gap: 8px;
  }

  body.pc-portal-home .pcvr-notice-banner .notice-icon-wrapper {
    width: 30px;
    height: 30px;
  }

  body.pc-portal-home .pcvr-notice-banner .notice-title {
    font-size: 12px;
  }

  body.pc-portal-home .pcvr-notice-banner .notice-text {
    font-size: 9px;
  }

  body.pc-portal-home .pcvr-notice-banner .notice-guide-btn {
    grid-column: auto;
    width: 34px;
    min-width: 34px;
    padding: 0;
  }

  body.pc-portal-home .pcvr-notice-banner .notice-guide-btn .btn-badge,
  body.pc-portal-home .pcvr-notice-banner .notice-guide-btn .btn-text {
    display: none;
  }

  body.pc-portal-home .pcvr-notice-banner .notice-guide-btn .btn-arrow {
    display: block;
    color: #fff;
  }

  body.pc-portal-home .recharge {
    margin-bottom: 14px;
  }

  body.pc-portal-home .donors-title {
    min-height: 38px;
    font-size: 11px;
  }

  body.pc-portal-home .donors-list {
    padding: 8px;
  }

  body.pc-portal-home .top-donors-row {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
  }

  body.pc-portal-home .top-donor-item {
    min-height: 48px;
  }

  body.pc-portal-home .pc-donors-more .rest-donors-table {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.pc-portal-home .rank {
    padding: 0 10px 20px;
  }

  body.pc-portal-home .server-section-title,
  body.pc-portal-home .rank-title,
  body.pc-portal-home .community-head {
    min-height: 54px;
    padding-left: 10px;
  }

  body.pc-portal-home .pc-section-index {
    width: 32px;
    height: 32px;
  }

  body.pc-portal-home .pc-section-heading-copy strong,
  body.pc-portal-home .pc-community-title h2 {
    font-size: 18px;
  }

  body.pc-portal-home .server-live-overview {
    padding: 10px;
    align-items: stretch;
    flex-direction: column;
    gap: 9px;
  }

  body.pc-portal-home .server-live-copy strong {
    font-size: 14px;
  }

  body.pc-portal-home .server-live-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.pc-portal-home .server-live-stats > div {
    min-height: 42px;
    padding: 4px;
  }

  body.pc-portal-home .servers-container {
    grid-template-columns: 1fr;
  }

  body.pc-portal-home .servers-block--no-hot .servers-container {
    grid-template-columns: 1fr;
  }

  body.pc-portal-home .server-card--hot .server-details {
    min-height: 0;
    padding: 9px !important;
    grid-template-columns: 1fr;
    grid-template-areas:
      "map"
      "summary"
      "metrics"
      "action";
  }

  body.pc-portal-home .server-card.server-card--hot .server-compact-overview {
    min-height: 0;
    height: 170px !important;
  }

  body.pc-portal-home .server-card--hot .server-map-summary b {
    font-size: 17px !important;
  }

  body.pc-portal-home .servers-container .server-details {
    grid-template-columns: 92px minmax(0, 1fr) 68px;
    grid-template-rows: 34px 30px;
    gap: 4px 6px !important;
  }

  body.pc-portal-home .servers-container .server-compact-overview {
    width: 92px;
    height: 64px !important;
  }

  body.pc-portal-home .servers-container .server-player-btn {
    width: 68px;
    padding: 0 4px;
    font-size: 9px !important;
  }

  body.pc-portal-home .community-card {
    margin-top: 16px;
  }

  body.pc-portal-home .community-head {
    padding-right: 10px;
  }

  body.pc-portal-home .community-head > span {
    max-width: 110px;
    font-size: 8px;
    text-align: right;
  }

  body.pc-portal-home .honor-grid {
    padding: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.pc-portal-home .honor-item {
    min-height: 98px;
    padding: 9px;
  }

  body.pc-portal-home .honor-avatar-shell {
    width: 34px;
    height: 34px;
  }

  body.pc-portal-home .pc-season-summary {
    padding: 9px 10px;
    gap: 5px 7px;
  }

  body.pc-portal-home .pc-season-divider {
    display: none;
  }

  body.pc-portal-home .rank-controls {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.pc-portal-home .rank-controls #session_sel {
    grid-column: 1 / -1;
  }

  body.pc-portal-home .rank-sort-mobile {
    min-height: 0;
    padding: 7px;
  }

  body.pc-portal-home .rank-sort-mobile-chips {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
    overflow: visible;
  }

  body.pc-portal-home .rank-sort-chip {
    width: 100%;
    min-width: 0;
    min-height: 31px;
    padding: 0 3px;
  }

  body.pc-portal-home .rank-row {
    min-height: 0;
    padding: 8px !important;
    grid-template-columns: 34px 42px minmax(0, 1fr) !important;
    gap: 7px !important;
    border-radius: 4px !important;
  }

  body.pc-portal-home .rank-row > .rank_no {
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 3px;
    background: #f1f5f6;
    font-size: 12px !important;
  }

  body.pc-portal-home .rank-row > .rank_detail_head img {
    width: 38px !important;
    height: 38px !important;
  }

  body.pc-portal-home .rank-row > .rank_detail {
    gap: 4px !important;
    font-size: 12px !important;
  }

  body.pc-portal-home .rank-name-text {
    max-width: 52%;
    font-size: 12px;
  }

  body.pc-portal-home .rank-mobile-mr .mr-badge {
    width: auto;
    min-width: 42px;
    height: 20px;
    padding: 0 5px !important;
    font-size: 9px !important;
  }

  body.pc-portal-home .rank-mobile-mr .mr-hours {
    font-size: 9px;
  }

  body.pc-portal-home .rank-mobile-stats {
    grid-column: 1 / -1;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 3px;
    overflow: visible;
  }

  /* 移动端只保留核心 6 项指标，隐藏次要指标，压缩行高 */
  body.pc-portal-home .rank-mobile-stats span[data-sort="assists"],
  body.pc-portal-home .rank-mobile-stats span[data-sort="plants"],
  body.pc-portal-home .rank-mobile-stats span[data-sort="defuses"],
  body.pc-portal-home .rank-mobile-stats span[data-sort="teamkills"],
  body.pc-portal-home .rank-mobile-stats span[data-sort="exp"] {
    display: none !important;
  }

  body.pc-portal-home .rank-mobile-stats span {
    min-width: 0;
    min-height: 38px;
    width: auto;
    padding: 4px 3px;
    border-radius: 3px;
  }

  body.pc-portal-home .rank-mobile-stats b {
    font-size: 8px;
  }

  body.pc-portal-home .rank-mobile-stats strong {
    font-size: 10px;
  }

  body.pc-portal-home .site-footer {
    min-height: 0;
    padding: 18px 10px;
  }
}

/* 姣忔棩鑽ｈ獕澧欑Щ鍔ㄧ锛氬畬鏁村睍绀哄叏閮ㄨ崳瑾夐」鍜岃鏄庯紝閬垮厤鎶樺彔鎴栧唴瀹硅鍒囥€?*/
@media (max-width: 768px) {
  body.pc-portal-home .honor-grid {
    padding: 10px;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: auto;
    gap: 10px;
  }

  body.pc-portal-home .honor-item {
    min-height: 0;
    padding: 10px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    grid-template-areas:
      "avatar text value"
      "sub sub sub";
    align-items: center;
    column-gap: 8px;
    row-gap: 8px;
  }

  body.pc-portal-home .honor-item .honor-top {
    display: contents;
  }

  body.pc-portal-home .honor-item .honor-avatar-shell {
    grid-area: avatar;
    width: 34px;
    height: 34px;
  }

  body.pc-portal-home .honor-item .honor-text {
    grid-area: text;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }

  body.pc-portal-home .honor-item .honor-kind {
    max-width: 100%;
    padding: 1px 5px;
    font-size: 10px;
  }

  body.pc-portal-home .honor-item .honor-name {
    max-width: 100%;
    font-size: 12px;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.pc-portal-home .honor-item .honor-value {
    grid-area: value;
    font-size: 14px;
    white-space: nowrap;
  }

  body.pc-portal-home .honor-item .honor-sub {
    grid-area: sub;
    display: block;
    font-size: 11px;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }

  body.pc-portal-home .honor-mobile-more {
    display: none !important;
  }
}

/* Mobile honor wall: keep two players per row while retaining every detail. */
@media (max-width: 768px) {
  body.pc-portal-home .honor-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  body.pc-portal-home .honor-item {
    padding: 9px;
    grid-template-columns: 28px minmax(0, 1fr);
    grid-template-areas:
      "avatar text"
      "value value"
      "sub sub";
    column-gap: 6px;
    row-gap: 6px;
  }

  body.pc-portal-home .honor-item .honor-avatar-shell {
    width: 28px;
    height: 28px;
  }

  body.pc-portal-home .honor-item .honor-kind {
    padding: 1px 4px;
    font-size: 9px;
  }

  body.pc-portal-home .honor-item .honor-name {
    font-size: 11px;
  }

  body.pc-portal-home .honor-item .honor-value {
    font-size: 13px;
  }

  body.pc-portal-home .honor-item .honor-sub {
    font-size: 10px;
  }
}

/* Desktop homepage density: larger cards and ranking data without a tall list. */
@media (min-width: 769px) {
  body.pc-portal-home .servers-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px !important;
  }

  body.pc-portal-home .servers-container .server-card {
    min-height: 142px;
  }

  body.pc-portal-home .servers-container .server-header {
    min-height: 60px !important;
    padding: 11px 16px !important;
  }

  body.pc-portal-home .servers-container .server-name {
    font-size: 15px !important;
  }

  body.pc-portal-home .servers-container .server-status {
    padding: 6px 9px;
    font-size: 12px !important;
  }

  body.pc-portal-home .servers-container .server-details {
    padding: 14px 16px !important;
    grid-template-columns: minmax(0, 1fr) 244px 106px;
    gap: 16px !important;
  }

  body.pc-portal-home .servers-container .server-map-summary b {
    font-size: 16px !important;
  }

  body.pc-portal-home .servers-container .server-map-summary span,
  body.pc-portal-home .servers-container .server-metric span {
    font-size: 11px;
  }

  body.pc-portal-home .servers-container .server-metric b,
  body.pc-portal-home .servers-container .server-metric .score-display {
    font-size: 14px !important;
  }

  body.pc-portal-home .servers-container .server-player-btn {
    width: 106px;
    min-height: 40px !important;
    font-size: 12px !important;
  }

  body.pc-portal-home .rank-table .rank_list {
    min-height: 70px;
    padding: 9px 14px !important;
  }

  body.pc-portal-home .rank-table .rank_detail_head img,
  body.pc-portal-home .rank-avatar-shell img {
    width: 50px !important;
    height: 50px !important;
  }

  body.pc-portal-home .rank-table .rank_detail,
  body.pc-portal-home .rank-table .rank_detail_kda {
    font-size: 14px !important;
  }

  body.pc-portal-home .rank-table .rank_detail {
    min-width: 280px;
  }

  body.pc-portal-home .rank-table .rank_detail_kda {
    width: 88px;
    min-width: 88px;
  }

  body.pc-portal-home .rank-table .rank_no {
    font-size: 30px !important;
  }
}

@media (min-width: 769px) and (max-width: 1080px) {
  body.pc-portal-home .servers-container .server-details {
    grid-template-columns: minmax(0, 1fr) 150px;
    grid-template-areas:
      "summary action"
      "metrics metrics";
  }
}

/* Keep the footer aligned with the homepage shell instead of spanning the viewport. */
body.pc-portal-home .site-footer {
  width: min(1400px, calc(100% - 32px));
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  border-radius: 8px 8px 0 0;
}

@media (max-width: 768px) {
  body.pc-portal-home .site-footer {
    width: calc(100% - 20px);
  }
}

/* Restore original server card layout from 4258f70 - full cards with map thumbnails */
@media (min-width: 1201px) {
  body.pc-portal-home .servers-block {
    grid-template-columns: 1fr;
    grid-template-areas:
      "summary"
      "list";
  }

  body.pc-portal-home .servers-container {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  body.pc-portal-home .servers-block {
    grid-template-columns: 1fr;
    grid-template-areas:
      "summary"
      "list";
  }

  body.pc-portal-home .servers-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

@media (min-width: 769px) {
  body.pc-portal-home .servers-hot-row {
    display: none !important;
  }

  body.pc-portal-home .servers-container .server-card,
  body.pc-portal-home .servers-container .server-card--hot,
  body.pc-portal-home .servers-container .server-card--active {
    min-height: 0;
    display: flex !important;
    flex-direction: column;
    border: 1px solid rgba(74, 144, 226, 0.2) !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 6px 16px rgba(24, 55, 88, 0.1) !important;
    overflow: hidden !important;
  }

  body.pc-portal-home .servers-container .server-card--hot {
    border-color: #9dcdb0 !important;
  }

  body.pc-portal-home .servers-container .server-header,
  body.pc-portal-home .servers-container .server-card--hot .server-header {
    min-height: 42px !important;
    padding: 8px !important;
    background: linear-gradient(135deg, #4a90e2 0%, #3498db 100%) !important;
    justify-content: center;
    gap: 6px !important;
  }

  body.pc-portal-home .servers-container .server-name,
  body.pc-portal-home .servers-container .server-card--hot .server-name {
    flex: 1;
    text-align: center;
    font-size: 11px !important;
    font-weight: bold;
    color: #ffffff !important;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.pc-portal-home .servers-container .server-status {
    font-size: 10px !important;
    font-weight: 600;
    color: #ffffff !important;
  }

  body.pc-portal-home .servers-container .server-details,
  body.pc-portal-home .servers-container .server-card--hot .server-details {
    min-height: 0;
    padding: 0 8px 8px !important;
    display: flex !important;
    flex: 1;
    flex-direction: column;
    gap: 6px !important;
  }

  body.pc-portal-home .servers-container .server-compact-overview,
  body.pc-portal-home .servers-container .server-card--hot .server-compact-overview {
    width: auto !important;
    min-height: 0 !important;
    height: 184px !important;
    margin: 0 -8px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(74, 144, 226, 0.18) !important;
    border-radius: 0 !important;
    background: #e9eef5 !important;
  }

  body.pc-portal-home .servers-container .server-compact-overview.no-thumb::before {
    content: "暂无地图预览";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    font-size: 13px;
    font-weight: 850;
    background: linear-gradient(135deg, #edf4fb 0%, #dfeaf5 100%);
  }

  body.pc-portal-home .servers-container .server-map-thumb {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #f8f9fa !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
  }

  body.pc-portal-home .servers-container .server-map-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body.pc-portal-home .servers-container .server-map-summary {
    min-width: 0 !important;
    padding: 1px 2px 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    text-align: left !important;
    gap: 3px 8px !important;
    background: #fff !important;
  }

  body.pc-portal-home .servers-container .server-map-summary span {
    grid-column: 1 / -1 !important;
    color: #7b8796 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
  }

  body.pc-portal-home .servers-container .server-map-summary b {
    min-width: 0 !important;
    color: #17263a !important;
    font-size: 16px !important;
    line-height: 1.22 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.pc-portal-home .servers-container .server-map-summary small {
    max-width: 100% !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    color: #fff !important;
    background: #278ccc !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.pc-portal-home .servers-container .server-metrics {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body.pc-portal-home .servers-container .server-metric {
    min-width: 0 !important;
    padding: 8px 4px !important;
    border-radius: 6px !important;
    background: #f5f8fb !important;
    border: 1px solid #edf2f7 !important;
    text-align: center !important;
  }

  body.pc-portal-home .servers-container .server-metric span {
    display: block !important;
    color: #7f8c8d !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.15 !important;
  }

  body.pc-portal-home .servers-container .server-metric b {
    display: block !important;
    margin-top: 2px !important;
    color: #2c3e50 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.pc-portal-home .servers-container .server-metric .score-display {
    color: #3498db !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
  }

  body.pc-portal-home .servers-container .server-player-btn,
  body.pc-portal-home .servers-container .server-card--hot .server-player-btn {
    width: 100% !important;
    min-height: 34px !important;
    font-size: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border: 1px solid #6f9eb8 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    color: #f5fbff !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    background: #286c94 !important;
    box-shadow: none !important;
  }

  /* Hot badge styles */
  body.pc-portal-home .server-hot-badge {
    position: absolute !important;
    top: 6px !important;
    left: 6px !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    padding: 2px 7px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #fef3c7 0%, #fde68a 50%, #fef3c7 100%) !important;
    border: 1px solid rgba(243, 156, 18, 0.5) !important;
    box-shadow: 0 2px 6px rgba(243, 156, 18, 0.25) !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    color: #b87a00 !important;
    white-space: nowrap !important;
  }

  body.pc-portal-home .server-hot-badge-dot {
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: #f39c12 !important;
    animation: pulse-hot 1.2s ease-in-out infinite !important;
  }

  @keyframes pulse-hot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.9); }
  }

  body.pc-portal-home .server-active-badge {
    position: absolute !important;
    top: 6px !important;
    left: 6px !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    padding: 2px 7px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #d1fae5 0%, #86efac 50%, #d1fae5 100%) !important;
    border: 1px solid rgba(39, 174, 96, 0.5) !important;
    box-shadow: 0 2px 6px rgba(39, 174, 96, 0.25) !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    color: #166534 !important;
    white-space: nowrap !important;
  }

  body.pc-portal-home .server-active-badge-dot {
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: #27ae60 !important;
  }

  /* Dark mode for server cards */
  html[data-theme-resolved="dark"] body.pc-portal-home .servers-container .server-card,
  html[data-theme-resolved="dark"] body.pc-portal-home .servers-container .server-card--hot,
  html[data-theme-resolved="dark"] body.pc-portal-home .servers-container .server-card--active {
    background: #151c24 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
  }

  html[data-theme-resolved="dark"] body.pc-portal-home .servers-container .server-map-summary {
    background: #151c24 !important;
  }

  html[data-theme-resolved="dark"] body.pc-portal-home .servers-container .server-map-summary b {
    color: #e8eef5 !important;
  }

  html[data-theme-resolved="dark"] body.pc-portal-home .servers-container .server-metric {
    background: #1a222c !important;
    border-color: #2c3642 !important;
  }

  html[data-theme-resolved="dark"] body.pc-portal-home .servers-container .server-metric b {
    color: #f4f7fa !important;
  }

  html[data-theme-resolved="dark"] body.pc-portal-home .servers-container .server-metric span {
    color: #9ca8b5 !important;
  }

  html[data-theme-resolved="dark"] body.pc-portal-home .servers-container .server-compact-overview {
    background: #1a222c !important;
    border-bottom-color: rgba(74, 144, 226, 0.18) !important;
  }

  html[data-theme-resolved="dark"] body.pc-portal-home .server-hot-badge {
    color: #fdba74 !important;
    background: linear-gradient(90deg, #2a1d12 0%, #3a2716 50%, #2a1d12 100%) !important;
    border-color: rgba(243, 156, 18, 0.6) !important;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.5), 0 0 0 3px rgba(243, 156, 18, 0.12) !important;
  }

  html[data-theme-resolved="dark"] body.pc-portal-home .server-hot-badge-dot {
    background: #fb923c !important;
  }
}

@media (max-width: 768px) {
  body.pc-portal-home .servers-block {
    max-width: none !important;
  }

  body.pc-portal-home .servers-container {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
  }

  body.pc-portal-home .servers-container .server-card,
  body.pc-portal-home .servers-container .server-card--hot {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  body.pc-portal-home .servers-container .server-header {
    padding: 10px 12px !important;
  }

  body.pc-portal-home .servers-container .server-name {
    font-size: 13px !important;
  }

  body.pc-portal-home .servers-container .server-status {
    font-size: 12px !important;
  }

  body.pc-portal-home .servers-container .server-details {
    padding: 0 10px 10px !important;
    gap: 8px !important;
  }

  body.pc-portal-home .servers-container .server-compact-overview {
    height: 160px !important;
  }

  body.pc-portal-home .server-card--hot .server-compact-overview {
    height: 180px !important;
  }

  body.pc-portal-home .server-detail-item {
    padding: 8px 10px !important;
  }

  body.pc-portal-home .detail-label {
    font-size: 12px !important;
    min-width: 40px !important;
  }

  body.pc-portal-home .detail-value {
    font-size: 18px !important;
  }

  body.pc-portal-home .score-display {
    font-size: 20px !important;
  }

  body.pc-portal-home .server-player-btn {
    min-height: 40px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 480px) {
  body.pc-portal-home .server-card .server-compact-overview {
    height: 140px !important;
  }

  body.pc-portal-home .server-card--hot .server-compact-overview {
    height: 150px !important;
  }

  /* 移动端服务器卡整体放大：更大字、更大缩略图、更大按钮 */
  body.pc-portal-home .servers-container .server-header {
    padding: 12px 14px !important;
    min-height: 56px !important;
    gap: 8px !important;
  }

  body.pc-portal-home .servers-container .server-name {
    font-size: 15px !important;
  }

  body.pc-portal-home .servers-container .server-status {
    font-size: 13px !important;
    padding: 5px 10px !important;
    flex: 0 0 auto !important;
  }

  body.pc-portal-home .servers-container .server-number-display {
    min-width: 44px !important;
    height: 32px !important;
    font-size: 14px !important;
  }

  body.pc-portal-home .servers-container .server-details {
    padding: 0 12px 12px !important;
    grid-template-columns: 118px minmax(0, 1fr) 84px !important;
    grid-template-rows: 42px 36px !important;
    gap: 6px 10px !important;
  }

  body.pc-portal-home .servers-container .server-card:not(.server-card--hot) .server-compact-overview {
    height: 82px !important;
    width: 118px !important;
  }

  body.pc-portal-home .servers-container .server-card:not(.server-card--hot) .server-map-thumb {
    width: 100% !important;
    height: 100% !important;
  }

  body.pc-portal-home .servers-container .server-card:not(.server-card--hot) .server-map-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body.pc-portal-home .servers-container .server-map-summary span {
    font-size: 10px !important;
  }

  body.pc-portal-home .servers-container .server-map-summary b {
    font-size: 14px !important;
  }

  body.pc-portal-home .servers-container .server-map-summary small {
    font-size: 10px !important;
    padding: 4px 7px !important;
  }

  body.pc-portal-home .servers-container .server-metric span {
    font-size: 10px !important;
  }

  body.pc-portal-home .servers-container .server-metric b {
    font-size: 12px !important;
  }

  body.pc-portal-home .servers-container .server-player-btn {
    min-height: 42px !important;
    min-width: 84px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
  }
}

/* Final server-board palette: status labels stay readable without fighting card accents. */
body.pc-portal-home .server-card .server-status,
body.pc-portal-home .server-card--hot .server-status,
body.pc-portal-home .server-card--active .server-status {
  border: 1px solid #c9d7dd !important;
  border-radius: 3px !important;
  color: #4d6470 !important;
  background: #eef3f5 !important;
  box-shadow: none !important;
}

body.pc-portal-home .server-card--hot .server-status {
  border-color: #a8c8d9 !important;
  color: #1f5f86 !important;
  background: #e6f1f6 !important;
}

body.pc-portal-home .servers-container .server-player-btn,
body.pc-portal-home .servers-hot-row .server-player-btn {
  border: 1px solid #6f9eb8 !important;
  border-radius: 4px !important;
  color: #f5fbff !important;
  background: #286c94 !important;
  box-shadow: none !important;
}

body.pc-portal-home .servers-container .server-player-btn:hover,
body.pc-portal-home .servers-hot-row .server-player-btn:hover {
  border-color: #1f5b7f !important;
  background: #1f5b7f !important;
}

@media (min-width: 769px) {
  body.pc-portal-home .servers-block:not(.servers-block--no-hot) {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "summary"
      "hot"
      "list";
  }

  body.pc-portal-home .servers-hot-row {
    grid-area: hot !important;
    display: block !important;
    width: 100% !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot {
    min-height: 292px !important;
  }
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-card .server-status,
html[data-theme-resolved="dark"] body.pc-portal-home .server-card--hot .server-status,
html[data-theme-resolved="dark"] body.pc-portal-home .server-card--active .server-status {
  border-color: #435762 !important;
  color: #b9c9d0 !important;
  background: #26343b !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-card--hot .server-status {
  border-color: #3c6d86 !important;
  color: #a9d7ef !important;
  background: #1f3541 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .servers-container .server-player-btn,
html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-player-btn {
  border-color: #4c829f !important;
  color: #eaf6fd !important;
  background: #245d7d !important;
}

/* Compact desktop feature card and full-width ordinary-server grid. */
@media (min-width: 769px) {
  body.pc-portal-home .servers-container {
    grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)) !important;
    gap: 12px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot {
    min-height: 0 !important;
    height: 246px !important;
    display: flex !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-header {
    min-height: 48px !important;
    height: 48px !important;
    padding: 8px 14px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-number-display {
    min-width: 42px !important;
    height: 28px !important;
    font-size: 13px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-name {
    font-size: 14px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-status {
    font-size: 11px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-details {
    min-height: 0 !important;
    flex: 1 !important;
    display: grid !important;
    grid-template-columns: 340px minmax(210px, 1fr) minmax(280px, 1.3fr) 122px !important;
    grid-template-rows: 1fr !important;
    grid-template-areas: "map summary metrics action" !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 12px 14px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-compact-overview {
    width: 340px !important;
    height: 182px !important;
    min-height: 0 !important;
    margin: 0 !important;
    border-radius: 5px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    padding: 0 !important;
    gap: 7px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary b {
    font-size: 23px !important;
    line-height: 1.22 !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary small {
    align-self: flex-start !important;
    font-size: 12px !important;
    padding: 4px 9px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-metrics {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-metric,
  body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot {
    min-height: 72px !important;
    padding: 10px 8px !important;
    border-radius: 5px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-metric span {
    font-size: 11px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-metric b,
  body.pc-portal-home .servers-hot-row .server-card--hot .server-metric .score-display {
    margin-top: 3px !important;
    font-size: 18px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-player-btn {
    min-height: 48px !important;
    font-size: 13px !important;
    border-radius: 6px !important;
  }
}

@media (min-width: 769px) and (max-width: 1100px) {
  body.pc-portal-home .servers-hot-row .server-card--hot {
    height: auto !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-details {
    grid-template-columns: 220px minmax(0, 1fr) 104px !important;
    grid-template-rows: auto auto !important;
    grid-template-areas:
      "map summary action"
      "map metrics action" !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-compact-overview {
    width: 220px !important;
    height: 138px !important;
  }
}

@media (max-width: 768px) {
  body.pc-portal-home .servers-container {
    grid-template-columns: 1fr !important;
  }
}

/* Refined feature card: calm panel hierarchy instead of a bright table strip. */
body.pc-portal-home .servers-hot-row .server-card--hot {
  border: 1px solid #38515e !important;
  border-top: 2px solid #4b9ac1 !important;
  border-radius: 8px !important;
  background: #18242b !important;
  box-shadow: 0 8px 22px rgba(8, 18, 24, .22) !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-header {
  border-bottom: 1px solid #2d424d !important;
  background: #1d2b33 !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-name {
  color: #eef6f8 !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-details {
  background: #18242b !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-compact-overview {
  border: 1px solid #344b56 !important;
  background: #22333d !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary {
  align-items: flex-start !important;
  background: transparent !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary span {
  color: #94aab4 !important;
  font-size: 11px !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary b {
  color: #f0f6f8 !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary small {
  color: #b9d7e3 !important;
  background: #294b5c !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-metrics {
  gap: 8px !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-metric,
body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot {
  border: 1px solid #314954 !important;
  background: #203039 !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot {
  border-color: #397187 !important;
  background: #1e3d49 !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-metric span {
  color: #8fa8b2 !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-metric b,
body.pc-portal-home .servers-hot-row .server-card--hot .server-metric .score-display {
  color: #edf5f7 !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot b {
  color: #79d0e8 !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-player-btn {
  border: 1px solid #4b9ac1 !important;
  color: #eaf7fb !important;
  background: #276582 !important;
}

html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot {
  border-color: #c2d4dc !important;
  border-top-color: #3785a9 !important;
  background: #f4f8fa !important;
  box-shadow: 0 8px 22px rgba(39, 79, 98, .12) !important;
}

html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-header {
  border-bottom-color: #d6e2e7 !important;
  background: #eaf2f5 !important;
}

html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-name,
html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary b,
html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-metric b,
html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-metric .score-display {
  color: #294450 !important;
}

html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-details {
  background: #f4f8fa !important;
}

html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-compact-overview {
  border-color: #c8d9e0 !important;
  background: #e6eef2 !important;
}

html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-metric {
  border-color: #d2e0e5 !important;
  background: #eaf2f5 !important;
}

html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot {
  border-color: #a6cbd8 !important;
  background: #dff0f5 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot {
  border-color: #397187 !important;
  background: #1e3d49 !important;
}

/* Match the original PC board composition: large map on the left, detail stack on the right. */
@media (min-width: 769px) {
  body.pc-portal-home .servers-hot-row .server-card--hot {
    height: 332px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-header {
    min-height: 56px !important;
    height: 56px !important;
    padding: 9px 16px !important;
    background: linear-gradient(135deg, #8b5519 0%, #bf751d 55%, #9d5d18 100%) !important;
    border-bottom-color: rgba(255, 213, 132, .24) !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-number-display {
    min-width: 48px !important;
    height: 34px !important;
    color: #9a5d16 !important;
    background: #fff5dc !important;
    border-color: rgba(255, 255, 255, .85) !important;
    border-radius: 999px !important;
    font-size: 14px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-name {
    font-size: 17px !important;
    font-weight: 850 !important;
    color: #fff8ec !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-status {
    color: #fff3d8 !important;
    border-color: rgba(255, 239, 202, .5) !important;
    background: rgba(72, 40, 8, .24) !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-details {
    display: grid !important;
    grid-template-columns: minmax(360px, 1.08fr) minmax(420px, .92fr) !important;
    grid-template-rows: auto 1fr auto !important;
    grid-template-areas:
      "map summary"
      "map metrics"
      "map action" !important;
    gap: 12px 18px !important;
    padding: 14px 16px 16px !important;
    background: #18242b !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-compact-overview {
    grid-area: map !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    border-radius: 7px !important;
    border: 1px solid #3a5662 !important;
    overflow: hidden !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary {
    grid-area: summary !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    align-content: start !important;
    gap: 5px 9px !important;
    padding: 0 2px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary span {
    flex-basis: 100% !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary b {
    font-size: 25px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-metrics {
    grid-area: metrics !important;
    align-self: stretch !important;
    min-height: 0 !important;
    display: flex !important;
    border-radius: 7px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-metric,
  body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot {
    min-height: 92px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-metric b,
  body.pc-portal-home .servers-hot-row .server-card--hot .server-metric .score-display {
    font-size: 21px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-player-btn {
    grid-area: action !important;
    min-height: 50px !important;
    font-size: 14px !important;
    border-radius: 7px !important;
    background: #b86d1a !important;
    border-color: #d8953b !important;
    color: #fff8ea !important;
  }
}

@media (min-width: 769px) and (max-width: 1100px) {
  body.pc-portal-home .servers-hot-row .server-card--hot {
    height: 300px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-details {
    grid-template-columns: minmax(260px, .92fr) minmax(300px, 1.08fr) !important;
  }
}

/* Turn hot-card metrics into one quiet information rail instead of three table cells. */
body.pc-portal-home .servers-hot-row .server-card--hot .server-metrics {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid #314954 !important;
  border-radius: 6px !important;
  background: #1d2c34 !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-metric,
body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot {
  flex: 1 1 0 !important;
  min-height: 70px !important;
  border: 0 !important;
  border-left: 1px solid #314954 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-metric:first-child {
  border-left: 0 !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot {
  background: rgba(53, 143, 171, .14) !important;
}

html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-metrics {
  border-color: #c7d9e0 !important;
  background: #e9f1f4 !important;
}

html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-metric,
html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot {
  border-left-color: #c7d9e0 !important;
  background: transparent !important;
}

html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot {
  background: rgba(63, 152, 181, .11) !important;
}

/* Keep the action button in the site blue; reserve orange for the live player metric. */
body.pc-portal-home .servers-hot-row .server-card--hot .server-player-btn {
  border: 1px solid #6f9eb8 !important;
  border-radius: 7px !important;
  color: #f5fbff !important;
  background: #286c94 !important;
  box-shadow: none !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-player-btn:hover {
  border-color: #8ab7ce !important;
  background: #347fa8 !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot {
  border: 1px solid #b9782e !important;
  background: rgba(205, 125, 35, .14) !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot span {
  color: #d9994b !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot b {
  color: #f0ad59 !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-hot-badge {
  top: 12px !important;
  left: 12px !important;
  gap: 8px !important;
  padding: 9px 15px !important;
  border: 1px solid rgba(172, 105, 24, .58) !important;
  border-radius: 999px !important;
  color: #7e4d10 !important;
  background: #fff1cf !important;
  box-shadow: 0 5px 14px rgba(92, 52, 13, .22) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-hot-badge-dot {
  width: 9px !important;
  height: 9px !important;
  background: #df8b2c !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot .server-hot-badge {
  border-color: rgba(238, 170, 80, .64) !important;
  color: #ffd18b !important;
  background: #3a2817 !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, .42) !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot .server-player-btn {
  border-color: #4c829f !important;
  color: #eaf6fd !important;
  background: #245d7d !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot {
  border-color: #9a6327 !important;
  background: rgba(184, 108, 29, .18) !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot span {
  color: #e6a653 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot b {
  color: #ffc36d !important;
}

/* Final palette pass: keep the feature card neutral and let only the live count speak in orange. */
body.pc-portal-home .servers-hot-row .server-card--hot .server-header {
  background: #1d2b33 !important;
  border-bottom-color: #2d424d !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-number-display {
  color: #b9d7e3 !important;
  background: #294b5c !important;
  border-color: #4b7183 !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-hot-badge {
  border-color: #496779 !important;
  color: #c5dce6 !important;
  background: #263943 !important;
  box-shadow: 0 5px 14px rgba(8, 18, 24, .24) !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-hot-badge-dot {
  background: #d78b35 !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot {
  border-color: #53636b !important;
  background: #203039 !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot span {
  color: #a6b5bb !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot b {
  color: #e3a04d !important;
}

html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-header {
  background: #eaf2f5 !important;
  border-bottom-color: #d6e2e7 !important;
}

html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-number-display {
  color: #286c94 !important;
  background: #e2eef3 !important;
  border-color: #a9c7d4 !important;
}

html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-hot-badge {
  border-color: #b8ccd5 !important;
  color: #41606d !important;
  background: #edf4f6 !important;
  box-shadow: 0 5px 14px rgba(39, 79, 98, .14) !important;
}

html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot {
  border-color: #d2e0e5 !important;
  background: #eaf2f5 !important;
}

html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot span {
  color: #607984 !important;
}

html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot b {
  color: #c9791e !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot .server-header {
  background: #1d2b33 !important;
  border-bottom-color: #2d424d !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot .server-number-display {
  color: #b9d7e3 !important;
  background: #294b5c !important;
  border-color: #4b7183 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot .server-hot-badge {
  border-color: #496779 !important;
  color: #c5dce6 !important;
  background: #263943 !important;
  box-shadow: 0 5px 14px rgba(8, 18, 24, .24) !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot {
  border-color: #53636b !important;
  background: #203039 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot span {
  color: #a6b5bb !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot .server-metric--hot b {
  color: #e3a04d !important;
}


/* ── 全站：顶部导航栏已取消，品牌移入主图左上方 ── */
.header,
.clean_up {
  display: none !important;
}

/* 主图左上品牌行（PAVLOV VR CN 国服积分榜 | 讨论群） */
.pc-portal-brand-row {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
}

.pc-portal-brand-title {
  color: #fff;
  font-size: 15px;
  font-weight: 950;
  letter-spacing: .16em;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .4);
}

.pc-portal-brand-sub {
  color: #9fb6c2;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
}

@media (max-width: 768px) {
  .pc-portal-brand-title {
    font-size: 13px;
  }

  .pc-portal-brand-sub {
    font-size: 9px;
  }
}

/* 隐藏被横幅取代的旧页面标题 */
body.pc-subpage .page-title,
body.pc-subpage .page-subtitle {
  display: none;
}

/* ── 子页面（pc-portal-home 骨架 + pc-subpage）：正文容器保持卡片式，与首页 hero 统一 ── */
body.pc-subpage .middle,
body.pc-subpage .body {
  width: min(1400px, calc(100% - 32px));
  margin: 20px auto 28px;
  padding: 24px 28px;
  box-sizing: border-box;
  border: 1px solid var(--pc-site-line, #dfe7ea);
  border-radius: 8px;
  background: var(--pc-site-page, #fff) !important;
  box-shadow: 0 8px 24px rgba(31, 55, 78, .07);
}

/* server-status 页服务器容器保持单列堆叠，不被首页网格覆盖 */
body.pc-subpage .servers-container {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  gap: 14px !important;
}

/* 后台管理内容区与主图间距 */
body.pc-subpage .op-admin-layout {
  margin-top: 20px;
  margin-bottom: 28px;
}

body.pc-subpage .servers-container .server-card,
body.pc-subpage .servers-container .server-card--hot {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

@media (max-width: 768px) {
  body.pc-subpage .middle,
  body.pc-subpage .body {
    width: calc(100% - 20px);
    padding: 16px 14px;
  }
}