html.dark-theme-boot,
html.dark-theme-boot body {
  background-color: #0b1220;
  color: #fff;
  background-image: none;
}

html:not(.dark-theme-boot),
html:not(.dark-theme-boot) body {
  background-color: #f8fafc;
}

@media (min-width: 769px) {
  html,
  body,
  div,
  main,
  section,
  article,
  aside,
  nav {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  ::-webkit-scrollbar,
  ::-webkit-scrollbar-button,
  ::-webkit-scrollbar-track,
  ::-webkit-scrollbar-track-piece,
  ::-webkit-scrollbar-thumb,
  ::-webkit-scrollbar-corner,
  ::-webkit-resizer {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
  }
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

@media (min-width: 769px) {
  * {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
}

#app {
  width: 100%;
  height: 100%;
  min-height: 100%;
}

/* 启动占位：同色底静默撑满，无文案/转圈 */
#app > [data-ez-boot] {
  min-height: 100vh;
  min-height: 100dvh;
  background: transparent;
}

html.preloader-active,
body.preloader-active {
  overflow: hidden !important;
}

.app-version {
  position: fixed;
  left: 6px;
  bottom: 4px;
  font-size: 9px;
  color: rgba(0, 0, 0, 0.35);
  user-select: none;
  pointer-events: none;
  z-index: 5;
}