Solution 要做什麼
對照完整答案、責任邊界與原因。
本主題檔案：files/style.css
定位：先讀 animation-name/duration/iteration-count/fill-mode，確認不是 infinite。
Solution · code-edit
iteration、fill-mode 與停止條件
對照完整答案、責任邊界與原因。
本階段驗收
頁面不會替你修改檔案；請在實作檔完成後重新整理確認。
目前要處理
目標沒有 finite-animation，iteration-count computed為1。
預期看到
現有 runtime iteration-count 由1變2；required facts iterationCount=2、fillMode=both、animationEnd=true、finalClass 不含 finite-animation。
.notice.is-animating{animation:pulse 240ms ease 2 both}notice.addEventListener('animationend',()=>notice.classList.remove('is-animating'))檔案清單
只在本階段資料夾內操作，避免改到其他章節。
index.html
入口檔案：建立 primary-button、service-card 與可操作的服務方案示範。style.css
呈現層：集中放置狀態、transition、animation 與 reduced-motion 規則。main.js
行為層：只處理按鈕操作後的狀態提示，不假裝驗證 CSS。
證據：before=1、after=2、fillMode=both、animationEnd=true、finalClass已清理
回到主題說明