鄭沛軒 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
..
ui	feat: 實現完整的詞彙儲存功能與UI設計優化	2025-09-20 17:52:22 +08:00
AudioPlayer.tsx	ux: 優化學習模式的用戶體驗設計	2025-09-19 14:49:37 +08:00
CardSelectionDialog.tsx	feat: 實現完整的詞彙儲存功能與UI設計優化	2025-09-20 17:52:22 +08:00
ClickableTextV2.tsx	refactor: 重構ClickableTextV2使用React Portal避免CSS繼承問題	2025-09-21 01:00:01 +08:00
FlashcardForm.tsx	ux: 優化學習模式的用戶體驗設計	2025-09-19 14:49:37 +08:00
GrammarCorrectionPanel.tsx	feat: 實現互動式單字查詢系統，包含語法修正和高價值標記功能	2025-09-17 19:57:08 +08:00
LearningComplete.tsx	feat: 實現完整語音功能系統與學習模式整合	2025-09-19 13:33:17 +08:00
Navigation.tsx	feat: 實現個人化高價值詞彙判定系統	2025-09-18 22:37:38 +08:00
ProtectedRoute.tsx	feat: DramaLing 完整版本 - 韓劇單字學習應用	2025-09-16 23:06:47 +08:00
VoiceRecorder.tsx	style: 優化重組區域置中效果與註解規範	2025-09-20 12:18:11 +08:00