From cb0af5eba43c1690e24529cbb9dc2a070040be57 Mon Sep 17 00:00:00 2001
From: ittoview <ittoview@example.com>
Date: Thu, 14 May 2026 02:33:41 +0100
Subject: [PATCH] fix: adjust practice question label and action alignment

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

diff --git a/src/pages/PerformanceDomainPracticePage.tsx b/src/pages/PerformanceDomainPracticePage.tsx
index ba977b8..ce083b4 100644
--- a/src/pages/PerformanceDomainPracticePage.tsx
+++ b/src/pages/PerformanceDomainPracticePage.tsx
@@ -574,7 +574,7 @@ export default function PerformanceDomainPracticePage() {
         <div className="grid gap-4 xl:grid-cols-[1fr_1.45fr]">
           <section className="rounded-2xl bg-white p-5 shadow-sm ring-1 ring-gray-100 dark:bg-gray-800 dark:ring-gray-700">
             <div className="flex items-center justify-between gap-3">
-              <span className="rounded-full bg-indigo-50 px-3 py-1 text-sm font-medium text-indigo-600 dark:bg-indigo-900/40 dark:text-indigo-300">
+              <span className="rounded-full bg-indigo-50 px-3 py-1 text-2xl font-semibold leading-relaxed text-indigo-600 dark:bg-indigo-900/40 dark:text-indigo-300 md:text-3xl">
                 {kindLabelMap[currentQuestion.kind]}
               </span>
               <span className="text-sm text-gray-500 dark:text-gray-400">
@@ -624,7 +624,7 @@ export default function PerformanceDomainPracticePage() {
                   <button
                     type="button"
                     onClick={() => advanceToNext(answerState.isCorrect)}
-                    className="self-start rounded-lg bg-indigo-600 px-4 py-2 text-sm font-semibold text-white transition-colors hover:bg-indigo-500"
+                    className="self-end rounded-lg bg-indigo-600 px-4 py-2 text-sm font-semibold text-white transition-colors hover:bg-indigo-500"
                   >
                     下一个
                   </button>