style: 调整复习总览操作按钮与参考文案

src/components/Review.vue

@@ -89,7 +89,6 @@ onMounted(() => {
         v-for="row in tasks"
         :key="row.taskNum"
         class="surface-card task-card"
-        @click="openTaskReview(row)"
       >
         <div class="task-head">
           <strong>{{ row.taskName }}</strong>
@@ -107,15 +106,15 @@ onMounted(() => {
             type="success"
             size="small"
             :loading="openingTaskNum === row.taskNum"
-            @click.stop="openTaskReview(row)"
+            @click="openTaskReview(row)"
           >
             查看记录
           </el-button>
           <el-button
-            text
+            class="recall-button"
             type="success"
             size="small"
-            @click.stop="router.push(`/review/recall/${row.taskNum}`)"
+            @click="router.push(`/review/recall/${row.taskNum}`)"
           >
             回忆复习
           </el-button>
@@ -172,7 +171,6 @@ onMounted(() => {
   display: flex;
   flex-direction: column;
   gap: 10px;
-  cursor: pointer;
 }
 
 .task-head strong {
@@ -193,6 +191,8 @@ onMounted(() => {
 
 .task-actions {
   display: flex;
+  justify-content: space-between;
+  align-items: center;
   gap: 4px;
 }
 
@@ -201,4 +201,10 @@ onMounted(() => {
     grid-template-columns: 1fr;
   }
 }
+
+@media (max-width: 768px) {
+  .task-actions .recall-button {
+    order: -1;
+  }
+}
 </style>