feat(dashboard): 首页统计与知识预览卡片支持点击跳转

核心统计卡片与知识预览卡片新增目标路径，点击或键盘回车即可跳转至对应模块，提升首页到各功能模块的可达性。

Author: Aparencia

client/src/features/dashboard/components/KnowledgePreviewCard.tsx

@@ -7,8 +7,9 @@
  * @ai-context: 通用组件：KnowledgePreviewCard。
  */
 import { useRef } from 'react';
+import { useNavigate } from 'react-router-dom';
 import { motion, useMotionValue, useTransform, useSpring } from 'framer-motion';
-import { FileText, Layers, Timer, Lightbulb } from 'lucide-react';
+import { FileText, Layers, Timer, Lightbulb, ArrowUpRight } from 'lucide-react';
 import { cn } from '@/lib/utils';
 import { SPRING } from '@/lib/animation/springConfig';
 
@@ -20,6 +21,8 @@ interface KnowledgeCard {
   title: string;
   excerpt?: string;
   time: string;
+  /** 点击跳转目标路径 */
+  targetPath?: string;
 }
 
 interface KnowledgePreviewCardProps {
@@ -70,9 +73,19 @@ const asymmetricRadius = [
 
 export default function KnowledgePreviewCard({ card, index }: KnowledgePreviewCardProps) {
   const ref = useRef<HTMLDivElement>(null);
+  const navigate = useNavigate();
   const mouseX = useMotionValue(0);
   const mouseY = useMotionValue(0);
 
+  const clickable = !!card.targetPath;
+  const handleClick = () => { if (card.targetPath) navigate(card.targetPath); };
+  const handleKeyDown = (e: React.KeyboardEvent) => {
+    if ((e.key === 'Enter' || e.key === ' ') && card.targetPath) {
+      e.preventDefault();
+      navigate(card.targetPath);
+    }
+  };
+
   const rotateX = useSpring(
     useTransform(mouseY, [-0.5, 0.5], [8, -8]),
     { stiffness: SPRING.default.stiffness, damping: SPRING.default.damping }
@@ -101,8 +114,12 @@ export default function KnowledgePreviewCard({ card, index }: KnowledgePreviewCa
   return (
     <motion.div
       ref={ref}
+      role={clickable ? 'link' : undefined}
+      tabIndex={clickable ? 0 : undefined}
+      aria-label={clickable ? `打开${config.label}：${card.title}` : undefined}
       className={cn(
-        'relative overflow-hidden cursor-default group',
+        'relative overflow-hidden group focus-visible:outline-2 focus-visible:outline-brand-500',
+        clickable ? 'cursor-pointer' : 'cursor-default',
         'border border-border/20 backdrop-blur-sm',
         'bg-bg-elevated/40 hover:bg-bg-elevated/60',
         'transition-colors duration-beat-x3',
@@ -116,7 +133,10 @@ export default function KnowledgePreviewCard({ card, index }: KnowledgePreviewCa
       }}
       onMouseMove={handleMouseMove}
       onMouseLeave={handleMouseLeave}
+      onClick={handleClick}
+      onKeyDown={handleKeyDown}
       whileHover={{ y: -4, scale: 1.02 }}
+      whileTap={clickable ? { scale: 0.97 } : undefined}
       transition={SPRING.default}
     >
       {/* 交融渐变遮罩 */}
@@ -142,7 +162,12 @@ export default function KnowledgePreviewCard({ card, index }: KnowledgePreviewCa
         <div className="flex items-center gap-1.5">
           <Icon className={cn('w-3.5 h-3.5', config.accentColor)} strokeWidth={1.5} />
           <span className={cn('text-c2 font-medium', config.accentColor)}>{config.label}</span>
-          <span className="text-c2 text-text-tertiary ml-auto">{card.time}</span>
+          <span className="text-c2 text-text-tertiary ml-auto flex items-center gap-1">
+            {card.time}
+            {clickable && (
+              <ArrowUpRight className="w-3 h-3 opacity-0 group-hover:opacity-70 transition-opacity duration-beat-x2" />
+            )}
+          </span>
         </div>
 
         {/* 标题 */}

client/src/features/dashboard/pages/DashboardPage.tsx

@@ -309,10 +309,10 @@ export default function DashboardPage() {
   }, [showRitual, lastSession]);
 
   const heroStats = [
-    { label: '今日专注', value: todayPomodoroCount, unit: '次', accent: 'pomodoro', icon: Timer },
-    { label: '笔记总数', value: noteTotal, unit: '篇', accent: 'note', icon: FileText },
-    { label: '待复习', value: dueFlashcardCount, unit: '张', accent: 'flashcard', icon: Layers },
-    { label: '费曼进行中', value: feynmanInProgressCount, unit: '个', accent: 'feynman', icon: Lightbulb },
+    { label: '今日专注', value: todayPomodoroCount, unit: '次', accent: 'pomodoro', icon: Timer, path: '/pomodoro' },
+    { label: '笔记总数', value: noteTotal, unit: '篇', accent: 'note', icon: FileText, path: '/notes' },
+    { label: '待复习', value: dueFlashcardCount, unit: '张', accent: 'flashcard', icon: Layers, path: '/flashcards' },
+    { label: '费曼进行中', value: feynmanInProgressCount, unit: '个', accent: 'feynman', icon: Lightbulb, path: '/feynman' },
   ];
 
   /* ── 学习分析 ── */
@@ -332,6 +332,7 @@ export default function DashboardPage() {
         type: 'note',
         title: n.title || '无标题笔记',
         time: formatRelativeTime(new Date(n.updatedAt)),
+        targetPath: `/notes/${n.id}`,
       });
     });
 
@@ -347,6 +348,7 @@ export default function DashboardPage() {
         type: 'flashcard',
         title: card ? card.front.replace(/<[^>]*>/g, '').slice(0, 40) : '复习闪卡',
         time: formatRelativeTime(new Date(latestReview.reviewedAt)),
+        targetPath: '/flashcards',
       });
     }
 
@@ -361,6 +363,7 @@ export default function DashboardPage() {
         type: 'pomodoro',
         title: `${Math.round(latest.actualDuration / 60)} 分钟专注`,
         time: formatRelativeTime(new Date(latest.completedAt)),
+        targetPath: '/pomodoro',
       });
     }
 
@@ -374,6 +377,7 @@ export default function DashboardPage() {
         type: 'feynman',
         title: sortedFeynman[0].concept,
         time: formatRelativeTime(new Date(sortedFeynman[0].updatedAt)),
+        targetPath: `/feynman/${sortedFeynman[0].id}`,
       });
     }
 
@@ -420,14 +424,21 @@ export default function DashboardPage() {
               return (
                 <motion.div
                   key={stat.label}
+                  role="link"
+                  tabIndex={0}
+                  aria-label={`进入${stat.label}模块`}
+                  onClick={() => navigate(stat.path)}
+                  onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); navigate(stat.path); } }}
                   className={cn(
-                    'relative p-5 rounded-kb-xl',
+                    'relative p-5 rounded-kb-xl cursor-pointer',
                     'border border-border/15 backdrop-blur-sm',
                     'bg-bg-elevated/30 hover:bg-bg-elevated/50',
                     'transition-all duration-beat-x3 group',
+                    'focus-visible:outline-2 focus-visible:outline-brand-500',
                   )}
                   variants={heroStatVariant}
                   whileHover={{ y: -2, scale: 1.02 }}
+                  whileTap={{ scale: 0.97 }}
                   transition={SPRING.default}
                 >
                   <div className="flex items-center gap-2 mb-3">