/**
 * 舞台基座样式 (Frame)
 *
 * 只定义舞台和四层底座的结构、层级与事件穿透，不承载任何业务视觉。
 */

html {
  min-height: 100%;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

html::-webkit-scrollbar {
  width: 0;
  height: 0;
}

body {
  min-height: 100%;
  margin: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

#app,
#stage {
  min-height: 100vh;
}

#stage {
  position: relative;
  isolation: isolate;
}

.stage-layer {
  min-width: 0;
}

.stage-layer[hidden] {
  display: none !important;
}

.stage-layer--1,
.stage-layer--3,
.stage-layer--4 {
  position: fixed;
  inset: 0;
}

.stage-layer--1 {
  z-index: var(--z-background);
  pointer-events: none;
}

.stage-layer--2 {
  position: relative;
  z-index: var(--z-content);
  min-height: 100vh;
  background: transparent;
}

.stage-layer--3 {
  z-index: var(--z-plugins);
  pointer-events: none;
  background: transparent;
}

.stage-layer--4 {
  z-index: var(--z-floating);
  pointer-events: none;
  background: transparent;
}