body { font-family: 'Noto Sans TC', sans-serif; }
.hero-text-shadow { text-shadow: 2px 2px 4px rgba(0,0,0,0.7); }
#site-logo { object-fit: contain; }
#site-logo img { display:block; }
/* small helper to ensure hero image covers */
#hero-bg { width:100%; height:100%; object-fit:cover; transition: opacity 0.8s ease-in-out; opacity: 1; }
#hero-bg.fade-out { opacity: 0; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }