/* Google Fonts */
body {
    font-family: 'Noto Sans TC', 'Inter', sans-serif;
    background-color: #f0f2f5; /* 給頁面一個背景色，突顯手機模型 */
}

/* 定義導航欄啟用狀態的樣式 */
.nav-item.active {
    color: #4f46e5; /* 使用深一點的靛藍色作為啟用色 */
}
.nav-item.active svg {
    color: #4f46e5;
}


/* --- 頁面轉場動畫 --- */
@keyframes page-enter-animation {
    /* 動畫開始時的狀態：透明且稍微縮小 */
    from {
        opacity: 0;
        transform: scale(0.99);
    }
    /* 動畫結束時的狀態：完全不透明且正常大小 */
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* 將動畫應用於 body */
.page-transition {
    animation: page-enter-animation 0.35s ease-out forwards;
}