修正白字白底（字體顏色看不見）的顯示問題

[JacobLinCool]

問題描述

在學生端測試時，畫面出現**字體顏色與背景顏色相近（白字白底）**導致完全看不見文字的嚴重 UI Bug。學生無法閱讀 AI 的回覆與題目內容。

可能相關區域

目前主題配色使用 cosmic gray 深色系背景搭配白色文字，但以下區域可能有問題：

1. 文字透明度變化：部分文字使用 text-white/40、text-white/60 等低透明度，可能在某些螢幕上難以辨識
2. Glass Cards 效果：半透明白色覆蓋層 rgba(255, 255, 255, 0.1) 邊框可能導致對比度不足
3. Flowbite 元件：第三方 UI 元件可能未完全適配 cosmic theme，導致使用淺色背景搭配白色文字
4. Dark mode 相容性：如果裝置未正確啟用 dark mode，可能退回淺色背景而文字仍為白色

需求

1. 全面檢查學生端 UI，確保所有文字在各種螢幕/裝置上都清晰可讀
2. 確保文字與背景的對比度符合 WCAG AA 標準（至少 4.5:1）
3. 特別關注 Flowbite/第三方元件在自訂主題下的表現
4. 檢查 light mode 時的 fallback 是否正確

相關檔案

• apps/mentora/src/app.css — 全域主題設定
• apps/mentora/src/routes/conversations/[id]/+page.svelte — 學生對話頁面
• apps/mentora/src/lib/components/conversation/ — 對話子元件