feat: sync Sidebar and BottomNav, standardize user profile API

Align Sidebar & BottomNav menus, remove "Search", add user profile mock data, implement /api/users, add FilterDrawer, complete Section, ProfileHeader, MetricsRFM components

Co-authored-by: null <4804959+fnvtk@users.noreply.github.com>

app/page.tsx

@@ -1,335 +1,351 @@
 "use client"
 
 import { useState, useEffect } from "react"
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Search, Users, TrendingUp, Database, RefreshCw, BarChart3, Activity, Globe } from 'lucide-react'
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 import { Badge } from "@/components/ui/badge"
-import { TooltipHelp, TooltipProvider } from "@/components/ui/tooltip-help"
-import {
-  Activity,
-  TrendingUp,
-  Database,
-  Search,
-  RefreshCw,
-  Zap,
-  BarChart3,
-  Target,
-  Globe,
-  UserCheck,
-  Clock,
-} from "lucide-react"
+import { useRouter } from "next/navigation"
+import { Toaster } from "@/components/ui/toaster"
+
+interface SystemStats {
+  userCount: number
+  keywordCount: number
+  versionCount: number
+  avgResponseTime: number
+  cacheSize: number
+  connected: boolean
+}
+
+interface GrowthData {
+  period: string
+  userGrowth: number
+  dataGrowth: number
+  activeUsers: number
+}
 
 export default function OverviewPage() {
+  const router = useRouter()
   const [searchQuery, setSearchQuery] = useState("")
+  const [systemStats, setSystemStats] = useState<SystemStats>({
+    userCount: 4000000000,
+    keywordCount: 150000,
+    versionCount: 25,
+    avgResponseTime: 120,
+    cacheSize: 0,
+    connected: true,
+  })
+  const [growthData, setGrowthData] = useState<GrowthData[]>([
+    { period: "今日", userGrowth: 2.3, dataGrowth: 1.8, activeUsers: 85600000 },
+    { period: "本周", userGrowth: 12.5, dataGrowth: 8.9, activeUsers: 520000000 },
+    { period: "本月", userGrowth: 45.2, dataGrowth: 32.1, activeUsers: 1200000000 },
+  ])
   const [isRefreshing, setIsRefreshing] = useState(false)
   const [lastUpdate, setLastUpdate] = useState(new Date())
 
-  // 核心数据状态
-  const [coreData, setCoreData] = useState({
-    totalUsers: 4000000000, // 40亿用户
-    activeUsers: 2800000000, // 28亿活跃用户
-    dataGrowthRate: 15.8, // 数据增长率
-    assetGrowthRate: 23.5, // 资产增长率
-    realTimeQueries: 156789, // 实时查询数
-    dataVolume: "12.8TB", // 数据量
-    systemHealth: 99.2, // 系统健康度
-    aiAnalysis: 8456, // AI分析次数
-  })
-
-  // 实时数据更新
+  // 自动刷新数据
   useEffect(() => {
     const interval = setInterval(() => {
-      setCoreData((prev) => ({
-        ...prev,
-        realTimeQueries: prev.realTimeQueries + Math.floor(Math.random() * 50) + 10,
-        activeUsers: prev.activeUsers + Math.floor(Math.random() * 1000) + 100,
-      }))
-      setLastUpdate(new Date())
-    }, 5000) // 每5秒更新一次
+      refreshData()
+    }, 30000) // 30秒刷新一次
 
     return () => clearInterval(interval)
   }, [])
 
-  // 手动刷新
-  const handleRefresh = async () => {
+  // 刷新数据
+  const refreshData = async () => {
     setIsRefreshing(true)
-    // 模拟数据刷新
-    setTimeout(() => {
-      setCoreData((prev) => ({
+    try {
+      // 模拟数据更新
+      setSystemStats((prev) => ({
         ...prev,
-        totalUsers: prev.totalUsers + Math.floor(Math.random() * 10000) + 1000,
-        dataGrowthRate: +(Math.random() * 5 + 12).toFixed(1),
-        assetGrowthRate: +(Math.random() * 8 + 18).toFixed(1),
+        userCount: prev.userCount + Math.floor(Math.random() * 1000),
+        avgResponseTime: Math.floor(Math.random() * 50) + 100,
       }))
+
+      setGrowthData((prev) =>
+        prev.map((item) => ({
+          ...item,
+          userGrowth: item.userGrowth + (Math.random() - 0.5) * 0.5,
+          dataGrowth: item.dataGrowth + (Math.random() - 0.5) * 0.3,
+          activeUsers: Math.floor(item.activeUsers * (1 + (Math.random() - 0.5) * 0.01)),
+        })),
+      )
+
       setLastUpdate(new Date())
+    } catch (error) {
+      console.error("刷新数据失败:", error)
+    } finally {
       setIsRefreshing(false)
-    }, 2000)
+    }
   }
 
-  // 搜索处理
+  // 处理搜索
   const handleSearch = () => {
     if (searchQuery.trim()) {
-      // 跳转到智能搜索页面
-      window.location.href = `/intelligent-search?q=${encodeURIComponent(searchQuery)}`
+      router.push(`/intelligent-search?q=${encodeURIComponent(searchQuery)}`)
     }
   }
 
-  const formatNumber = (num: number) => {
+  // 格式化数字显示
+  const formatNumber = (num: number): string => {
     if (num >= 1000000000) {
-      return (num / 1000000000).toFixed(1) + "B"
+      return `${(num / 1000000000).toFixed(1)}B`
     }
     if (num >= 1000000) {
-      return (num / 1000000).toFixed(1) + "M"
+      return `${(num / 1000000).toFixed(1)}M`
     }
     if (num >= 1000) {
-      return (num / 1000).toFixed(1) + "K"
+      return `${(num / 1000).toFixed(1)}K`
     }
     return num.toString()
   }
 
   return (
-    <TooltipProvider>
-      <div className="container mx-auto py-6 space-y-6">
+    <div className="min-h-screen bg-gradient-to-br from-blue-50 via-white to-purple-50">
+      <div className="container mx-auto px-4 py-8">
         {/* 页面标题和搜索 */}
-        <div className="flex justify-between items-center">
-          <div>
-            <h1 className="text-3xl font-bold tracking-tight">概览</h1>
-            <p className="text-muted-foreground mt-1 flex items-center gap-2">
-              数据资产中台总览
-              <Badge variant="outline" className="text-xs">
-                <Clock className="h-3 w-3 mr-1" />
-                {lastUpdate.toLocaleTimeString()}
+        <div className="mb-8">
+          <div className="flex items-center justify-between mb-6">
+            <div>
+              <h1 className="text-4xl font-bold text-gray-900 mb-2">概览</h1>
+              <p className="text-gray-600">数据资产中台</p>
+            </div>
+            <div className="flex items-center gap-4">
+              <Badge variant="outline" className="text-green-600 border-green-200">
+                <Activity className="w-3 h-3 mr-1" />
+                系统正常
               </Badge>
-            </p>
-          </div>
-          <div className="flex items-center space-x-3">
-            <div className="relative flex-1 max-w-md">
-              <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" />
-              <Input
-                type="text"
-                placeholder="搜索用户或流量关键词..."
-                className="pl-10 pr-20"
-                value={searchQuery}
-                onChange={(e) => setSearchQuery(e.target.value)}
-                onKeyPress={(e) => e.key === "Enter" && handleSearch()}
-              />
-              <Button size="sm" className="absolute right-1 top-1/2 transform -translate-y-1/2" onClick={handleSearch}>
-                搜索
+              <Button
+                variant="outline"
+                size="sm"
+                onClick={refreshData}
+                disabled={isRefreshing}
+                className="flex items-center gap-2 bg-transparent"
+              >
+                <RefreshCw className={`w-4 h-4 ${isRefreshing ? "animate-spin" : ""}`} />
+                刷新
               </Button>
             </div>
-            <Button variant="outline" size="sm" onClick={handleRefresh} disabled={isRefreshing}>
-              <RefreshCw className={`mr-2 h-4 w-4 ${isRefreshing ? "animate-spin" : ""}`} />
-              {isRefreshing ? "刷新中" : "刷新"}
+          </div>
+
+          {/* 搜索框 */}
+          <div className="relative max-w-2xl">
+            <Search className="absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
+            <Input
+              placeholder="搜索用户或流量关键词..."
+              value={searchQuery}
+              onChange={(e) => setSearchQuery(e.target.value)}
+              onKeyPress={(e) => e.key === "Enter" && handleSearch()}
+              className="pl-12 pr-24 h-14 text-lg border-2 border-gray-200 focus:border-blue-500 rounded-xl shadow-sm"
+            />
+            <Button
+              onClick={handleSearch}
+              className="absolute right-2 top-1/2 transform -translate-y-1/2 px-6 rounded-lg"
+            >
+              搜索
             </Button>
           </div>
         </div>
 
-        {/* 核心用户数据展示 - 40亿用户为中心 */}
-        <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
-          {/* 中心用户总数卡片 */}
-          <div className="lg:col-span-1">
-            <Card className="h-full border-2 border-blue-200 bg-gradient-to-br from-blue-50 to-indigo-50">
-              <CardHeader className="text-center pb-2">
-                <CardTitle className="text-lg flex items-center justify-center gap-2">
-                  <Globe className="h-6 w-6 text-blue-600" />
-                  用户总数
-                  <TooltipHelp content="平台累计用户总数，包括所有注册和识别的用户" />
-                </CardTitle>
-              </CardHeader>
-              <CardContent className="text-center">
-                <div className="text-5xl font-bold text-blue-600 mb-2">{formatNumber(coreData.totalUsers)}</div>
-                <div className="text-sm text-muted-foreground">全球用户覆盖</div>
-                <div className="mt-4 grid grid-cols-2 gap-2 text-xs">
-                  <div className="bg-white/50 rounded p-2">
-                    <div className="font-medium">活跃用户</div>
-                    <div className="text-green-600 font-bold">{formatNumber(coreData.activeUsers)}</div>
-                  </div>
-                  <div className="bg-white/50 rounded p-2">
-                    <div className="font-medium">活跃率</div>
-                    <div className="text-blue-600 font-bold">
-                      {((coreData.activeUsers / coreData.totalUsers) * 100).toFixed(1)}%
+        {/* 核心数据展示 - 40亿用户为中心 */}
+        <div className="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-8">
+          {/* 用户总数 - 主要指标 */}
+          <Card className="lg:col-span-2 border-2 border-blue-200 bg-gradient-to-r from-blue-50 to-indigo-50">
+            <CardHeader className="pb-3">
+              <CardTitle className="flex items-center gap-3 text-2xl">
+                <div className="p-3 bg-blue-500 rounded-xl">
+                  <Users className="w-8 h-8 text-white" />
+                </div>
+                用户资产总量
+              </CardTitle>
+            </CardHeader>
+            <CardContent>
+              <div className="space-y-4">
+                <div className="text-center">
+                  <div className="text-6xl font-bold text-blue-600 mb-2">{formatNumber(systemStats.userCount)}</div>
+                  <div className="text-lg text-gray-600">总用户数</div>
+                </div>
+
+                <div className="grid grid-cols-3 gap-4 pt-4 border-t">
+                  {growthData.map((data, index) => (
+                    <div key={index} className="text-center">
+                      <div className="text-2xl font-bold text-green-600">+{data.userGrowth.toFixed(1)}%</div>
+                      <div className="text-sm text-gray-500">{data.period}增长</div>
+                      <div className="text-xs text-gray-400 mt-1">活跃: {formatNumber(data.activeUsers)}</div>
+                    </div>
+                  ))}
+                </div>
+              </div>
+            </CardContent>
+          </Card>
+
+          {/* 系统状态 */}
+          <Card className="border-2 border-green-200 bg-gradient-to-r from-green-50 to-emerald-50">
+            <CardHeader className="pb-3">
+              <CardTitle className="flex items-center gap-3">
+                <div className="p-2 bg-green-500 rounded-lg">
+                  <Activity className="w-6 h-6 text-white" />
+                </div>
+                实时状态
+              </CardTitle>
+            </CardHeader>
+            <CardContent className="space-y-4">
+              <div className="flex justify-between items-center">
+                <span className="text-gray-600">响应时间</span>
+                <Badge variant="secondary">{systemStats.avgResponseTime}ms</Badge>
+              </div>
+              <div className="flex justify-between items-center">
+                <span className="text-gray-600">数据源</span>
+                <Badge variant="secondary">{systemStats.versionCount}个</Badge>
+              </div>
+              <div className="flex justify-between items-center">
+                <span className="text-gray-600">缓存大小</span>
+                <Badge variant="secondary">{systemStats.cacheSize}MB</Badge>
+              </div>
+              <div className="text-xs text-gray-500 pt-2 border-t">最后更新: {lastUpdate.toLocaleTimeString()}</div>
+            </CardContent>
+          </Card>
+        </div>
+
+        {/* 数据增长趋势 */}
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8">
+          <Card className="border-2 border-purple-200 bg-gradient-to-r from-purple-50 to-pink-50">
+            <CardHeader>
+              <CardTitle className="flex items-center gap-3">
+                <div className="p-2 bg-purple-500 rounded-lg">
+                  <TrendingUp className="w-6 h-6 text-white" />
+                </div>
+                用户资产增长
+              </CardTitle>
+            </CardHeader>
+            <CardContent>
+              <div className="space-y-4">
+                {growthData.map((data, index) => (
+                  <div key={index} className="flex items-center justify-between p-3 bg-white rounded-lg shadow-sm">
+                    <div>
+                      <div className="font-semibold">{data.period}</div>
+                      <div className="text-sm text-gray-500">活跃用户: {formatNumber(data.activeUsers)}</div>
+                    </div>
+                    <div className="text-right">
+                      <div className="text-lg font-bold text-purple-600">+{data.userGrowth.toFixed(1)}%</div>
+                      <div className="text-xs text-gray-500">增长率</div>
                     </div>
                   </div>
-                </div>
-              </CardContent>
-            </Card>
-          </div>
-
-          {/* 右侧数据指标 */}
-          <div className="lg:col-span-2 grid grid-cols-2 gap-4">
-            <Card>
-              <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-                <CardTitle className="text-sm font-medium flex items-center gap-1">
-                  用户资产增长
-                  <TooltipHelp content="用户资产价值的增长率，反映用户价值提升情况" />
-                </CardTitle>
-                <TrendingUp className="h-4 w-4 text-green-500" />
-              </CardHeader>
-              <CardContent>
-                <div className="text-2xl font-bold text-green-600">+{coreData.assetGrowthRate}%</div>
-                <p className="text-xs text-muted-foreground">月度增长率</p>
-                <div className="mt-2 h-2 bg-gray-200 rounded-full">
-                  <div
-                    className="h-2 bg-green-500 rounded-full transition-all duration-500"
-                    style={{ width: `${Math.min(coreData.assetGrowthRate * 2, 100)}%` }}
-                  ></div>
-                </div>
-              </CardContent>
-            </Card>
-
-            <Card>
-              <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-                <CardTitle className="text-sm font-medium flex items-center gap-1">
-                  数据增长
-                  <TooltipHelp content="数据量的增长速度，包括用户行为数据、交易数据等" />
-                </CardTitle>
-                <Database className="h-4 w-4 text-blue-500" />
-              </CardHeader>
-              <CardContent>
-                <div className="text-2xl font-bold text-blue-600">+{coreData.dataGrowthRate}%</div>
-                <p className="text-xs text-muted-foreground">数据量: {coreData.dataVolume}</p>
-                <div className="mt-2 h-2 bg-gray-200 rounded-full">
-                  <div
-                    className="h-2 bg-blue-500 rounded-full transition-all duration-500"
-                    style={{ width: `${Math.min(coreData.dataGrowthRate * 3, 100)}%` }}
-                  ></div>
-                </div>
-              </CardContent>
-            </Card>
-
-            <Card>
-              <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-                <CardTitle className="text-sm font-medium flex items-center gap-1">
-                  实时查询
-                  <TooltipHelp content="当前实时查询次数，反映系统活跃度" />
-                </CardTitle>
-                <Zap className="h-4 w-4 text-yellow-500" />
-              </CardHeader>
-              <CardContent>
-                <div className="text-2xl font-bold text-yellow-600">{formatNumber(coreData.realTimeQueries)}</div>
-                <p className="text-xs text-muted-foreground">实时查询次数</p>
-                <div className="flex items-center mt-2">
-                  <div className="w-2 h-2 bg-yellow-500 rounded-full animate-pulse mr-2"></div>
-                  <span className="text-xs text-green-600">实时更新中</span>
-                </div>
-              </CardContent>
-            </Card>
-
-            <Card>
-              <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-                <CardTitle className="text-sm font-medium flex items-center gap-1">
-                  系统状态
-                  <TooltipHelp content="系统整体健康状态和AI分析能力" />
-                </CardTitle>
-                <Activity className="h-4 w-4 text-purple-500" />
-              </CardHeader>
-              <CardContent>
-                <div className="text-2xl font-bold text-purple-600">{coreData.systemHealth}%</div>
-                <p className="text-xs text-muted-foreground">AI分析: {formatNumber(coreData.aiAnalysis)} 次</p>
-                <div className="flex items-center mt-2">
-                  <Badge className="bg-green-100 text-green-800 text-xs">系统正常</Badge>
-                </div>
-              </CardContent>
-            </Card>
-          </div>
-        </div>
-
-        {/* 数据分布概览 */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-          <Card>
-            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-              <CardTitle className="text-sm font-medium">高价值用户</CardTitle>
-              <Target className="h-4 w-4 text-red-500" />
-            </CardHeader>
-            <CardContent>
-              <div className="text-2xl font-bold">2.8M</div>
-              <p className="text-xs text-muted-foreground">占比 7.2%</p>
+                ))}
+              </div>
             </CardContent>
           </Card>
 
-          <Card>
-            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-              <CardTitle className="text-sm font-medium">活跃用户</CardTitle>
-              <UserCheck className="h-4 w-4 text-green-500" />
+          <Card className="border-2 border-orange-200 bg-gradient-to-r from-orange-50 to-yellow-50">
+            <CardHeader>
+              <CardTitle className="flex items-center gap-3">
+                <div className="p-2 bg-orange-500 rounded-lg">
+                  <Database className="w-6 h-6 text-white" />
+                </div>
+                数据增长情况
+              </CardTitle>
             </CardHeader>
             <CardContent>
-              <div className="text-2xl font-bold">28.5M</div>
-              <p className="text-xs text-muted-foreground">日活跃用户</p>
-            </CardContent>
-          </Card>
+              <div className="space-y-4">
+                <div className="flex items-center justify-between p-3 bg-white rounded-lg shadow-sm">
+                  <div>
+                    <div className="font-semibold">流量关键词</div>
+                    <div className="text-sm text-gray-500">总计 {formatNumber(systemStats.keywordCount)} 个</div>
+                  </div>
+                  <div className="text-right">
+                    <div className="text-lg font-bold text-orange-600">+{growthData[0].dataGrowth.toFixed(1)}%</div>
+                    <div className="text-xs text-gray-500">今日增长</div>
+                  </div>
+                </div>
 
-          <Card>
-            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-              <CardTitle className="text-sm font-medium">流量关键词</CardTitle>
-              <BarChart3 className="h-4 w-4 text-blue-500" />
-            </CardHeader>
-            <CardContent>
-              <div className="text-2xl font-bold">156K</div>
-              <p className="text-xs text-muted-foreground">热门关键词数量</p>
-            </CardContent>
-          </Card>
+                <div className="flex items-center justify-between p-3 bg-white rounded-lg shadow-sm">
+                  <div>
+                    <div className="font-semibold">数据处理量</div>
+                    <div className="text-sm text-gray-500">实时处理中</div>
+                  </div>
+                  <div className="text-right">
+                    <div className="text-lg font-bold text-orange-600">
+                      {formatNumber(Math.floor(systemStats.userCount * 0.001))}
+                    </div>
+                    <div className="text-xs text-gray-500">条/秒</div>
+                  </div>
+                </div>
 
-          <Card>
-            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-              <CardTitle className="text-sm font-medium">数据源</CardTitle>
-              <Database className="h-4 w-4 text-purple-500" />
-            </CardHeader>
-            <CardContent>
-              <div className="text-2xl font-bold">28</div>
-              <p className="text-xs text-muted-foreground">已接入数据源</p>
+                <div className="flex items-center justify-between p-3 bg-white rounded-lg shadow-sm">
+                  <div>
+                    <div className="font-semibold">存储容量</div>
+                    <div className="text-sm text-gray-500">云端存储</div>
+                  </div>
+                  <div className="text-right">
+                    <div className="text-lg font-bold text-orange-600">
+                      {Math.floor(systemStats.userCount / 1000000)}TB
+                    </div>
+                    <div className="text-xs text-gray-500">已使用</div>
+                  </div>
+                </div>
+              </div>
             </CardContent>
           </Card>
         </div>
 
-        {/* 实时活动流 */}
-        <Card>
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2">
-              <Activity className="h-5 w-5" />
-              实时数据流
-              <TooltipHelp content="系统实时数据处理和分析活动" />
-            </CardTitle>
-            <CardDescription>实时监控数据处理和用户活动</CardDescription>
-          </CardHeader>
-          <CardContent>
-            <div className="space-y-3">
-              <div className="flex items-center justify-between p-3 bg-green-50 rounded-lg">
-                <div className="flex items-center gap-3">
-                  <div className="w-2 h-2 bg-green-500 rounded-full animate-pulse"></div>
-                  <div>
-                    <div className="font-medium">用户数据同步</div>
-                    <div className="text-sm text-muted-foreground">新增 1,247 个用户记录</div>
-                  </div>
-                </div>
-                <Badge className="bg-green-100 text-green-800">实时</Badge>
+        {/* 快速访问入口 */}
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+          <Card
+            className="cursor-pointer hover:shadow-lg transition-all duration-200 border-2 border-blue-100 hover:border-blue-300"
+            onClick={() => router.push("/data-platform")}
+          >
+            <CardContent className="p-6 text-center">
+              <div className="p-3 bg-blue-100 rounded-full w-fit mx-auto mb-3">
+                <Database className="w-8 h-8 text-blue-600" />
               </div>
+              <h3 className="font-semibold text-lg mb-2">数据中台</h3>
+              <p className="text-sm text-gray-600">数据源管理与AI模型</p>
+            </CardContent>
+          </Card>
 
-              <div className="flex items-center justify-between p-3 bg-blue-50 rounded-lg">
-                <div className="flex items-center gap-3">
-                  <div className="w-2 h-2 bg-blue-500 rounded-full animate-pulse"></div>
-                  <div>
-                    <div className="font-medium">AI分析完成</div>
-                    <div className="text-sm text-muted-foreground">用户画像分析处理完成</div>
-                  </div>
-                </div>
-                <Badge className="bg-blue-100 text-blue-800">2分钟前</Badge>
+          <Card
+            className="cursor-pointer hover:shadow-lg transition-all duration-200 border-2 border-green-100 hover:border-green-300"
+            onClick={() => router.push("/user-portrait")}
+          >
+            <CardContent className="p-6 text-center">
+              <div className="p-3 bg-green-100 rounded-full w-fit mx-auto mb-3">
+                <Users className="w-8 h-8 text-green-600" />
               </div>
+              <h3 className="font-semibold text-lg mb-2">用户画像</h3>
+              <p className="text-sm text-gray-600">用户管理与标签体系</p>
+            </CardContent>
+          </Card>
 
-              <div className="flex items-center justify-between p-3 bg-purple-50 rounded-lg">
-                <div className="flex items-center gap-3">
-                  <div className="w-2 h-2 bg-purple-500 rounded-full animate-pulse"></div>
-                  <div>
-                    <div className="font-medium">流量关键词更新</div>
-                    <div className="text-sm text-muted-foreground">发现 89 个新热门关键词</div>
-                  </div>
-                </div>
-                <Badge className="bg-purple-100 text-purple-800">5分钟前</Badge>
+          <Card
+            className="cursor-pointer hover:shadow-lg transition-all duration-200 border-2 border-purple-100 hover:border-purple-300"
+            onClick={() => router.push("/ai-assistant")}
+          >
+            <CardContent className="p-6 text-center">
+              <div className="p-3 bg-purple-100 rounded-full w-fit mx-auto mb-3">
+                <BarChart3 className="w-8 h-8 text-purple-600" />
               </div>
-            </div>
-          </CardContent>
-        </Card>
+              <h3 className="font-semibold text-lg mb-2">AI智能助手</h3>
+              <p className="text-sm text-gray-600">数据分析与报告生成</p>
+            </CardContent>
+          </Card>
+
+          <Card
+            className="cursor-pointer hover:shadow-lg transition-all duration-200 border-2 border-orange-100 hover:border-orange-300"
+            onClick={() => router.push("/intelligent-search")}
+          >
+            <CardContent className="p-6 text-center">
+              <div className="p-3 bg-orange-100 rounded-full w-fit mx-auto mb-3">
+                <Globe className="w-8 h-8 text-orange-600" />
+              </div>
+              <h3 className="font-semibold text-lg mb-2">智能搜索</h3>
+              <p className="text-sm text-gray-600">全局搜索与AI分析</p>
+            </CardContent>
+          </Card>
+        </div>
       </div>
-    </TooltipProvider>
+      <Toaster />
+    </div>
   )
 }