From 6d6b9fb3811615416bab8caed149258f1f5fde97 Mon Sep 17 00:00:00 2001
From: ittoview <ittoview@example.com>
Date: Fri, 15 May 2026 17:29:54 +0100
Subject: [PATCH] fix: compact mobile feedback area

---
 src/pages/PerformanceDomainPracticePage.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/PerformanceDomainPracticePage.tsx b/src/pages/PerformanceDomainPracticePage.tsx
index c339a9c..9f90160 100644
--- a/src/pages/PerformanceDomainPracticePage.tsx
+++ b/src/pages/PerformanceDomainPracticePage.tsx
@@ -594,7 +594,7 @@ export default function PerformanceDomainPracticePage() {
 
             <div
               className={clsx(
-                'h-[132px] overflow-hidden rounded-xl border px-4 py-3 transition-colors',
+                'h-16 overflow-hidden rounded-xl border px-4 py-3 transition-colors sm:h-[132px]',
                 answerState?.isCorrect
                   ? 'border-emerald-200 bg-emerald-50 dark:border-emerald-800 dark:bg-emerald-950/30'
                   : answerState
@@ -603,11 +603,11 @@ export default function PerformanceDomainPracticePage() {
               )}
             >
               {answerState && currentDomain ? (
-                <div className="flex h-full flex-col justify-between gap-3">
-                  <div>
+                <div className="flex h-full items-center justify-end sm:flex-col sm:items-stretch sm:justify-between sm:gap-3">
+                  <div className="hidden sm:block">
                     <div
                       className={clsx(
-                        'hidden items-center gap-2 text-sm font-semibold sm:flex',
+                        'flex items-center gap-2 text-sm font-semibold',
                         answerState.isCorrect
                           ? 'text-emerald-700 dark:text-emerald-300'
                           : 'text-rose-700 dark:text-rose-300'
@@ -619,7 +619,7 @@ export default function PerformanceDomainPracticePage() {
                         : `错误：你选了 ${selectedDomain?.name ?? ''}`}
                     </div>
                     {!answerState.isCorrect && (
-                      <p className="mt-1 hidden text-sm text-gray-700 dark:text-gray-300 sm:block">
+                      <p className="mt-1 text-sm text-gray-700 dark:text-gray-300">
                         正确答案：{currentDomain.name}
                       </p>
                     )}