/* banner 區域設定 */
#banner {
  position: relative;
}

/* 向下按鈕區：絕對定位 + 水平置中 + 上下浮動動畫 */
.scroll-indicator {
  position: absolute;
  bottom: 100px;
  left: 50%;
  font-size: 40px;
  color: #D186B3;
  animation: float 2.8s ease-in-out infinite;
  z-index: 100;
  text-align: center;
  transform: translateX(-50%);
}

/* 連結樣式 */
.scroll-indicator a {
  color: inherit;
  text-decoration: none;
}

/* hover 效果（針對 <i>，若未使用可忽略） */
.scroll-indicator i:hover {
  opacity: 1;
  cursor: pointer;
}

/* 毛玻璃圓形按鈕 */
.glass-button {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(242, 242, 245, 0.25);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  border: 1.5px solid rgba(200, 200, 200, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* hover 放大效果 */
.glass-button:hover {
  background: rgba(255, 255, 255, 0.35);
  transform: scale(1.05);
}

@keyframes float {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(15px);
  }
}