#back-to-top {
    position: fixed;
    bottom: 20px; /* 距离底部20px */
    right: 20px; /* 距离右侧20px */
    display: none; /* 初始隐藏 */
    z-index: 1000; /* 确保在其他元素上面 */
    background-color: #4CAF50; /* 按钮背景颜色 */
    color: white; /* 按钮文字颜色 */
    padding: 10px; /* 按钮内边距 */
    border: none; /* 无边框 */
    border-radius: 5px; /* 圆角 */
    cursor: pointer; /* 鼠标悬停时变为手型 */
    transition: opacity 0.3s ease, transform 0.3s ease; /* 添加过渡 */
  }
  

  .back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 16px;
    cursor: pointer;
    display: none; /* 初始隐藏 */
    transition: opacity 0.3s ease, transform 0.3s ease; /* 添加过渡 */
  }
  
  .back-to-top:hover {
    background-color: #0056b3;
  }