/* ... 其他样式保持不变 ... */

.play-button {
  background-color: transparent;
  border: none;
  width: 100%;
  height: 100%;
  outline: none; /* 去除按钮点击时的轮廓线 */
  background-size: contain; /* 确保背景图像适应按钮大小 */
  background-repeat: no-repeat; /* 防止背景图像重复 */
  background-position: center; /* 将背景图像居中 */
  cursor: pointer;
}

/* 默认播放图标 */
#playButton.play {
  background-image: url('../开始图标.png'); /* 替换为您的播放图标路径 */
}

/* 暂停时的图标 */
#playButton.pause {
  background-image: url('../关闭图标.png'); /* 替换为您的暂停图标路径 */
}


.floating-ball {
  position: fixed;
  top: 4px;
  right: 7px;
  width: 40px;
  height: 37px;
  /* background-color: black; */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); */
  transition: transform 0.3s;
}

.floating-ball:hover {
  transform: scale(1.1);
}

.play-button {
  background-color: transparent;
  border: none;
  /* color: white; */
  font-size: 24px;
  cursor: pointer;
  width: 100%;
  height: 100%;
  outline: none; /* 去除按钮点击时的轮廓线 */
}

/* 隐藏默认的音频控件 */
#music {
  display: none;
}