body {
  margin: 0;
  overflow: hidden;
  background: black;
}

canvas {
  display: block;
}
/* ============================================================
   VR 眼镜双屏取景框完美适配
   - 确保在进入 XR 模式时，场景画布强制铺满硬件屏幕，杜绝黑边
   - 保持原有的 touch 和 gaze 交互正常渗透
   ============================================================ */

/* 强制真机 VR 状态下的容器撑满 */
.a-hidden, .a-fullscreen {
  width: 100% !important;
  height: 100% !important;
}

/* 确保 A-Frame 自动生成的 VR 按钮在所有眼镜设备中清晰可见且可点 */
.a-enter-vr {
  position: fixed !important;
  right: 20px !important;
  bottom: 20px !important;
  z-index: 99999 !important;
}

/* 遮挡防护：防止网页端残留 UI 在分屏模式下错位挡住 VR 视线 */
a-scene:enter-vr #mobileModeBtn,
a-scene:enter-vr #joystickBase,
a-scene:enter-vr .speed-toast {
  display: none !important;
}