From ddea832261d6eab43f135f312bbc508f98b24cac Mon Sep 17 00:00:00 2001
From: Caihaohan <caihaohan0712@foxmail.com>
Date: Tue, 27 Jan 2026 20:19:26 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=85=B3=E9=94=AE?=
 =?UTF-8?q?=E8=AF=8D=E8=AF=8D=E4=BA=91=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/[locale]/keyword-cloud/page.tsx | 35 +++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/app/[locale]/keyword-cloud/page.tsx

diff --git a/src/app/[locale]/keyword-cloud/page.tsx b/src/app/[locale]/keyword-cloud/page.tsx
new file mode 100644
index 0000000..b0e431d
--- /dev/null
+++ b/src/app/[locale]/keyword-cloud/page.tsx
@@ -0,0 +1,35 @@
+import { KeywordCloud } from './components/KeywordCloud';
+
+interface PageProps {
+  params: {
+    locale: string;
+  };
+  searchParams: {
+    quarter?: string;
+  };
+}
+
+export default function KeywordCloudPage({ searchParams }: PageProps) {
+  // 如果 URL 中有 quarter 参数,使用它;否则使用默认季度
+  const quarter = searchParams.quarter || '2024-Q1';
+
+  return (
+    <main className="relative z-10 max-w-6xl mx-auto px-4 pb-32 overflow-visible">
+      {/* 页面标题 */}
+      <header className="relative z-10 pt-16 pb-8 text-center max-w-4xl mx-auto px-4">
+        <div className="inline-block bg-accent dark:bg-purple-700 border-2 border-black px-3 py-1 font-display font-bold text-xs mb-4 shadow-hard-sm rotate-[-2deg]">
+          AI 热点追踪
+        </div>
+        <h1 className="font-display text-5xl md:text-7xl font-bold mb-6 tracking-tighter leading-tight">
+          季度 AI <span className="text-transparent bg-clip-text bg-gradient-to-r from-blue-500 to-purple-500" style={{ WebkitTextStroke: '1.5px black' }}>热点词云</span>
+        </h1>
+        <p className="text-lg md:text-xl max-w-2xl mx-auto font-medium text-gray-700 dark:text-gray-300 mb-8">
+          从 "大型语言模型" 到 "Agent 工作流"。探索 AI 话语的演变历程。
+        </p>
+      </header>
+
+      {/* 词云组件 */}
+      <KeywordCloud initialQuarter={quarter} />
+    </main>
+  );
+}