fix: update AI event descriptions and improve CSS styles for event links in the timeline

src/data/ai-events.json

@@ -787,7 +787,7 @@
     "date": "2024-12-20",
     "title": "o3 evals",
     "category": "RESEARCH",
-    "description": "在“OpenAI 的 12 天直播日”的第 12 天，OpenAI 发布了 o3 的基准测试结果，震惊了世界。 该模型在 <a href=\"https://arcprize.org/blog/oai-o3-pub-breakthrough\">ARC-AGI 基准</a>测试中取得了 87.5% 的突破性分数，表明 AGI 可能比许多怀疑论者认为的更近。",
+    "description": "在“OpenAI 的 12 天直播日”的第 12 天，OpenAI 发布了 o3 的基准测试结果，震惊了世界。 该模型在 ARC-AGI 基准测试中取得了 87.5% 的突破性分数，表明 AGI 可能比许多怀疑论者认为的更近。",
     "link": "https://openai.com/12-days/"
   },
   {
@@ -848,7 +848,7 @@
   },
   {
     "date": "2025-01-27",
-    "title": "DeepSeek 爆火全球",
+    "title": "DeepSeek 火爆全球",
     "category": "CULTURE",
     "description": "R1 模型发布一周后，西方国家对 DeepSeek 产生了巨大的恐慌。芯片股一夜暴跌，DeepSeek 应用程序升至 App Store 排名第一。几天之内，这个鲜为人知的中国通用人工智能实验室就在美国家喻户晓。",
     "link": "https://nymag.com/intelligencer/article/deepseek-r1-ai-panic-impact-commentary-analysis.html"
@@ -1009,7 +1009,7 @@
   },
   {
     "date": "2025-03-26",
-    "title": "GPT-4o 原生图像因吉卜力画风火爆全球",
+    "title": "GPT-4o 原生图像生成因吉卜力画风火爆全球",
     "category": "CULTURE",
     "description": "OpenAI 发布 GPT-4o 原生图像生成功能，在推特上造成了病毒是的传播，一小时内 ChatGPT 新增 100 万用户。堪比上一波 DeepSeek 的火爆程度。",
     "link": "https://x.com/fun000001/status/1906892391656865812"

src/styles/HorizontalTimeline.css

@@ -142,32 +142,35 @@
   flex-direction: column;
   gap: 0.75rem;
   flex-grow: 1;
-}
-
-.event-link {
   background: rgba(255, 255, 255, 0.8);
   backdrop-filter: blur(8px);
   border-radius: 10px;
   border: 1px solid rgba(99, 102, 241, 0.15);
+  box-shadow: 0 6px 25px rgba(99, 102, 241, 0.08);
+}
+
+.event-link {
   padding: 1rem 1.2rem;
-  transition: all 0.3s ease, max-height 0.4s ease-in-out;
+  transition: all 0.3s ease;
   cursor: pointer;
-  box-shadow: 0 6px 25px rgba(99, 102, 241, 0.08);
   text-decoration: none;
   color: #1a1a1a;
   display: block;
   position: relative;
   overflow: hidden;
+  border-bottom: 1px solid rgba(99, 102, 241, 0.1);
+}
+
+.event-link:last-child {
+  border-bottom: none;
 }
 
 .event-link:hover {
-  transform: translateY(-3px);
-  box-shadow: 0 10px 30px rgba(99, 102, 241, 0.15);
-  border-color: rgba(99, 102, 241, 0.3);
+  background: rgba(99, 102, 241, 0.05);
 }
 
 .event-content {
-  /* Container inside link if needed, or apply styles directly to .event-link */
+  padding-right: 2rem;
 }
 
 .event-title {
@@ -184,30 +187,27 @@
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  max-height: calc(1.5em);
-  transition: max-height 0.3s ease-in-out;
+  -webkit-line-clamp: 2;
+  transition: all 0.3s ease;
 }
 
 .event-link:hover .event-description {
   -webkit-line-clamp: unset;
-  max-height: 100px;
 }
 
 .event-arrow {
   position: absolute;
-  top: 0.8rem;
-  right: 0.8rem;
+  top: 50%;
+  right: 1rem;
+  transform: translateY(-50%);
   font-size: 1.1rem;
   color: rgba(99, 102, 241, 0.5);
   transition: all 0.3s ease;
-  opacity: 0;
 }
 
 .event-link:hover .event-arrow {
-  opacity: 1;
   color: #4F46E5;
-  transform: translate(2px, -2px);
+  transform: translate(3px, -50%);
 }
 
 .timeline-event-item.model-release::before {
@@ -300,11 +300,10 @@
   
   .event-description {
     font-size: 0.9rem;
-    max-height: calc(1.5em);
   }
   
-  .event-link:hover .event-description {
-    max-height: 80px;
+  .event-arrow {
+    right: 0.8rem;
   }
   
   .timeline-year-separator {