CSS

Tailwind CSS v4 是一次架構級升級：徹底拋棄 tailwind.config.js，用 @theme 塊在原生 CSS 文件聲明設計令牌；新增 @import "tailwindcss" 單入口代替 postcss.config；內置 CSS 變量、容器查詢原生支持、oxc 引擎提速 10-40 倍、顏色函數簡化。

Google 搜索排名核心指標完全實戰：LCP 最大內容繪製（預連接/圖像優先級/CDN緩存）、CLS 累積佈局偏移（圖像尺寸/字體FOIT/動態佔位）、INP 交互響應（長任務拆分/防抖節流）全面落地。

徹底掌握現代響應式 CSS：Container Queries 讓元件基於父容器尺寸自適應（而非視口），配合 :has() 父選擇器實現依賴後代狀態的樣式變化，徹底改變元件化響應式設計範式。