@charset "UTF-8";

body {
    background-color: #F9F7F2;
    color: #4A403A;
    font-family: 'Noto Sans TC', sans-serif;
}

::selection {
    background-color: #D4C5B0;
    color: white;
}

/* 確保導覽列過渡平滑 */
#navbar {
    transition: all 0.5s ease;
}

/* 修正 Icon 大小與對齊 */
.lucide {
    display: inline-block;
    vertical-align: middle;
}

/* 自定義連結樣式 (Content Link) */
.content-link {
    color: #8C7B6C;
    font-weight: 500;
    border-bottom: 1px solid #D4C5B0;
    padding-bottom: 1px;
    transition: all 0.3s ease;
}

.content-link:hover {
    color: #4A403A;
    border-color: #4A403A;
}

/* 額外的動畫效果 (如果需要的話可以保留) */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
}