diff --git a/src/views/EventDetail/components/HistoricalEvents.js b/src/views/EventDetail/components/HistoricalEvents.js
index b69df2d6..24a6ee89 100644
--- a/src/views/EventDetail/components/HistoricalEvents.js
+++ b/src/views/EventDetail/components/HistoricalEvents.js
@@ -1,5 +1,6 @@
 // src/views/EventDetail/components/HistoricalEvents.js
 import React, { useState, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
 import {
     Box,
     VStack,
@@ -37,6 +38,8 @@ const HistoricalEvents = ({
     loading = false,
     error = null
 }) => {
+    const navigate = useNavigate();
+
     // 状态管理
     const [selectedEventForStocks, setSelectedEventForStocks] = useState(null);
     const [stocksModalOpen, setStocksModalOpen] = useState(false);
@@ -110,6 +113,11 @@ const HistoricalEvents = ({
         setSelectedEventForStocks(null);
     };
 
+    // 处理卡片点击跳转到事件详情页
+    const handleCardClick = (event) => {
+        navigate(`/event-detail/${event.id}`);
+    };
+
     // 获取重要性颜色
     const getImportanceColor = (importance) => {
         if (importance >= 4) return 'red';
@@ -229,9 +237,12 @@ const HistoricalEvents = ({
                             borderColor={borderColor}
                             borderRadius="md"
                             p={4}
+                            cursor="pointer"
+                            onClick={() => handleCardClick(event)}
                             _hover={{
-                                boxShadow: 'md',
-                                borderColor: 'blue.300',
+                                boxShadow: 'lg',
+                                borderColor: 'blue.400',
+                                transform: 'translateY(-2px)',
                             }}
                             transition="all 0.2s"
                         >
@@ -243,6 +254,12 @@ const HistoricalEvents = ({
                                     color={useColorModeValue('blue.600', 'blue.400')}
                                     noOfLines={2}
                                     lineHeight="1.4"
+                                    cursor="pointer"
+                                    onClick={(e) => {
+                                        e.stopPropagation();
+                                        handleCardClick(event);
+                                    }}
+                                    _hover={{ textDecoration: 'underline' }}
                                 >
                                     {event.title || '未命名事件'}
                                 </Text>
@@ -281,7 +298,10 @@ const HistoricalEvents = ({
                                 <Button
                                     size="sm"
                                     leftIcon={<Icon as={FaChartLine} />}
-                                    onClick={() => handleViewStocks(event)}
+                                    onClick={(e) => {
+                                        e.stopPropagation();
+                                        handleViewStocks(event);
+                                    }}
                                     colorScheme="blue"
                                     variant="outline"
                                     width="full"