/* ============================================================
   UI Refresh 2026 — Pavlov VR CN 全站视觉升级
   覆盖范围: Hero区 / 导航栏 / 服务器卡片 / 排行榜 桌面+移动
   加载顺序: 最后一个 link rel=stylesheet（覆盖所有旧样式）
   ============================================================ */

/* ── 全局字体 & CSS 变量强化 ────────────────────────────── */
:root {
  --ur-blue:        #1a6fbf;
  --ur-blue-light:  #3a90e0;
  --ur-blue-dark:   #0e4d8a;
  --ur-red:         #c0392b;
  --ur-red-light:   #e74c3c;
  --ur-gold:        #d4a017;
  --ur-gold-light:  #f5c842;
  --ur-green:       #1a8f47;
  --ur-ink:         #1a2b35;
  --ur-muted:       #5a6e78;
  --ur-line:        #dce8ed;
  --ur-page:        #edf1f4;
  --ur-surface:     #ffffff;
  --ur-card-shadow: 0 4px 24px rgba(20,45,65,.10);
  --ur-radius:      12px;
  --ur-radius-sm:   7px;
  --ur-transition:  .2s cubic-bezier(.4,0,.2,1);
}

/* 深色模式变量 */
html[data-theme-resolved="dark"] {
  --ur-page:    #0f1921;
  --ur-surface: #17232d;
  --ur-ink:     #d8e8f0;
  --ur-muted:   #7a9aaa;
  --ur-line:    #253545;
  --ur-card-shadow: 0 4px 24px rgba(0,0,0,.35);
}

/* ── 顶部导航栏 ─────────────────────────────────────────── */
.header {
  border-bottom: 2px solid var(--ur-blue) !important;
  box-shadow: 0 2px 14px rgba(20,55,90,.09) !important;
  transition: background var(--ur-transition) !important;
}

/* 导航链接统一美化 */
.header-actions > a,
.header-actions button {
  border-radius: 6px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  transition: background var(--ur-transition), border-color var(--ur-transition), box-shadow var(--ur-transition) !important;
}

.header-actions > a:hover,
.header-actions button:not(.pavlov-theme-toggle):hover {
  box-shadow: 0 2px 8px rgba(26,111,191,.22) !important;
}

/* 主题切换按钮 */
.pavlov-theme-toggle {
  border-radius: 20px !important;
}

/* 登录表单输入框 */
.home-login input[type="text"],
.home-login input[type="password"] {
  border-radius: 6px !important;
  transition: border-color var(--ur-transition) !important;
}
.home-login input:focus {
  border-color: var(--ur-blue-light) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(58,144,224,.25) !important;
}

/* ── Hero 区视觉升级 ─────────────────────────────────────── */
.pc-portal-hero {
  border-radius: 0 0 var(--ur-radius) var(--ur-radius) !important;
  overflow: hidden;
}

/* Hero 渐变遮罩增强对比度 */
.pc-portal-hero::before {
  background: linear-gradient(
    110deg,
    rgba(6,14,22,.92) 0%,
    rgba(10,22,38,.72) 45%,
    rgba(8,18,32,.80) 100%
  ) !important;
}

/* Hero 标题字号 & 字重提升 */
.pc-portal-hero h1 {
  font-size: clamp(32px, 4vw, 52px) !important;
  font-weight: 900 !important;
  letter-spacing: -.01em;
  line-height: 1.08 !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.40);
}

/* Hero eyebrow 强调色 */
.pc-portal-eyebrow {
  letter-spacing: .08em !important;
  font-weight: 800 !important;
}

/* Hero 副标题可读性 */
.pc-portal-hero-copy {
  font-size: clamp(13px, 1.4vw, 16px) !important;
  line-height: 1.8 !important;
  opacity: .92;
}

/* Hero 按钮升级: 立体感 + hover */
.pc-portal-hero-actions a,
.pc-portal-hero-actions button {
  border-radius: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .03em;
  box-shadow: 0 4px 14px rgba(0,0,0,.28) !important;
  transition: filter var(--ur-transition), transform var(--ur-transition), box-shadow var(--ur-transition) !important;
}

.pc-portal-hero-actions a:hover,
.pc-portal-hero-actions button:hover {
  filter: brightness(1.10) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 7px 20px rgba(0,0,0,.34) !important;
}

/* Hero 下方数据轨道 */
.pc-portal-hero-rail {
  background: rgba(8,16,24,.75) !important;
  backdrop-filter: blur(10px) !important;
}

.pc-portal-hero-rail a {
  transition: background var(--ur-transition) !important;
}

.pc-portal-hero-rail a:hover {
  background: rgba(26,111,191,.30) !important;
}

/* HUD 卡片（在线人数面板） */
.pc-portal-hud {
  border-radius: var(--ur-radius-sm) !important;
  backdrop-filter: blur(12px) !important;
}

/* 玩家账户面板 */
.pc-account-dock {
  border-radius: var(--ur-radius-sm) !important;
  backdrop-filter: blur(12px) !important;
}
/* ── PCVR 须知横幅 ──────────────────────────────────────── */
.pcvr-notice-banner {
  border-radius: 10px !important;
  border-left: 5px solid #e67e22 !important;
  box-shadow: 0 3px 14px rgba(230,126,34,.15) !important;
  transition: box-shadow var(--ur-transition) !important;
}
.pcvr-notice-banner:hover {
  box-shadow: 0 5px 20px rgba(230,126,34,.22) !important;
}

/* ── 捐赠排行区 ──────────────────────────────────────────── */
.recharge {
  border-radius: var(--ur-radius) !important;
  background: var(--ur-surface) !important;
  border: 1px solid var(--ur-line) !important;
  box-shadow: var(--ur-card-shadow) !important;
}

.donors-title {
  font-weight: 800;
  font-size: 15px;
  color: var(--ur-ink);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.top-donor-item {
  background: linear-gradient(160deg, #f8fafc 0%, #eef2f7 100%) !important;
  border: 1px solid rgba(74,144,226,.20) !important;
  border-radius: 10px !important;
  transition: transform var(--ur-transition), box-shadow var(--ur-transition) !important;
}

.top-donor-item:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(74,144,226,.15) !important;
}

html[data-theme-resolved="dark"] .top-donor-item {
  background: linear-gradient(160deg, #1e2c38 0%, #16232e 100%) !important;
  border-color: rgba(74,144,226,.20) !important;
}

.rest-donor-cell {
  border-radius: 8px !important;
  transition: background var(--ur-transition) !important;
}
.rest-donor-cell:hover {
  background: rgba(74,144,226,.10) !important;
}

/* ── 实时在线状态条 ──────────────────────────────────────── */
.server-live-overview {
  border-radius: 10px !important;
  border-left: 5px solid var(--ur-green) !important;
  box-shadow: 0 3px 16px rgba(26,143,71,.08) !important;
  transition: box-shadow var(--ur-transition) !important;
}

.server-live-stats {
  border-radius: 8px !important;
  overflow: hidden;
}

.server-live-stats > div {
  transition: background var(--ur-transition) !important;
}
.server-live-stats > div:hover {
  background: #e8f4f0 !important;
}

/* ── 服务器卡片全面升级 ───────────────────────────────────── */
.server-card {
  border-radius: var(--ur-radius) !important;
  overflow: hidden !important;
  transition: transform var(--ur-transition), box-shadow var(--ur-transition) !important;
}

.server-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 32px rgba(20,45,80,.14) !important;
}

/* 服务器头部渐变 */
.server-card .server-header {
  background: linear-gradient(135deg, #1a6fbf 0%, #1555a0 100%) !important;
  border-bottom: none !important;
  padding: 10px 14px !important;
}

.server-card .server-name {
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 13px !important;
}

/* 服务器编号徽章 */
.server-number-display {
  background: rgba(255,255,255,.15) !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  color: #fff !important;
  border-radius: 6px !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

/* 服务器地图缩略图区 */
.server-compact-overview {
  border-radius: 0 !important;
  height: 172px !important;
  overflow: hidden !important;
}

.server-map-thumb img {
  transition: transform .4s ease !important;
}

.server-card:hover .server-map-thumb img {
  transform: scale(1.04) !important;
}

/* 地图摘要区 */
.server-map-summary {
  padding: 6px 10px 4px !important;
  border-top: 1px solid var(--ur-line) !important;
}

.server-map-summary b {
  font-size: 14px !important;
  color: var(--ur-ink) !important;
  font-weight: 800 !important;
}

.server-map-summary small {
  border-radius: 5px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .03em;
  background: var(--ur-blue) !important;
}

/* 服务器指标格子 */
.server-metrics {
  gap: 5px !important;
  padding: 0 2px !important;
}

.server-metric {
  border-radius: 8px !important;
  background: #f4f8fc !important;
  border: 1px solid rgba(74,144,226,.12) !important;
  padding: 7px 4px !important;
  transition: background var(--ur-transition), border-color var(--ur-transition) !important;
}

.server-metric:hover {
  background: #eaf2fa !important;
  border-color: rgba(74,144,226,.25) !important;
}

.server-metric b {
  font-size: 13px !important;
  font-weight: 900 !important;
  color: var(--ur-ink) !important;
}

.server-metric span {
  font-size: 9px !important;
  font-weight: 800 !important;
  color: var(--ur-muted) !important;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* 查看玩家按钮 */
.server-player-btn {
  border-radius: 7px !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  letter-spacing: .04em;
  background: linear-gradient(135deg, #1a6fbf 0%, #0e4d8a 100%) !important;
  box-shadow: 0 2px 8px rgba(26,111,191,.25) !important;
  transition: filter var(--ur-transition), transform var(--ur-transition), box-shadow var(--ur-transition) !important;
  min-height: 36px !important;
}

.server-player-btn:hover {
  filter: brightness(1.10) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(26,111,191,.35) !important;
}

/* 最热服务器卡片 */
.server-card--hot {
  border-top: 4px solid var(--ur-green) !important;
  box-shadow: 0 8px 28px rgba(26,143,71,.12) !important;
}

.server-card--hot .server-header {
  background: linear-gradient(135deg, #168b43 0%, #0e6630 100%) !important;
  min-height: 56px !important;
}

.server-card--hot .server-name {
  font-size: 16px !important;
}

/* 在线服徽章升级 */
.server-hot-badge,
.server-active-badge {
  border-radius: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .03em;
  box-shadow: 0 4px 14px rgba(0,0,0,.18) !important;
}

/* 活跃服卡片 */
.server-card--active {
  border-color: rgba(26,143,71,.45) !important;
}

.server-card--active .server-header {
  background: linear-gradient(135deg, #1a7a48 0%, #135c35 100%) !important;
}

/* 深色模式服务器卡片 */
html[data-theme-resolved="dark"] .server-card {
  background: #18242e !important;
  border-color: #253545 !important;
}

html[data-theme-resolved="dark"] .server-map-summary {
  background: #1a2633 !important;
  border-top-color: #253545 !important;
}

html[data-theme-resolved="dark"] .server-map-summary b {
  color: #d8e8f0 !important;
}

html[data-theme-resolved="dark"] .server-metric {
  background: #1e2c3a !important;
  border-color: #2d3f50 !important;
}

html[data-theme-resolved="dark"] .server-metric b { color: #d8e8f0 !important; }
html[data-theme-resolved="dark"] .server-metric span { color: #7a9aaa !important; }

html[data-theme-resolved="dark"] .server-player-btn {
  background: linear-gradient(135deg, #1a5fa8 0%, #0d3f72 100%) !important;
}
/* ── 排行榜区域 ─────────────────────────────────────────── */

/* 排行榜容器 */
.rank {
  border-radius: var(--ur-radius) !important;
  border: 1px solid var(--ur-line) !important;
  box-shadow: var(--ur-card-shadow) !important;
  background: var(--ur-surface) !important;
}

/* 查询控制区 */
.rank-controls {
  border-radius: 10px !important;
  border: 1px solid rgba(74,144,226,.16) !important;
  background: rgba(74,144,226,.04) !important;
}

.rank-controls button {
  border-radius: 8px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  background: linear-gradient(135deg, var(--ur-blue) 0%, var(--ur-blue-dark) 100%) !important;
  box-shadow: 0 2px 8px rgba(26,111,191,.22) !important;
  transition: filter var(--ur-transition), transform var(--ur-transition) !important;
}
.rank-controls button:hover {
  filter: brightness(1.10) !important;
  transform: translateY(-1px) !important;
}

.rank-controls select {
  border-radius: 8px !important;
  border: 1px solid rgba(74,144,226,.40) !important;
  font-weight: 700 !important;
  transition: border-color var(--ur-transition) !important;
}
.rank-controls select:focus {
  outline: none !important;
  border-color: var(--ur-blue-light) !important;
  box-shadow: 0 0 0 3px rgba(58,144,224,.18) !important;
}

/* 桌面表头 */
.rank-header {
  border-radius: 10px !important;
  border: none !important;
  background: linear-gradient(135deg, #1a6fbf 0%, #0e4d8a 100%) !important;
  color: #fff !important;
}

.rank-header .rank_no,
.rank-header .rank_detail_head,
.rank-header .rank_detail,
.rank-header .rank_detail_kda {
  color: rgba(255,255,255,.92) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .05em;
  text-transform: uppercase;
}

/* 可排序列悬停效果 */
.rank-header .rank_detail_kda.sortable:hover,
.rank-header .rank_detail.sortable:hover {
  color: #fff !important;
  background: rgba(255,255,255,.10) !important;
  border-radius: 6px;
}

.rank-header .rank_detail_kda.sortable.active,
.rank-header .rank_detail.sortable.active {
  color: var(--ur-gold-light) !important;
}

/* 排行榜行 */
.rank-table .rank_list {
  border-radius: 10px !important;
  border: 1px solid rgba(74,144,226,.14) !important;
  background: rgba(74,144,226,.03) !important;
  transition: background var(--ur-transition), box-shadow var(--ur-transition), transform var(--ur-transition) !important;
  margin-bottom: 5px !important;
}

.rank-table .rank_list:hover {
  background: rgba(74,144,226,.09) !important;
  box-shadow: 0 2px 10px rgba(26,111,191,.10) !important;
  transform: translateX(2px) !important;
}

/* 排名数字 */
.rank-table .rank_no {
  font-size: 20px !important;
  font-weight: 900 !important;
  color: var(--ur-muted) !important;
}

/* 头像升级 */
.rank-avatar-shell img,
.rank-table .rank_detail_head img {
  border-radius: 10px !important;
  border: 2px solid rgba(74,144,226,.35) !important;
  box-shadow: 0 2px 8px rgba(26,111,191,.15) !important;
  transition: transform var(--ur-transition), box-shadow var(--ur-transition) !important;
}

.rank-table .rank_list:hover .rank-avatar-shell img {
  transform: scale(1.06) !important;
  box-shadow: 0 4px 14px rgba(26,111,191,.25) !important;
}

/* 玩家名称 */
.rank-name-text {
  font-weight: 800 !important;
  color: var(--ur-ink) !important;
}

/* 军衔徽章统一样式 */
.mr-badge {
  border-radius: 5px !important;
  font-weight: 900 !important;
  letter-spacing: .02em;
  padding: 2px 8px !important;
}

/* ── 前三名特殊样式全面升级 ────────────────────────────── */
.rank-row.rank-1 {
  background: linear-gradient(135deg, rgba(255,215,0,.22) 0%, rgba(255,248,210,.38) 100%) !important;
  border: 2px solid var(--ur-gold) !important;
  box-shadow: 0 6px 22px rgba(212,160,23,.20) !important;
  border-radius: 12px !important;
}

.rank-row.rank-1 .rank_no {
  font-size: 42px !important;
  color: var(--ur-gold) !important;
  text-shadow: 0 2px 6px rgba(212,160,23,.30);
}

.rank-row.rank-1 .rank_detail_head img {
  width: 68px !important;
  height: 68px !important;
  border: 3px solid var(--ur-gold) !important;
  box-shadow: 0 4px 18px rgba(212,160,23,.40) !important;
  border-radius: 12px !important;
}

.rank-row.rank-1 .rank_detail { color: #b8610a !important; font-size: 20px !important; font-weight: 950 !important; }

.rank-row.rank-2 {
  background: linear-gradient(135deg, rgba(192,192,192,.20) 0%, rgba(245,248,252,.40) 100%) !important;
  border: 2px solid #b0bec5 !important;
  box-shadow: 0 4px 16px rgba(176,190,197,.22) !important;
  border-radius: 12px !important;
}

.rank-row.rank-2 .rank_no { font-size: 38px !important; color: #78909c !important; }

.rank-row.rank-2 .rank_detail_head img {
  width: 62px !important; height: 62px !important;
  border: 3px solid #b0bec5 !important;
  box-shadow: 0 4px 14px rgba(176,190,197,.35) !important;
  border-radius: 12px !important;
}

.rank-row.rank-2 .rank_detail { color: #546e7a !important; font-size: 18px !important; font-weight: 950 !important; }

.rank-row.rank-3 {
  background: linear-gradient(135deg, rgba(205,127,50,.20) 0%, rgba(255,247,234,.40) 100%) !important;
  border: 2px solid #cd7f32 !important;
  box-shadow: 0 4px 16px rgba(205,127,50,.18) !important;
  border-radius: 12px !important;
}

.rank-row.rank-3 .rank_no { font-size: 38px !important; color: #a0522d !important; }

.rank-row.rank-3 .rank_detail_head img {
  width: 62px !important; height: 62px !important;
  border: 3px solid #cd7f32 !important;
  box-shadow: 0 4px 14px rgba(205,127,50,.30) !important;
  border-radius: 12px !important;
}

.rank-row.rank-3 .rank_detail { color: #8b4513 !important; font-size: 18px !important; font-weight: 950 !important; }

/* 数值列 */
.rank-table .rank_detail_kda {
  font-weight: 700 !important;
  font-size: 13px !important;
}

.rank-row > .rank_detail_kda.rank-kda-val {
  color: #c0392b !important;
  font-weight: 900 !important;
}

/* ── 移动端排序控制栏 ───────────────────────────────────── */
.rank-sort-mobile {
  border-radius: var(--ur-radius) !important;
  border: 2px solid rgba(243,156,18,.55) !important;
  background: linear-gradient(135deg, rgba(243,156,18,.12) 0%, rgba(230,126,34,.08) 50%, rgba(74,144,226,.06) 100%) !important;
  box-shadow: 0 3px 14px rgba(243,156,18,.10) !important;
}

.rank-sort-mobile-icon {
  border-radius: 10px !important;
  background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
  box-shadow: 0 3px 10px rgba(243,156,18,.30) !important;
}

.rank-sort-mobile-copy strong {
  font-size: 15px !important;
  font-weight: 950 !important;
  color: #c0530a !important;
}

.rank-sort-chip {
  border-radius: 9px !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  border: 1.5px solid rgba(74,144,226,.28) !important;
  transition: background var(--ur-transition), border-color var(--ur-transition), color var(--ur-transition), box-shadow var(--ur-transition) !important;
}

.rank-sort-chip:hover {
  background: rgba(74,144,226,.10) !important;
  border-color: rgba(74,144,226,.48) !important;
}

.rank-sort-chip.active {
  background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 3px 10px rgba(243,156,18,.28) !important;
}

/* ── 移动端排行榜卡片（≤1280px） ────────────────────────── */
@media (max-width: 1280px) {
  .rank-row {
    border-radius: 14px !important;
    border: 1.5px solid rgba(74,144,226,.16) !important;
    background: var(--ur-surface) !important;
    box-shadow: 0 2px 10px rgba(20,45,80,.07) !important;
    transition: box-shadow var(--ur-transition), transform var(--ur-transition) !important;
    margin-bottom: 10px !important;
  }
  .rank-row:hover {
    box-shadow: 0 5px 18px rgba(26,111,191,.13) !important;
    transform: translateY(-1px) !important;
  }
  .rank-row > .rank_no {
    background: rgba(243,156,18,.10) !important;
    border: 1.5px solid rgba(243,156,18,.30) !important;
    border-radius: 10px !important;
    font-weight: 900 !important;
    color: #b8610a !important;
  }
  .rank-mobile-stats span {
    border-radius: 9px !important;
    border: 1px solid rgba(74,144,226,.14) !important;
    background: #f5f8fc !important;
    transition: background var(--ur-transition), border-color var(--ur-transition), box-shadow var(--ur-transition) !important;
  }
  .rank-mobile-stats span:hover {
    background: #eaf2fa !important;
    border-color: rgba(74,144,226,.30) !important;
  }
  .rank-mobile-stats span.sort-active {
    border-color: #f39c12 !important;
    background: linear-gradient(135deg, rgba(243,156,18,.18) 0%, rgba(230,126,34,.12) 100%) !important;
    box-shadow: 0 0 0 1.5px rgba(243,156,18,.28) !important;
  }
  .rank-mobile-stats b { font-size: 9px !important; font-weight: 900 !important; }
  .rank-mobile-stats strong { font-weight: 950 !important; }
  .rank-mobile-stats .score strong { color: #c0820a !important; }
  .rank-mobile-stats .kda strong { color: #c0392b !important; }
  /* 前三名移动端特殊处理 */
  .rank-row.rank-1 { border-color: var(--ur-gold) !important; box-shadow: 0 4px 18px rgba(212,160,23,.20) !important; }
  .rank-row.rank-2 { border-color: #b0bec5 !important; }
  .rank-row.rank-3 { border-color: #cd7f32 !important; }
}

/* ── 深色模式排行榜 ─────────────────────────────────────── */
html[data-theme-resolved="dark"] .rank {
  background: #17232d !important;
  border-color: #253545 !important;
}

html[data-theme-resolved="dark"] .rank-header {
  background: linear-gradient(135deg, #0e4d8a 0%, #09345e 100%) !important;
}

html[data-theme-resolved="dark"] .rank-table .rank_list {
  background: rgba(255,255,255,.03) !important;
  border-color: rgba(255,255,255,.07) !important;
}

html[data-theme-resolved="dark"] .rank-table .rank_list:hover {
  background: rgba(74,144,226,.10) !important;
  border-color: rgba(74,144,226,.22) !important;
}

html[data-theme-resolved="dark"] .rank-name-text { color: #d8e8f0 !important; }
html[data-theme-resolved="dark"] .rank-table .rank_no { color: #7a9aaa !important; }
html[data-theme-resolved="dark"] .rank-table .rank_detail_kda { color: #c8dce8 !important; }

html[data-theme-resolved="dark"] .rank-row {
  background: #18242e !important;
  border-color: #253545 !important;
}

html[data-theme-resolved="dark"] .rank-mobile-stats span {
  background: #1e2c3a !important;
  border-color: #2d3f50 !important;
}
html[data-theme-resolved="dark"] .rank-mobile-stats strong { color: #d8e8f0 !important; }
html[data-theme-resolved="dark"] .rank-mobile-stats b { color: #7a9aaa !important; }
html[data-theme-resolved="dark"] .rank-mobile-stats .score strong { color: #f5c842 !important; }
html[data-theme-resolved="dark"] .rank-mobile-stats .kda strong { color: #e74c3c !important; }

/* ── 滚动条美化 ──────────────────────────────────────────── */
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-track { background: rgba(74,144,226,.06); border-radius: 4px; }
::-webkit-scrollbar-thumb { background: rgba(26,111,191,.40); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(26,111,191,.65); }

/* ── 通用卡片出现动画 ───────────────────────────────────── */
@keyframes ur-fadeup {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0);    }
}

.server-card,
.rank-table .rank_list,
.rank-row,
.recharge,
.server-live-overview {
  animation: ur-fadeup .32s ease both;
}

/* ── 区块标题统一 ────────────────────────────────────────── */
.server-section-title {
  font-weight: 950 !important;
  letter-spacing: -.01em;
  position: relative;
}

.server-section-title::after {
  content: '';
  display: block;
  width: 36px;
  height: 3px;
  background: var(--ur-blue);
  border-radius: 2px;
  margin-top: 5px;
}

/* ── 首页闪现提示 ────────────────────────────────────────── */
.home-flash {
  border-radius: 10px !important;
  font-weight: 800 !important;
}

/* ── 底部 footer 区 ─────────────────────────────────────── */
.footer {
  border-top: 1px solid var(--ur-line) !important;
}

/* ── 移动端：横向滚动条降低干扰 ─────────────────────────── */
@media (max-width: 768px) {
  .rank-scroll { -webkit-overflow-scrolling: touch; }
  .server-card { border-radius: 10px !important; }
  .pcvr-notice-banner { flex-wrap: wrap; gap: 10px; }
  .notice-guide-btn { width: 100%; justify-content: center; }
}
/* ============================================================
   移动端 Hero 修复 (≤720px)
   1. account-dock 改为流式布局，不再盖住 hero 文字
   2. hero-actions 按钮宽度补全，文字不截断
   ============================================================ */

@media (max-width: 720px) {

  /* Hero 区：参考国服中心门户排列——左内容（标题/说明/按钮）+ 右上角紧凑 HUD */
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-inner {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 32px 18px !important;
    /* 给 rail 留出底部空间 */
    padding-bottom: calc(14px + 144px) !important;
    box-sizing: border-box !important;
  }

  /* 未登录：顶部 padding 一致 */
body:is(.pc-portal-home, .pc-subpage):not(.pc-user-authenticated) .pc-portal-hero-inner {
    padding-top: 32px !important;
  }

  /* Hero 高度：固定 380px（含 HUD 紧凑面板），rail 贴底 */
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero,
body:is(.pc-portal-home, .pc-subpage).pc-user-authenticated .pc-portal-hero {
    min-height: 380px !important;
    height: auto !important;
  }

  /* Hero section 本身设为相对定位容器（rail 用绝对定位贴底） */
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero {
    position: relative !important;
    padding-bottom: 144px !important;
  }

  /* 左侧内容占半宽，右边留给 HUD */
body:is(.pc-portal-home, .pc-subpage) .pc-page-hero-main {
    max-width: calc(50% - 14px) !important;
  }

  /* 副标题：两行截断，控制高度 */
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-copy {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
    margin-top: 10px !important;
    max-height: 30px !important;
  }

  /* 标题行紧凑 */
body:is(.pc-portal-home, .pc-subpage) .pc-portal-title-row {
    margin-top: 10px !important;
    gap: 8px !important;
  }

  /* 按钮区紧凑 */
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions {
    margin-top: 12px !important;
    gap: 6px !important;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions a {
    min-height: 36px !important;
  }

  /* account-dock：从绝对定位变为流式，出现在 hero 文字下方 */
body:is(.pc-portal-home, .pc-subpage) .pc-account-dock {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    min-height: auto !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    background: rgba(7, 18, 28, .78) !important;
    backdrop-filter: blur(10px) !important;
    border-left: 3px solid rgba(26,111,191,.70) !important;
  }

  /* 换肤选择区双列 */
body:is(.pc-portal-home, .pc-subpage) .pc-account-slot {
    padding-top: 8px !important;
    gap: 8px !important;
  }

  /* ── hero 按钮：补全文字，不允许被压缩 ── */
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 14px !important;
    max-width: none !important;
    width: 100% !important;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions a {
    flex: 1 1 calc(50% - 4px) !important;
    min-width: 120px !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.28) !important;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions a span {
    font-size: 11px !important;
    opacity: .80;
    margin-right: 0 !important;
  }

  /* 主题切换按钮不占整行，让出空间给两个主按钮 */
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-theme-action {
    flex: 0 0 auto !important;
    min-width: auto !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    font-size: 11px !important;
  }

  /* HUD：右上角紧凑面板（参考国服中心门户） */
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    width: calc(50% - 18px) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 9px 8px 8px 10px !important;
    display: block !important;
    border-left-width: 1px !important;
    background: rgba(5, 10, 18, .52) !important;
    box-shadow: 8px 10px 20px rgba(0, 0, 0, .22) !important;
    box-sizing: border-box !important;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-topline {
    display: flex !important;
    gap: 5px;
    font-size: 8px;
    white-space: nowrap;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-live {
    margin: 0 !important;
    min-height: 38px;
    margin-top: 7px;
    display: flex !important;
    align-items: baseline;
    gap: 6px;
  }

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

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

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-stats {
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 0 !important;
    gap: 0;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-stats > div {
    min-height: 0 !important;
    padding: 6px 3px !important;
    border: 0 !important;
    display: grid;
    gap: 1px;
  }

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

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

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-hot {
    margin: 0 !important;
    display: block !important;
    padding: 7px 2px 0 0;
  }

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

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-hot b {
    font-size: 9px !important;
  }

  /* 标题字号移动端优化 */
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero h1 {
    font-size: 22px !important;
    white-space: normal !important;
    line-height: 1.15 !important;
  }

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-copy {
    font-size: 11px !important;
    line-height: 1.6 !important;
    margin-top: 8px !important;
  }
}

/* Final visual system: one cool palette, one spacing rhythm, fewer competing accents. */
:root {
  --pc-ui-ink: #183243;
  --pc-ui-muted: #607783;
  --pc-ui-blue: #1c789f;
  --pc-ui-blue-dark: #123f5a;
  --pc-ui-cyan: #43a8c8;
  --pc-ui-line: #d5e2e7;
  --pc-ui-surface: #f8fbfc;
  --pc-ui-amber: #c58a2d;
}

body.pc-portal-home {
  color: var(--pc-ui-ink) !important;
  background: #edf3f5 !important;
}

body.pc-portal-home .middle,
body.pc-portal-home .rank {
  width: min(1240px, calc(100% - 40px)) !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

body.pc-portal-home .middle {
  padding: 18px 0 32px !important;
}

body.pc-portal-home .pcvr-notice-banner,
body.pc-portal-home .recharge,
body.pc-portal-home .server-live-overview,
body.pc-portal-home .pc-season-summary,
body.pc-portal-home .rank-controls,
body.pc-portal-home .rank-sort-mobile,
body.pc-portal-home .rank {
  border-color: var(--pc-ui-line) !important;
  box-shadow: 0 6px 18px rgba(27, 65, 82, .07) !important;
}

/* Hero actions use blue for navigation; red is reserved for actual warnings. */
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions a,
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions button {
  border: 1px solid rgba(125, 201, 225, .55) !important;
  background: linear-gradient(135deg, #167aa7, #155a7c) !important;
  color: #f4fbfe !important;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-secondary-action {
  background: linear-gradient(135deg, #245d7e, #173e59) !important;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-theme-action {
  border-color: rgba(215, 174, 89, .72) !important;
  background: rgba(21, 48, 66, .86) !important;
  color: #f3d28a !important;
}

/* Shared section header: 64px instead of three unrelated title treatments. */
body.pc-portal-home .server-section-title,
body.pc-portal-home .rank-title,
body.pc-portal-home .community-head {
  min-height: 64px !important;
  margin: 0 0 12px !important;
  padding: 9px 16px !important;
  border: 1px solid #cbdce2 !important;
  border-left: 4px solid var(--pc-ui-blue) !important;
  border-radius: 8px !important;
  background: linear-gradient(105deg, #fafdfe 0%, #eef5f7 100%) !important;
  box-shadow: 0 5px 14px rgba(26, 66, 85, .06) !important;
}

body.pc-portal-home .server-section-title::after,
body.pc-portal-home .rank-title::after,
body.pc-portal-home .community-head::after {
  display: none !important;
}

body.pc-portal-home .pc-section-index {
  width: 34px !important;
  height: 34px !important;
  background: var(--pc-ui-blue-dark) !important;
  border-color: var(--pc-ui-blue-dark) !important;
  color: #fff !important;
}

body.pc-portal-home .pc-section-heading-copy small,
body.pc-portal-home .pc-community-title small {
  color: var(--pc-ui-blue) !important;
}

body.pc-portal-home .pc-section-heading-copy strong,
body.pc-portal-home .pc-community-title h2 {
  color: var(--pc-ui-ink) !important;
  font-size: 22px !important;
  letter-spacing: .025em !important;
}

/* Notice and donation area share the same neutral surface. */
body.pc-portal-home .pcvr-notice-banner {
  min-height: 66px !important;
  border-left: 4px solid var(--pc-ui-amber) !important;
  background: #fbfcfc !important;
}

body.pc-portal-home .recharge {
  margin: 0 0 18px !important;
  border-radius: 10px !important;
  background: #f8fbfc !important;
}

body.pc-portal-home .donors-title {
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border-bottom: 1px solid var(--pc-ui-line) !important;
  color: var(--pc-ui-ink) !important;
  background: #f1f7f9 !important;
}

body.pc-portal-home .donors-list {
  padding: 10px !important;
}

body.pc-portal-home .top-donor-item {
  border: 1px solid #d6e2e6 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.pc-portal-home .top-donor-item .donor-amount,
body.pc-portal-home .rest-donor-cell .donor-amount {
  color: var(--pc-ui-amber) !important;
}

/* Server cards: blue header, neutral body, green only for active state. */
body.pc-portal-home .server-card,
body.pc-portal-home .server-card--active,
body.pc-portal-home .server-card--hot {
  border: 1px solid #cbdde3 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 7px 18px rgba(24, 63, 82, .09) !important;
}

body.pc-portal-home .server-card .server-header,
body.pc-portal-home .server-card--active .server-header {
  background: linear-gradient(135deg, #1d81aa, #185d80) !important;
  border-bottom: 0 !important;
}

body.pc-portal-home .server-card--hot {
  border-color: #d2a24c !important;
}

body.pc-portal-home .server-card--hot .server-header {
  background: linear-gradient(135deg, #a46e22, #7b4d18) !important;
}

body.pc-portal-home .server-card--active {
  border-left: 3px solid #2c9a69 !important;
}

body.pc-portal-home .server-map-summary,
body.pc-portal-home .server-metric {
  border-color: #dbe6e9 !important;
  background: #f5f9fa !important;
}

body.pc-portal-home .server-map-summary b,
body.pc-portal-home .server-metric b {
  color: var(--pc-ui-ink) !important;
}

body.pc-portal-home .servers-container .server-player-btn,
body.pc-portal-home .servers-hot-row .server-player-btn {
  border: 0 !important;
  border-radius: 6px !important;
  background: var(--pc-ui-blue) !important;
  box-shadow: none !important;
}

@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-container .server-card {
    min-width: 0 !important;
    width: auto !important;
  }
  body.pc-portal-home .servers-container .server-details {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto auto !important;
    grid-template-areas: "thumb" "summary" "metrics" "action" !important;
    gap: 8px !important;
    padding: 0 10px 10px !important;
  }
  body.pc-portal-home .servers-container .server-compact-overview {
    width: 100% !important;
    height: 150px !important;
  }
  body.pc-portal-home .servers-container .server-player-btn {
    width: 100% !important;
    min-height: 34px !important;
  }
}

@media (min-width: 1150px) {
  body.pc-portal-home .servers-container {
    grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  body.pc-portal-home .servers-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
  body.pc-portal-home .servers-container .server-card {
    width: 100% !important;
    min-width: 0 !important;
  }
  body.pc-portal-home .servers-container .server-details {
    display: grid !important;
    grid-template-columns: 118px minmax(0, 1fr) 84px !important;
    grid-template-rows: 42px 36px !important;
    grid-template-areas: "thumb summary action" "thumb metrics action" !important;
    gap: 6px 10px !important;
    padding: 0 12px 12px !important;
  }
  body.pc-portal-home .servers-container .server-compact-overview {
    width: 118px !important;
    height: 82px !important;
  }
  body.pc-portal-home .servers-container .server-player-btn {
    width: 84px !important;
    min-height: 42px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
  }
}

/* Ranking: the table owns blue, the first three rows own amber/slate/copper. */
body.pc-portal-home .pc-season-summary {
  min-height: 50px !important;
  margin-bottom: 8px !important;
  background: #fff !important;
}

body.pc-portal-home .pc-season-summary .pc-season-label {
  background: var(--pc-ui-blue) !important;
  border-color: var(--pc-ui-blue) !important;
}

body.pc-portal-home .rank-controls {
  min-height: 52px !important;
  margin-bottom: 8px !important;
  background: #edf5f7 !important;
}

body.pc-portal-home .rank-controls button {
  border: 1px solid #bed1d8 !important;
  color: var(--pc-ui-blue-dark) !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.pc-portal-home .rank-controls button.is-active,
body.pc-portal-home .rank-controls #session_btn {
  border-color: var(--pc-ui-blue) !important;
  color: #fff !important;
  background: linear-gradient(135deg, #1b82ad, #155b7c) !important;
}

body.pc-portal-home .rank-controls select {
  border-color: #bfd3da !important;
  color: var(--pc-ui-ink) !important;
  background: #fff !important;
}

body.pc-portal-home .rank-header {
  min-height: 44px !important;
  border-radius: 8px 8px 0 0 !important;
  background: var(--pc-ui-blue-dark) !important;
}

body.pc-portal-home .rank-table .rank_list {
  min-height: 58px !important;
  margin-bottom: 6px !important;
  border: 1px solid #d6e3e7 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 3px 9px rgba(24, 63, 82, .06) !important;
}

body.pc-portal-home .rank-table .rank_list.rank-1 {
  border-color: #d5a53f !important;
  background: #fff8e5 !important;
  box-shadow: inset 4px 0 #d5a53f, 0 4px 12px rgba(173, 119, 27, .10) !important;
}

body.pc-portal-home .rank-table .rank_list.rank-2 {
  border-color: #aab9c0 !important;
  background: #f3f6f7 !important;
  box-shadow: inset 4px 0 #82949d, 0 3px 10px rgba(78, 99, 110, .08) !important;
}

body.pc-portal-home .rank-table .rank_list.rank-3 {
  border-color: #c89165 !important;
  background: #fff4ec !important;
  box-shadow: inset 4px 0 #b4764c, 0 3px 10px rgba(153, 91, 50, .08) !important;
}

body.pc-portal-home .rank-table .rank_list:not(.rank-1):not(.rank-2):not(.rank-3):hover {
  border-color: #8bc2d6 !important;
  background: #f4fafc !important;
  box-shadow: 0 6px 14px rgba(28, 120, 159, .12) !important;
}

body.pc-portal-home .rank-table .rank_list > .rank_detail_kda.rank-kda-val {
  color: #b05d35 !important;
}

/* Dark mode mirrors the same hierarchy without introducing another palette. */
html[data-theme-resolved="dark"] body.pc-portal-home {
  background: #101c25 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-section-title,
html[data-theme-resolved="dark"] body.pc-portal-home .rank-title,
html[data-theme-resolved="dark"] body.pc-portal-home .community-head {
  border-color: #294956 !important;
  background: #182d39 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .recharge,
html[data-theme-resolved="dark"] body.pc-portal-home .pc-season-summary,
html[data-theme-resolved="dark"] body.pc-portal-home .rank {
  border-color: #2b4652 !important;
  background: #142630 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .donors-title,
html[data-theme-resolved="dark"] body.pc-portal-home .server-map-summary,
html[data-theme-resolved="dark"] body.pc-portal-home .server-metric {
  border-color: #2d4753 !important;
  background: #1a303b !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .top-donor-item,
html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list {
  border-color: #2d4a57 !important;
  background: #182c36 !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list.rank-1 { background: #3b321d !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list.rank-2 { background: #293239 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list.rank-3 { background: #3b2b25 !important; }

@media (max-width: 720px) {
  body.pc-portal-home .middle,
  body.pc-portal-home .rank {
    width: calc(100% - 20px) !important;
  }

  body.pc-portal-home .middle { padding: 12px 0 22px !important; }

  body.pc-portal-home .server-section-title,
  body.pc-portal-home .rank-title,
  body.pc-portal-home .community-head {
    min-height: 56px !important;
    padding: 7px 11px !important;
    margin-bottom: 9px !important;
  }

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

  body.pc-portal-home .donors-title { min-height: 38px !important; padding: 0 11px !important; }
  body.pc-portal-home .top-donors-row { gap: 5px !important; }
  body.pc-portal-home .top-donor-item { border-radius: 7px !important; }

  body.pc-portal-home .rank-table .rank_list {
    min-height: 0 !important;
    margin-bottom: 7px !important;
    border-radius: 10px !important;
  }

  body.pc-portal-home .rank-controls { gap: 6px !important; padding: 7px !important; }
}

/* superseded by MOBILE HERO v11 400px block */


/* PC HOME FINAL ART DIRECTION
   Stronger tactical contrast and clearer hierarchy for the home page. */
body.pc-portal-home {
  background:
    radial-gradient(circle at 8% 18%, rgba(26,111,191,.10), transparent 28%),
    linear-gradient(180deg, #eaf0f3 0%, #f6f8f9 42%, #e9eef1 100%) !important;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero {
  border-bottom: 1px solid rgba(111,181,219,.38) !important;
  box-shadow: 0 18px 42px rgba(8,27,45,.24) !important;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .28;
  background-image: linear-gradient(rgba(112,190,225,.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(112,190,225,.16) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: linear-gradient(90deg, #000, transparent 72%);
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-inner {
  position: relative;
  z-index: 1;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-kicker-row {
  padding-left: 10px !important;
  border-left: 3px solid #efb64a !important;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero h1 {
  letter-spacing: .02em !important;
  text-shadow: 0 4px 22px rgba(0,0,0,.55) !important;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero h1::after {
  content: " / LIVE OPERATIONS";
  display: inline-block;
  margin-left: 12px;
  color: #73c8e7;
  font-size: .27em;
  letter-spacing: .14em;
  vertical-align: middle;
  font-weight: 800;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud {
  border: 1px solid rgba(112,190,225,.46) !important;
  border-left: 3px solid #efb64a !important;
  background: linear-gradient(145deg, rgba(7,21,35,.94), rgba(10,35,52,.82)) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions a {
  min-height: 48px !important;
  padding-inline: 22px !important;
  text-transform: uppercase;
}

body.pc-portal-home .middle {
  position: relative;
}

body.pc-portal-home .server-section-title,
body.pc-portal-home .rank-title,
body.pc-portal-home .community-head {
  position: relative;
  min-height: 72px !important;
  padding: 12px 18px !important;
  border: 1px solid #c9d8df !important;
  border-left: 6px solid #1a6fbf !important;
  border-radius: 10px !important;
  background: linear-gradient(105deg, #fafdfe 0%, #edf4f7 70%, #e1edf2 100%) !important;
  box-shadow: 0 7px 20px rgba(19,58,82,.08) !important;
}

body.pc-portal-home .server-section-title::after,
body.pc-portal-home .rank-title::after,
body.pc-portal-home .community-head::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 14px;
  width: 42px;
  height: 42px;
  border-top: 2px solid #e2a53d;
  border-right: 2px solid #e2a53d;
  opacity: .75;
}

body.pc-portal-home .pc-section-index {
  background: #123c5a !important;
  border-color: #123c5a !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(18,60,90,.24) !important;
}

body.pc-portal-home .pc-section-heading-copy strong,
body.pc-portal-home .pc-community-title h2 {
  letter-spacing: .04em !important;
}

body.pc-portal-home .server-live-overview {
  border: 1px solid #b9d2dc !important;
  border-left: 5px solid #19a45b !important;
  background: linear-gradient(105deg, #f9fcfd, #edf7f5) !important;
  box-shadow: 0 8px 22px rgba(28,88,83,.10) !important;
}

body.pc-portal-home .server-card {
  border: 1px solid #c7d7de !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 20px rgba(22,55,75,.10) !important;
}

body.pc-portal-home .server-card:not(.server-card--hot):hover {
  border-color: #4ca4cf !important;
  box-shadow: 0 14px 28px rgba(26,111,191,.18) !important;
}

body.pc-portal-home .server-card--hot {
  border: 2px solid #e0a83f !important;
  box-shadow: 0 14px 34px rgba(180,121,21,.22) !important;
}

body.pc-portal-home .server-card--hot .server-header {
  background: linear-gradient(110deg, #8a4c18 0%, #c57c20 52%, #8b4b18 100%) !important;
}

body.pc-portal-home .server-card--hot .server-hot-badge {
  border-color: rgba(255,237,174,.70) !important;
  background: rgba(77,39,7,.74) !important;
}

body.pc-portal-home .rank {
  border: 1px solid #c8d8de !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.66) !important;
  box-shadow: 0 10px 26px rgba(20,54,73,.10) !important;
}

body.pc-portal-home .rank-controls {
  border: 1px solid #bfd3dc !important;
  background: #eaf3f7 !important;
  box-shadow: inset 0 1px 0 #fff !important;
}

body.pc-portal-home .rank-controls button.is-active {
  background: linear-gradient(135deg, #123c5a, #1d85bc) !important;
  box-shadow: 0 5px 14px rgba(18,60,90,.25) !important;
}

body.pc-portal-home .rank-header {
  background: linear-gradient(105deg, #102f49, #1a6fbf 58%, #245c83) !important;
  box-shadow: 0 5px 12px rgba(16,47,73,.18) !important;
}

body.pc-portal-home .rank-table .rank_list {
  background: rgba(250,253,254,.96) !important;
  border-color: #d4e1e6 !important;
}

body.pc-portal-home .rank-table .rank_list.rank-1 {
  border-color: #d3a12d !important;
  background: linear-gradient(100deg, #fff6d7, #fffdf3) !important;
}

body.pc-portal-home .rank-table .rank_list.rank-2 {
  border-color: #9aabb4 !important;
  background: linear-gradient(100deg, #eef3f5, #fbfcfd) !important;
}

body.pc-portal-home .rank-table .rank_list.rank-3 {
  border-color: #c2804e !important;
  background: linear-gradient(100deg, #f8e8dc, #fffaf7) !important;
}

body.pc-portal-home .rank-table .rank_list.rank-1 .rank_no { color: #b47a00 !important; }
body.pc-portal-home .rank-table .rank_list.rank-2 .rank_no { color: #687d87 !important; }
body.pc-portal-home .rank-table .rank_list.rank-3 .rank_no { color: #a25d2e !important; }

html[data-theme-resolved="dark"] body.pc-portal-home {
  background: linear-gradient(180deg, #0b151d, #111e28 48%, #0d1720) !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .server-section-title,
html[data-theme-resolved="dark"] body.pc-portal-home .rank-title,
html[data-theme-resolved="dark"] body.pc-portal-home .community-head {
  border-color: #294553 !important;
  background: linear-gradient(105deg, #162a36, #172f3e) !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .rank {
  border-color: #294553 !important;
  background: rgba(18,31,41,.90) !important;
}

html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list {
  background: #172630 !important;
  border-color: #2c4552 !important;
}

@media (max-width: 720px) {
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero h1::after { display: block; margin: 8px 0 0; font-size: 9px; }
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions a { min-height: 44px !important; padding-inline: 12px !important; }
  body.pc-portal-home .server-section-title,
  body.pc-portal-home .rank-title,
  body.pc-portal-home .community-head { min-height: 58px !important; padding: 8px 12px !important; }
  body.pc-portal-home .server-section-title::after,
  body.pc-portal-home .rank-title::after,
  body.pc-portal-home .community-head::after { right: 10px; top: 9px; width: 28px; height: 28px; }
  body.pc-portal-home .pc-section-heading-copy strong,
  body.pc-portal-home .pc-community-title h2 { font-size: 17px !important; }
  body.pc-portal-home .server-card--hot { border-width: 2px !important; }
}
/* ============================================================
   RANK UI POLISH LAYER (2026-08-02)
   排行榜精修：桌面端 + 移动端 / 亮色 + 暗色
   追加于此文件末尾，作为最终覆盖层，便于整体回滚
   ============================================================ */

/* ---- 军衔徽章胶囊化 ---- */
body.pc-portal-home .rank-mobile-mr .mr-badge,
body.pc-portal-home .rank-table .rank-mobile-mr .mr-badge {
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
  letter-spacing: .02em;
}

/* ---- 赛季栏精修 ---- */
body.pc-portal-home .pc-season-summary {
  border-radius: 10px !important;
  padding: 10px 16px !important;
  border-color: #dde7ea !important;
  box-shadow: 0 3px 12px rgba(26,111,191,.06) !important;
}
html[data-theme-resolved="dark"] body.pc-portal-home .pc-season-summary {
  border-color: #253545 !important;
  box-shadow: none !important;
}
body.pc-portal-home .pc-season-summary .pc-season-label {
  border-radius: 999px !important;
  padding: 4px 10px !important;
  letter-spacing: .06em;
}

/* ---- 排行控制栏精修 ---- */
body.pc-portal-home .rank-controls {
  border-radius: 10px !important;
  padding: 8px 10px !important;
  gap: 8px !important;
  border-color: #dde7ea !important;
}
html[data-theme-resolved="dark"] body.pc-portal-home .rank-controls { border-color: #253545 !important; }
body.pc-portal-home .rank-controls button {
  border-radius: 999px !important;
  padding: 8px 18px !important;
  font-weight: 700 !important;
}
body.pc-portal-home .rank-controls button.is-active {
  color: #fff !important;
  border-color: #1a6fbf !important;
  background: linear-gradient(135deg,#1a6fbf 0%,#3a90e0 100%) !important;
  box-shadow: 0 3px 10px rgba(26,111,191,.28) !important;
}
html[data-theme-resolved="dark"] body.pc-portal-home .rank-controls button.is-active {
  color: #fff !important;
  border-color: #3a90e0 !important;
  background: linear-gradient(135deg,#2f6f9f 0%,#4a90e2 100%) !important;
}
body.pc-portal-home .rank-controls select {
  border-radius: 999px !important;
  padding: 8px 14px !important;
}

/* ---- 移动端排序 chips 精修 ---- */
body.pc-portal-home .rank-sort-mobile {
  border-radius: 10px !important;
  border-color: #dde7ea !important;
}
html[data-theme-resolved="dark"] body.pc-portal-home .rank-sort-mobile { border-color: #253545 !important; }
body.pc-portal-home .rank-sort-chip {
  border-radius: 999px !important;
  padding: 6px 12px !important;
}

/* ===== 桌面端 ≥1100px ===== */
@media (min-width: 1100px) {
  body.pc-portal-home .rank-header {
    border-radius: 9px 9px 0 0 !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 {
    font-size: 11px !important;
    letter-spacing: .05em;
  }

  /* 数据行卡片化 */
  body.pc-portal-home .rank-table .rank_list {
    border-radius: 9px !important;
    border: 1px solid #e0e9ec !important;
    box-shadow: 0 2px 6px rgba(20,45,65,.05) !important;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease !important;
  }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list {
    border-color: #263542 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.24) !important;
  }
  body.pc-portal-home .rank-table .rank_list:not(.rank-1):not(.rank-2):not(.rank-3):hover {
    background: #f4f9fb !important;
    border-color: rgba(26,111,191,.45) !important;
    box-shadow: 0 6px 16px rgba(20,45,65,.10) !important;
    transform: translateY(-1px) !important;
  }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list:not(.rank-1):not(.rank-2):not(.rank-3):hover {
    background: #1d2631 !important;
    border-color: rgba(74,144,226,.45) !important;
  }

  /* 排名数字 */
  body.pc-portal-home .rank-table .rank_list > .rank_no { font-size: 18px !important; }
  body.pc-portal-home .rank-table .rank_list.rank-1 > .rank_no { font-size: 22px !important; }
  body.pc-portal-home .rank-table .rank_list.rank-2 > .rank_no,
  body.pc-portal-home .rank-table .rank_list.rank-3 > .rank_no { font-size: 20px !important; }

  /* 玩家名称 */
  body.pc-portal-home .rank-table .rank_list > .rank_detail {
    font-size: 13px !important;
    font-weight: 700 !important;
  }
  body.pc-portal-home .rank-name-text { font-weight: 800 !important; }

  /* 数据列 */
  body.pc-portal-home .rank-table .rank_list > .rank_detail_kda {
    font-size: 13px !important;
    font-weight: 700 !important;
  }
  body.pc-portal-home .rank-table .rank_list > .rank_detail_kda.rank_playtime { color: #1a6fbf !important; }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list > .rank_detail_kda.rank_playtime { color: #9cc9ea !important; }
  body.pc-portal-home .rank-table .rank_list > .rank_detail_kda.rank-kda-val { color: #c0392b !important; }

  /* 前三名：金 / 银 / 铜 底纹 + 侧面强调条 */
  body.pc-portal-home .rank-table .rank_list.rank-1 {
    background: linear-gradient(135deg, rgba(255,215,0,.12) 0%, rgba(255,244,196,.05) 100%) !important;
    box-shadow: inset 4px 0 0 #d4a017, 0 2px 6px rgba(212,160,23,.10) !important;
  }
  body.pc-portal-home .rank-table .rank_list.rank-2 {
    background: linear-gradient(135deg, rgba(176,190,197,.15) 0%, rgba(233,238,241,.05) 100%) !important;
    box-shadow: inset 4px 0 0 #7c8f9b, 0 2px 6px rgba(124,143,155,.08) !important;
  }
  body.pc-portal-home .rank-table .rank_list.rank-3 {
    background: linear-gradient(135deg, rgba(205,127,50,.14) 0%, rgba(247,231,212,.05) 100%) !important;
    box-shadow: inset 4px 0 0 #ad6d45, 0 2px 6px rgba(173,109,69,.08) !important;
  }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list.rank-1 {
    background: linear-gradient(135deg, rgba(212,160,23,.18) 0%, rgba(212,160,23,.04) 100%) !important;
    box-shadow: inset 4px 0 0 #d4a017, 0 2px 6px rgba(212,160,23,.08) !important;
  }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list.rank-2 {
    background: linear-gradient(135deg, rgba(176,190,197,.14) 0%, rgba(176,190,197,.04) 100%) !important;
    box-shadow: inset 4px 0 0 #7c8f9b, 0 2px 6px rgba(176,190,197,.06) !important;
  }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list.rank-3 {
    background: linear-gradient(135deg, rgba(205,127,50,.16) 0%, rgba(205,127,50,.05) 100%) !important;
    box-shadow: inset 4px 0 0 #ad6d45, 0 2px 6px rgba(205,127,50,.06) !important;
  }
}

/* ===== 移动端 ≤768px ===== */
@media (max-width: 768px) {
  body.pc-portal-home .rank-table .rank_list {
    border-radius: 14px !important;
    border: 1px solid #e7eef1 !important;
    box-shadow: 0 2px 8px rgba(20,45,65,.06) !important;
  }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list {
    border-color: #263542 !important;
    box-shadow: none !important;
  }
  body.pc-portal-home .rank-table .rank_list > .rank_no { border-radius: 50% !important; }
  body.pc-portal-home .rank-table .rank_list.rank-1 > .rank_no {
    background: linear-gradient(135deg, rgba(212,160,23,.30) 0%, rgba(245,200,66,.16) 100%) !important;
    border-color: rgba(212,160,23,.65) !important;
  }
  body.pc-portal-home .rank-table .rank_list.rank-2 > .rank_no {
    background: linear-gradient(135deg, rgba(124,143,155,.26) 0%, rgba(176,190,197,.16) 100%) !important;
    border-color: rgba(124,143,155,.60) !important;
  }
  body.pc-portal-home .rank-table .rank_list.rank-3 > .rank_no {
    background: linear-gradient(135deg, rgba(173,109,69,.28) 0%, rgba(205,127,50,.16) 100%) !important;
    border-color: rgba(173,109,69,.62) !important;
  }
  body.pc-portal-home .rank-table .rank_list > .rank_detail_head img { border-radius: 14px !important; }
  body.pc-portal-home .rank-name-text { font-weight: 900 !important; }
  body.pc-portal-home .rank-mobile-mr .mr-badge { border-radius: 999px !important; }

  /* 移动端数据 chips */
  body.pc-portal-home .rank-mobile-stats span {
    border-radius: 9px !important;
    border-color: #e3ebee !important;
    background: #f6f9fa !important;
  }
  html[data-theme-resolved="dark"] body.pc-portal-home .rank-mobile-stats span {
    border-color: #253545 !important;
    background: #1a222b !important;
  }
  body.pc-portal-home .rank-mobile-stats b { letter-spacing: .03em; }
  body.pc-portal-home .rank-mobile-stats strong { font-weight: 900 !important; }
}

/* Final cascade guard: keep the PC art direction above older compatibility rules. */
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero h1::after {
  content: " / LIVE OPERATIONS" !important;
  color: #73c8e7 !important;
  font-size: .27em !important;
  letter-spacing: .14em !important;
}
body.pc-portal-home .server-card--hot {
  border: 2px solid #e0a83f !important;
  box-shadow: 0 14px 34px rgba(180,121,21,.22) !important;
}
body.pc-portal-home .server-card--hot .server-header {
  background: linear-gradient(110deg, #8a4c18 0%, #c57c20 52%, #8b4b18 100%) !important;
}
body.pc-portal-home .rank-header {
  background: linear-gradient(105deg, #102f49, #1a6fbf 58%, #245c83) !important;
}
body.pc-portal-home .rank-table .rank_list {
  border-color: #d4e1e6 !important;
  background: rgba(250,253,254,.96) !important;
}
body.pc-portal-home .rank-table .rank_list.rank-1 {
  border-color: #d3a12d !important;
  background: linear-gradient(100deg, #fff6d7, #fffdf3) !important;
}
body.pc-portal-home .rank-table .rank_list.rank-2 {
  border-color: #9aabb4 !important;
  background: linear-gradient(100deg, #eef3f5, #fbfcfd) !important;
}
body.pc-portal-home .rank-table .rank_list.rank-3 {
  border-color: #c2804e !important;
  background: linear-gradient(100deg, #f8e8dc, #fffaf7) !important;
}
html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list {
  border-color: #2c4552 !important;
  background: #172630 !important;
}
@media (max-width: 720px) {
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero h1::after {
    display: block !important;
    margin: 8px 0 0 !important;
    font-size: 9px !important;
  }
  body.pc-portal-home .server-section-title,
  body.pc-portal-home .rank-title,
  body.pc-portal-home .community-head {
    min-height: 58px !important;
    padding: 8px 12px !important;
  }
}

/* FINAL CASCADE v4: these are intentionally last so legacy home rules cannot
   reintroduce the competing red/blue card palette. */
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-primary-action,
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-secondary-action {
  background: linear-gradient(135deg, #167aa7, #155a7c) !important;
  border-color: rgba(125, 201, 225, .55) !important;
}
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-secondary-action {
  background: linear-gradient(135deg, #245d7e, #173e59) !important;
}
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-theme-action {
  background: rgba(21, 48, 66, .86) !important;
  border-color: rgba(215, 174, 89, .72) !important;
  color: #f3d28a !important;
}
body.pc-portal-home .server-card .server-header,
body.pc-portal-home .server-card--active .server-header {
  background: linear-gradient(135deg, #1d81aa, #185d80) !important;
}
body.pc-portal-home .server-card--hot .server-header {
  background: linear-gradient(135deg, #a46e22, #7b4d18) !important;
}
body.pc-portal-home .server-card,
body.pc-portal-home .server-card--active,
body.pc-portal-home .server-card--hot {
  border-radius: 10px !important;
  border-color: #cbdde3 !important;
  background: #fff !important;
  box-shadow: 0 7px 18px rgba(24, 63, 82, .09) !important;
}
body.pc-portal-home .server-card--hot { border-color: #d2a24c !important; }
body.pc-portal-home .server-card--active { border-left: 3px solid #2c9a69 !important; }
body.pc-portal-home .server-map-summary,
body.pc-portal-home .server-metric {
  border-color: #dbe6e9 !important;
  background: #f5f9fa !important;
}
body.pc-portal-home .servers-container .server-player-btn,
body.pc-portal-home .servers-hot-row .server-player-btn {
  border: 0 !important;
  border-radius: 6px !important;
  background: #1c789f !important;
  box-shadow: none !important;
}
body.pc-portal-home .rank-controls button {
  color: #123f5a !important;
  border-color: #bed1d8 !important;
  background: #fff !important;
  box-shadow: none !important;
}
body.pc-portal-home .rank-controls button.is-active,
body.pc-portal-home .rank-controls #session_btn {
  color: #fff !important;
  border-color: #1c789f !important;
  background: linear-gradient(135deg, #1b82ad, #155b7c) !important;
}
body.pc-portal-home .rank-header {
  background: #123f5a !important;
  border-radius: 8px 8px 0 0 !important;
}
body.pc-portal-home .rank-table .rank_list {
  min-height: 58px !important;
  border-radius: 8px !important;
  border-color: #d6e3e7 !important;
  background: #fff !important;
  box-shadow: 0 3px 9px rgba(24, 63, 82, .06) !important;
}
body.pc-portal-home .rank-table .rank_list.rank-1 {
  border-color: #d5a53f !important;
  background: #fff8e5 !important;
  box-shadow: inset 4px 0 #d5a53f, 0 4px 12px rgba(173, 119, 27, .10) !important;
}
body.pc-portal-home .rank-table .rank_list.rank-2 {
  border-color: #aab9c0 !important;
  background: #f3f6f7 !important;
  box-shadow: inset 4px 0 #82949d, 0 3px 10px rgba(78, 99, 110, .08) !important;
}
body.pc-portal-home .rank-table .rank_list.rank-3 {
  border-color: #c89165 !important;
  background: #fff4ec !important;
  box-shadow: inset 4px 0 #b4764c, 0 3px 10px rgba(153, 91, 50, .08) !important;
}
body.pc-portal-home .rank-table .rank_list:not(.rank-1):not(.rank-2):not(.rank-3):hover {
  border-color: #8bc2d6 !important;
  background: #f4fafc !important;
  box-shadow: 0 6px 14px rgba(28, 120, 159, .12) !important;
}
html[data-theme-resolved="dark"] body.pc-portal-home .server-card,
html[data-theme-resolved="dark"] body.pc-portal-home .server-card--active,
html[data-theme-resolved="dark"] body.pc-portal-home .server-card--hot {
  background: #182c36 !important;
  border-color: #2d4a57 !important;
}
html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list {
  background: #182c36 !important;
  border-color: #2d4a57 !important;
}
html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list.rank-1 { background: #3b321d !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list.rank-2 { background: #293239 !important; }
html[data-theme-resolved="dark"] body.pc-portal-home .rank-table .rank_list.rank-3 { background: #3b2b25 !important; }

/* ============================================================
   MOBILE HERO v11 — full-width vertical stack (final cascade)
   brand → title → copy → HUD strip → actions → in-flow rail
   ============================================================ */
@media (max-width: 720px) {
  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero {
    position: relative !important;
    display: block !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
  }

  body:is(.pc-portal-home, .pc-subpage).pc-user-authenticated .pc-portal-hero,
  body:is(.pc-portal-home, .pc-subpage):not(.pc-user-authenticated) .pc-portal-hero,
  body:is(.pc-portal-home, .pc-subpage):has(.pc-portal-hero-rail a:nth-child(9)) .pc-portal-hero {
    min-height: 0 !important;
    height: auto !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-inner,
  body:is(.pc-portal-home, .pc-subpage).pc-user-authenticated .pc-portal-hero-inner,
  body:is(.pc-portal-home, .pc-subpage):not(.pc-user-authenticated) .pc-portal-hero-inner,
  body:is(.pc-portal-home, .pc-subpage):has(.pc-portal-hero-rail a:nth-child(9)) .pc-portal-hero-inner {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 16px 14px 12px !important;
    box-sizing: border-box !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
  }

  /* 左侧内容：全宽 */
  body:is(.pc-portal-home, .pc-subpage) .pc-page-hero-main {
    max-width: none !important;
    width: 100% !important;
    order: 1 !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-brand-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 6px 10px !important;
    max-width: none !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-brand-title {
    font-size: 13px !important;
    letter-spacing: .04em !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-brand-sub {
    font-size: 10px !important;
    opacity: .85 !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-title-row,
  body:is(.pc-portal-home, .pc-subpage) .pc-portal-kicker-row {
    max-width: none !important;
    width: 100% !important;
    margin-top: 8px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-mark {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    font-size: 13px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero h1 {
    font-size: 26px !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    margin: 0 !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero h1::after {
    display: block !important;
    margin: 4px 0 0 !important;
    font-size: 9px !important;
    letter-spacing: .12em !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-copy {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    max-width: none !important;
    max-height: none !important;
    width: 100% !important;
    margin: 6px 0 0 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    opacity: .92 !important;
  }

  /* HUD：全宽横条，排在内容后、按钮前 */
  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    order: 2 !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 2px 0 0 !important;
    padding: 10px 12px !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    grid-template-areas:
      "top top top"
      "live stats stats"
      "hot hot hot" !important;
    gap: 6px 12px !important;
    align-items: center !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, rgba(7,21,35,.88), rgba(10,35,52,.78)) !important;
    border: 1px solid rgba(112,190,225,.42) !important;
    border-left: 3px solid #efb64a !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.22) !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-topline {
    grid-area: top !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    font-size: 10px !important;
    margin: 0 !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-code {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 28px !important;
    height: 18px !important;
    padding: 0 6px !important;
    border-radius: 3px !important;
    background: rgba(23,119,183,.55) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-label {
    gap: 6px !important;
    font-size: 10px !important;
  }

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

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-live {
    grid-area: live !important;
    margin: 0 !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-live strong {
    font-size: 28px !important;
    line-height: 1 !important;
  }

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

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-stats {
    grid-area: stats !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
    border: 0 !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-stats > div {
    min-height: 0 !important;
    padding: 2px 4px !important;
    border: 0 !important;
    display: grid !important;
    gap: 1px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-stats b {
    font-size: 16px !important;
    line-height: 1.1 !important;
  }

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

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-hot {
    grid-area: hot !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 6px 0 0 !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-hot span {
    flex: 0 0 auto !important;
    font-size: 9px !important;
    opacity: .75 !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hud-hot b {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* 账户面板：全宽流式 */
  body:is(.pc-portal-home, .pc-subpage) .pc-account-dock {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    order: 2 !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 2px 0 0 !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    background: rgba(7, 18, 28, .82) !important;
    border-left: 3px solid rgba(26,111,191,.75) !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-account-slot {
    padding-top: 8px !important;
    gap: 8px !important;
  }

  /* 按钮：两主按钮 + 主题，同一行 */
  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions {
    order: 3 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr minmax(72px, auto) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 4px 0 0 !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions a,
  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions button {
    flex: none !important;
    min-width: 0 !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 6px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.22) !important;
    text-transform: none !important;
    overflow: hidden !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions a span {
    display: inline !important;
    font-size: 11px !important;
    opacity: .85 !important;
    margin-right: 0 !important;
    white-space: nowrap !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-theme-action {
    min-width: 0 !important;
    width: auto !important;
    padding: 0 8px !important;
    font-size: 11px !important;
    grid-column: auto !important;
  }

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

  /* rail：入流，3×3 贴在内容下方（不再 absolute + 双重留白） */
  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    grid-auto-rows: 52px !important;
    overflow: hidden !important;
    border-top: 1px solid rgba(255, 255, 255, .17) !important;
    background: rgba(9, 18, 26, .78) !important;
    backdrop-filter: blur(8px) !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail a {
    flex: none !important;
    min-width: 0 !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 0 6px !important;
    display: grid !important;
    align-content: center !important;
    justify-items: center !important;
    text-align: center !important;
    gap: 2px !important;
    border-left: 1px solid rgba(255, 255, 255, .12) !important;
    border-top: 0 !important;
    box-sizing: border-box !important;
  }

  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) !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail a:last-child {
    border-right: 0 !important;
  }

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

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail strong {
    max-width: 100% !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 400px) {
  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions {
    grid-template-columns: 1fr 1fr minmax(64px, 78px) !important;
    gap: 6px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions a,
  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions button {
    min-height: 38px !important;
    height: 38px !important;
    font-size: 11px !important;
    padding: 0 4px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-theme-action {
    grid-column: auto !important;
    min-width: 0 !important;
    font-size: 10px !important;
    padding: 0 4px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero h1 {
    font-size: 24px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail a {
    min-height: 48px !important;
    height: 48px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail {
    grid-auto-rows: 48px !important;
  }
}
/* ============================================================
   Hero dock skin select dark accents (final cascade)
   皮肤下拉框深色化（保留军衔徽章原配色）
   ============================================================ */
body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-skin-team select,
html[data-theme-resolved="dark"] body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-skin-team select {
  color-scheme: dark !important;
  color: #f4f8fa !important;
  background: #142634 !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
}

body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-skin-team select option,
html[data-theme-resolved="dark"] body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-skin-team select option {
  color: #e8f1f6 !important;
  background: #142634 !important;
}
/* ============================================================
   Rail highlight: 军备购买 醒目入口（纯文字上色版）
   ============================================================ */
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail a.rail-em {
  background: transparent !important;
  border-left: 1px solid rgba(255, 255, 255, .12) !important;
  border-right: 1px solid rgba(255, 255, 255, .12) !important;
  box-shadow: none !important;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail a.rail-em small {
  color: #ffd97a !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-shadow: 0 0 6px rgba(255, 190, 60, .30) !important;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail a.rail-em strong {
  color: #ffc83d !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-shadow: 0 0 8px rgba(255, 190, 60, .40) !important;
  letter-spacing: .02em !important;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail a.rail-em:hover {
  background: rgba(255, 190, 60, .10) !important;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail a.rail-em:hover strong {
  color: #ffdb6e !important;
  text-shadow: 0 0 10px rgba(255, 200, 70, .50) !important;
}

@media (max-width: 720px) {
  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail a.rail-em small {
    font-size: 8px !important;
  }
  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-rail a.rail-em strong {
    font-size: 12px !important;
  }
}
/* ============================================================
   服务器状态：指示灯与文字间距修复（点不再压字）
   ============================================================ */
body.pc-portal-home .server-card .server-status,
body.pc-portal-home .servers-container .server-status {
  padding-left: 16px !important;
}

body.pc-portal-home .server-card .server-status::before,
body.pc-portal-home .servers-container .server-status::before {
  left: 3px !important;
}
/* ============================================================
   排行榜字号优化（参考原版 pavlov.cn/pc）：表头/军衔加大
   ============================================================ */
body.pc-portal-home .rank-header .rank_no,
body.pc-portal-home .rank-header .rank_detail,
body.pc-portal-home .rank-header .rank_detail_kda {
  font-size: 16px !important;
}

body.pc-portal-home .rank-table .mr-badge,
body.pc-portal-home .rank_list .mr-badge,
body.pc-portal-home .rank_list [class*="mr-rank-"] .mr-badge {
  font-size: 15px !important;
  padding: 2px 9px !important;
}

@media (max-width: 720px) {
  body.pc-portal-home .rank-table .rank_no {
    font-size: 15px !important;
  }

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

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

  body.pc-portal-home .rank-table .mr-badge,
  body.pc-portal-home .rank_list .mr-badge,
  body.pc-portal-home .rank_list [class*="mr-rank-"] .mr-badge {
    font-size: 12px !important;
    padding: 1px 7px !important;
  }

  body.pc-portal-home .rank-header .rank_no,
  body.pc-portal-home .rank-header .rank_detail,
  body.pc-portal-home .rank-header .rank_detail_kda {
    font-size: 14px !important;
  }
}
/* 前三名玩家名加大 */
body.pc-portal-home .rank-table .rank_list.rank-1 .rank_detail {
  font-size: 22px !important;
}

body.pc-portal-home .rank-table .rank_list.rank-2 .rank_detail,
body.pc-portal-home .rank-table .rank_list.rank-3 .rank_detail {
  font-size: 19px !important;
}

@media (max-width: 720px) {
  body.pc-portal-home .rank-table .rank_list.rank-1 .rank_detail {
    font-size: 17px !important;
  }

  body.pc-portal-home .rank-table .rank_list.rank-2 .rank_detail,
  body.pc-portal-home .rank-table .rank_list.rank-3 .rank_detail {
    font-size: 15px !important;
  }
}

/* ============================================================
   Mobile server card v2: 信息列加宽，地图名完整显示
   ============================================================ */
@media (max-width: 768px) {
  body.pc-portal-home .servers-container .server-details,
  body.pc-portal-home .servers-container .server-card--hot .server-details {
    grid-template-columns: 128px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas: "thumb summary" "thumb metrics" "action action" !important;
    gap: 6px 10px !important;
    padding: 0 12px 12px !important;
  }

  body.pc-portal-home .servers-container .server-compact-overview,
  body.pc-portal-home .servers-container .server-card--hot .server-compact-overview {
    width: 128px !important;
    height: 128px !important;
  }

  body.pc-portal-home .servers-container .server-map-summary,
  body.pc-portal-home .servers-container .server-card--hot .server-map-summary {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2px !important;
    align-content: center !important;
    text-align: left !important;
    min-width: 0 !important;
    max-width: none !important;
  }

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

  body.pc-portal-home .servers-container .server-map-summary b,
  body.pc-portal-home .servers-container .server-card--hot .server-map-summary b {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  body.pc-portal-home .servers-container .server-map-summary small,
  body.pc-portal-home .servers-container .server-card--hot .server-map-summary small {
    justify-self: start !important;
    margin-top: 2px !important;
  }

  body.pc-portal-home .servers-container .server-player-btn,
  body.pc-portal-home .servers-container .server-card--hot .server-player-btn {
    grid-area: action !important;
    width: 100% !important;
    min-height: 38px !important;
  }
}

/* ============================================================
   Mobile HOT server card v2: 修复 9服 超长卡片/信息不完整
   ============================================================ */
@media (max-width: 768px) {
  body.pc-portal-home .server-card--hot .server-details {
    grid-template-columns: 128px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas: "thumb summary" "thumb metrics" "action action" !important;
    gap: 6px 10px !important;
    padding: 0 12px 12px !important;
  }

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

  body.pc-portal-home .server-card--hot .server-map-summary {
    grid-template-columns: 1fr !important;
    gap: 2px !important;
    align-content: center !important;
    min-width: 0 !important;
  }

  body.pc-portal-home .server-card--hot .server-map-summary b {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    white-space: normal !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  body.pc-portal-home .server-card--hot .server-metrics {
    display: flex !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body.pc-portal-home .server-card--hot .server-metric {
    min-height: 0 !important;
    height: auto !important;
    padding: 4px 2px !important;
  }

  body.pc-portal-home .server-card--hot .server-player-btn {
    grid-area: action !important;
    width: 100% !important;
    min-height: 38px !important;
  }
}

/* ============================================================
   Mobile HOT card fix: 子元素 grid-area 归位（修复 9服 错乱）
   ============================================================ */
@media (max-width: 768px) {
  body.pc-portal-home .servers-hot-row .server-card--hot .server-compact-overview,
  body.pc-portal-home .server-card--hot .server-compact-overview {
    grid-area: thumb !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary,
  body.pc-portal-home .server-card--hot .server-map-summary {
    grid-area: summary !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

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

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

  body.pc-portal-home .servers-hot-row .server-card--hot .server-metrics,
  body.pc-portal-home .server-card--hot .server-metrics {
    grid-area: metrics !important;
  }

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

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

  body.pc-portal-home .servers-hot-row .server-card--hot .server-player-btn,
  body.pc-portal-home .server-card--hot .server-player-btn {
    grid-area: action !important;
  }
}

/* ============================================================
   Mobile HOT card v3: flex 竖排（彻底修复 9服 超长卡片）
   ============================================================ */
@media (max-width: 768px) {
  body.pc-portal-home .servers-hot-row .server-card--hot .server-details,
  body.pc-portal-home .server-card--hot .server-details {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 10px 12px 12px !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    grid-template-areas: none !important;
    min-height: 0 !important;
    flex: none !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-compact-overview,
  body.pc-portal-home .server-card--hot .server-compact-overview {
    grid-area: auto !important;
    width: 100% !important;
    height: 150px !important;
    min-height: 0 !important;
    align-self: auto !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary,
  body.pc-portal-home .server-card--hot .server-map-summary {
    grid-area: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 3px !important;
    align-self: auto !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary span,
  body.pc-portal-home .server-card--hot .server-map-summary span {
    flex-basis: auto !important;
    font-size: 12px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary b,
  body.pc-portal-home .server-card--hot .server-map-summary b {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    white-space: normal !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-metrics,
  body.pc-portal-home .server-card--hot .server-metrics {
    grid-area: auto !important;
    display: flex !important;
    align-self: auto !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-metric,
  body.pc-portal-home .server-card--hot .server-metric {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 6px 4px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-metric span,
  body.pc-portal-home .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 .server-card--hot .server-metric b,
  body.pc-portal-home .servers-hot-row .server-card--hot .server-metric .score-display,
  body.pc-portal-home .server-card--hot .server-metric .score-display {
    font-size: 15px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-player-btn,
  body.pc-portal-home .server-card--hot .server-player-btn {
    grid-area: auto !important;
    width: 100% !important;
    min-height: 40px !important;
    height: auto !important;
    align-self: auto !important;
    font-size: 13px !important;
  }
}

/* HOT 卡高度兜底：移动端不拉伸 */
@media (max-width: 768px) {
  body.pc-portal-home .servers-hot-row .server-card--hot,
  body.pc-portal-home .servers-hot-row {
    height: auto !important;
    min-height: 0 !important;
  }
}
/* ============================================================
   Mobile dock v2: 玩家信息/蓝队红队角色/皮肤选择 字号放大
   ============================================================ */
@media (max-width: 720px) {
  body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .pc-player-name {
    font-size: 18px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-military-rank {
    font-size: 12px !important;
    padding: 2px 8px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-points {
    font-size: 11px !important;
    gap: 5px !important;
  }

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

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

  body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-skin-team i {
    width: 8px !important;
    height: 8px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-skin-team select {
    height: 30px !important;
    padding: 0 6px !important;
    font-size: 12px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-account-dock .home-skin-quick {
    gap: 8px !important;
  }
}

/* ============================================================
   Hero 登录表单（未登录时显示）
   ============================================================ */
body:is(.pc-portal-home, .pc-subpage) .pc-portal-login {
  grid-area: login;
  justify-self: start;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 560px;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid rgba(125, 201, 225, .38);
  background: rgba(7, 16, 26, .58);
  box-shadow: 0 6px 16px rgba(0, 0, 0, .22);
  backdrop-filter: blur(8px);
  box-sizing: border-box;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-login input {
  flex: 1 1 0;
  min-width: 0;
  height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(125, 201, 225, .42);
  border-radius: 6px;
  color: #eaf4fa;
  background: rgba(10, 24, 36, .82);
  font-size: 13px;
  font-weight: 600;
  outline: none;
  box-sizing: border-box;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-login input::placeholder {
  color: #8fa9b8;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-login input:focus {
  border-color: rgba(125, 201, 225, .85);
  box-shadow: 0 0 0 2px rgba(23, 119, 183, .35);
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-login button {
  flex: 0 0 auto;
  height: 38px;
  padding: 0 22px;
  border: 0;
  border-radius: 6px;
  color: #fff;
  background: linear-gradient(135deg, #1777b7 0%, #105b8d 100%);
  box-shadow: 0 3px 10px rgba(23, 119, 183, .35);
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-login button:hover {
  filter: brightness(1.12);
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-login .pc-portal-login-reg {
  flex: 0 0 auto;
  height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(125, 201, 225, .45);
  border-radius: 6px;
  color: #bfe3f5;
  background: rgba(23, 119, 183, .22);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-login .pc-portal-login-reg:hover {
  background: rgba(23, 119, 183, .4);
  color: #fff;
}

@media (max-width: 720px) {
  body:is(.pc-portal-home, .pc-subpage) .pc-portal-login {
    grid-area: auto !important;
    width: 100% !important;
    max-width: none !important;
    padding: 8px 10px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-login input {
    height: 40px !important;
    font-size: 14px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-login button {
    height: 40px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-login .pc-portal-login-reg {
    height: 40px !important;
    font-size: 13px !important;
    padding: 0 10px !important;
  }
}

@media (max-width: 420px) {
  body:is(.pc-portal-home, .pc-subpage) .pc-portal-login {
    flex-wrap: wrap;
    gap: 6px;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-login input {
    flex: 1 1 calc(50% - 3px);
    height: 38px !important;
    font-size: 13px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-login button {
    flex: 1 1 55%;
    height: 38px !important;
    font-size: 13px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-login .pc-portal-login-reg {
    flex: 1 1 40%;
    height: 38px !important;
    justify-content: center;
  }
}

/* ============================================================
   Hero 登录表单 v2：并入 actions 按钮区（查看榜单后、主题前）
   ============================================================ */
body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-login {
  grid-area: auto !important;
  justify-self: auto !important;
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 auto;
  max-width: 420px;
  padding: 7px 10px;
  border-radius: 8px;
  border: 1px solid rgba(125, 201, 225, .38);
  background: rgba(7, 16, 26, .58);
  box-shadow: 0 6px 16px rgba(0, 0, 0, .22);
  backdrop-filter: blur(8px);
  box-sizing: border-box;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-login input {
  flex: 1 1 0;
  min-width: 0;
  height: 36px;
  padding: 0 10px;
  border: 1px solid rgba(125, 201, 225, .42);
  border-radius: 6px;
  color: #eaf4fa;
  background: rgba(10, 24, 36, .82);
  font-size: 12px;
  font-weight: 600;
  outline: none;
  box-sizing: border-box;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-login input::placeholder {
  color: #8fa9b8;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-login input:focus {
  border-color: rgba(125, 201, 225, .85);
  box-shadow: 0 0 0 2px rgba(23, 119, 183, .35);
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-login button {
  flex: 0 0 auto;
  height: 36px;
  padding: 0 16px;
  border: 0;
  border-radius: 6px;
  color: #fff;
  background: linear-gradient(135deg, #1777b7 0%, #105b8d 100%);
  box-shadow: 0 3px 10px rgba(23, 119, 183, .35);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-login button:hover {
  filter: brightness(1.12);
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-login .pc-portal-login-reg {
  flex: 0 0 auto;
  height: 36px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(125, 201, 225, .45);
  border-radius: 6px;
  color: #bfe3f5;
  background: rgba(23, 119, 183, .22);
  font-size: 12px;
  font-weight: 800;
  text-decoration: none !important;
}

body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-login .pc-portal-login-reg:hover {
  background: rgba(23, 119, 183, .4);
  color: #fff;
}

@media (max-width: 720px) {
  /* 移动端：主按钮一行 → 登录表单全宽 → 主题按钮 */
  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions {
    grid-template-columns: 1fr 1fr !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-login {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    margin: 2px 0 0 !important;
    padding: 8px 10px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-login input {
    height: 40px !important;
    font-size: 14px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-login button {
    height: 40px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-login .pc-portal-login-reg {
    height: 40px !important;
    font-size: 13px !important;
    padding: 0 10px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-theme-action {
    grid-column: 1 / -1 !important;
    min-height: 38px !important;
  }
}

@media (max-width: 420px) {
  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-login {
    flex-wrap: wrap;
    gap: 6px;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-login input {
    flex: 1 1 calc(50% - 3px);
    height: 38px !important;
    font-size: 13px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-login button {
    flex: 1 1 55%;
    height: 38px !important;
    font-size: 13px !important;
  }

  body:is(.pc-portal-home, .pc-subpage) .pc-portal-hero-actions .pc-portal-login .pc-portal-login-reg {
    flex: 1 1 40%;
    height: 38px !important;
    justify-content: center;
  }
}

/* 2026-08-04: hero 按钮强制无下划线（服务器/查看在线/排行/查看榜单） */
.pc-portal-hero-actions a,
.pc-portal-hero-actions a span,
.pc-portal-hero-actions a small,
.pc-portal-hero-actions a strong,
.pc-portal-hero-actions a:hover,
.pc-portal-hero-actions a:hover span {
  text-decoration: none !important;
}
/* =========================================================
   2026-08-04: 服务器状态区对齐一体机布局
   统一 280px 网格、蓝渐变 header、白色服号胶囊、
   状态胶囊、热门金边呼吸发光、紧凑地图图
   ========================================================= */
body.pc-portal-home .servers-container {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.pc-portal-home .server-card,
body.pc-portal-home .server-card--hot,
body.pc-portal-home .server-card--active {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  min-height: 0 !important;
  height: auto !important;
  border: 1px solid rgba(74, 144, 226, .24) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(24, 55, 88, .12) !important;
  overflow: hidden !important;
}

body.pc-portal-home .server-card--hot {
  border: 2px solid #f5a623 !important;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, .25), 0 0 22px rgba(245, 158, 11, .45), 0 14px 34px rgba(190, 119, 12, .30) !important;
  animation: pc-top-online-glow 2.2s ease-in-out infinite;
}

body.pc-portal-home .server-card--active {
  border: 1px solid rgba(74, 144, 226, .24) !important;
  border-left: 4px solid #2ecc71 !important;
}

@keyframes pc-top-online-glow {
  0%, 100% { box-shadow: 0 0 0 2px rgba(245, 158, 11, .25), 0 0 14px rgba(245, 158, 11, .35), 0 14px 34px rgba(190, 119, 12, .28) !important; }
  50% { box-shadow: 0 0 0 3px rgba(245, 158, 11, .45), 0 0 30px rgba(245, 158, 11, .65), 0 14px 34px rgba(190, 119, 12, .34) !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 {
  background: linear-gradient(135deg, #4a90e2 0%, #3498db 100%) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .22) !important;
  min-height: 58px !important;
  padding: 10px 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}

body.pc-portal-home .server-card .server-number-display {
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ffffff 0%, #eef4ff 100%) !important;
  color: #1d4ed8 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 255, 255, .75) !important;
  box-shadow: 0 4px 10px rgba(15, 23, 42, .12) !important;
  font-variant-numeric: tabular-nums !important;
}

body.pc-portal-home .server-card .server-name,
body.pc-portal-home .server-card--hot .server-name,
body.pc-portal-home .server-card--active .server-name {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

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 {
  min-height: 26px !important;
  height: auto !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #fff !important;
  background: rgba(255, 255, 255, .16) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16) !important;
}

body.pc-portal-home .server-hot-badge {
  display: none !important;
  flex: 0 0 auto !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border-radius: 4px !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #f5a623 0%, #d97706 100%) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  box-shadow: 0 4px 14px rgba(245, 158, 11, .5) !important;
}

body.pc-portal-home .server-card--hot .server-hot-badge {
  display: inline-flex !important;
}

body.pc-portal-home .server-card .server-compact-overview {
  display: block !important;
  height: 132px !important;
  margin: 0 !important;
}

body.pc-portal-home .server-card .server-compact-overview.no-thumb::before,
body.pc-portal-home .server-card .server-map-thumb {
  width: 100% !important;
  height: 100% !important;
  border-radius: 0 !important;
}

body.pc-portal-home .server-card .server-map-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
/* 2026-08-04 v40: 5个服务器一行（1200px容器5列），窄列下状态胶囊不压缩不被挡 */
body.pc-portal-home .server-card .server-header {
  flex-wrap: wrap !important;
}
body.pc-portal-home .server-card .server-number-display {
  flex: 0 0 auto !important;
}
body.pc-portal-home .server-card .server-name,
body.pc-portal-home .server-card--hot .server-name,
body.pc-portal-home .server-card--active .server-name {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
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 {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
body.pc-portal-home .server-hot-badge {
  flex: 0 0 auto !important;
}
/* 2026-08-04 v41: 状态胶囊圆点不再压字（position relative + 左侧留位） */
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 {
  position: relative !important;
  padding-left: 18px !important;
  padding-right: 10px !important;
}
body.pc-portal-home .server-card .server-status::before,
body.pc-portal-home .server-card--hot .server-status::before,
body.pc-portal-home .server-card--active .server-status::before {
  left: 6px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
/* =========================================================
   2026-08-04 v42: 服务器状态区 100% 对齐一体机（桌面+移动）
   一体机源码: shacksite main.go 8388-8499 / 9185-9214
   ========================================================= */
body.pc-portal-home .servers-container {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 20px !important;
  margin-bottom: 20px !important;
  margin-top: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
  align-items: stretch !important;
}

body.pc-portal-home .server-card,
body.pc-portal-home .server-card--hot,
body.pc-portal-home .server-card--active {
  background: #fff !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 22px rgba(24, 55, 88, .12) !important;
  border: 1px solid rgba(74, 144, 226, .24) !important;
  min-width: 0 !important;
  width: auto !important;
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
  text-align: center !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 {
  background: linear-gradient(135deg, #4a90e2 0%, #3498db 100%) !important;
  padding: 10px 14px !important;
  min-height: 62px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  justify-content: center !important;
  border: 0 !important;
  flex-wrap: nowrap !important;
}

body.pc-portal-home .server-card .server-number-display {
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ffffff 0%, #eef4ff 100%) !important;
  color: #1d4ed8 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 255, 255, .75) !important;
  box-shadow: 0 4px 10px rgba(15, 23, 42, .12) !important;
  font-variant-numeric: tabular-nums !important;
  flex: 0 0 auto !important;
}

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

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 {
  min-height: 26px !important;
  height: auto !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #fff !important;
  background: rgba(255, 255, 255, .16) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16) !important;
  flex: 0 0 auto !important;
}

body.pc-portal-home .server-card .server-status::before,
body.pc-portal-home .server-card--hot .server-status::before,
body.pc-portal-home .server-card--active .server-status::before {
  display: none !important;
}

body.pc-portal-home .server-card .server-details {
  padding: 0 10px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
  flex: 1 !important;
  min-height: 0 !important;
}

body.pc-portal-home .server-card .server-compact-overview {
  position: relative !important;
  height: 184px !important;
  min-width: 0 !important;
  margin: 0 -10px !important;
  overflow: hidden !important;
  background: #e9eef5 !important;
  border-bottom: 1px solid rgba(74, 144, 226, .18) !important;
  display: block !important;
}

body.pc-portal-home .server-card .server-map-thumb {
  width: 100% !important;
  height: 100% !important;
  border-radius: 0 !important;
}

body.pc-portal-home .server-card .server-map-thumb img {
  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;
  border: 0 !important;
}

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

body.pc-portal-home .servers-container .server-map-summary b {
  grid-area: auto !important;
  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;
  text-align: left !important;
}

body.pc-portal-home .servers-container .server-map-summary small {
  grid-area: auto !important;
  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;
  align-self: center !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;
  border-left: 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:first-child {
  background: linear-gradient(180deg, #fff8e8 0%, #fff0c2 100%) !important;
  border-color: rgba(245, 158, 11, .28) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35) !important;
}

body.pc-portal-home .servers-container .server-metric:first-child span {
  color: #b45309 !important;
  font-size: 11px !important;
}

body.pc-portal-home .servers-container .server-metric:first-child b {
  color: #92400e !important;
  font-size: 15px !important;
  font-weight: 950 !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-hot-row .server-player-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  min-height: 34px !important;
  border-radius: 7px !important;
  border: 0 !important;
  cursor: pointer !important;
  color: #fff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
  box-shadow: 0 2px 10px rgba(243, 156, 18, .25) !important;
  width: 100% !important;
  font-size: 12px !important;
}

body.pc-portal-home .servers-container .server-player-btn:hover,
body.pc-portal-home .servers-hot-row .server-player-btn:hover {
  filter: brightness(1.08) !important;
}

body.pc-portal-home .server-card--hot {
  border-color: rgba(245, 158, 11, .62) !important;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, .12), 0 14px 30px rgba(190, 119, 12, .24), 0 8px 22px rgba(24, 55, 88, .12) !important;
  animation: pc-top-online-glow 2.2s ease-in-out infinite;
}

body.pc-portal-home .server-card--hot .server-header {
  background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%) !important;
}

body.pc-portal-home .server-card--hot .server-number-display {
  color: #b45309 !important;
  box-shadow: 0 6px 14px rgba(146, 64, 14, .18) !important;
}

body.pc-portal-home .server-hot-badge {
  display: none !important;
  flex: 0 0 auto !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border-radius: 4px !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #f5a623 0%, #d97706 100%) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  box-shadow: 0 4px 14px rgba(245, 158, 11, .5) !important;
}

body.pc-portal-home .server-card--hot .server-hot-badge {
  display: inline-flex !important;
}

/* 移动端：一体机 9185-9214 同款 */
@media (max-width: 768px) {
  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 {
    padding: 7px 10px !important;
    gap: 6px !important;
    min-height: 0 !important;
    flex-wrap: wrap !important;
  }

  body.pc-portal-home .server-card .server-number-display {
    min-width: 30px !important;
    height: 30px !important;
    padding: 0 9px !important;
    font-size: 12px !important;
  }

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

  body.pc-portal-home .server-card .server-status {
    min-height: 22px !important;
    padding: 0 8px !important;
    font-size: 11px !important;
  }

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

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

  body.pc-portal-home .server-card .server-details {
    gap: 7px !important;
  }

  body.pc-portal-home .servers-container .server-player-btn,
body.pc-portal-home .servers-hot-row .server-player-btn {
    min-height: 32px !important;
    font-size: 12px !important;
  }

  body.pc-portal-home .server-card--hot {
    transform: none !important;
  }
}
/* =========================================================
   2026-08-04 v43: 人最多服另起一行排最前（一体机卡片样式）
   ========================================================= */
body.pc-portal-home .servers-hot-row {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 20px !important;
  margin-bottom: 20px !important;
  min-width: 0 !important;
}

body.pc-portal-home .servers-hot-row .server-card--hot {
  min-height: 0 !important;
  height: auto !important;
  width: 100% !important;
  max-width: none !important;
}

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

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

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

  body.pc-portal-home .servers-hot-row .server-card--hot .server-header {
    min-height: 0 !important;
    padding: 7px 10px !important;
    gap: 6px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-compact-overview {
    height: 132px !important;
  }
}
/* v44: 热门行 header 金色（压过 html[data-theme-resolved] 前缀规则） */
html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-header,
html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot .server-header {
  background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%) !important;
  border-bottom-color: rgba(255, 255, 255, .22) !important;
}

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

html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot .server-number-display,
html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot .server-number-display {
  color: #b45309 !important;
  box-shadow: 0 6px 14px rgba(146, 64, 14, .18) !important;
}
/* =========================================================
   2026-08-04 v45: 5个服一行 + 无人在线格白底黑字
   ========================================================= */
body.pc-portal-home .servers-container {
  grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)) !important;
}

body.pc-portal-home .servers-hot-row {
  grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)) !important;
}

/* 无人在线：白底黑字（一体机 .online.empty 同款） */
body.pc-portal-home .servers-container .server-metric.empty,
body.pc-portal-home .servers-hot-row .server-metric.empty {
  background: #f5f8fb !important;
  border-color: #edf2f7 !important;
  box-shadow: none !important;
}

body.pc-portal-home .servers-container .server-metric.empty span,
body.pc-portal-home .servers-hot-row .server-metric.empty span {
  color: #7f8c8d !important;
  font-size: 10px !important;
}

body.pc-portal-home .servers-container .server-metric.empty b,
body.pc-portal-home .servers-hot-row .server-metric.empty b {
  color: #2c3e50 !important;
  font-size: 12px !important;
  font-weight: normal !important;
}
/* =========================================================
   2026-08-04 v46: 卡片高度收紧(图132px) + 地图摘要防长名挤乱
   ========================================================= */
body.pc-portal-home .server-card .server-compact-overview {
  height: 132px !important;
}

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

body.pc-portal-home .servers-container .server-map-summary,
body.pc-portal-home .servers-hot-row .server-map-summary {
  overflow: hidden !important;
}

body.pc-portal-home .servers-container .server-map-summary b,
body.pc-portal-home .servers-hot-row .server-map-summary b {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.pc-portal-home .servers-container .server-map-summary small,
body.pc-portal-home .servers-hot-row .server-map-summary small {
  min-width: 0 !important;
  max-width: 100% !important;
}

@media (max-width: 768px) {
  body.pc-portal-home .server-card .server-compact-overview {
    height: 132px !important;
  }
}
/* v47: 地图摘要固定列布局，长地图名不再挤乱 label/mode */
body.pc-portal-home .servers-container .server-map-summary,
body.pc-portal-home .servers-hot-row .server-map-summary {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 3px 8px !important;
}

body.pc-portal-home .servers-container .server-map-summary span,
body.pc-portal-home .servers-hot-row .server-map-summary span {
  grid-column: 1 / -1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.pc-portal-home .servers-container .server-map-summary b,
body.pc-portal-home .servers-hot-row .server-map-summary b {
  grid-column: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.pc-portal-home .servers-container .server-map-summary small,
body.pc-portal-home .servers-hot-row .server-map-summary small {
  grid-column: 2 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
/* =========================================================
   2026-08-04 v48: 移动端服务器区对齐一体机（热门入列/卡宽370）
   ========================================================= */
@media (max-width: 768px) {
  /* 热门卡不再独立行：与普通卡连续单列（一体机同款），金 header 标注 */
  body.pc-portal-home .servers-hot-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
  }

  /* 服务器区拉宽到与一体机一致（370px，减少左右留白） */
  body.pc-portal-home .servers-block {
    margin-left: -11px !important;
    margin-right: -11px !important;
  }
}
/* =========================================================
   2026-08-04 v50: 移动端对齐一体机真实布局（上下舒展全宽，
   图全宽132 + 摘要全宽 + 指标3等宽 + 按钮，卡片370宽）
   ========================================================= */
@media (max-width: 768px) {
  body.pc-portal-home .server-card .server-details,
  body.pc-portal-home .servers-hot-row .server-card .server-details {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 7px !important;
    padding: 0 10px 10px !important;
  }

  body.pc-portal-home .server-card .server-compact-overview,
  body.pc-portal-home .servers-hot-row .server-card .server-compact-overview {
    flex: 0 1 auto !important;
    width: auto !important;
    height: 132px !important;
    margin: 0 -10px !important;
    border-radius: 0 !important;
    border-bottom: 1px solid rgba(74, 144, 226, .18) !important;
  }

  body.pc-portal-home .server-card .server-map-summary,
  body.pc-portal-home .servers-hot-row .server-card .server-map-summary {
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.pc-portal-home .server-card .server-metrics,
  body.pc-portal-home .servers-hot-row .server-card .server-metrics {
    flex: none !important;
    width: 100% !important;
  }

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

  body.pc-portal-home .server-card .server-player-btn,
  body.pc-portal-home .servers-hot-row .server-card .server-player-btn {
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    align-self: stretch !important;
  }

  /* 卡片拉宽到 370（与一体机一致） */
  body.pc-portal-home .servers-block {
    width: calc(100% + 22px) !important;
    margin-left: -11px !important;
    margin-right: -11px !important;
  }
}
/* v52: 覆盖 pc-home-refresh 480px 旧规则（82x118）——同特异性后加载 */
@media (max-width: 768px) {
  body.pc-portal-home .servers-container .server-card:not(.server-card--hot) .server-compact-overview,
  body.pc-portal-home .servers-hot-row .server-card--hot .server-compact-overview,
  body.pc-portal-home .servers-container .server-card--hot .server-compact-overview {
    height: 132px !important;
    width: auto !important;
    flex: 0 1 auto !important;
    margin: 0 -10px !important;
  }

  body.pc-portal-home .servers-container .server-card:not(.server-card--hot) .server-map-thumb img,
  body.pc-portal-home .servers-hot-row .server-card--hot .server-map-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}
/* =========================================================
   2026-08-04 v53: 桌面端对齐一体机（图 184px，一体机同款）
   ========================================================= */
@media (min-width: 769px) {
  body.pc-portal-home .server-card .server-compact-overview,
  body.pc-portal-home .servers-hot-row .server-card--hot .server-compact-overview,
  body.pc-portal-home .servers-container .server-card--hot .server-compact-overview {
    height: 184px !important;
  }
}
/* =========================================================
   2026-08-04 v54: 桌面网格对齐一体机 280px（内容不挤）
   ========================================================= */
@media (min-width: 769px) {
  body.pc-portal-home .servers-container,
  body.pc-portal-home .servers-hot-row {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 20px !important;
  }
}
/* =========================================================
   2026-08-04 v55: 桌面 5 个服一行 + 数据分开排列
   ========================================================= */
@media (min-width: 769px) {
  body.pc-portal-home .servers-container,
  body.pc-portal-home .servers-hot-row {
    grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)) !important;
    gap: 16px !important;
  }

  body.pc-portal-home .server-card .server-details {
    gap: 12px !important;
  }

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

  body.pc-portal-home .servers-container .server-map-summary,
  body.pc-portal-home .servers-hot-row .server-map-summary {
    gap: 4px 10px !important;
  }
}
/* =========================================================
   2026-08-04 v56: 卡片变矮(图132) + 信息间距再拉开
   ========================================================= */
@media (min-width: 769px) {
  body.pc-portal-home .server-card .server-compact-overview,
  body.pc-portal-home .servers-hot-row .server-card--hot .server-compact-overview,
  body.pc-portal-home .servers-container .server-card--hot .server-compact-overview {
    height: 132px !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: 54px !important;
    padding: 8px 12px !important;
  }

  body.pc-portal-home .server-card .server-details {
    gap: 14px !important;
    padding: 0 12px 12px !important;
  }

  body.pc-portal-home .servers-container .server-metrics,
  body.pc-portal-home .servers-hot-row .server-metrics {
    gap: 10px !important;
  }

  body.pc-portal-home .servers-container .server-metric,
  body.pc-portal-home .servers-hot-row .server-metric {
    padding: 8px 6px !important;
  }

  body.pc-portal-home .servers-container .server-map-summary,
  body.pc-portal-home .servers-hot-row .server-map-summary {
    gap: 5px 12px !important;
  }
}
/* =========================================================
   2026-08-04 v57: 左右更分开 + 上下更窄
   ========================================================= */
@media (min-width: 769px) {
  body.pc-portal-home .server-card .server-compact-overview,
  body.pc-portal-home .servers-hot-row .server-card--hot .server-compact-overview,
  body.pc-portal-home .servers-container .server-card--hot .server-compact-overview {
    height: 112px !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: 48px !important;
    padding: 7px 12px !important;
  }

  body.pc-portal-home .server-card .server-details {
    gap: 13px !important;
    padding: 0 16px 12px !important;
  }

  body.pc-portal-home .servers-container .server-metrics,
  body.pc-portal-home .servers-hot-row .server-metrics {
    gap: 12px !important;
  }

  body.pc-portal-home .servers-container .server-metric,
  body.pc-portal-home .servers-hot-row .server-metric {
    padding: 6px 8px !important;
  }

  body.pc-portal-home .servers-container .server-map-summary,
  body.pc-portal-home .servers-hot-row .server-map-summary {
    gap: 5px 14px !important;
  }

  body.pc-portal-home .server-card .server-player-btn,
  body.pc-portal-home .servers-hot-row .server-card--hot .server-player-btn {
    min-height: 30px !important;
  }
}
/* =========================================================
   2026-08-04 v58: 地图图左右填满卡片
   ========================================================= */
@media (min-width: 769px) {
  body.pc-portal-home .server-card .server-compact-overview,
  body.pc-portal-home .servers-hot-row .server-card--hot .server-compact-overview,
  body.pc-portal-home .servers-container .server-card--hot .server-compact-overview {
    margin: 0 -16px !important;
    border-radius: 0 !important;
  }
}
/* =========================================================
   2026-08-04 v59: 地图图左右填满（position 方案绕过 flex margin）
   ========================================================= */
@media (min-width: 769px) {
  body.pc-portal-home .servers-container .server-card .server-compact-overview,
  body.pc-portal-home .servers-hot-row .server-card .server-compact-overview {
    position: relative !important;
    left: -16px !important;
    width: calc(100% + 32px) !important;
    flex: 0 0 auto !important;
    align-self: flex-start !important;
    margin: 0 !important;
  }
}
/* =========================================================
   2026-08-04 v63: 热门行地图图完整显示（全宽扁比例不再裁切）
   ========================================================= */
@media (min-width: 769px) {
  body.pc-portal-home .servers-hot-row .server-card--hot .server-compact-overview {
    height: 200px !important;
    background: #e9eef5 !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-map-thumb img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
  }
}
/* =========================================================
   2026-08-04 v65: 热门行卡片瞩目金色 + 在线人数大徽章
   ========================================================= */
.server-hot-online {
  flex: 0 0 auto !important;
  min-height: 30px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #f5a623 0%, #d97706 100%) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 16px rgba(245, 158, 11, .55) !important;
  text-shadow: 0 1px 2px rgba(146, 64, 14, .35) !important;
}

@media (min-width: 769px) {
  /* 热门行卡片整体金色瞩目 */
  html[data-theme-resolved="light"] body.pc-portal-home .servers-hot-row .server-card--hot,
  html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot {
    border: 2px solid #f5a623 !important;
    box-shadow: 0 0 0 2px rgba(245, 158, 11, .25), 0 0 26px rgba(245, 158, 11, .5), 0 14px 34px rgba(190, 119, 12, .3) !important;
    animation: pc-top-online-glow 2.2s ease-in-out infinite;
  }

  /* 热门卡在线指标格更大更金 */
  body.pc-portal-home .servers-hot-row .server-card--hot .server-metric:first-child b {
    font-size: 18px !important;
    font-weight: 950 !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-metric:first-child {
    background: linear-gradient(180deg, #fff8e8 0%, #ffe9b0 100%) !important;
  }

  /* 热门卡按钮限宽居中，不再全宽一条 */
  body.pc-portal-home .servers-hot-row .server-card--hot .server-player-btn {
    width: min(280px, 100%) !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 768px) {
  .server-hot-online {
    min-height: 24px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }
}

/* ============================================================
   2026-08-05 v67: 热门服务器卡片重排
   宽屏横向信息层级，窄桌面自动收成两列；移动端沿用竖排。
   ============================================================ */
@media (min-width: 1051px) {
  body.pc-portal-home .servers-hot-row {
    display: block !important;
    width: 100% !important;
    margin: 0 0 20px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot {
    display: block !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    border: 1px solid #d7a23f !important;
    background: #fffaf1 !important;
    box-shadow: 0 10px 24px rgba(130, 82, 18, .14) !important;
    animation: none !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-header {
    display: grid !important;
    grid-template-columns: auto auto minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 68px !important;
    padding: 12px 18px !important;
    background: linear-gradient(110deg, #704316 0%, #a86f23 54%, #744518 100%) !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-name {
    min-width: 0 !important;
    color: #fff9e8 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-hot-badge {
    min-height: 24px !important;
    padding: 3px 8px !important;
    border: 1px solid rgba(255, 239, 187, .7) !important;
    border-radius: 999px !important;
    background: rgba(66, 35, 8, .64) !important;
    color: #ffe8a3 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-hot-online {
    min-height: 34px !important;
    padding: 0 13px !important;
    font-size: 14px !important;
    box-shadow: 0 3px 10px rgba(48, 25, 3, .28) !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-status {
    justify-self: end !important;
    color: #ffeec5 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-details {
    display: grid !important;
    grid-template-columns: minmax(260px, 1.25fr) minmax(250px, .95fr) minmax(270px, 1fr) !important;
    grid-template-rows: auto auto !important;
    grid-template-areas: "thumb summary metrics" "thumb action metrics" !important;
    align-items: stretch !important;
    gap: 14px !important;
    padding: 16px 18px 18px !important;
    background: #fffaf1 !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-compact-overview {
    grid-area: thumb !important;
    width: 100% !important;
    height: 218px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    background: #f3ead9 !important;
    border: 1px solid #ead7b2 !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary {
    grid-area: summary !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-content: center !important;
    gap: 7px 12px !important;
    min-width: 0 !important;
    padding: 16px 18px !important;
    border: 1px solid #eadfc9 !important;
    border-radius: 10px !important;
    background: #fffdf8 !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary span {
    grid-column: 1 / -1 !important;
    color: #9b7a47 !important;
    font-size: 11px !important;
    letter-spacing: .08em !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary b {
    color: #553715 !important;
    font-size: 21px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary small {
    align-self: center !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    background: #b2782f !important;
    font-size: 11px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-metrics {
    grid-area: metrics !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    min-width: 0 !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-metric {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 0 !important;
    padding: 12px 14px !important;
    border: 1px solid #eadfc9 !important;
    border-radius: 10px !important;
    background: #fffdf8 !important;
    text-align: left !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-metric span {
    color: #9b7a47 !important;
    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: 0 !important;
    color: #553715 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-metric:first-child {
    border-color: #dfb55f !important;
    background: linear-gradient(110deg, #fff3cf 0%, #ffe8a6 100%) !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-player-btn {
    grid-area: action !important;
    align-self: end !important;
    width: min(260px, 100%) !important;
    min-height: 42px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    background: #b2782f !important;
    box-shadow: 0 5px 12px rgba(130, 82, 18, .16) !important;
    font-size: 13px !important;
  }
}

@media (min-width: 769px) and (max-width: 1050px) {
  body.pc-portal-home .servers-hot-row {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot {
    overflow: hidden !important;
    border-radius: 14px !important;
    background: #fffaf1 !important;
    animation: none !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-header {
    display: grid !important;
    grid-template-columns: auto auto minmax(0, 1fr) auto auto !important;
    gap: 9px !important;
    min-height: 62px !important;
    padding: 11px 16px !important;
  }

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

  body.pc-portal-home .servers-hot-row .server-card--hot .server-status {
    grid-column: 5 !important;
    grid-row: 1 !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-details {
    display: grid !important;
    grid-template-columns: minmax(220px, .9fr) minmax(0, 1.1fr) !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas: "thumb summary" "thumb metrics" "thumb action" !important;
    gap: 12px !important;
    padding: 14px 16px 16px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-compact-overview {
    grid-area: thumb !important;
    width: 100% !important;
    height: 190px !important;
    margin: 0 !important;
    border-radius: 10px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary {
    grid-area: summary !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 6px 10px !important;
    padding: 13px 15px !important;
    border-radius: 10px !important;
  }

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

  body.pc-portal-home .servers-hot-row .server-card--hot .server-metric {
    padding: 9px 6px !important;
  }

  body.pc-portal-home .servers-hot-row .server-card--hot .server-player-btn {
    grid-area: action !important;
    width: min(240px, 100%) !important;
    margin: 0 !important;
  }
}

@media (min-width: 769px) {
  html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot {
    border-color: #b98331 !important;
    background: #1d252b !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .32) !important;
  }

  html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot .server-header {
    background: linear-gradient(110deg, #49341d 0%, #6b4b22 54%, #48321c 100%) !important;
  }

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

  html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot .server-compact-overview {
    background: #202b32 !important;
    border-color: #394a53 !important;
  }

  html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot .server-map-summary,
  html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot .server-metric {
    border-color: #394a53 !important;
    background: #202b32 !important;
  }

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

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

  html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot .server-metric:first-child {
    border-color: #9b702c !important;
    background: linear-gradient(110deg, #3a2d1b 0%, #4a371d 100%) !important;
  }

  html[data-theme-resolved="dark"] body.pc-portal-home .servers-hot-row .server-card--hot .server-player-btn {
    background: #9b6a28 !important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .24) !important;
  }
}