/* 毛玻璃高質感外觀與智慧隱存的動態效果 */
/* 返回頂部按鈕 start */    
    .backToTopBtn{
      position: fixed;
      bottom: 30px;
      right: 30px;
      z-index: 99;
      border: 1px solid rgba(255, 255, 255, 0.4);
      
      /* 毛玻璃效果：半透明背景 + 濾鏡模糊 */
      background: rgba(0, 0, 0, 0.2);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);

      color: #ffffff;
      cursor: pointer;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      font-size: 18px;

      /* 讓箭頭居中 */
      display: flex;
      align-items: center;
      justify-content: center;
      
      /* 移除超連結預設底線 */
      text-decoration: none;

      /* 預設為隱藏 */
      opacity: 0;
      visibility: hidden;

      /* 動態過渡與霓虹陰影 */
      transition: all 0.3s ease;
      /* 霓虹發光感陰影 */
      box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.2); 
    }

    /* 當 JavaScript 偵測到捲動時，會自動幫按鈕加上這個樣式（淡入顯示） */
    .backToTopBtn.show {
      opacity: 1;
      visibility: visible;
    }

    /* 懸停（Hover）發光效果 */
    .backToTopBtn:hover{
      background: rgba(0, 167, 225, 0.9); /* 懸停時染上亮藍色 */
      color: #fff;
      box-shadow: 0 0 15px rgba(62, 168, 255, 0.226);
      transform: translateY(-3px); /* 稍微上浮 */
    }
    /* 返回頂部按鈕_ end */
    /* 毛玻璃高質感外觀與智慧隱存的動態效果 */