/* 浮動按鈕樣式 */
.start-tour {
    position: fixed;
    top: 40%; /* 初始垂直位置 */
    right: -30px; /* 初始裁切一半 */
    width: 60px;
    height: 60px;
    transform: translateY(-40%);  /* 垂直置中 */
    background-color: #007bff;
    border-radius: 50%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: 2px solid #fff;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.7s ease; /* 平滑過渡 */
  }
  
  /* 滑鼠 hover 的效果 */
  .start-tour:hover {
    right: 10px; /* 顯示完整按鈕 */
    transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    transform: scale(1.1);
  }
  
  /* 滑鼠 觸摸時的效果 */
  .start-tour:active {
    right: 10px; /* 顯示完整按鈕 */
    transform: scale(1.3); /* 放大按鈕 */
  }
  
  /* 手機版特效：滑入動畫 */
  @keyframes slide-in {
    from {
      right: -50px; /* 從螢幕外滑入 */
    }
    to {
      right: -25px; /* 初始位置 */
    }
  }
  
  .start-tour {
    animation: slide-in 0.5s ease-out; /* 加入滑入動畫 */
  }