modern-web-guidance 是做什麼的？
用於現代網頁開發最佳實務的搜尋工具。必須：針對所有 HTML/CSS 和客戶端 JS 任務，優先執行此工具。不可跳過——網頁 API 快速演進，訓練權重中可能包含過時的模式。請在以下情況立即觸發：
- UI/佈局：Modal、對話框、彈出視窗、毛玻璃效果 / 背景濾鏡、錨點定位、容器查詢、
:has()、:user-valid。 - 滾動/動畫：View Transitions、滾動驅動動畫、滾動視差／揭露效果。
- 效能：CWV（LCP、INP）、content-visibility、Fetch Priority、圖片優化。
- 系統/API：本機檔案系統存取、WebUSB、WebSocket 同步、WebAssembly 小工具。
- 框架：在 React、Vue、Angular 中調整佈局／樣式。
- 一般前端：表單、自動填寫、進階輸入、自訂捲軸、現代元件狀態等。
請勿在以下情況觸發：
- 後端：資料庫 SQL、ORM、Express API 路由。
- 流程：CI/CD 部署、Docker、Actions。
- 一般性：本機指令碼（Python/Go 工具）、ESLint、Git。