鄭沛軒 421edd0589 refactor: 重構ClickableTextV2使用React Portal避免CSS繼承問題 ... 🎯 主要改進： - 使用React Portal將詞彙彈窗渲染到document.body - 完全脫離父級CSS繼承，解決字體大小和對齊問題 - 確保彈窗樣式與vocab-designs頁面的詞卡風格100%一致 🏗️ 技術架構： - 導入createPortal和useEffect來管理Portal渲染 - 添加mounted state確保只在客戶端渲染Portal - 統一getCEFRColor函數，支援完整的6個CEFR等級 - 保持原有API和功能完全不變 ✅ 解決的問題： - 詞彙標題現在正確靠左對齊 - 按鈕文字大小恢復正常（不再受text-lg影響） - 彈窗樣式與展示頁面完全一致 - 移除了不必要的樣式重置類別 📝 代碼清理： - 移除舊的ClickableText.tsx組件 - 優化VocabPopup組件結構 - 更新組件頂部文檔說明Portal架構 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>		2025-09-21 01:00:01 +08:00
..
app	fix: 統一popup樣式，修正詞卡風格與實際功能的一致性問題	2025-09-20 23:10:26 +08:00
components	refactor: 重構ClickableTextV2使用React Portal避免CSS繼承問題	2025-09-21 01:00:01 +08:00
contexts	feat: DramaLing 完整版本 - 韓劇單字學習應用	2025-09-16 23:06:47 +08:00
hooks	feat: 實現完整語音功能系統與學習模式整合	2025-09-19 13:33:17 +08:00
lib/services	feat: 實現完整的詞彙儲存功能與UI設計優化	2025-09-20 17:52:22 +08:00
public	feat: DramaLing 完整版本 - 韓劇單字學習應用	2025-09-16 23:06:47 +08:00
next.config.mjs	feat: DramaLing 完整版本 - 韓劇單字學習應用	2025-09-16 23:06:47 +08:00
package-lock.json	feat: 實現完整語音功能系統與學習模式整合	2025-09-19 13:33:17 +08:00
package.json	feat: 實現完整語音功能系統與學習模式整合	2025-09-19 13:33:17 +08:00
postcss.config.js	feat: DramaLing 完整版本 - 韓劇單字學習應用	2025-09-16 23:06:47 +08:00
tailwind.config.ts	feat: DramaLing 完整版本 - 韓劇單字學習應用	2025-09-16 23:06:47 +08:00
tsconfig.json	feat: DramaLing 完整版本 - 韓劇單字學習應用	2025-09-16 23:06:47 +08:00