/**
 * 舞台基座样式 (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; }