前端技術策略

本檔只保留美術分類下的穩定入口；UI 渲染、元件、token、RWD、a11y、資產 pipeline 與字型的 implementation authority 已集中至 程式架構/ui-frontend.md。視覺值仍由 設計系統.md 管理。

• 1. 渲染策略（5 技術疊合）
• 2. CSS 合成技法
• 3. SVG 規範
• 4. 共用元件庫（o4-*，全站強制使用）
• 4.1 表單與檢核（兩層分離）
• 5. Design Token（CSS 變數）
• 5.1 頁面構圖與容器邊界
• 6. 互動狀態（6 態，缺一不可進審查）
• 7. 動畫規範
• 8. 效能預算
• 9. Three.js Canvas × DOM 疊層
• 10. RWD 與觸控
• 11. 無障礙（a11y）
• 12. UGC 邊界值
• 13. 背景策略（共用底層＋A / B / D 頁面覆蓋）
• 14. 主題切換架構
• 15. 資產 pipeline 與工具鏈
• 15.1 音訊與公版 GLB release gate
• 16. 文字與字型
• 17. 跨模組對接