From de45c8039c859ee5977ba470a169070a81bf4be5 Mon Sep 17 00:00:00 2001
From: cat-shark <1716967236@qq.com>
Date: Sun, 2 Aug 2026 11:48:37 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E9=80=82=E9=85=8D=E5=90=84=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=BC=B9=E7=AA=97=E7=AA=84=E5=B1=8F=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ReviewRecall.vue |  7 ++++++-
 src/components/StartTask.vue    |  4 ++++
 src/components/Study.vue        |  9 +++++++++
 src/components/Welcome.vue      | 11 +++++++++++
 4 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/src/components/ReviewRecall.vue b/src/components/ReviewRecall.vue
index 8737b00..fd6ccfe 100644
--- a/src/components/ReviewRecall.vue
+++ b/src/components/ReviewRecall.vue
@@ -400,7 +400,7 @@ onMounted(() => {
 
     <!-- 节点选择确认弹窗 -->
     <el-dialog v-model="focusConfirmVisible" title="确认复习起点" width="400px">
-      <p v-if="selectedNodeInfo">
+      <p v-if="selectedNodeInfo" class="focus-confirm-text">
         以 「<strong>{{ selectedNodeInfo.title }}</strong>」 为起点，
         复习该知识点下的 <strong>{{ selectedNodeInfo.childCount }}</strong> 个子知识点？
       </p>
@@ -618,6 +618,11 @@ onMounted(() => {
   font-size: 18px;
 }
 
+.focus-confirm-text {
+  word-break: break-word;
+  overflow-wrap: anywhere;
+}
+
 .surface-card {
   padding: 20px 22px;
 }
diff --git a/src/components/StartTask.vue b/src/components/StartTask.vue
index 9d2f1fb..c8a1a21 100644
--- a/src/components/StartTask.vue
+++ b/src/components/StartTask.vue
@@ -1145,6 +1145,10 @@ onUnmounted(() => {
   .info-grid {
     grid-template-columns: 1fr;
   }
+
+  .summary-toolbar .el-button {
+    flex: 1;
+  }
 }
 
 /* ---- 历史学习记录 ---- */
diff --git a/src/components/Study.vue b/src/components/Study.vue
index 94361d8..e378cc4 100644
--- a/src/components/Study.vue
+++ b/src/components/Study.vue
@@ -762,6 +762,15 @@ onMounted(() => {
 }
 
 @media (max-width: 768px) {
+  .weight-row {
+    gap: 8px;
+  }
+
+  .weight-label {
+    width: 64px;
+    font-size: 13px;
+  }
+
   .action-card {
     grid-template-columns: 1fr;
   }
diff --git a/src/components/Welcome.vue b/src/components/Welcome.vue
index c293210..0c252d9 100644
--- a/src/components/Welcome.vue
+++ b/src/components/Welcome.vue
@@ -193,6 +193,7 @@ onMounted(() => {
     v-model="recallCard.visible"
     :title="recallCard.group?.taskName || '回忆一下'"
     width="560px"
+    class="recall-card-dialog"
   >
     <template v-if="recallCard.group">
       <p class="recall-question">
@@ -454,4 +455,14 @@ onMounted(() => {
     grid-template-columns: 1fr;
   }
 }
+
+@media (max-width: 768px) {
+  .recall-card-dialog :deep(.el-dialog__footer) {
+    flex-direction: column;
+  }
+
+  .recall-card-dialog :deep(.el-dialog__footer .el-button) {
+    width: 100%;
+  }
+}
 </style>