/* 全局样式 */
:root {
  color-scheme: dark;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #000;
  overflow: hidden; /* 禁止页面原生滚动 */
  position: relative;
  width: 100%;
}

/* 主容器，作为视口和拖拽区域 */
#wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* 场景容器 */
.scene {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 第二个场景初始位置由 JS 设置 */
.scene-2 {
  /* left: 100%; GSAP will handle this */
}

/* 图层样式 */
.layer {
  position: absolute;
  max-width: 90vw;
  max-height: 90vh;
  width: auto;
  height: auto;
  object-fit: contain;
  /* 初始状态由 JS 设置 */
}