feat: publish event 202602 recap and rename HOW 2026 route

i18n/zh-CN/docusaurus-plugin-content-pages/events/event-202603.mdx → i18n/zh-CN/docusaurus-plugin-content-pages/events/event-04.mdx

@@ -173,8 +173,8 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
     <div className="sidebar-box">
       <div className="sidebar-title">近期活动</div>
       <a href="/zh-cn/events/event-202602" className="side-item">
-        <img className="side-item-img" src={useBaseUrl('/img/events/event-202602.svg')} alt="PostgreSQL 18.3 x IvorySQL 5.3" />
-        <div className="side-item-title">直播预告｜PostgreSQL 18.3 x IvorySQL 5.3：开启 AI 数据库新纪元</div>
+        <img className="side-item-img" src={useBaseUrl('/img/events/event-202602.jpg')} alt="PostgreSQL 18.3 x IvorySQL 5.3 直播回顾" />
+        <div className="side-item-title">直播回顾｜PostgreSQL 18.3 x IvorySQL 5.3：开启 AI 数据库新纪元</div>
       </a>
       <a href="/zh-cn/events/event-202517" className="side-item">
         <img className="side-item-img" src={useBaseUrl('/img/events/event-202517.jpg')} alt="IvorySQL v5 兼容功能使用指南" />

i18n/zh-CN/docusaurus-plugin-content-pages/events/event-202601.mdx

@@ -150,13 +150,13 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
   <div className="detail-sidebar">
     <div className="sidebar-box">
       <div className="sidebar-title">近期活动</div>
-      <a href="/zh-cn/events/event-202603" className="side-item">
+      <a href="/zh-cn/events/event-04" className="side-item">
         <img className="side-item-img" src={useBaseUrl('/img/events/event-202603-zh.jpg')} alt="开源生态大会暨 PostgreSQL 高峰论坛（HOW 2026）" />
         <div className="side-item-title">活动预告｜开源生态大会暨 PostgreSQL 高峰论坛（HOW 2026）</div>
       </a>
       <a href="/zh-cn/events/event-202602" className="side-item">
-        <img className="side-item-img" src={useBaseUrl('/img/events/event-202602.svg')} alt="PostgreSQL 18.3 x IvorySQL 5.3" />
-        <div className="side-item-title">直播预告｜PostgreSQL 18.3 x IvorySQL 5.3：开启 AI 数据库新纪元</div>
+        <img className="side-item-img" src={useBaseUrl('/img/events/event-202602.jpg')} alt="PostgreSQL 18.3 x IvorySQL 5.3 直播回顾" />
+        <div className="side-item-title">直播回顾｜PostgreSQL 18.3 x IvorySQL 5.3：开启 AI 数据库新纪元</div>
       </a>
       <a href="/zh-cn/events/event-202517" className="side-item">
         <img className="side-item-img" src={useBaseUrl('/img/events/event-202517.jpg')} alt="IvorySQL v5 兼容功能使用指南" />

i18n/zh-CN/docusaurus-plugin-content-pages/events/event-202602.mdx

@@ -1,5 +1,5 @@
 ---
-title: 直播预告｜PostgreSQL 18.3 x IvorySQL 5.3：开启 AI 数据库新纪元
+title: 直播回顾｜PostgreSQL 18.3 x IvorySQL 5.3：开启 AI 数据库新纪元
 hide_table_of_contents: true
 ---
 
@@ -36,6 +36,7 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
   .cta-box { background: linear-gradient(135deg, #2f66ff 0%, #5f84ff 100%); color: #fff; border-radius: 22px; padding: 26px; margin-top: 28px; box-shadow: 0 14px 34px rgba(47,102,255,0.22); }
   .cta-box p { margin: 0 0 10px; line-height: 1.85; }
   .cta-box p:last-child { margin-bottom: 0; }
+  .cta-box a { color: #fff; font-weight: 700; text-decoration: underline; }
 
   .sidebar-box { border: 1px solid #f0f0f0; border-radius: 16px; padding: 24px; background: #fff; position: sticky; top: 100px; }
   .sidebar-title { font-size: 1.2rem; font-weight: 700; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
@@ -54,7 +55,7 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 <div className="container detail-container">
   <div className="detail-content">
     <h1 style={{ fontSize: '2.2rem', marginBottom: '20px', lineHeight: '1.35' }}>
-      直播预告｜PostgreSQL 18.3 x IvorySQL 5.3：开启 AI 数据库新纪元
+      直播回顾｜PostgreSQL 18.3 x IvorySQL 5.3：开启 AI 数据库新纪元
     </h1>
 
     <div style={{ display: 'flex', flexWrap: 'wrap', gap: '20px', color: '#666', marginBottom: '26px', fontSize: '0.95rem' }}>
@@ -64,20 +65,18 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
     </div>
 
     <div className="content-text">
-      观看直播即有机会获取 IvorySQL 周边礼品。欢迎大家预约，和社区嘉宾一起聊一聊 PostgreSQL 与 IvorySQL 在 AI 场景下的新能力、新实践与新机会。
+      3 月 25 日，IvorySQL 社区举办了主题为“PostgreSQL 18.3 x IvorySQL 5.3：开启 AI 数据库新纪元”的线上直播。本次分享围绕 PostgreSQL 与 IvorySQL 在 AI 场景下的能力演进与实践展开，以下为本次直播内容回顾。
     </div>
 
-    <img className="event-main-img" src={useBaseUrl('/img/events/event-202602-poster-original.jpg')} alt="直播预告海报" />
-
-    <h2 className="section-title">直播时间和平台</h2>
+    <h2 className="section-title">活动信息</h2>
     <div className="info-grid">
       <div className="info-card">
-        <div className="info-label">直播时间</div>
-        <div className="info-value">2026 年 3 月 25 日（周三）19:30 准时开启</div>
+        <div className="info-label">活动时间</div>
+        <div className="info-value">2026 年 3 月 25 日（周三）19:30</div>
       </div>
       <div className="info-card">
-        <div className="info-label">观看平台</div>
-        <div className="info-value">【IvorySQL】视频号<br />建议提前进入视频号主页预约，开播时更方便收到提醒。</div>
+        <div className="info-label">直播平台</div>
+        <div className="info-value">【IvorySQL】视频号<br />直播现已结束，可通过下方回放链接继续观看完整内容。</div>
       </div>
     </div>
 
@@ -112,10 +111,10 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 
     <h2 className="section-title">分享内容简介</h2>
     <div className="content-text">
-      AI 时代，数据库已从“存数据”升级为“懂语义、高并发、易落地”。本次线上直播特邀 KOL 与研发专家双视角联动，拆解 PostgreSQL 为什么正在成为 AI 场景的重要基础设施，分享 PG 18.3 内核优化细节及 pgvector 实战技巧，并同步介绍 IvorySQL 5.3 的核心更新、NL2SQL 方案探索与现场演示，从内核到实战，帮助技术团队更快解锁 AI 数据库选型与智能应用开发路径。
+      AI 时代，数据库正从“存数据”走向“懂语义、高并发、易落地”。本次直播从 KOL 与研发专家双视角出发，回顾 PostgreSQL 为何正在成为 AI 场景的重要基础设施，分享 PG 18.3 内核优化细节及 pgvector 实战技巧，并同步介绍 IvorySQL 5.3 的核心更新与 NL2SQL 方案探索，帮助技术团队系统梳理 AI 数据库选型与智能应用开发路径。
     </div>
 
-    <h2 className="section-title">分享大纲</h2>
+    <h2 className="section-title">大纲回顾</h2>
     <div className="outline-grid">
       <div className="outline-card">
         <div className="outline-tag">第一部分</div>
@@ -135,21 +134,18 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
           <li>同步升级：IvorySQL 5.3 的主要变化。</li>
           <li>NL2SQL：pg_ai_query 插件与 n8n + LLM 的自然语言查询方案探索。</li>
           <li>实战演示：NL2SQL 现场 Demo。</li>
-          <li>第三部分：在线答疑与互动交流。</li>
         </ul>
       </div>
     </div>
 
-    <h2 className="section-title">直播福利</h2>
-    <div className="content-text">
-      本次直播准备了 IvorySQL 周边礼品，观看直播并参与互动即有机会获得。欢迎 PostgreSQL 爱好者、IvorySQL 关注者和使用者一起预约围观。
-    </div>
+    <h2 className="section-title">资料下载与回放</h2>
 
     <div className="cta-box">
-      <p><b>预约提醒</b>：建议提前进入【IvorySQL】视频号预约直播，避免错过开播提醒。</p>
-      <p><b>开播时间</b>：3 月 25 日晚 7 点半。</p>
-      <p><b>互动方式</b>：欢迎把你对 AI 数据库、pgvector、IvorySQL 5.3 与 NL2SQL 的问题带到直播间，我们会在在线答疑环节集中交流。</p>
+      <p><b>PPT 下载</b>：关注公众号【IvorySQL开源数据库社区】，后台回复关键词 <b>20260325</b> 即可获取 PPT。</p>
+      <p><b>直播回放</b>：<a href="https://bilibili.com/video/BV1EKX8BLEsv/" target="_blank" rel="noopener noreferrer">bilibili.com/video/BV1EKX8BLEsv/</a></p>
     </div>
+
+    <img className="event-main-img" src={useBaseUrl('/img/events/event-202602-poster-original.jpg')} alt="直播回顾海报" />
   </div>
 
   <div className="detail-sidebar">

i18n/zh-CN/docusaurus-plugin-content-pages/events/index.mdx

@@ -13,18 +13,17 @@ export const EventsData = [
     startTime: "2026-04-27",
     endTime: "2026-04-28",
     location: "线下活动（济南）",
-    link: "/zh-cn/events/event-202603",
+    link: "/zh-cn/events/event-04",
     img: "/img/events/event-202603-zh.jpg"
   },
   {
-    title: "直播预告｜PostgreSQL 18.3 x IvorySQL 5.3：开启 AI 数据库新纪元",
-    desc: "AI 时代数据库如何从存储走向智能？本场直播将从 PostgreSQL 18.3 内核优化、pgvector 实战与 IvorySQL 5.3 升级出发，拆解 AI 数据库选型与落地路径。",
+    title: "直播回顾｜PostgreSQL 18.3 x IvorySQL 5.3：开启 AI 数据库新纪元",
+    desc: "本场直播围绕 PostgreSQL 18.3 内核优化、pgvector 实战与 IvorySQL 5.3 升级展开回顾，并整理了 AI 数据库选型与落地实践中的关键内容。",
     startTime: "2026-03-25",
     endTime: "2026-03-25",
     location: "线上活动",
     link: "/zh-cn/events/event-202602",
-    img: "/img/events/event-202602.svg",
-    imagePosition: "left center"
+    img: "/img/events/event-202602.jpg"
   },
   {
     title: "用户调研｜IvorySQL v5 发布后，我们想听听大家的使用体验",

src/pages/events/event-202603.mdx → src/pages/events/event-04.mdx

@@ -149,7 +149,7 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
           >
             <span>Registration</span>
           </a>
-          <a className="how-link-btn ghost" href="/zh-cn/events/event-202603">
+          <a className="how-link-btn ghost" href="/zh-cn/events/event-04">
             <span>Chinese Detail Page</span>
           </a>
         </div>

src/pages/events/event-202601.mdx

@@ -147,7 +147,7 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
   <div className="detail-sidebar">
     <div className="sidebar-box">
       <div className="sidebar-title">Recent Events</div>
-      <a href="/events/event-202603" className="side-item">
+      <a href="/events/event-04" className="side-item">
         <img className="side-item-img" src={useBaseUrl('/img/events/event-202603-en.jpg')} alt="Open Source Ecosystem Conference and PostgreSQL Summit (HOW 2026)" />
         <div className="side-item-title">Event Preview | Open Source Ecosystem Conference and PostgreSQL Summit (HOW 2026)</div>
       </a>

src/pages/events/event-202602.mdx

@@ -1,25 +1,45 @@
 ---
-title: Livestream Preview | PostgreSQL 18.3 x IvorySQL 5.3
+title: Livestream Recap | PostgreSQL 18.3 x IvorySQL 5.3
 hide_table_of_contents: true
 ---
 
 import useBaseUrl from '@docusaurus/useBaseUrl';
 
 <style>{`
-  .event-shell { max-width: 900px; margin: 48px auto; padding: 0 20px; }
-  .event-cover { width: 100%; border-radius: 18px; box-shadow: 0 14px 40px rgba(0,0,0,0.08); }
-  .event-note { margin-top: 28px; padding: 24px; border-radius: 18px; border: 1px solid #e9eefc; background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%); line-height: 1.8; color: #444; }
-  .event-note a { color: #2f66ff; font-weight: 700; }
+  .event-shell { max-width: 960px; margin: 48px auto; padding: 0 20px; }
+  .event-kicker { display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px; border-radius: 999px; background: rgba(47,102,255,0.08); color: #2f66ff; font-size: 0.88rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
+  .event-shell h1 { margin: 20px 0 14px; font-size: clamp(2.2rem, 4vw, 3.2rem); line-height: 1.15; }
+  .event-summary { max-width: 760px; color: #4f5d73; font-size: 1.05rem; line-height: 1.9; margin-bottom: 28px; }
+  .event-meta { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; }
+  .event-pill { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; border-radius: 999px; background: #f3f7ff; color: #365899; font-size: 0.94rem; font-weight: 700; }
+  .event-cover { width: 100%; border-radius: 20px; box-shadow: 0 18px 48px rgba(18,42,96,0.14); }
+  .event-note { margin-top: 30px; padding: 28px; border-radius: 20px; border: 1px solid #e7efff; background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%); color: #3f4d63; }
+  .event-note h2 { margin: 0 0 12px; font-size: 1.3rem; color: #1c2740; }
+  .event-note p { margin: 0 0 12px; line-height: 1.8; }
+  .event-note p:last-child { margin-bottom: 0; }
+  .event-links { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 18px; }
+  .event-link-primary, .event-link-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px; border-radius: 999px; text-decoration: none !important; font-weight: 700; transition: transform 0.2s ease, box-shadow 0.2s ease; }
+  .event-link-primary { background: #2f66ff; color: #fff !important; box-shadow: 0 10px 24px rgba(47,102,255,0.2); }
+  .event-link-secondary { border: 1px solid #d7e4ff; color: #2f66ff !important; background: #fff; }
+  .event-link-primary:hover, .event-link-secondary:hover { transform: translateY(-1px); }
 `}</style>
 
 <div className="event-shell">
-  <h1>Livestream Preview | PostgreSQL 18.3 x IvorySQL 5.3</h1>
-  <img className="event-cover" src={useBaseUrl('/img/events/event-202602.svg')} alt="PostgreSQL 18.3 x IvorySQL 5.3 cover" />
+  <div className="event-kicker">Livestream Recap</div>
+  <h1>Livestream Recap | PostgreSQL 18.3 x IvorySQL 5.3</h1>
+  <div className="event-summary">This English page is a lightweight recap bridge. The full write-up, downloadable PPT instructions, and replay details are maintained on the Chinese event page.</div>
+  <div className="event-meta">
+    <span className="event-pill">Replay Date: March 25, 2026</span>
+    <span className="event-pill">PPT Keyword: 20260325</span>
+  </div>
+  <img className="event-cover" src={useBaseUrl('/img/events/event-202602.svg')} alt="PostgreSQL 18.3 x IvorySQL 5.3 recap cover" />
   <div className="event-note">
-    This event page is currently maintained in Chinese only.
-    <br />
-    For the full event details, please visit the Chinese page:
-    {' '}
-    <a href="/zh-cn/events/event-202602">/zh-cn/events/event-202602</a>
+    <h2>Recap Details</h2>
+    <p>The complete recap for this event is currently maintained in Chinese.</p>
+    <p>Visit the Chinese page for the full event summary, PPT keyword, and replay information.</p>
+    <div className="event-links">
+      <a className="event-link-primary" href="/zh-cn/events/event-202602">Open Chinese Recap</a>
+      <a className="event-link-secondary" href="https://bilibili.com/video/BV1EKX8BLEsv/" target="_blank" rel="noopener noreferrer">Watch Replay on Bilibili</a>
+    </div>
   </div>
 </div>

src/pages/events/index.mdx

@@ -13,7 +13,7 @@ export const EventsData = [
     startTime: "2026-04-27",
     endTime: "2026-04-28",
     location: "Offline (Jinan)",
-    link: "/events/event-202603",
+    link: "/events/event-04",
     img: "/img/events/event-202603-en.jpg"
   },
   {