From 3f1d5bc221b83841b18a0e54100e92c7a19c1c79 Mon Sep 17 00:00:00 2001
From: ittoview <ittoview@example.com>
Date: Sun, 10 May 2026 15:57:57 +0100
Subject: [PATCH] fix: compact answer badge

---
 src/pages/ProcessPurposePracticePage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/ProcessPurposePracticePage.tsx b/src/pages/ProcessPurposePracticePage.tsx
index 466d0eb..da1cc9e 100644
--- a/src/pages/ProcessPurposePracticePage.tsx
+++ b/src/pages/ProcessPurposePracticePage.tsx
@@ -457,7 +457,7 @@ export default function ProcessPurposePracticePage() {
               : 'border-gray-200 dark:border-gray-700'
           }`}
         >
-          <div className="mb-4 flex flex-wrap items-center justify-between gap-4">
+          <div className="mb-4 flex min-h-9 flex-wrap items-center justify-between gap-3">
             <span className="rounded-full bg-blue-50 px-3 py-1 text-sm font-medium text-blue-700 dark:bg-blue-900/30 dark:text-blue-200">
               第 {Math.min(progress.currentIndex + 1, totalCount)} / {totalCount} 题
             </span>
@@ -468,7 +468,7 @@ export default function ProcessPurposePracticePage() {
                   initial={{ opacity: 0, y: -4 }}
                   animate={{ opacity: 1, y: 0 }}
                   exit={{ opacity: 0, y: -4 }}
-                  className="rounded-2xl border-2 border-indigo-300 bg-indigo-50 px-5 py-2 shadow-sm shadow-indigo-100 text-xl font-bold text-indigo-800 dark:border-indigo-500/70 dark:bg-indigo-950/50 dark:text-indigo-100 dark:shadow-none"
+                  className="rounded-xl border border-indigo-300 bg-indigo-50 px-3 py-1 text-base font-semibold leading-6 text-indigo-800 shadow-sm shadow-indigo-100 dark:border-indigo-500/70 dark:bg-indigo-950/50 dark:text-indigo-100 dark:shadow-none"
                 >
                   {currentItem.name}
                 </motion.span>