/* 先定義字體 */
@font-face {
    font-family: 'Noto Sans TC';
    src: url('../fonts/NotoSansTC-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900; /* 變數字體範圍 */
    font-style: normal;
    font-display: swap;
}

/* 套用到整個網站 */
body {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400; /* 可調整 100~900 */
}

/* --- Scroll Reveal 動畫樣式 --- */

/* 初始狀態：透明且稍微向下位移 */
.reveal-on-scroll {
    opacity: 0;
    transform: translateY(40px);
    transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); /* 使用貝茲曲線讓動作更順暢 */
}

/* 觸發狀態：完全不透明且回到原位 */
.reveal-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}

/* 讓圖片或卡片在 Hover 時有發光效果的輔助 */
.hover-glow {
    transition: box-shadow 0.3s ease;
}
.hover-glow:hover {
    box-shadow: 0 0 20px rgba(56, 189, 248, 0.5); /* Sky blue glow */
}