/* 浮動圖示的 CSS 樣式 */
.floating-icon-wrapper {
    /* 保持圖示在視窗中的固定位置 */
    position: fixed;
    /* 位於網頁右側 */
    right: 20px;
    /* 距離底部 100px */
    bottom: 100px;
    
    /* 輕微的上下浮動動畫 */
    animation: float-animation 3s ease-in-out infinite;
    
    /* 陰影效果增加立體感 */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    transition: transform 0.3s ease-in-out;
    z-index: 9999; /* 確保圖示位於其他內容之上 */
}

.floating-icon-wrapper a {
    display: block;
    cursor: pointer;
}

.floating-icon-wrapper .floating-icon {
    /* 圖示大小 */
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

/* 定義上下浮動的動畫 */
@keyframes float-animation {
    0% {
        transform: translateY(0);
    }
    50% {
        /* 增加浮動幅度，從 60% 變為 50% */
        transform: translateY(-50%);
    }
    100% {
        transform: translateY(0);
    }
}