.floating-buttons {
  position: fixed;
  bottom: 60px;
  right: 20px;
  text-align: right;
}

.float-btn {
  display: inline-block;
  margin: 5px;
  background: grey;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  border: none;
  outline: none;
  cursor: pointer;
}

#dream-image {
    position: absolute;
    top: 40%; /* 将图片的顶部移动到页面垂直高度的50%处 */
    left: 50%; /* 将图片的左边移动到页面水平宽度的50%处 */
    transform: translate(-50%, -50%); /* 将图片向左和向上移动其自身的宽度和高度的一半，使得图片中心对齐到页面的中心 */
    max-width: 75%; /* 限制图片的最大宽度为页面宽度的50%，以便在不同分辨率的设备上都能适中显示 */
    max-height: 75%; /* 限制图片的最大高度为页面高度的50%，以便在不同分辨率的设备上都能适中显示 */
    z-index: 1000; /* 设置一个较高的z-index值，确保图片在其他元素上方 */
}
.load {
      position: relative;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
}

.load video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: fill; /* 保持视频宽高比，同时填充容器 */
      border: none; /* 移除默认边框 */
      outline: none; /* 移除默认焦点轮廓 */
      box-shadow: none; /* 移除默认阴影 */
      background: none; /* 移除默认背景 */
      cursor: none; /* 移除默认鼠标指针 */
}

.load video::-webkit-media-controls {
     display: none !important; /* 隐藏Chrome和Safari的控件 */
}

.load video::-webkit-media-controls-panel {
     display: none !important; /* 隐藏Chrome和Safari的控件面板 */
}

.load video::-webkit-media-controls-start-playback-button {
     display: none !important; /* 隐藏Chrome和Safari的播放按钮 */
}

.load video::-moz-media-controls {
     display: none; /* 隐藏Firefox的控件 */
}

.load video::-moz-controls {
     display: none; /* 隐藏旧版Firefox的控件 */
}

.load video::-moz-media-controls-play-button {
     display: none; /* 隐藏旧版Firefox的播放按钮 */
}

.load video::-moz-media-controls-panel {
     display: none; /* 隐藏旧版Firefox的控件面板 */
}

.load video::-o-media-controls {
     display: none; /* 隐藏Opera的控件 */
}

.load video::-o-controls {
     display: none; /* 隐藏旧版Opera的控件 */
}

.load video::-o-controls-panel {
     display: none; /* 隐藏旧版Opera的控件面板 */
}