From 0bfb08a97b5803a06c5f41fe943d16cbf327a016 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=84=AD=E6=B2=9B=E8=BB=92?= <jettcheng1018@gmail.com>
Date: Fri, 19 Sep 2025 13:50:36 +0800
Subject: [PATCH] =?UTF-8?q?ux:=20=E5=84=AA=E5=8C=96=E7=BF=BB=E5=8D=A1?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F=E5=92=8C=E9=8C=AF=E8=AA=A4=E5=9B=9E=E5=A0=B1?=
 =?UTF-8?q?=E6=8C=89=E9=88=95=E7=9A=84=E8=A6=96=E8=A6=BA=E8=A8=AD=E8=A8=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除翻卡背面的滾動條，讓內容自然延伸
- 將錯誤回報按鈕從紅色改為灰色，降低視覺干擾
- 提升整體用戶體驗的視覺和諧度

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

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

diff --git a/frontend/app/learn/page.tsx b/frontend/app/learn/page.tsx
index 976f232..62f3f0e 100644
--- a/frontend/app/learn/page.tsx
+++ b/frontend/app/learn/page.tsx
@@ -270,7 +270,7 @@ export default function LearnPage() {
                   setReportingCard(currentCard)
                   setShowReportModal(true)
                 }}
-                className="text-red-500 hover:text-red-600 text-sm flex items-center gap-1"
+                className="text-gray-500 hover:text-gray-600 text-sm flex items-center gap-1"
                 title="回報錯誤"
               >
                 <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -325,8 +325,8 @@ export default function LearnPage() {
 
                 {/* Back of card */}
                 <div
-                  className="absolute w-full h-full bg-white rounded-2xl shadow-xl p-8 overflow-y-auto"
-                  style={{ 
+                  className="absolute w-full h-full bg-white rounded-2xl shadow-xl p-8"
+                  style={{
                     backfaceVisibility: 'hidden',
                     transform: 'rotateY(180deg)'
                   }}
@@ -407,7 +407,7 @@ export default function LearnPage() {
                   setReportingCard(currentCard)
                   setShowReportModal(true)
                 }}
-                className="text-red-500 hover:text-red-600 text-sm flex items-center gap-1"
+                className="text-gray-500 hover:text-gray-600 text-sm flex items-center gap-1"
                 title="回報錯誤"
               >
                 <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -481,7 +481,7 @@ export default function LearnPage() {
                   setReportingCard(currentCard)
                   setShowReportModal(true)
                 }}
-                className="text-red-500 hover:text-red-600 text-sm flex items-center gap-1"
+                className="text-gray-500 hover:text-gray-600 text-sm flex items-center gap-1"
                 title="回報錯誤"
               >
                 <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -619,7 +619,7 @@ export default function LearnPage() {
                   setReportingCard(currentCard)
                   setShowReportModal(true)
                 }}
-                className="text-red-500 hover:text-red-600 text-sm flex items-center gap-1"
+                className="text-gray-500 hover:text-gray-600 text-sm flex items-center gap-1"
                 title="回報錯誤"
               >
                 <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -696,7 +696,7 @@ export default function LearnPage() {
                   setReportingCard(currentCard)
                   setShowReportModal(true)
                 }}
-                className="text-red-500 hover:text-red-600 text-sm flex items-center gap-1"
+                className="text-gray-500 hover:text-gray-600 text-sm flex items-center gap-1"
                 title="回報錯誤"
               >
                 <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">