From a2c2ada8a9fe9468572ad76e61ba7d7283b54d29 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=84=AD=E6=B2=9B=E8=BB=92?= <jettcheng1018@gmail.com>
Date: Tue, 23 Sep 2025 02:40:21 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=84=AA=E5=8C=96=E7=B5=B1=E8=A8=88?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E6=96=87=E5=AD=97=E5=AD=97=E9=AB=94=E5=A4=A7?=
 =?UTF-8?q?=E5=B0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

改進詞彙難度統計卡片的可讀性：
• 將標籤文字從 text-xs sm:text-sm 調整為 text-sm sm:text-base
• 提升「太簡單啦」、「重點學習」、「有點挑戰」、「慣用語」的字體大小
• 保持響應式設計，手機端14px，桌面端16px
• 改善用戶體驗和視覺平衡

🚀 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 frontend/app/generate/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/app/generate/page.tsx b/frontend/app/generate/page.tsx
index 89e39ae..b417e89 100644
--- a/frontend/app/generate/page.tsx
+++ b/frontend/app/generate/page.tsx
@@ -393,25 +393,25 @@ function GenerateContent() {
                   {/* 簡單詞彙卡片 */}
                   <div className="bg-gray-50 border border-dashed border-gray-300 rounded-lg p-3 sm:p-4 text-center">
                     <div className="text-xl sm:text-2xl font-bold text-gray-600 mb-1">{vocabularyStats.simpleCount}</div>
-                    <div className="text-gray-600 text-xs sm:text-sm font-medium">太簡單啦</div>
+                    <div className="text-gray-600 text-sm sm:text-base font-medium">太簡單啦</div>
                   </div>
 
                   {/* 適中詞彙卡片 */}
                   <div className="bg-green-50 border border-green-200 rounded-lg p-3 sm:p-4 text-center">
                     <div className="text-xl sm:text-2xl font-bold text-green-700 mb-1">{vocabularyStats.moderateCount}</div>
-                    <div className="text-green-700 text-xs sm:text-sm font-medium">重點學習</div>
+                    <div className="text-green-700 text-sm sm:text-base font-medium">重點學習</div>
                   </div>
 
                   {/* 艱難詞彙卡片 */}
                   <div className="bg-orange-50 border border-orange-200 rounded-lg p-3 sm:p-4 text-center">
                     <div className="text-xl sm:text-2xl font-bold text-orange-700 mb-1">{vocabularyStats.difficultCount}</div>
-                    <div className="text-orange-700 text-xs sm:text-sm font-medium">有點挑戰</div>
+                    <div className="text-orange-700 text-sm sm:text-base font-medium">有點挑戰</div>
                   </div>
 
                   {/* 片語與俚語卡片 */}
                   <div className="bg-blue-50 border border-blue-200 rounded-lg p-3 sm:p-4 text-center">
                     <div className="text-xl sm:text-2xl font-bold text-blue-700 mb-1">{vocabularyStats.idiomCount}</div>
-                    <div className="text-blue-700 text-xs sm:text-sm font-medium">慣用語</div>
+                    <div className="text-blue-700 text-sm sm:text-base font-medium">慣用語</div>
                   </div>
                 </div>
               )}