.homeBtn {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: fixed;
    right: 4%;
    bottom: 4%;
  }
  .homeBtn .icon{
    margin-bottom: 3px;
    line-height: 1;
  }
  /* 浮动按钮鼠标悬停效果 */
  .homeBtn:hover {
    background-color: rgba(0, 0, 0, 0.5); /* 悬停时背景色变化 */
    transform: scale(1.05); /* 悬停时放大 */
  }
  /* 浮动按钮点击效果 */
  .homeBtn:active {
    transform: scale(0.95); /* 点击时缩小 */
    background-color: #0056b3; /* 点击时背景色变化 */
  }

  /* 浮动按钮内图标的样式 */
  .homeBtn .icon {
    line-height: 1; /* 确保图标垂直居中 */
    margin-bottom: 3px; /* 图标和文字之间的间距 */
    color: white;
  }

  /* 浮动按钮内文本的样式 */
  .homeBtn .home-lable-text { 
    color: white; /* 白色字体 */
    font-size: 12px; /* 字体大小 */
    margin-top: 0; /* 移除上外边距 */
    white-space: nowrap; /* 防止文字换行 */
    transition: opacity 0.3s ease; /* 透明度过渡效果 */
  }
  .topBtn {
    background-color: rgba(0, 0, 0, 0.5);;
    display: none;
    z-index: 100;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    position: fixed;
    flex-direction: column;
    right: 4%;
    bottom: 4%;
  }

  .topBtn .icon{
    margin-bottom: 3px;
    line-height: 1;
    color: white;
  }

  .topBtn .top-lable-text{
    color: white; /* 白色字体 */
    font-size: 12px; /* 字体大小 */
    margin-top: 0; /* 移除上外边距 */
    white-space: nowrap; /* 防止文字换行 */
    transition: opacity 0.3s ease; /* 透明度过渡效果 */
  }
  /* 浮动按钮鼠标悬停效果 */
  .topBtn:hover {
    background-color: rgba(0, 0, 0, 0.5); /* 悬停时背景色变化 */
    transform: scale(1.05); /* 悬停时放大 */
  }
  /* 浮动按钮点击效果 */
  .topBtn:active {
    transform: scale(0.95); /* 点击时缩小 */
    background-color: #0056b3; /* 点击时背景色变化 */
  }