/* ==================================================================
 * MK 风格粒子背景（六边形蜂窝网格 + 星野 + 光斑）— V2 皮肤适配版
 * 原: mk-particle-bg.css (MK 海外AI智能版部署版)
 * 适配: .dashboard-root/.login-page → .app/.auth-page
 * 想恢复原样：删掉 panel/index.html 里的 <link> 与 <script> 即可。
 * ================================================================== */

.app > .mk-particle-bg,
.auth-page > .mk-particle-bg,
.ctrl-page > .mk-particle-bg {
  position: fixed !important;
  z-index: 0 !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  display: block !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background-color: #04070f !important;
  background-image:
    radial-gradient(132% 102% at 50% 46%, rgba(8, 18, 36, 0) 0%, rgba(6, 12, 24, 0.30) 60%, rgba(3, 7, 15, 0.80) 100%),
    url("/panel/skin/assets/mk-hex-grid.png"),
    radial-gradient(100% 80% at 50% 42%, #0c1d33 0%, #0a1730 42%, #04070f 100%) !important;
  background-repeat: no-repeat, repeat, no-repeat !important;
  background-size: auto, 62px 36px, auto !important;
  background-position: 0 0, 0 0, 0 0;
}

/* 亮色主题：同结构，更亮配色，网格更弱 */
html[data-theme="light"] .app > .mk-particle-bg,
html[data-theme="light"] .auth-page > .mk-particle-bg,
html[data-theme="light"] .ctrl-page > .mk-particle-bg {
  background-color: #e8f2f8 !important;
  background-image:
    radial-gradient(132% 102% at 50% 46%, rgba(255, 255, 255, 0) 0%, rgba(226, 240, 248, 0.35) 62%, rgba(206, 226, 240, 0.75) 100%),
    url("/panel/skin/assets/mk-hex-grid.png"),
    radial-gradient(100% 80% at 50% 42%, #f4fbff 0%, #e3f1f8 45%, #cfe3ee 100%) !important;
}

/* 应用内容整体抬到背景层之上 */
.app > *:not(.mk-particle-bg),
.auth-page > *:not(.mk-particle-bg),
.ctrl-page > *:not(.mk-particle-bg) {
  position: relative;
  z-index: 1;
}

/* 应用自带的整页底色改透明，让粒子背景透出来 */
.app,
.auth-page,
.ctrl-page {
  background-color: transparent !important;
  background-image: none !important;
}