目標：不同裝置/瀏覽器表現穩定，基本 a11y 與效能良好。
要改的檔案：三個 HTML <head>、style.css
三個 HTML <head> 補上（Google Fonts 前方）：
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
把下列 CSS 加到 style.css（如果你 Day25 已加，則可略）：
@media (prefers-reduced-motion: reduce){
*{ animation: none !important; transition: none !important; }
}
aria-current="page"；保留#toaster 不需朗讀；維持純視覺提示role="alert" 或顯示/隱藏的邏輯（Day26 已處理）驗收：Lighthouse（或瀏覽器審核）分數綠色；手機上也滑順。
iThome鐵人賽
看影片追技術