diff --git a/backend/DramaLing.Api/Services/AI/Utils/SynonymsParser.cs b/backend/DramaLing.Api/Services/AI/Utils/SynonymsParser.cs
new file mode 100644
index 0000000..3021cc1
--- /dev/null
+++ b/backend/DramaLing.Api/Services/AI/Utils/SynonymsParser.cs
@@ -0,0 +1,36 @@
+using System.Text.Json;
+
+namespace DramaLing.Api.Services.AI.Utils;
+
+/// <summary>
+/// AI 生成同義詞的解析工具類
+/// </summary>
+public static class SynonymsParser
+{
+    /// <summary>
+    /// 解析 AI 生成的同義詞 JSON 字串為字串陣列
+    /// </summary>
+    /// <param name="synonymsJson">JSON 格式的同義詞字串，如 ["word1", "word2"]</param>
+    /// <returns>解析後的同義詞陣列</returns>
+    public static string[] ParseSynonymsJson(string? synonymsJson)
+    {
+        if (string.IsNullOrWhiteSpace(synonymsJson))
+            return Array.Empty<string>();
+
+        try
+        {
+            var synonyms = JsonSerializer.Deserialize<string[]>(synonymsJson);
+            return synonyms ?? Array.Empty<string>();
+        }
+        catch (JsonException)
+        {
+            // JSON 解析失敗，返回空陣列
+            return Array.Empty<string>();
+        }
+        catch (Exception)
+        {
+            // 其他異常，返回空陣列
+            return Array.Empty<string>();
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/DramaLing.Api/Services/Review/ReviewService.cs b/backend/DramaLing.Api/Services/Review/ReviewService.cs
index 86b8cfc..064d479 100644
--- a/backend/DramaLing.Api/Services/Review/ReviewService.cs
+++ b/backend/DramaLing.Api/Services/Review/ReviewService.cs
@@ -5,6 +5,7 @@ using DramaLing.Api.Controllers;
 using DramaLing.Api.Utils;
 using DramaLing.Api.Services;
 using DramaLing.Api.Data;
+using DramaLing.Api.Services.AI.Utils;
 
 namespace DramaLing.Api.Services.Review;
 
@@ -62,8 +63,8 @@ public class ReviewService : IReviewService
                     hasExampleImage = false,
                     primaryImageUrl = (string?)null,
 
-                    // 同義詞（暫時空陣列，未來可擴展）
-                    synonyms = new string[] { },
+                    // 同義詞（從資料庫讀取，使用 AI 工具類解析）
+                    synonyms = SynonymsParser.ParseSynonymsJson(item.Flashcard.Synonyms),
 
                     // 測驗選項 (AI 生成的混淆選項)
                     quizOptions = generatedQuizOptions,
diff --git a/frontend/components/shared/Navigation.tsx b/frontend/components/shared/Navigation.tsx
index da93262..6ac7696 100644
--- a/frontend/components/shared/Navigation.tsx
+++ b/frontend/components/shared/Navigation.tsx
@@ -132,7 +132,7 @@ export function Navigation({ showExitLearning = false, onExitLearning }: Navigat
                   <div className="w-8 h-8 bg-primary rounded-full flex items-center justify-center text-white font-semibold">
                     {user?.username?.[0]?.toUpperCase() || 'U'}
                   </div>
-                  <span className="text-sm font-medium">👤 個人檔案</span>
+                  <span className="text-sm font-medium">{user?.username}</span>
                 </Link>
                 <button
                   onClick={() => {
diff --git a/frontend/hooks/review/useReviewSession.ts b/frontend/hooks/review/useReviewSession.ts
index 39ac706..395968a 100644
--- a/frontend/hooks/review/useReviewSession.ts
+++ b/frontend/hooks/review/useReviewSession.ts
@@ -103,7 +103,7 @@ const generateQuizItemsFromFlashcards = (flashcards: Flashcard[]): QuizItem[] =>
       wrongCount: 0,
       isCompleted: false,
       originalOrder: order / 2, // 原始詞卡的順序
-      synonyms: [],             // 確保為空數組而非 undefined
+      synonyms: (card as any).synonyms || [], // 後端已解析，直接使用
       difficultyLevelNumeric: card.masteryLevel || 1 // 使用 masteryLevel 或預設值 1
     }
 
diff --git a/frontend/lib/services/flashcards.ts b/frontend/lib/services/flashcards.ts
index 34189fd..1705c4f 100644
--- a/frontend/lib/services/flashcards.ts
+++ b/frontend/lib/services/flashcards.ts
@@ -31,6 +31,9 @@ export interface Flashcard {
   hasExampleImage: boolean;
   primaryImageUrl?: string;
 
+  // 同義詞欄位 (AI 生成)
+  synonyms?: string[];
+
   // 測驗選項 (後端提供的混淆選項)
   quizOptions?: string[];
 }
@@ -263,6 +266,8 @@ class FlashcardsService {
         exampleImages: card.exampleImages || [],
         hasExampleImage: card.hasExampleImage || false,
         primaryImageUrl: card.primaryImageUrl,
+        // 同義詞欄位 (新增)
+        synonyms: card.synonyms || [],
         // 測驗選項（新增：來自後端的 AI 生成混淆選項）
         quizOptions: card.quizOptions || []
       }));