/* ===== 88TG 最终统一后台 UI：只改显示，不动业务 ===== */

:root{
  --bg:#f5f7fb;
  --card:#ffffff;
  --text:#111827;
  --muted:#64748b;
  --line:#e5eaf2;
  --nav:#172338;
  --nav2:#243b60;
  --blue:#315efb;
  --gold:#d4af37;
  --gold2:#f3dd94;
  --green:#0f9d58;
  --red:#dc2626;
  --orange:#f59e0b;
  --shadow:0 10px 28px rgba(15,23,42,.06);
}

html,body{
  margin:0!important;
  padding:0!important;
  min-height:100%!important;
  background:linear-gradient(180deg,#f8fafc 0%,#f5f7fb 100%)!important;
  color:var(--text)!important;
  font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif!important;
}

*{box-sizing:border-box!important;}

.xm-topbar{
  width:100%!important;
  min-height:62px!important;
  background:linear-gradient(135deg,var(--nav),var(--nav2))!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(15,23,42,.18)!important;
}

.xm-topbar-inner{
  width:min(1480px,calc(100vw - 52px))!important;
  min-height:62px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}

.xm-brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}

.xm-logo{
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#ffe28a,var(--gold))!important;
  color:#111827!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-weight:950!important;
  font-size:16px!important;
}

.xm-brand-title{
  font-size:22px!important;
  font-weight:950!important;
  color:#fff!important;
  line-height:1.1!important;
}

.xm-brand-sub{
  margin-top:3px!important;
  font-size:11px!important;
  letter-spacing:.14em!important;
  color:rgba(255,255,255,.72)!important;
  font-weight:850!important;
}

.xm-version-pill{
  padding:8px 13px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#ffe9a3!important;
  font-size:12px!important;
  font-weight:900!important;
}

.xm-nav{
  width:100%!important;
  background:#fff!important;
  border-bottom:1px solid var(--line)!important;
  box-shadow:0 4px 14px rgba(15,23,42,.035)!important;
}

.xm-nav-inner{
  width:min(1480px,calc(100vw - 52px))!important;
  min-height:54px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
}

.xm-nav-left,.xm-nav-right{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}

.xm-nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:8px 14px!important;
  border-radius:12px!important;
  color:#2563eb!important;
  font-size:14px!important;
  font-weight:900!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
}

.xm-nav a:hover,.xm-nav a.active{
  background:linear-gradient(135deg,#fff7db,var(--gold2))!important;
  color:#7a5700!important;
  box-shadow:0 6px 14px rgba(212,175,55,.14)!important;
}

.topbar,.nav{
  display:none!important;
}

.wrap,.container,.page,.page-wrap,.main,.main-wrap,.content,.group-invite-wrap,.group-invite-page,.monitor-wrap,.xm-page{
  width:min(1480px,calc(100vw - 52px))!important;
  max-width:1480px!important;
  margin:24px auto 44px!important;
  padding:0!important;
}

.card,.panel,.box,.section,.block,fieldset{
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  box-shadow:var(--shadow)!important;
  padding:22px!important;
  margin-bottom:20px!important;
  overflow:hidden!important;
}

.card:not([style*="background"]),
.panel:not([style*="background"]),
.box:not([style*="background"]),
.section:not([style*="background"]),
.block:not([style*="background"]),
fieldset:not([style*="background"]){
  background:#fff!important;
}

/* 保留原业务模块颜色，不再全部压白 */
[style*="background:#eef"],[style*="background: #eef"]{
  background:#eef4ff!important;
  border-color:#d6e4ff!important;
}
[style*="background:#efe"],[style*="background: #efe"]{
  background:#effcf5!important;
  border-color:#c8efd9!important;
}
[style*="background:#fff7"],[style*="background: #fff7"],[style*="background:#ffe"],[style*="background: #ffe"]{
  background:#fff8e8!important;
  border-color:#f0dca4!important;
}
[style*="background:#fef"],[style*="background: #fef"],[style*="background:#fee"],[style*="background: #fee"]{
  background:#fff4f4!important;
  border-color:#f4cccc!important;
}

h1{
  color:#101827!important;
  font-size:30px!important;
  font-weight:950!important;
  line-height:1.18!important;
  margin-top:0!important;
}
h2{
  color:#111827!important;
  font-size:22px!important;
  font-weight:950!important;
}
h3{
  color:#1f2937!important;
  font-weight:900!important;
}

p,.muted,small{
  color:var(--muted)!important;
}

table{
  width:100%!important;
  background:#fff!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border-radius:14px!important;
  overflow:hidden!important;
}

th,td{
  border:0!important;
  border-bottom:1px solid #edf1f7!important;
  padding:10px 11px!important;
  vertical-align:middle!important;
  font-size:13px!important;
  line-height:1.45!important;
}

th{
  background:#f8fafc!important;
  color:#475569!important;
  font-weight:950!important;
}

td{
  background:#fff!important;
  color:#1f2937!important;
}

tr:hover td{
  background:#fbfdff!important;
}

.btn,button,input[type=submit],input[type=button],a.button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:8px 13px!important;
  margin:2px!important;
  border-radius:10px!important;
  border:1px solid #d8e0ec!important;
  background:#fff!important;
  color:#1f2937!important;
  font-size:13px!important;
  font-weight:900!important;
  text-decoration:none!important;
  cursor:pointer!important;
}

.btn:hover,button:hover,input[type=submit]:hover,input[type=button]:hover,a.button:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.08)!important;
}

.btn.primary,button.primary,input.primary,.btn-blue{
  background:linear-gradient(135deg,#315efb,#557cff)!important;
  color:#fff!important;
  border-color:#315efb!important;
}

.btn.safe,button.safe,.btn-green{
  background:#ecfdf3!important;
  color:var(--green)!important;
  border-color:#bfead2!important;
}

.btn.danger,button.danger,.btn-red{
  background:#fff1f1!important;
  color:var(--red)!important;
  border-color:#f4c6c6!important;
}

.btn.gold,button.gold{
  background:linear-gradient(135deg,#fff6d8,var(--gold2))!important;
  color:#7a5700!important;
  border-color:#ead389!important;
}

.btn.gray,button.gray{
  background:#f8fafc!important;
  color:#475569!important;
  border-color:#d8e0ec!important;
}

input[type=text],input[type=password],input[type=file],input[type=number],textarea,select{
  border-radius:10px!important;
  border:1px solid #d8e0ec!important;
  background:#fff!important;
  color:#111827!important;
  padding:9px 11px!important;
  font-size:13px!important;
  outline:none!important;
}

input:focus,textarea:focus,select:focus{
  border-color:#7b9cff!important;
  box-shadow:0 0 0 4px rgba(49,94,251,.08)!important;
}

.ok,.success{
  color:var(--green)!important;
  font-weight:950!important;
}

.warn,.warning{
  color:var(--orange)!important;
  font-weight:950!important;
}

.bad,.danger,.error{
  color:var(--red)!important;
  font-weight:950!important;
}

/* 登录页 */
.login-shell{
  width:min(1480px,calc(100vw - 52px))!important;
  min-height:calc(100vh - 40px)!important;
  margin:0 auto!important;
  padding:30px 0!important;
  display:grid!important;
  grid-template-columns:1.04fr .96fr!important;
  gap:28px!important;
  align-items:center!important;
}

.login-side{
  min-height:330px!important;
  padding:48px 42px!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 88% 18%,rgba(255,232,160,.28),transparent 28%),
    linear-gradient(135deg,#101c30 0%,#1d3556 58%,#315b8a 100%)!important;
  color:#fff!important;
  box-shadow:0 28px 55px rgba(15,23,42,.22)!important;
}

.login-side h1{
  color:#fff!important;
  font-size:42px!important;
}

.login-side .eyebrow{
  color:#f6cf61!important;
  font-weight:950!important;
}

.login-sub,.login-note{
  color:rgba(255,255,255,.82)!important;
}

.login-points span{
  color:#ffe9a3!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}

.login-card{
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:28px!important;
  padding:34px!important;
  box-shadow:0 18px 45px rgba(15,23,42,.10)!important;
}

.login-card-title{
  color:#101827!important;
  font-size:30px!important;
  font-weight:950!important;
}

@media(max-width:980px){
  .login-shell{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:760px){
  .xm-topbar-inner,.xm-nav-inner,.wrap,.container,.page,.page-wrap,.main,.main-wrap,.content,.group-invite-wrap,.group-invite-page,.monitor-wrap,.xm-page{
    width:calc(100vw - 18px)!important;
  }
  .xm-nav-inner{
    flex-direction:column!important;
    align-items:flex-start!important;
    padding:10px 0!important;
  }
  h1{
    font-size:26px!important;
  }
}


/* ============================================================
   88TG Final Module Accent
   给每个页面模块增加颜色区分：只改显示，不动业务
   ============================================================ */

/* 通用模块卡片：保留白底，但增加顶部彩色线 + 轻微背景层次 */
.wrap > .card,
.xm-page > .card,
.container > .card,
.content > .card,
.group-invite-page > .card,
.group-invite-wrap > .card,
.monitor-wrap > .card {
  position: relative !important;
  background: #ffffff !important;
  border-top: 4px solid #dbeafe !important;
}

/* 不同模块自动轮换颜色 */
.wrap > .card:nth-of-type(1),
.xm-page > .card:nth-of-type(1),
.container > .card:nth-of-type(1),
.content > .card:nth-of-type(1),
.group-invite-page > .card:nth-of-type(1),
.group-invite-wrap > .card:nth-of-type(1),
.monitor-wrap > .card:nth-of-type(1) {
  border-top-color: #315efb !important;
  background: linear-gradient(180deg,#ffffff 0%,#f7faff 100%) !important;
}

.wrap > .card:nth-of-type(2),
.xm-page > .card:nth-of-type(2),
.container > .card:nth-of-type(2),
.content > .card:nth-of-type(2),
.group-invite-page > .card:nth-of-type(2),
.group-invite-wrap > .card:nth-of-type(2),
.monitor-wrap > .card:nth-of-type(2) {
  border-top-color: #0f9d58 !important;
  background: linear-gradient(180deg,#ffffff 0%,#f7fffb 100%) !important;
}

.wrap > .card:nth-of-type(3),
.xm-page > .card:nth-of-type(3),
.container > .card:nth-of-type(3),
.content > .card:nth-of-type(3),
.group-invite-page > .card:nth-of-type(3),
.group-invite-wrap > .card:nth-of-type(3),
.monitor-wrap > .card:nth-of-type(3) {
  border-top-color: #d4af37 !important;
  background: linear-gradient(180deg,#ffffff 0%,#fffdf3 100%) !important;
}

.wrap > .card:nth-of-type(4),
.xm-page > .card:nth-of-type(4),
.container > .card:nth-of-type(4),
.content > .card:nth-of-type(4),
.group-invite-page > .card:nth-of-type(4),
.group-invite-wrap > .card:nth-of-type(4),
.monitor-wrap > .card:nth-of-type(4) {
  border-top-color: #f59e0b !important;
  background: linear-gradient(180deg,#ffffff 0%,#fffaf2 100%) !important;
}

.wrap > .card:nth-of-type(5),
.xm-page > .card:nth-of-type(5),
.container > .card:nth-of-type(5),
.content > .card:nth-of-type(5),
.group-invite-page > .card:nth-of-type(5),
.group-invite-wrap > .card:nth-of-type(5),
.monitor-wrap > .card:nth-of-type(5) {
  border-top-color: #7c3aed !important;
  background: linear-gradient(180deg,#ffffff 0%,#fbf8ff 100%) !important;
}

.wrap > .card:nth-of-type(6),
.xm-page > .card:nth-of-type(6),
.container > .card:nth-of-type(6),
.content > .card:nth-of-type(6),
.group-invite-page > .card:nth-of-type(6),
.group-invite-wrap > .card:nth-of-type(6),
.monitor-wrap > .card:nth-of-type(6) {
  border-top-color: #dc2626 !important;
  background: linear-gradient(180deg,#ffffff 0%,#fff7f7 100%) !important;
}

/* 后续模块循环 */
.wrap > .card:nth-of-type(7n),
.xm-page > .card:nth-of-type(7n),
.container > .card:nth-of-type(7n),
.content > .card:nth-of-type(7n),
.group-invite-page > .card:nth-of-type(7n),
.group-invite-wrap > .card:nth-of-type(7n),
.monitor-wrap > .card:nth-of-type(7n) {
  border-top-color: #0891b2 !important;
  background: linear-gradient(180deg,#ffffff 0%,#f0fbff 100%) !important;
}

.wrap > .card:nth-of-type(8n),
.xm-page > .card:nth-of-type(8n),
.container > .card:nth-of-type(8n),
.content > .card:nth-of-type(8n),
.group-invite-page > .card:nth-of-type(8n),
.group-invite-wrap > .card:nth-of-type(8n),
.monitor-wrap > .card:nth-of-type(8n) {
  border-top-color: #16a34a !important;
  background: linear-gradient(180deg,#ffffff 0%,#f3fff7 100%) !important;
}

/* 模块标题前加小色条 */
.card h1,
.card h2,
.panel h1,
.panel h2,
.box h1,
.box h2 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.card h1::before,
.card h2::before,
.panel h1::before,
.panel h2::before,
.box h1::before,
.box h2::before {
  content: "" !important;
  width: 6px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  opacity: .45 !important;
  flex: 0 0 auto !important;
}

/* 根据卡片顺序改变标题颜色 */
.wrap > .card:nth-of-type(1) h1,
.wrap > .card:nth-of-type(1) h2,
.xm-page > .card:nth-of-type(1) h1,
.xm-page > .card:nth-of-type(1) h2 {
  color: #1d4ed8 !important;
}

.wrap > .card:nth-of-type(2) h1,
.wrap > .card:nth-of-type(2) h2,
.xm-page > .card:nth-of-type(2) h1,
.xm-page > .card:nth-of-type(2) h2 {
  color: #047857 !important;
}

.wrap > .card:nth-of-type(3) h1,
.wrap > .card:nth-of-type(3) h2,
.xm-page > .card:nth-of-type(3) h1,
.xm-page > .card:nth-of-type(3) h2 {
  color: #8a6b11 !important;
}

.wrap > .card:nth-of-type(4) h1,
.wrap > .card:nth-of-type(4) h2,
.xm-page > .card:nth-of-type(4) h1,
.xm-page > .card:nth-of-type(4) h2 {
  color: #b45309 !important;
}

.wrap > .card:nth-of-type(5) h1,
.wrap > .card:nth-of-type(5) h2,
.xm-page > .card:nth-of-type(5) h1,
.xm-page > .card:nth-of-type(5) h2 {
  color: #6d28d9 !important;
}

.wrap > .card:nth-of-type(6) h1,
.wrap > .card:nth-of-type(6) h2,
.xm-page > .card:nth-of-type(6) h1,
.xm-page > .card:nth-of-type(6) h2 {
  color: #b91c1c !important;
}

/* 首页数据卡颜色保留更明显 */
.stat-accent-blue { border-top-color:#315efb !important; }
.stat-accent-green { border-top-color:#0f9d58 !important; }
.stat-accent-orange { border-top-color:#f59e0b !important; }
.stat-accent-red { border-top-color:#dc2626 !important; }
.stat-accent-gold { border-top-color:#d4af37 !important; }

/* 表格不要被卡片渐变影响，保持清晰白底 */
.card table,
.panel table,
.box table {
  background: #ffffff !important;
}

/* 表格表头按所属模块轻微染色 */
.wrap > .card:nth-of-type(1) th,
.xm-page > .card:nth-of-type(1) th {
  background: #eef4ff !important;
}

.wrap > .card:nth-of-type(2) th,
.xm-page > .card:nth-of-type(2) th {
  background: #effcf5 !important;
}

.wrap > .card:nth-of-type(3) th,
.xm-page > .card:nth-of-type(3) th {
  background: #fff8e8 !important;
}

.wrap > .card:nth-of-type(4) th,
.xm-page > .card:nth-of-type(4) th {
  background: #fff7ed !important;
}

.wrap > .card:nth-of-type(5) th,
.xm-page > .card:nth-of-type(5) th {
  background: #faf5ff !important;
}

.wrap > .card:nth-of-type(6) th,
.xm-page > .card:nth-of-type(6) th {
  background: #fff1f2 !important;
}

/* 重要：登录页不要加模块色条 */
.login-card h1::before,
.login-card h2::before,
.login-side h1::before,
.login-side h2::before {
  display: none !important;
}


/* ============================================================
   88TG Final Layout Fix
   统一模块布局：去掉模块编号，拉群页标题归入第一个模块
   ============================================================ */

/* 去掉标题前面的小竖条，避免和模块编号混在一起 */
.card h1::before,
.card h2::before,
.panel h1::before,
.panel h2::before,
.box h1::before,
.box h2::before {
  display: none !important;
  content: none !important;
}

/* 页面顶部独立 h1 不再单独占一块，JS 会把它移动到第一个卡片里 */
.xm-page > h1:first-child,
.wrap > h1:first-child,
.container > h1:first-child,
.content > h1:first-child,
.group-invite-page > h1:first-child,
.group-invite-wrap > h1:first-child,
.monitor-wrap > h1:first-child {
  margin: 0 0 18px 0 !important;
}

/* 每个页面第一个模块更像页面总览区 */
.wrap > .card:first-of-type,
.xm-page > .card:first-of-type,
.container > .card:first-of-type,
.content > .card:first-of-type,
.group-invite-page > .card:first-of-type,
.group-invite-wrap > .card:first-of-type,
.monitor-wrap > .card:first-of-type {
  padding-top: 26px !important;
}

/* 第一个模块里的页面大标题 */
.card .xm-page-title {
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  color: #101827 !important;
  font-size: 32px !important;
  font-weight: 950 !important;
  line-height: 1.18 !important;
}

/* 第一个模块里，页面标题下面的小标题，不要挤得太近 */
.card .xm-page-title + h1,
.card .xm-page-title + h2,
.card .xm-page-title + h3 {
  margin-top: 4px !important;
}

/* 去编号后，模块标题统一大小 */
.card h1:not(.xm-page-title),
.card h2,
.panel h1,
.panel h2,
.box h1,
.box h2 {
  font-size: 24px !important;
  line-height: 1.22 !important;
  margin: 0 0 14px 0 !important;
  font-weight: 950 !important;
}

/* 模块颜色区分：顶部线保留，但整体更干净 */
.wrap > .card,
.xm-page > .card,
.container > .card,
.content > .card,
.group-invite-page > .card,
.group-invite-wrap > .card,
.monitor-wrap > .card {
  border-top-width: 4px !important;
  border-radius: 18px !important;
}

/* 避免模块背景太花，统一为轻微浅色 */
.wrap > .card:nth-of-type(1),
.xm-page > .card:nth-of-type(1),
.container > .card:nth-of-type(1),
.content > .card:nth-of-type(1),
.group-invite-page > .card:nth-of-type(1),
.group-invite-wrap > .card:nth-of-type(1),
.monitor-wrap > .card:nth-of-type(1) {
  border-top-color: #315efb !important;
  background: linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
}

.wrap > .card:nth-of-type(2),
.xm-page > .card:nth-of-type(2),
.container > .card:nth-of-type(2),
.content > .card:nth-of-type(2),
.group-invite-page > .card:nth-of-type(2),
.group-invite-wrap > .card:nth-of-type(2),
.monitor-wrap > .card:nth-of-type(2) {
  border-top-color: #0f9d58 !important;
  background: linear-gradient(180deg,#ffffff 0%,#f8fffb 100%) !important;
}

.wrap > .card:nth-of-type(3),
.xm-page > .card:nth-of-type(3),
.container > .card:nth-of-type(3),
.content > .card:nth-of-type(3),
.group-invite-page > .card:nth-of-type(3),
.group-invite-wrap > .card:nth-of-type(3),
.monitor-wrap > .card:nth-of-type(3) {
  border-top-color: #d4af37 !important;
  background: linear-gradient(180deg,#ffffff 0%,#fffdf6 100%) !important;
}

.wrap > .card:nth-of-type(4),
.xm-page > .card:nth-of-type(4),
.container > .card:nth-of-type(4),
.content > .card:nth-of-type(4),
.group-invite-page > .card:nth-of-type(4),
.group-invite-wrap > .card:nth-of-type(4),
.monitor-wrap > .card:nth-of-type(4) {
  border-top-color: #f59e0b !important;
  background: linear-gradient(180deg,#ffffff 0%,#fffaf3 100%) !important;
}

.wrap > .card:nth-of-type(5),
.xm-page > .card:nth-of-type(5),
.container > .card:nth-of-type(5),
.content > .card:nth-of-type(5),
.group-invite-page > .card:nth-of-type(5),
.group-invite-wrap > .card:nth-of-type(5),
.monitor-wrap > .card:nth-of-type(5) {
  border-top-color: #7c3aed !important;
  background: linear-gradient(180deg,#ffffff 0%,#fbf8ff 100%) !important;
}

.wrap > .card:nth-of-type(6),
.xm-page > .card:nth-of-type(6),
.container > .card:nth-of-type(6),
.content > .card:nth-of-type(6),
.group-invite-page > .card:nth-of-type(6),
.group-invite-wrap > .card:nth-of-type(6),
.monitor-wrap > .card:nth-of-type(6) {
  border-top-color: #dc2626 !important;
  background: linear-gradient(180deg,#ffffff 0%,#fff8f8 100%) !important;
}

/* 表头继续跟随模块颜色，但不要太重 */
.wrap > .card:nth-of-type(1) th,
.xm-page > .card:nth-of-type(1) th { background:#eef4ff !important; }

.wrap > .card:nth-of-type(2) th,
.xm-page > .card:nth-of-type(2) th { background:#effcf5 !important; }

.wrap > .card:nth-of-type(3) th,
.xm-page > .card:nth-of-type(3) th { background:#fff8e8 !important; }

.wrap > .card:nth-of-type(4) th,
.xm-page > .card:nth-of-type(4) th { background:#fff7ed !important; }

.wrap > .card:nth-of-type(5) th,
.xm-page > .card:nth-of-type(5) th { background:#faf5ff !important; }

.wrap > .card:nth-of-type(6) th,
.xm-page > .card:nth-of-type(6) th { background:#fff1f2 !important; }

/* 登录页不参与模块标题处理 */
.login-card h1,
.login-card h2,
.login-side h1,
.login-side h2 {
  display: block !important;
}


/* ============================================================
   88TG Monitor Center Color Fix
   监控中心专用模块颜色：只改显示，不动接口和业务
   ============================================================ */

/* 监控中心页面整体 */
body.xm-monitor-page .xm-page,
body.xm-monitor-page .wrap,
body.xm-monitor-page .container,
body.xm-monitor-page .content {
  width: min(1480px, calc(100vw - 52px)) !important;
  max-width: 1480px !important;
}

/* 监控中心大标题和第一个模块统一 */
body.xm-monitor-page .xm-page > h1:first-child,
body.xm-monitor-page .wrap > h1:first-child,
body.xm-monitor-page .container > h1:first-child,
body.xm-monitor-page .content > h1:first-child {
  margin: 0 0 18px 0 !important;
  color: #101827 !important;
  font-size: 32px !important;
  font-weight: 950 !important;
}

/* 监控中心所有直接模块都给统一卡片感 */
body.xm-monitor-page .xm-page > div,
body.xm-monitor-page .wrap > div,
body.xm-monitor-page .container > div,
body.xm-monitor-page .content > div {
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(15,23,42,.055) !important;
}

/* 排除顶部导航壳 */
body.xm-monitor-page .xm-topbar,
body.xm-monitor-page .xm-nav,
body.xm-monitor-page .xm-topbar *,
body.xm-monitor-page .xm-nav * {
  box-shadow: none !important;
}

/* 监控中心模块颜色：第 1 个 */
body.xm-monitor-page .xm-page > div:nth-of-type(1),
body.xm-monitor-page .wrap > div:nth-of-type(1),
body.xm-monitor-page .container > div:nth-of-type(1),
body.xm-monitor-page .content > div:nth-of-type(1) {
  background: linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  border: 1px solid #d6e4ff !important;
  border-top: 4px solid #315efb !important;
}

/* 第 2 个 */
body.xm-monitor-page .xm-page > div:nth-of-type(2),
body.xm-monitor-page .wrap > div:nth-of-type(2),
body.xm-monitor-page .container > div:nth-of-type(2),
body.xm-monitor-page .content > div:nth-of-type(2) {
  background: linear-gradient(180deg,#ffffff 0%,#f8fffb 100%) !important;
  border: 1px solid #c8efd9 !important;
  border-top: 4px solid #0f9d58 !important;
}

/* 第 3 个 */
body.xm-monitor-page .xm-page > div:nth-of-type(3),
body.xm-monitor-page .wrap > div:nth-of-type(3),
body.xm-monitor-page .container > div:nth-of-type(3),
body.xm-monitor-page .content > div:nth-of-type(3) {
  background: linear-gradient(180deg,#ffffff 0%,#fffdf6 100%) !important;
  border: 1px solid #f0dca4 !important;
  border-top: 4px solid #d4af37 !important;
}

/* 第 4 个 */
body.xm-monitor-page .xm-page > div:nth-of-type(4),
body.xm-monitor-page .wrap > div:nth-of-type(4),
body.xm-monitor-page .container > div:nth-of-type(4),
body.xm-monitor-page .content > div:nth-of-type(4) {
  background: linear-gradient(180deg,#ffffff 0%,#fffaf3 100%) !important;
  border: 1px solid #fed7aa !important;
  border-top: 4px solid #f59e0b !important;
}

/* 第 5 个 */
body.xm-monitor-page .xm-page > div:nth-of-type(5),
body.xm-monitor-page .wrap > div:nth-of-type(5),
body.xm-monitor-page .container > div:nth-of-type(5),
body.xm-monitor-page .content > div:nth-of-type(5) {
  background: linear-gradient(180deg,#ffffff 0%,#fff8f8 100%) !important;
  border: 1px solid #f4cccc !important;
  border-top: 4px solid #dc2626 !important;
}

/* 第 6 个 */
body.xm-monitor-page .xm-page > div:nth-of-type(6),
body.xm-monitor-page .wrap > div:nth-of-type(6),
body.xm-monitor-page .container > div:nth-of-type(6),
body.xm-monitor-page .content > div:nth-of-type(6) {
  background: linear-gradient(180deg,#ffffff 0%,#fbf8ff 100%) !important;
  border: 1px solid #eadcff !important;
  border-top: 4px solid #7c3aed !important;
}

/* 监控中心模块标题统一 */
body.xm-monitor-page h1,
body.xm-monitor-page h2,
body.xm-monitor-page h3 {
  color: #101827 !important;
  font-weight: 950 !important;
}

body.xm-monitor-page .xm-page > div:nth-of-type(1) h2,
body.xm-monitor-page .wrap > div:nth-of-type(1) h2,
body.xm-monitor-page .container > div:nth-of-type(1) h2,
body.xm-monitor-page .content > div:nth-of-type(1) h2 {
  color: #1d4ed8 !important;
}

body.xm-monitor-page .xm-page > div:nth-of-type(2) h2,
body.xm-monitor-page .wrap > div:nth-of-type(2) h2,
body.xm-monitor-page .container > div:nth-of-type(2) h2,
body.xm-monitor-page .content > div:nth-of-type(2) h2 {
  color: #047857 !important;
}

body.xm-monitor-page .xm-page > div:nth-of-type(3) h2,
body.xm-monitor-page .wrap > div:nth-of-type(3) h2,
body.xm-monitor-page .container > div:nth-of-type(3) h2,
body.xm-monitor-page .content > div:nth-of-type(3) h2 {
  color: #8a6b11 !important;
}

body.xm-monitor-page .xm-page > div:nth-of-type(4) h2,
body.xm-monitor-page .wrap > div:nth-of-type(4) h2,
body.xm-monitor-page .container > div:nth-of-type(4) h2,
body.xm-monitor-page .content > div:nth-of-type(4) h2 {
  color: #b45309 !important;
}

body.xm-monitor-page .xm-page > div:nth-of-type(5) h2,
body.xm-monitor-page .wrap > div:nth-of-type(5) h2,
body.xm-monitor-page .container > div:nth-of-type(5) h2,
body.xm-monitor-page .content > div:nth-of-type(5) h2 {
  color: #b91c1c !important;
}

body.xm-monitor-page .xm-page > div:nth-of-type(6) h2,
body.xm-monitor-page .wrap > div:nth-of-type(6) h2,
body.xm-monitor-page .container > div:nth-of-type(6) h2,
body.xm-monitor-page .content > div:nth-of-type(6) h2 {
  color: #6d28d9 !important;
}

/* 监控中心内部小数据卡 */
body.xm-monitor-page .mini,
body.xm-monitor-page .metric,
body.xm-monitor-page .stat,
body.xm-monitor-page .kv,
body.xm-monitor-page .risk-card {
  background: rgba(255,255,255,.82) !important;
  border: 1px solid #e5eaf2 !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 16px rgba(15,23,42,.035) !important;
}

/* 监控中心表格表头跟随模块浅色 */
body.xm-monitor-page .xm-page > div:nth-of-type(1) th,
body.xm-monitor-page .wrap > div:nth-of-type(1) th,
body.xm-monitor-page .container > div:nth-of-type(1) th,
body.xm-monitor-page .content > div:nth-of-type(1) th {
  background: #eef4ff !important;
}

body.xm-monitor-page .xm-page > div:nth-of-type(2) th,
body.xm-monitor-page .wrap > div:nth-of-type(2) th,
body.xm-monitor-page .container > div:nth-of-type(2) th,
body.xm-monitor-page .content > div:nth-of-type(2) th {
  background: #effcf5 !important;
}

body.xm-monitor-page .xm-page > div:nth-of-type(3) th,
body.xm-monitor-page .wrap > div:nth-of-type(3) th,
body.xm-monitor-page .container > div:nth-of-type(3) th,
body.xm-monitor-page .content > div:nth-of-type(3) th {
  background: #fff8e8 !important;
}

body.xm-monitor-page .xm-page > div:nth-of-type(4) th,
body.xm-monitor-page .wrap > div:nth-of-type(4) th,
body.xm-monitor-page .container > div:nth-of-type(4) th,
body.xm-monitor-page .content > div:nth-of-type(4) th {
  background: #fff7ed !important;
}

body.xm-monitor-page .xm-page > div:nth-of-type(5) th,
body.xm-monitor-page .wrap > div:nth-of-type(5) th,
body.xm-monitor-page .container > div:nth-of-type(5) th,
body.xm-monitor-page .content > div:nth-of-type(5) th {
  background: #fff1f2 !important;
}

body.xm-monitor-page .xm-page > div:nth-of-type(6) th,
body.xm-monitor-page .wrap > div:nth-of-type(6) th,
body.xm-monitor-page .container > div:nth-of-type(6) th,
body.xm-monitor-page .content > div:nth-of-type(6) th {
  background: #faf5ff !important;
}