style: 复习卡片悬浮时显示查看详情提示

src/components/Review.vue

@@ -96,6 +96,7 @@ onMounted(() => {
         </div>
         <!-- 卡片整体已可进详情，这里只保留「回忆复习」作为明确的主操作 -->
         <div class="task-actions">
+          <span class="detail-hint">查看详情 →</span>
           <el-button
             class="recall-button"
             type="success"
@@ -178,6 +179,19 @@ onMounted(() => {
   outline-offset: 2px;
 }
 
+.detail-hint {
+  font-size: 12px;
+  color: var(--text-secondary);
+  opacity: 0;
+  transition: opacity 0.18s ease, color 0.18s ease;
+}
+
+.task-card:hover .detail-hint,
+.task-card:focus-visible .detail-hint {
+  opacity: 1;
+  color: var(--green-600);
+}
+
 .task-head strong {
   display: block;
   color: var(--green-900);