/* ==================================================================
   C2 主题覆盖层 · 完整重建版（2026-10-09 22:3x）
   侧栏蓝白相间 / 页面底色 / 卡片圆角 / Element 统一 / KPI 卡 / T5 表格（加深分界线）
   ================================================================== */

/* ---------- 1. 侧栏：蓝白相间（浅底 + 蓝色激活胶囊） ---------- */
.main-menu{background:#f7f9fd !important;border-right:1px solid #e4e9f2 !important}
.main-menu .logo{border-bottom:1px solid #e8edf5 !important}
.main-menu .logo h2{color:#12294d !important}
.main-menu .menu-container{padding:12px 10px !important}

/* 菜单项：无格子简洁目录（透明底），深灰蓝字 */
.main-menu .menu-item{color:#44536f !important;background:transparent !important;
  border:none !important;border-radius:9px !important;position:relative !important;
  margin:2px 10px !important}
.main-menu .menu-item .icon,
.main-menu .menu-item .text{color:#44536f !important}
.main-menu .menu-item:hover{background:#e8f0fd !important}
.main-menu .menu-item:hover .icon,
.main-menu .menu-item:hover .text{color:#1d4ed8 !important}

/* 激活/当前项：蓝色胶囊白字 */
.main-menu .menu-item.active,
.main-menu .menu-item[class*="active"],
.main-menu .menu-item.router-link-active{background:#3b82f6 !important;border-color:#3b82f6 !important;
  box-shadow:0 3px 10px rgba(59,130,246,.35) !important}
.main-menu .menu-item.active .icon,
.main-menu .menu-item.active .text,
.main-menu .menu-item[class*="active"] .icon,
.main-menu .menu-item[class*="active"] .text,
.main-menu .menu-item.router-link-active .icon,
.main-menu .menu-item.router-link-active .text{color:#ffffff !important;font-weight:700 !important}
.main-menu .menu-item.active::before,
.main-menu .menu-item[class*="active"]::before,
.main-menu .menu-item.router-link-active::before{content:none}

/* 侧栏底部用户信息 */
.main-menu [class*="foot"] *,
.main-menu [class*="user"] *{color:#44536f !important}

/* ---------- 2. 页面底色 ---------- */
body{background:#f5f7fa !important}
.layout{background:#f5f7fa !important}

/* ---------- 3. 卡片大圆角 ---------- */
.cards-section{border-radius:14px !important}
.el-card{border-radius:14px !important;overflow:hidden}

/* ---------- 4. Element 统一：主色 / 圆角 ---------- */
:root{--el-color-primary:#3b82f6 !important;
  --el-color-primary-light-3:#6ea3f8 !important;
  --el-color-primary-light-5:#93b9fa !important;
  --el-color-primary-light-7:#c2dbfc !important;
  --el-color-primary-light-8:#d8e7fd !important;
  --el-color-primary-light-9:#eaf1fd !important;
  --el-color-primary-dark-2:#2563eb !important;
  --el-border-radius-base:10px !important}
.el-button{border-radius:9px !important}
.el-input__wrapper{border-radius:9px !important}
.el-select .el-input__wrapper{border-radius:9px !important}
.el-pagination button,.el-pagination .el-pager li{border-radius:8px !important}

/* ---------- 5. 玩家来源·数据统计 KPI 卡 ---------- */
.card-group{border-radius:14px !important;border:1px solid #e4e9f2 !important;
  box-shadow:0 1px 3px rgba(35,60,110,.07) !important;padding:16px 18px !important;
  position:relative !important;overflow:hidden !important}
.card-group::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,#3b82f6,#60a5fa);opacity:.9}
.compact-card{background:#ffffff !important;border:1px solid #eef2f8 !important;
  border-radius:12px !important;box-shadow:0 1px 3px rgba(35,60,110,.05) !important;
  transition:box-shadow .15s,transform .15s !important}
.compact-card:hover{box-shadow:0 4px 14px rgba(59,130,246,.14) !important;transform:translateY(-2px) !important}
.compact-icon{border-radius:10px !important;box-shadow:0 2px 6px rgba(35,60,110,.08)}
.compact-value{font-weight:800 !important;font-size:22px !important;
  font-variant-numeric:tabular-nums !important;letter-spacing:-.5px !important}
.compact-label{color:#7d8aa5 !important;font-size:12.5px !important}