/* 自定義樣式，解決頁腳連結帶有<br>標籤時的動畫效果問題 */
.footer-links a {
    display: inline-block; /* 改為行內塊元素 */
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: all 0.3s ease;
}

.footer-links a:hover {
    color: var(--white);
    transform: translateX(5px); /* 使用平移而不是內邊距 */
}

/* 確保<br>標籤後的文字也能顯示動畫效果 */
.footer-links a br {
    display: block; /* 確保換行正常顯示 */
}
