diff --git a/Cunkebao/src/pages/Home.tsx b/Cunkebao/src/pages/Home.tsx
index 52994a853..140727eb8 100644
--- a/Cunkebao/src/pages/Home.tsx
+++ b/Cunkebao/src/pages/Home.tsx
@@ -1,21 +1,30 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { Bell, Smartphone, Users, Activity, MessageSquare, TrendingUp } from 'lucide-react';
-import Chart from 'chart.js/auto';
-import Layout from '@/components/Layout';
-import BottomNav from '@/components/BottomNav';
-import UnifiedHeader, { HeaderPresets } from '@/components/UnifiedHeader';
-import { Card } from '@/components/ui/card';
-import { Progress } from '@/components/ui/progress';
-import '@/components/Layout.css';
+import React, { useEffect, useRef, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import {
+  Bell,
+  Smartphone,
+  Users,
+  Activity,
+  MessageSquare,
+  TrendingUp,
+} from "lucide-react";
+import Chart from "chart.js/auto";
+import Layout from "@/components/Layout";
+import BottomNav from "@/components/BottomNav";
+import UnifiedHeader, { HeaderPresets } from "@/components/UnifiedHeader";
+import { Card } from "@/components/ui/card";
+import { Progress } from "@/components/ui/progress";
+import "@/components/Layout.css";
 
 // API接口定义
-const API_BASE_URL = process.env.REACT_APP_API_BASE_URL || "https://ckbapi.quwanzhi.com";
+const API_BASE_URL =
+  process.env.REACT_APP_API_BASE_URL || "https://ckbapi.quwanzhi.com";
 
 // 统一的API请求客户端
 async function apiRequest<T>(url: string): Promise<T> {
   try {
-    const token = typeof window !== "undefined" ? localStorage.getItem("token") : null;
+    const token =
+      typeof window !== "undefined" ? localStorage.getItem("token") : null;
     const headers: Record<string, string> = {
       "Content-Type": "application/json",
       Accept: "application/json",
@@ -99,7 +108,7 @@ export default function Home() {
       growth: 12,
     },
     {
-      id: "xiaohongshu", 
+      id: "xiaohongshu",
       name: "小红书获客",
       icon: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-yvnMxpoBUzcvEkr8DfvHgPHEo1kmQ3.png",
       color: "bg-red-100 text-red-600",
@@ -135,7 +144,7 @@ export default function Home() {
     },
     {
       title: "群发任务",
-      value: "8", 
+      value: "8",
       icon: <Users className="h-4 w-4" />,
       color: "text-orange-600",
       path: "/workspace/group-push",
@@ -180,10 +189,11 @@ export default function Home() {
         // 尝试请求API数据
         try {
           // 并行请求多个接口
-          const [deviceStatsResult, wechatStatsResult] = await Promise.allSettled([
-            apiRequest(`${API_BASE_URL}/v1/dashboard/device-stats`),
-            apiRequest(`${API_BASE_URL}/v1/dashboard/wechat-stats`),
-          ]);
+          const [deviceStatsResult, wechatStatsResult] =
+            await Promise.allSettled([
+              apiRequest(`${API_BASE_URL}/v1/dashboard/device-stats`),
+              apiRequest(`${API_BASE_URL}/v1/dashboard/wechat-stats`),
+            ]);
 
           const newStats = {
             totalDevices: 0,
@@ -213,7 +223,9 @@ export default function Home() {
           setStats(newStats);
         } catch (apiError) {
           console.warn("API请求失败，使用默认数据:", apiError);
-          setApiError(apiError instanceof Error ? apiError.message : "API连接失败");
+          setApiError(
+            apiError instanceof Error ? apiError.message : "API连接失败"
+          );
 
           // 使用默认数据
           setStats({
@@ -247,11 +259,11 @@ export default function Home() {
   }, []); // 移除stats依赖
 
   const handleDevicesClick = () => {
-    navigate('/profile/devices');
+    navigate("/profile/devices");
   };
 
   const handleWechatClick = () => {
-    navigate('/wechat-accounts');
+    navigate("/wechat-accounts");
   };
 
   // 使用Chart.js创建图表
@@ -263,7 +275,7 @@ export default function Home() {
       }
 
       const ctx = chartRef.current.getContext("2d");
-      
+
       // 添加null检查
       if (!ctx) return;
 
@@ -391,9 +403,12 @@ export default function Home() {
                 <div className="flex flex-col">
                   <span className="text-xs text-gray-500 mb-1">设备数量</span>
                   <div className="flex items-center justify-between">
-                    <span className="text-lg font-bold text-blue-600">{stats.totalDevices}</span>
+                    <span className="text-lg font-bold text-blue-600">
+                      {stats.totalDevices}
+                    </span>
                     <Smartphone className="w-5 h-5 text-blue-600" />
                   </div>
+                  <div className="h-2"></div>
                 </div>
               </Card>
             </div>
@@ -402,22 +417,31 @@ export default function Home() {
                 <div className="flex flex-col">
                   <span className="text-xs text-gray-500 mb-1">微信号数量</span>
                   <div className="flex items-center justify-between">
-                    <span className="text-lg font-bold text-blue-600">{stats.totalWechatAccounts}</span>
+                    <span className="text-lg font-bold text-blue-600">
+                      {stats.totalWechatAccounts}
+                    </span>
                     <Users className="w-5 h-5 text-blue-600" />
                   </div>
                 </div>
+                <div className="h-2"></div>
               </Card>
             </div>
             <Card className="p-3 bg-white">
               <div className="flex flex-col">
                 <span className="text-xs text-gray-500 mb-1">在线微信号</span>
                 <div className="flex items-center justify-between mb-1">
-                  <span className="text-lg font-bold text-blue-600">{stats.onlineWechatAccounts}</span>
+                  <span className="text-lg font-bold text-blue-600">
+                    {stats.onlineWechatAccounts}
+                  </span>
                   <Activity className="w-5 h-5 text-blue-600" />
                 </div>
                 <Progress
                   value={
-                    stats.totalWechatAccounts > 0 ? (stats.onlineWechatAccounts / stats.totalWechatAccounts) * 100 : 0
+                    stats.totalWechatAccounts > 0
+                      ? (stats.onlineWechatAccounts /
+                          stats.totalWechatAccounts) *
+                        100
+                      : 0
                   }
                   className="h-1"
                 />
@@ -435,16 +459,30 @@ export default function Home() {
                 .sort((a, b) => b.value - a.value)
                 .slice(0, 4) // 只显示前4个
                 .map((scenario) => (
-                  <div 
+                  <div
                     key={scenario.id}
                     className="block flex-1 cursor-pointer"
-                    onClick={() => navigate(`/scenarios/${scenario.id}?name=${encodeURIComponent(scenario.name)}`)}
+                    onClick={() =>
+                      navigate(
+                        `/scenarios/${scenario.id}?name=${encodeURIComponent(
+                          scenario.name
+                        )}`
+                      )
+                    }
                   >
                     <div className="flex flex-col items-center text-center space-y-1">
-                      <div className={`w-10 h-10 rounded-full ${scenario.color} flex items-center justify-center`}>
-                        <img src={scenario.icon || "/placeholder.svg"} alt={scenario.name} className="w-5 h-5" />
+                      <div
+                        className={`w-10 h-10 rounded-full ${scenario.color} flex items-center justify-center`}
+                      >
+                        <img
+                          src={scenario.icon || "/placeholder.svg"}
+                          alt={scenario.name}
+                          className="w-5 h-5"
+                        />
+                      </div>
+                      <div className="text-sm font-medium">
+                        {scenario.value}
                       </div>
-                      <div className="text-sm font-medium">{scenario.value}</div>
                       <div className="text-xs text-gray-500 whitespace-nowrap overflow-hidden text-ellipsis w-full">
                         {scenario.name}
                       </div>
@@ -466,7 +504,9 @@ export default function Home() {
                   className="flex items-center space-x-3 p-3 bg-gray-50 rounded-lg cursor-pointer hover:bg-gray-100 transition-colors"
                   onClick={() => stat.path && navigate(stat.path)}
                 >
-                  <div className={`p-2 rounded-full bg-white ${stat.color}`}>{stat.icon}</div>
+                  <div className={`p-2 rounded-full bg-white ${stat.color}`}>
+                    {stat.icon}
+                  </div>
                   <div>
                     <div className="text-lg font-semibold">{stat.value}</div>
                     <div className="text-xs text-gray-500">{stat.title}</div>
@@ -487,4 +527,4 @@ export default function Home() {
       </div>
     </Layout>
   );
-} 
\ No newline at end of file
+}
diff --git a/Cunkebao/src/pages/workspace/moments-sync/Detail.tsx b/Cunkebao/src/pages/workspace/moments-sync/Detail.tsx
index 283f96bef..f4f6e1cc6 100644
--- a/Cunkebao/src/pages/workspace/moments-sync/Detail.tsx
+++ b/Cunkebao/src/pages/workspace/moments-sync/Detail.tsx
@@ -1,19 +1,26 @@
-import React, { useState, useEffect, useCallback } from 'react';
-import { useParams, useNavigate } from 'react-router-dom';
-import { Button } from '@/components/ui/button';
-import { Card } from '@/components/ui/card';
-import { Badge } from '@/components/ui/badge';
-import { Switch } from '@/components/ui/switch';
-import { useToast } from '@/components/ui/toast';
-import { 
-  fetchMomentsSyncTaskDetail, 
-  toggleMomentsSyncTask, 
-  syncMoments
-} from '@/api/momentsSync';
-import { MomentsSyncTask } from '@/types/moments-sync';
-import { ChevronLeft, Edit2, RefreshCw, Clock, Database, Smartphone } from 'lucide-react';
-import Layout from '@/components/Layout';
-import BottomNav from '@/components/BottomNav';
+import React, { useState, useEffect, useCallback } from "react";
+import { useParams, useNavigate } from "react-router-dom";
+import { Button } from "@/components/ui/button";
+import { Card } from "@/components/ui/card";
+import { Badge } from "@/components/ui/badge";
+import { Switch } from "@/components/ui/switch";
+import { useToast } from "@/components/ui/toast";
+import {
+  fetchMomentsSyncTaskDetail,
+  toggleMomentsSyncTask,
+  syncMoments,
+} from "@/api/momentsSync";
+import { MomentsSyncTask } from "@/types/moments-sync";
+import {
+  ChevronLeft,
+  Edit2,
+  RefreshCw,
+  Clock,
+  Database,
+  Smartphone,
+} from "lucide-react";
+import Layout from "@/components/Layout";
+import BottomNav from "@/components/BottomNav";
 
 export default function MomentsSyncDetail() {
   const { id } = useParams();
@@ -31,7 +38,7 @@ export default function MomentsSyncDetail() {
         setTask(taskData);
       }
     } catch (error) {
-      toast({ title: '获取任务详情失败', variant: 'destructive' });
+      toast({ title: "获取任务详情失败", variant: "destructive" });
     } finally {
       setLoading(false);
     }
@@ -49,9 +56,9 @@ export default function MomentsSyncDetail() {
       const newStatus = task.status === 1 ? 2 : 1;
       await toggleMomentsSyncTask(id, newStatus.toString());
       setTask({ ...task, status: newStatus });
-      toast({ title: newStatus === 1 ? '任务已开启' : '任务已暂停' });
+      toast({ title: newStatus === 1 ? "任务已开启" : "任务已暂停" });
     } catch (error) {
-      toast({ title: '操作失败', variant: 'destructive' });
+      toast({ title: "操作失败", variant: "destructive" });
     }
   };
 
@@ -59,10 +66,10 @@ export default function MomentsSyncDetail() {
     if (!id) return;
     try {
       await syncMoments(id);
-      toast({ title: '同步任务已启动' });
+      toast({ title: "同步任务已启动" });
       fetchTaskDetail(); // 刷新任务详情
     } catch (error) {
-      toast({ title: '同步失败', variant: 'destructive' });
+      toast({ title: "同步失败", variant: "destructive" });
     }
   };
 
@@ -91,7 +98,10 @@ export default function MomentsSyncDetail() {
         <div className="flex-1 bg-gray-50 min-h-screen flex items-center justify-center">
           <div className="text-center">
             <p className="text-gray-600">任务不存在</p>
-            <Button onClick={() => navigate('/workspace/moments-sync')} className="mt-4">
+            <Button
+              onClick={() => navigate("/workspace/moments-sync")}
+              className="mt-4"
+            >
               返回列表
             </Button>
           </div>
@@ -106,25 +116,28 @@ export default function MomentsSyncDetail() {
         <div className="bg-white border-b">
           <div className="flex items-center justify-between p-4">
             <div className="flex items-center space-x-3">
-              <Button variant="ghost" size="icon" onClick={() => navigate('/workspace/moments-sync')}>
+              <Button
+                variant="ghost"
+                size="icon"
+                onClick={() => navigate("/workspace/moments-sync")}
+              >
                 <ChevronLeft className="h-5 w-5" />
               </Button>
-              <h1 className="text-lg font-medium">朋友圈同步任务详情</h1>
+              <h1 className="text-lg font-medium">任务详情</h1>
             </div>
             <div className="flex items-center space-x-2">
               <Button variant="outline" size="sm" onClick={handleEdit}>
                 <Edit2 className="h-4 w-4 mr-2" />
                 编辑
               </Button>
-              <Button variant="outline" size="sm" onClick={handleSync}>
+              {/* <Button variant="outline" size="sm" onClick={handleSync}>
                 <RefreshCw className="h-4 w-4 mr-2" />
                 立即同步
-              </Button>
+              </Button> */}
             </div>
           </div>
         </div>
       }
-      footer={<BottomNav />}
     >
       <div className="bg-gray-50">
         <div className="p-4 space-y-6">
@@ -137,7 +150,10 @@ export default function MomentsSyncDetail() {
                   {task.status === 1 ? "进行中" : "已暂停"}
                 </Badge>
               </div>
-              <Switch checked={task.status === 1} onCheckedChange={handleToggleStatus} />
+              <Switch
+                checked={task.status === 1}
+                onCheckedChange={handleToggleStatus}
+              />
             </div>
 
             <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
@@ -154,11 +170,17 @@ export default function MomentsSyncDetail() {
                   </div>
                   <div className="flex items-center justify-between">
                     <span className="text-gray-600">内容库</span>
-                    <span className="font-medium">{task.contentLib || '未设置'}</span>
+                    <span className="font-medium">
+                      {task.config?.contentLibraries
+                        .map((item: any) => item.name)
+                        .join(",")}
+                    </span>
                   </div>
                   <div className="flex items-center justify-between">
                     <span className="text-gray-600">已同步</span>
-                    <span className="font-medium">{task.syncCount} 条</span>
+                    <span className="font-medium">
+                      {task.config?.syncCount} 条
+                    </span>
                   </div>
                   <div className="flex items-center justify-between">
                     <span className="text-gray-600">创建人</span>
@@ -180,11 +202,15 @@ export default function MomentsSyncDetail() {
                   </div>
                   <div className="flex items-center justify-between">
                     <span className="text-gray-600">上次同步</span>
-                    <span className="font-medium">{task.lastSyncTime || '暂无'}</span>
+                    <span className="font-medium">
+                      {task.lastSyncTime || "暂无"}
+                    </span>
                   </div>
                   <div className="flex items-center justify-between">
                     <span className="text-gray-600">更新时间</span>
-                    <span className="font-medium">{task.updateTime || '暂无'}</span>
+                    <span className="font-medium">
+                      {task.updateTime || "暂无"}
+                    </span>
                   </div>
                 </div>
               </div>
@@ -203,35 +229,51 @@ export default function MomentsSyncDetail() {
                   <span className="text-gray-600">同步间隔</span>
                   <span className="font-medium">{task.syncInterval} 秒</span>
                 </div>
-                                  <div className="flex items-center justify-between">
-                    <span className="text-gray-600">每日最大</span>
-                    <span className="font-medium">{task.maxSyncPerDay || 100} 条</span>
-                  </div>
+                <div className="flex items-center justify-between">
+                  <span className="text-gray-600">每日最大</span>
+                  <span className="font-medium">
+                    {task.maxSyncPerDay || 100} 条
+                  </span>
+                </div>
                 <div className="flex items-center justify-between">
                   <span className="text-gray-600">时间范围</span>
-                  <span className="font-medium">{task.timeRange.start} - {task.timeRange.end}</span>
+                  <span className="font-medium">
+                    {task.timeRange?.start && task.timeRange?.end
+                      ? `${task.timeRange.start} - ${task.timeRange.end}`
+                      : "未设置"}
+                  </span>
                 </div>
                 <div className="flex items-center justify-between">
                   <span className="text-gray-600">同步模式</span>
-                  <span className="font-medium">{task.syncMode === 'auto' ? '自动' : '手动'}</span>
+                  <span className="font-medium">
+                    {task.syncMode === "auto" ? "自动" : "手动"}
+                  </span>
                 </div>
               </div>
               <div className="space-y-3 text-sm">
-                                  <div className="flex items-center justify-between">
-                    <span className="text-gray-600">今日同步</span>
-                    <span className="font-medium">{task.todaySyncCount || 0} 条</span>
-                  </div>
-                  <div className="flex items-center justify-between">
-                    <span className="text-gray-600">总同步数</span>
-                    <span className="font-medium">{task.totalSyncCount || task.syncCount || 0} 条</span>
-                  </div>
+                <div className="flex items-center justify-between">
+                  <span className="text-gray-600">今日同步</span>
+                  <span className="font-medium">
+                    {task.todaySyncCount || 0} 条
+                  </span>
+                </div>
+                <div className="flex items-center justify-between">
+                  <span className="text-gray-600">总同步数</span>
+                  <span className="font-medium">
+                    {task.totalSyncCount || task.syncCount || 0} 条
+                  </span>
+                </div>
                 <div className="flex items-center justify-between">
                   <span className="text-gray-600">目标标签</span>
-                  <span className="font-medium">{task.targetTags.length} 个</span>
+                  <span className="font-medium">
+                    {task.targetTags?.length || 0} 个
+                  </span>
                 </div>
                 <div className="flex items-center justify-between">
                   <span className="text-gray-600">内容类型</span>
-                  <span className="font-medium">{task.contentTypes.join(', ')}</span>
+                  <span className="font-medium">
+                    {task.contentTypes?.join(", ") || "未设置"}
+                  </span>
                 </div>
               </div>
             </div>
@@ -242,11 +284,13 @@ export default function MomentsSyncDetail() {
             <h3 className="text-lg font-semibold mb-4">最近同步记录</h3>
             <div className="text-center py-8">
               <p className="text-gray-500">暂无同步记录</p>
-              <p className="text-sm text-gray-400 mt-2">任务开始执行后将显示同步记录</p>
+              <p className="text-sm text-gray-400 mt-2">
+                任务开始执行后将显示同步记录
+              </p>
             </div>
           </Card>
         </div>
       </div>
     </Layout>
   );
-} 
\ No newline at end of file
+}
diff --git a/Cunkebao/src/pages/workspace/moments-sync/MomentsSync.tsx b/Cunkebao/src/pages/workspace/moments-sync/MomentsSync.tsx
index aa7ed1554..e68e64345 100644
--- a/Cunkebao/src/pages/workspace/moments-sync/MomentsSync.tsx
+++ b/Cunkebao/src/pages/workspace/moments-sync/MomentsSync.tsx
@@ -1,5 +1,5 @@
-import React, { useState, useEffect } from 'react';
-import { useNavigate } from 'react-router-dom';
+import React, { useState, useEffect } from "react";
+import { useNavigate } from "react-router-dom";
 import {
   Plus,
   Search,
@@ -12,21 +12,21 @@ import {
   Copy,
   ChevronLeft,
   Share2,
-} from 'lucide-react';
-import { Card } from '@/components/ui/card';
-import { Button } from '@/components/ui/button';
-import { Input } from '@/components/ui/input';
-import { Badge } from '@/components/ui/badge';
-import { Switch } from '@/components/ui/switch';
-import { useToast } from '@/components/ui/toast';
-import '@/components/Layout.css';
-import { 
-  fetchMomentsSyncTasks, 
-  deleteMomentsSyncTask, 
-  toggleMomentsSyncTask, 
+} from "lucide-react";
+import { Card } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Badge } from "@/components/ui/badge";
+import { Switch } from "@/components/ui/switch";
+import { useToast } from "@/components/ui/toast";
+import "@/components/Layout.css";
+import {
+  fetchMomentsSyncTasks,
+  deleteMomentsSyncTask,
+  toggleMomentsSyncTask,
   copyMomentsSyncTask,
-  MomentsSyncTask 
-} from '@/api/momentsSync';
+  MomentsSyncTask,
+} from "@/api/momentsSync";
 
 type CardMenuProps = {
   onView: () => void;
@@ -51,7 +51,16 @@ function CardMenu({ onView, onEdit, onCopy, onDelete }: CardMenuProps) {
 
   return (
     <div style={{ position: "relative" }}>
-      <button onClick={() => setOpen((v) => !v)} style={{ background: "none", border: "none", padding: 0, margin: 0, cursor: "pointer" }}>
+      <button
+        onClick={() => setOpen((v) => !v)}
+        style={{
+          background: "none",
+          border: "none",
+          padding: 0,
+          margin: 0,
+          cursor: "pointer",
+        }}
+      >
         <MoreVertical className="h-4 w-4" />
       </button>
       {open && (
@@ -69,17 +78,106 @@ function CardMenu({ onView, onEdit, onCopy, onDelete }: CardMenuProps) {
             padding: 4,
           }}
         >
-          <div onClick={() => { onView(); setOpen(false); }} style={{ padding: 8, cursor: "pointer", display: "flex", alignItems: "center", borderRadius: 6, fontSize: 14, gap: 6, transition: "background .2s" }} onMouseOver={e => (e.currentTarget as HTMLDivElement).style.background="#f5f5f5"} onMouseOut={e => (e.currentTarget as HTMLDivElement).style.background=""}>
-            <Eye className="h-4 w-4 mr-2" />查看
+          <div
+            onClick={() => {
+              onView();
+              setOpen(false);
+            }}
+            style={{
+              padding: 8,
+              cursor: "pointer",
+              display: "flex",
+              alignItems: "center",
+              borderRadius: 6,
+              fontSize: 14,
+              gap: 6,
+              transition: "background .2s",
+            }}
+            onMouseOver={(e) =>
+              ((e.currentTarget as HTMLDivElement).style.background = "#f5f5f5")
+            }
+            onMouseOut={(e) =>
+              ((e.currentTarget as HTMLDivElement).style.background = "")
+            }
+          >
+            <Eye className="h-4 w-4 mr-2" />
+            查看
           </div>
-          <div onClick={() => { onEdit(); setOpen(false); }} style={{ padding: 8, cursor: "pointer", display: "flex", alignItems: "center", borderRadius: 6, fontSize: 14, gap: 6, transition: "background .2s" }} onMouseOver={e => (e.currentTarget as HTMLDivElement).style.background="#f5f5f5"} onMouseOut={e => (e.currentTarget as HTMLDivElement).style.background=""}>
-            <Edit className="h-4 w-4 mr-2" />编辑
+          <div
+            onClick={() => {
+              onEdit();
+              setOpen(false);
+            }}
+            style={{
+              padding: 8,
+              cursor: "pointer",
+              display: "flex",
+              alignItems: "center",
+              borderRadius: 6,
+              fontSize: 14,
+              gap: 6,
+              transition: "background .2s",
+            }}
+            onMouseOver={(e) =>
+              ((e.currentTarget as HTMLDivElement).style.background = "#f5f5f5")
+            }
+            onMouseOut={(e) =>
+              ((e.currentTarget as HTMLDivElement).style.background = "")
+            }
+          >
+            <Edit className="h-4 w-4 mr-2" />
+            编辑
           </div>
-          <div onClick={() => { onCopy(); setOpen(false); }} style={{ padding: 8, cursor: "pointer", display: "flex", alignItems: "center", borderRadius: 6, fontSize: 14, gap: 6, transition: "background .2s" }} onMouseOver={e => (e.currentTarget as HTMLDivElement).style.background="#f5f5f5"} onMouseOut={e => (e.currentTarget as HTMLDivElement).style.background=""}>
-            <Copy className="h-4 w-4 mr-2" />复制
+          <div
+            onClick={() => {
+              onCopy();
+              setOpen(false);
+            }}
+            style={{
+              padding: 8,
+              cursor: "pointer",
+              display: "flex",
+              alignItems: "center",
+              borderRadius: 6,
+              fontSize: 14,
+              gap: 6,
+              transition: "background .2s",
+            }}
+            onMouseOver={(e) =>
+              ((e.currentTarget as HTMLDivElement).style.background = "#f5f5f5")
+            }
+            onMouseOut={(e) =>
+              ((e.currentTarget as HTMLDivElement).style.background = "")
+            }
+          >
+            <Copy className="h-4 w-4 mr-2" />
+            复制
           </div>
-          <div onClick={() => { onDelete(); setOpen(false); }} style={{ padding: 8, cursor: "pointer", display: "flex", alignItems: "center", borderRadius: 6, fontSize: 14, gap: 6, color: "#e53e3e", transition: "background .2s" }} onMouseOver={e => (e.currentTarget as HTMLDivElement).style.background="#f5f5f5"} onMouseOut={e => (e.currentTarget as HTMLDivElement).style.background=""}>
-            <Trash2 className="h-4 w-4 mr-2" />删除
+          <div
+            onClick={() => {
+              onDelete();
+              setOpen(false);
+            }}
+            style={{
+              padding: 8,
+              cursor: "pointer",
+              display: "flex",
+              alignItems: "center",
+              borderRadius: 6,
+              fontSize: 14,
+              gap: 6,
+              color: "#e53e3e",
+              transition: "background .2s",
+            }}
+            onMouseOver={(e) =>
+              ((e.currentTarget as HTMLDivElement).style.background = "#f5f5f5")
+            }
+            onMouseOut={(e) =>
+              ((e.currentTarget as HTMLDivElement).style.background = "")
+            }
+          >
+            <Trash2 className="h-4 w-4 mr-2" />
+            删除
           </div>
         </div>
       )}
@@ -90,7 +188,7 @@ function CardMenu({ onView, onEdit, onCopy, onDelete }: CardMenuProps) {
 export default function MomentsSync() {
   const navigate = useNavigate();
   const { toast } = useToast();
-  const [searchTerm, setSearchTerm] = useState('');
+  const [searchTerm, setSearchTerm] = useState("");
   const [loading, setLoading] = useState(false);
   const [tasks, setTasks] = useState<MomentsSyncTask[]>([]);
 
@@ -100,24 +198,24 @@ export default function MomentsSync() {
     try {
       const list = await fetchMomentsSyncTasks();
       // 确保数据字段与界面一致
-      const mappedTasks = list.map(task => ({
+      const mappedTasks = list.map((task) => ({
         ...task,
         // 确保字段名称和格式与界面一致
         status: task.status || 2, // 默认为关闭状态
         deviceCount: task.deviceCount || 0,
-        targetGroup: task.targetGroup || '默认人群',
+        targetGroup: task.targetGroup || "默认人群",
         syncCount: task.todaySyncCount || task.syncCount || 0,
-        creatorName: task.creatorName || '未知',
-        lastSyncTime: task.lastSyncTime || '暂无',
-        createTime: task.createTime || '未知',
+        creatorName: task.creatorName || "未知",
+        lastSyncTime: task.lastSyncTime || "暂无",
+        createTime: task.createTime || "未知",
         syncInterval: task.syncInterval || 30,
         maxSyncPerDay: task.maxSyncPerDay || 100,
-        timeRange: task.timeRange || { start: '08:00', end: '22:00' },
-        contentTypes: task.contentTypes || ['text', 'image', 'video'],
+        timeRange: task.timeRange || { start: "08:00", end: "22:00" },
+        contentTypes: task.contentTypes || ["text", "image", "video"],
         targetTags: task.targetTags || [],
-        syncMode: task.syncMode || 'auto',
+        syncMode: task.syncMode || "auto",
         filterKeywords: task.filterKeywords || [],
-        contentLib: task.config?.contentLibraryNames?.join(',') || '默认内容库'
+        contentLib: task.config?.contentLibraryNames?.join(",") || "默认内容库",
       }));
       setTasks(mappedTasks);
     } catch (error) {
@@ -137,17 +235,25 @@ export default function MomentsSync() {
     if (!taskToDelete) return;
 
     if (!window.confirm(`确定要删除"${taskToDelete.name}"吗？`)) return;
-    
+
     try {
       const response = await deleteMomentsSyncTask(id);
       if (response.code === 200) {
         toast({ title: "删除成功" });
         fetchTasks();
       } else {
-        toast({ title: "删除失败", description: response.msg || "请稍后重试", variant: "destructive" });
+        toast({
+          title: "删除失败",
+          description: response.msg || "请稍后重试",
+          variant: "destructive",
+        });
       }
     } catch (error) {
-      toast({ title: "删除失败", description: "请稍后重试", variant: "destructive" });
+      toast({
+        title: "删除失败",
+        description: "请稍后重试",
+        variant: "destructive",
+      });
     }
   };
 
@@ -166,18 +272,26 @@ export default function MomentsSync() {
         toast({ title: "复制成功" });
         fetchTasks();
       } else {
-        toast({ title: "复制失败", description: response.msg || "请稍后重试", variant: "destructive" });
+        toast({
+          title: "复制失败",
+          description: response.msg || "请稍后重试",
+          variant: "destructive",
+        });
       }
     } catch (error) {
-      toast({ title: "复制失败", description: "请稍后重试", variant: "destructive" });
+      toast({
+        title: "复制失败",
+        description: "请稍后重试",
+        variant: "destructive",
+      });
     }
   };
 
   const toggleTaskStatus = async (id: string, status: number) => {
     // 先更新本地状态
     const newStatus = (status === 1 ? 2 : 1) as 1 | 2;
-    setTasks(prevTasks => 
-      prevTasks.map(task => 
+    setTasks((prevTasks) =>
+      prevTasks.map((task) =>
         task.id === id ? { ...task, status: newStatus } : task
       )
     );
@@ -189,40 +303,48 @@ export default function MomentsSync() {
         // 成功时不刷新列表，保持本地状态
       } else {
         // 请求失败，回退本地状态
-        setTasks(prevTasks => 
-          prevTasks.map(task => 
+        setTasks((prevTasks) =>
+          prevTasks.map((task) =>
             task.id === id ? { ...task, status: status as 1 | 2 } : task
           )
         );
-        toast({ title: "操作失败", description: response.msg || "请稍后重试", variant: "destructive" });
+        toast({
+          title: "操作失败",
+          description: response.msg || "请稍后重试",
+          variant: "destructive",
+        });
       }
     } catch (error) {
       // 请求异常，回退本地状态
-      setTasks(prevTasks => 
-        prevTasks.map(task => 
+      setTasks((prevTasks) =>
+        prevTasks.map((task) =>
           task.id === id ? { ...task, status: status as 1 | 2 } : task
         )
       );
-      toast({ title: "操作失败", description: "请稍后重试", variant: "destructive" });
+      toast({
+        title: "操作失败",
+        description: "请稍后重试",
+        variant: "destructive",
+      });
     }
   };
 
   const handleCreateNew = () => {
-    navigate('/workspace/moments-sync/new');
+    navigate("/workspace/moments-sync/new");
   };
 
   const filteredTasks = tasks.filter((task) =>
-    task.name.toLowerCase().includes(searchTerm.toLowerCase()),
+    task.name.toLowerCase().includes(searchTerm.toLowerCase())
   );
 
   const getStatusText = (status: number) => {
     switch (status) {
       case 1:
-        return '进行中';
+        return "进行中";
       case 2:
-        return '已暂停';
+        return "已暂停";
       default:
-        return '未知';
+        return "未知";
     }
   };
 
@@ -231,13 +353,18 @@ export default function MomentsSync() {
       <header className="sticky top-0 z-10 bg-white border-b">
         <div className="flex items-center justify-between p-4">
           <div className="flex items-center space-x-3">
-            <Button variant="ghost" size="icon" onClick={() => navigate(-1)}>
+            <Button
+              variant="ghost"
+              size="icon"
+              onClick={() => navigate("/workspace")}
+            >
               <ChevronLeft className="h-5 w-5" />
             </Button>
             <h1 className="text-lg font-medium">朋友圈同步</h1>
           </div>
           <Button onClick={handleCreateNew}>
-            <Plus className="h-4 w-4 mr-2" />新建任务
+            <Plus className="h-4 w-4 mr-2" />
+            新建任务
           </Button>
         </div>
       </header>
@@ -246,14 +373,19 @@ export default function MomentsSync() {
           <div className="flex items-center space-x-2">
             <div className="relative flex-1">
               <Search className="absolute left-3 top-2.5 h-4 w-4 text-gray-400" />
-              <Input 
-                placeholder="搜索任务名称" 
-                className="pl-9" 
+              <Input
+                placeholder="搜索任务名称"
+                className="pl-9"
                 value={searchTerm}
                 onChange={(e) => setSearchTerm(e.target.value)}
               />
             </div>
-            <Button variant="outline" size="icon" onClick={fetchTasks} disabled={loading}>
+            <Button
+              variant="outline"
+              size="icon"
+              onClick={fetchTasks}
+              disabled={loading}
+            >
               {loading ? (
                 <RefreshCw className="h-4 w-4 animate-spin" />
               ) : (
@@ -267,8 +399,12 @@ export default function MomentsSync() {
           {filteredTasks.length === 0 ? (
             <Card className="p-8 text-center">
               <Share2 className="h-12 w-12 text-gray-300 mx-auto mb-3" />
-              <p className="text-gray-500 text-lg font-medium mb-2">暂无同步任务</p>
-              <p className="text-gray-400 text-sm mb-4">创建您的第一个朋友圈同步任务</p>
+              <p className="text-gray-500 text-lg font-medium mb-2">
+                暂无同步任务
+              </p>
+              <p className="text-gray-400 text-sm mb-4">
+                创建您的第一个朋友圈同步任务
+              </p>
               <Button onClick={handleCreateNew}>
                 <Plus className="h-4 w-4 mr-2" />
                 创建第一个任务
@@ -280,14 +416,20 @@ export default function MomentsSync() {
                 <div className="flex items-center justify-between mb-4">
                   <div className="flex items-center space-x-2">
                     <h3 className="font-medium">{task.name}</h3>
-                    <Badge variant={Number(task.status) === 1 ? "success" : "secondary"}>
+                    <Badge
+                      variant={
+                        Number(task.status) === 1 ? "success" : "secondary"
+                      }
+                    >
                       {getStatusText(task.status)}
                     </Badge>
                   </div>
                   <div className="flex items-center space-x-2">
                     <Switch
                       checked={Number(task.status) === 1}
-                      onCheckedChange={() => toggleTaskStatus(task.id, Number(task.status))}
+                      onCheckedChange={() =>
+                        toggleTaskStatus(task.id, Number(task.status))
+                      }
                     />
                     <CardMenu
                       onView={() => handleView(task.id)}
@@ -300,11 +442,14 @@ export default function MomentsSync() {
 
                 <div className="grid grid-cols-2 gap-4 mb-4">
                   <div className="text-sm text-gray-500">
-                    <div>推送设备：{task?.config?.devices.length||0} 个</div>
+                    <div>推送设备：{task?.config?.devices.length || 0} 个</div>
                     <div className="flex">
                       <span className="flex-shrink-0">内容库：</span>
-                      <span className="truncate" title={task.contentLib || '默认内容库'}>
-                        {task.contentLib || '默认内容库'}
+                      <span
+                        className="truncate"
+                        title={task.contentLib || "默认内容库"}
+                      >
+                        {task.contentLib || "默认内容库"}
                       </span>
                     </div>
                   </div>
@@ -328,4 +473,4 @@ export default function MomentsSync() {
       </div>
     </div>
   );
-} 
\ No newline at end of file
+}
diff --git a/Cunkebao/src/pages/workspace/moments-sync/index.tsx b/Cunkebao/src/pages/workspace/moments-sync/index.tsx
index c10b3ac24..5b6049a52 100644
--- a/Cunkebao/src/pages/workspace/moments-sync/index.tsx
+++ b/Cunkebao/src/pages/workspace/moments-sync/index.tsx
@@ -1,22 +1,26 @@
-import React, { useEffect, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
-import Layout from '@/components/Layout';
-import PageHeader from '@/components/PageHeader';
-import { Card } from '@/components/ui/card';
-import { Button } from '@/components/ui/button';
-import { Input } from '@/components/ui/input';
-import { Progress } from '@/components/ui/progress';
-import { Badge } from '@/components/ui/badge';
-import { RefreshCw, Search, RefreshCw as SyncIcon, Eye } from 'lucide-react';
-import { fetchMomentsSyncTasks, syncMoments, syncAllMoments, MomentsSyncTask } from '@/api/momentsSync';
-import { useToast } from '@/components/ui/toast';
+import React, { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import Layout from "@/components/Layout";
+import PageHeader from "@/components/PageHeader";
+import { Card } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Badge } from "@/components/ui/badge";
+import { RefreshCw, Search, RefreshCw as SyncIcon, Eye } from "lucide-react";
+import {
+  fetchMomentsSyncTasks,
+  syncMoments,
+  syncAllMoments,
+  MomentsSyncTask,
+} from "@/api/momentsSync";
+import { useToast } from "@/components/ui/toast";
 
 export default function MomentsSyncPage() {
   const navigate = useNavigate();
   const { toast } = useToast();
   const [tasks, setTasks] = useState<MomentsSyncTask[]>([]);
   const [loading, setLoading] = useState(false);
-  const [search, setSearch] = useState('');
+  const [search, setSearch] = useState("");
 
   const fetchTasks = async () => {
     setLoading(true);
@@ -24,44 +28,46 @@ export default function MomentsSyncPage() {
       const list = await fetchMomentsSyncTasks();
       setTasks(list);
     } catch {
-      toast({ title: '获取任务失败', variant: 'destructive' });
+      toast({ title: "获取任务失败", variant: "destructive" });
     } finally {
       setLoading(false);
     }
   };
 
-  useEffect(() => { fetchTasks(); }, []); // eslint-disable-line react-hooks/exhaustive-deps
+  useEffect(() => {
+    fetchTasks();
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
   const handleSearch = () => {
     fetchTasks();
   };
 
   const handleRefresh = () => {
-    setSearch('');
+    setSearch("");
     fetchTasks();
   };
 
   const handleSync = async (id: string) => {
     try {
       await syncMoments(id);
-      toast({ title: '同步已发起' });
+      toast({ title: "同步已发起" });
       fetchTasks();
     } catch {
-      toast({ title: '同步失败', variant: 'destructive' });
+      toast({ title: "同步失败", variant: "destructive" });
     }
   };
 
   const handleSyncAll = async () => {
     try {
       await syncAllMoments();
-      toast({ title: '全部同步已发起' });
+      toast({ title: "全部同步已发起" });
       fetchTasks();
     } catch {
-      toast({ title: '同步失败', variant: 'destructive' });
+      toast({ title: "同步失败", variant: "destructive" });
     }
   };
 
-  const filteredTasks = tasks.filter(task =>
+  const filteredTasks = tasks.filter((task) =>
     task.name.toLowerCase().includes(search.toLowerCase())
   );
 
@@ -77,15 +83,18 @@ export default function MomentsSyncPage() {
               placeholder="搜索任务名称"
               className="pl-9"
               value={search}
-              onChange={e => setSearch(e.target.value)}
-              onKeyDown={e => { if (e.key === 'Enter') handleSearch(); }}
+              onChange={(e) => setSearch(e.target.value)}
+              onKeyDown={(e) => {
+                if (e.key === "Enter") handleSearch();
+              }}
             />
           </div>
           <Button variant="outline" size="icon" onClick={handleRefresh}>
             <RefreshCw className="h-4 w-4" />
           </Button>
           <Button onClick={handleSyncAll} variant="default" size="sm">
-            <SyncIcon className="h-4 w-4 mr-1" />全部同步
+            <SyncIcon className="h-4 w-4 mr-1" />
+            全部同步
           </Button>
         </div>
         <div className="p-4 space-y-4">
@@ -94,26 +103,45 @@ export default function MomentsSyncPage() {
           ) : filteredTasks.length === 0 ? (
             <Card className="p-8 text-center">暂无任务</Card>
           ) : (
-            filteredTasks.map(task => (
-              <Card key={task.id} className="p-4 flex flex-col md:flex-row md:items-center md:justify-between">
+            filteredTasks.map((task) => (
+              <Card
+                key={task.id}
+                className="p-4 flex flex-col md:flex-row md:items-center md:justify-between"
+              >
                 <div className="flex-1 min-w-0">
                   <div className="flex items-center space-x-2 mb-2">
                     <span className="font-medium text-base">{task.name}</span>
-                    <Badge variant={
-                      task.status === 1 ? 'success' : 'secondary'
-                    }>
-                      {task.status === 1 ? '进行中' : '已暂停'}
+                    <Badge
+                      variant={task.status === 1 ? "success" : "secondary"}
+                    >
+                      {task.status === 1 ? "进行中" : "已暂停"}
                     </Badge>
                   </div>
-                  <div className="text-xs text-gray-500 mb-2">上次同步：{task.lastSyncTime || '无'}</div>
-                  <div className="text-xs text-gray-500 mb-2">已同步：{task.syncCount || 0} 条</div>
+                  <div className="text-xs text-gray-500 mb-2">
+                    上次同步：{task.lastSyncTime || "无"}
+                  </div>
+                  <div className="text-xs text-gray-500 mb-2">
+                    已同步：{task.syncCount || 0} 条
+                  </div>
                 </div>
                 <div className="flex items-center space-x-2 mt-2 md:mt-0">
-                  <Button size="sm" variant="outline" onClick={() => navigate(`/workspace/moments-sync/${task.id}`)}>
-                    <Eye className="h-4 w-4 mr-1" />查看
+                  <Button
+                    size="sm"
+                    variant="outline"
+                    onClick={() =>
+                      navigate(`/workspace/moments-sync/${task.id}`)
+                    }
+                  >
+                    <Eye className="h-4 w-4 mr-1" />
+                    查看
                   </Button>
-                  <Button size="sm" variant="outline" onClick={() => handleSync(task.id)}>
-                    <SyncIcon className="h-4 w-4 mr-1" />同步
+                  <Button
+                    size="sm"
+                    variant="outline"
+                    onClick={() => handleSync(task.id)}
+                  >
+                    <SyncIcon className="h-4 w-4 mr-1" />
+                    同步
                   </Button>
                 </div>
               </Card>
@@ -123,4 +151,4 @@ export default function MomentsSyncPage() {
       </div>
     </Layout>
   );
-} 
\ No newline at end of file
+}
diff --git a/Cunkebao/src/pages/workspace/moments-sync/new.tsx b/Cunkebao/src/pages/workspace/moments-sync/new.tsx
index b575393fc..188d321c4 100644
--- a/Cunkebao/src/pages/workspace/moments-sync/new.tsx
+++ b/Cunkebao/src/pages/workspace/moments-sync/new.tsx
@@ -1,14 +1,18 @@
-import React, { useState, useEffect, useCallback } from 'react';
-import { useNavigate, useParams } from 'react-router-dom';
-import { Button } from '@/components/ui/button';
-import { Input } from '@/components/ui/input';
-import { Switch } from '@/components/ui/switch';
-import { useToast } from '@/components/ui/toast';
-import { createMomentsSyncTask, updateMomentsSyncTask, fetchMomentsSyncTaskDetail } from '@/api/momentsSync';
-import { ChevronLeft } from 'lucide-react';
-import { DeviceSelectionDialog } from '@/components/DeviceSelectionDialog';
-import { ContentLibrarySelectionDialog } from '@/components/ContentLibrarySelectionDialog';
-import { ContentType } from '@/types/moments-sync';
+import React, { useState, useEffect, useCallback } from "react";
+import { useNavigate, useParams } from "react-router-dom";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Switch } from "@/components/ui/switch";
+import { useToast } from "@/components/ui/toast";
+import {
+  createMomentsSyncTask,
+  updateMomentsSyncTask,
+  fetchMomentsSyncTaskDetail,
+} from "@/api/momentsSync";
+import { ChevronLeft } from "lucide-react";
+import { DeviceSelectionDialog } from "@/components/DeviceSelectionDialog";
+import { ContentLibrarySelectionDialog } from "@/components/ContentLibrarySelectionDialog";
+import { ContentType } from "@/types/moments-sync";
 
 // 步骤指示器组件
 interface StepIndicatorProps {
@@ -25,36 +29,41 @@ function StepIndicator({ currentStep }: StepIndicatorProps) {
   return (
     <div className="relative flex justify-between px-6 mb-8">
       {/* 连线 - 背景线 */}
-      <div className="absolute top-5 left-0 right-0 h-[1px] bg-gray-200" style={{ width: '100%', zIndex: 0 }} />
-      
-      {/* 连线 - 已完成线 */}
-      <div 
-        className="absolute top-5 left-0 h-[1px] bg-blue-600 transition-all duration-300" 
-        style={{ 
-          width: `${((currentStep - 1) / (steps.length - 1)) * 100}%`, 
-          zIndex: 1 
-        }} 
+      <div
+        className="absolute top-5 left-0 right-0 h-[1px] bg-gray-200"
+        style={{ width: "100%", zIndex: 0 }}
       />
-      
+
+      {/* 连线 - 已完成线 */}
+      <div
+        className="absolute top-5 left-0 h-[1px] bg-blue-600 transition-all duration-300"
+        style={{
+          width: `${((currentStep - 1) / (steps.length - 1)) * 100}%`,
+          zIndex: 1,
+        }}
+      />
+
       {/* 步骤圆圈 */}
       {steps.map((step, index) => (
         <div key={step.id} className="flex flex-col items-center relative z-10">
-          <div 
+          <div
             className={`w-10 h-10 rounded-full flex items-center justify-center mb-2 ${
-              currentStep === index + 1 
-                ? "bg-blue-600 text-white" 
+              currentStep === index + 1
+                ? "bg-blue-600 text-white"
                 : index + 1 < currentStep
-                  ? "bg-blue-600 text-white"
-                  : "bg-white text-gray-400 border border-gray-200"
+                ? "bg-blue-600 text-white"
+                : "bg-white text-gray-400 border border-gray-200"
             }`}
           >
             {index + 1}
           </div>
-          <div className={`text-sm ${
-            currentStep === index + 1 || index + 1 < currentStep 
-              ? "text-blue-600" 
-              : "text-gray-400"
-          }`}>
+          <div
+            className={`text-sm ${
+              currentStep === index + 1 || index + 1 < currentStep
+                ? "text-blue-600"
+                : "text-gray-400"
+            }`}
+          >
             {step.title}
           </div>
         </div>
@@ -70,18 +79,19 @@ export default function NewMomentsSyncTask() {
   const [currentStep, setCurrentStep] = useState(1);
   const [loading, setLoading] = useState(false);
   const [deviceDialogOpen, setDeviceDialogOpen] = useState(false);
-  const [contentLibraryDialogOpen, setContentLibraryDialogOpen] = useState(false);
+  const [contentLibraryDialogOpen, setContentLibraryDialogOpen] =
+    useState(false);
   const [formData, setFormData] = useState({
-    taskName: '',
-    startTime: '06:00',
-    endTime: '23:59',
+    taskName: "",
+    startTime: "06:00",
+    endTime: "23:59",
     syncCount: 5,
     interval: 30, // 同步间隔，单位：分钟
-    accountType: 'business' as 'business' | 'personal',
+    accountType: "business" as "business" | "personal",
     enabled: true,
     selectedDevices: [] as string[],
     selectedLibraries: [] as string[],
-    contentTypes: ['text', 'image', 'video'] as ContentType[],
+    contentTypes: ["text", "image", "video"] as ContentType[],
     targetTags: [] as string[],
     filterKeywords: [] as string[],
   });
@@ -109,21 +119,21 @@ export default function NewMomentsSyncTask() {
       if (taskData) {
         setFormData({
           taskName: taskData.name,
-          startTime: taskData.timeRange?.start || '06:00',
-          endTime: taskData.timeRange?.end || '23:59',
-          syncCount: taskData.maxSyncPerDay || 5,
+          startTime: taskData.timeRange?.start || "06:00",
+          endTime: taskData.timeRange?.end || "23:59",
+          syncCount: taskData?.config?.syncCount || 0,
           interval: taskData.syncInterval || 30,
-          accountType: taskData.syncMode === 'auto' ? 'business' : 'personal',
+          accountType: taskData.syncMode === "auto" ? "business" : "personal",
           enabled: taskData.status === 1,
           selectedDevices: taskData.devices || [],
           selectedLibraries: taskData.contentLib ? [taskData.contentLib] : [],
-          contentTypes: taskData.contentTypes || ['text', 'image', 'video'],
+          contentTypes: taskData.contentTypes || ["text", "image", "video"],
           targetTags: taskData.targetTags || [],
           filterKeywords: taskData.filterKeywords || [],
         });
       }
     } catch (error) {
-      toast({ title: '获取任务详情失败', variant: 'destructive' });
+      toast({ title: "获取任务详情失败", variant: "destructive" });
     } finally {
       setLoading(false);
     }
@@ -137,15 +147,15 @@ export default function NewMomentsSyncTask() {
 
   const handleComplete = async () => {
     if (!formData.taskName.trim()) {
-      toast({ title: '请输入任务名称', variant: 'destructive' });
+      toast({ title: "请输入任务名称", variant: "destructive" });
       return;
     }
     if (formData.selectedDevices.length === 0) {
-      toast({ title: '请选择设备', variant: 'destructive' });
+      toast({ title: "请选择设备", variant: "destructive" });
       return;
     }
     if (formData.selectedLibraries.length === 0) {
-      toast({ title: '请选择内容库', variant: 'destructive' });
+      toast({ title: "请选择内容库", variant: "destructive" });
       return;
     }
 
@@ -157,10 +167,10 @@ export default function NewMomentsSyncTask() {
         contentLibraries: formData.selectedLibraries,
         syncInterval: formData.interval,
         syncCount: formData.syncCount,
-        syncType: formData.accountType === 'business' ? 1 : 2,
+        syncType: formData.accountType === "business" ? 1 : 2,
         startTime: formData.startTime,
         endTime: formData.endTime,
-        accountType: formData.accountType === 'business' ? 1 : 2,
+        accountType: formData.accountType === "business" ? 1 : 2,
         contentTypes: formData.contentTypes,
         targetTags: formData.targetTags,
         filterKeywords: formData.filterKeywords,
@@ -171,15 +181,18 @@ export default function NewMomentsSyncTask() {
           id,
           ...taskData,
         });
-        toast({ title: '更新成功' });
+        toast({ title: "更新成功" });
         navigate(`/workspace/moments-sync/${id}`);
       } else {
         await createMomentsSyncTask(taskData);
-        toast({ title: '创建成功' });
-        navigate('/workspace/moments-sync');
+        toast({ title: "创建成功" });
+        navigate("/workspace/moments-sync");
       }
     } catch (error) {
-      toast({ title: isEditMode ? '更新失败' : '创建失败', variant: 'destructive' });
+      toast({
+        title: isEditMode ? "更新失败" : "创建失败",
+        variant: "destructive",
+      });
     } finally {
       setLoading(false);
     }
@@ -202,8 +215,12 @@ export default function NewMomentsSyncTask() {
         <div className="mb-6">
           <div className="text-base font-medium mb-2">每日同步数量</div>
           <div className="flex items-center">
-            <button 
-              onClick={() => handleUpdateFormData({ syncCount: Math.max(1, formData.syncCount - 1) })}
+            <button
+              onClick={() =>
+                handleUpdateFormData({
+                  syncCount: Math.max(1, formData.syncCount - 1),
+                })
+              }
               className="w-12 h-12 rounded-lg bg-white border border-gray-200 flex items-center justify-center text-xl"
             >
               -
@@ -211,8 +228,10 @@ export default function NewMomentsSyncTask() {
             <div className="flex-1 text-center text-lg font-medium">
               {formData.syncCount}
             </div>
-            <button 
-              onClick={() => handleUpdateFormData({ syncCount: formData.syncCount + 1 })}
+            <button
+              onClick={() =>
+                handleUpdateFormData({ syncCount: formData.syncCount + 1 })
+              }
               className="w-12 h-12 rounded-lg bg-white border border-gray-200 flex items-center justify-center text-xl"
             >
               +
@@ -224,8 +243,12 @@ export default function NewMomentsSyncTask() {
         <div className="mb-6">
           <div className="text-base font-medium mb-2">同步间隔</div>
           <div className="flex items-center">
-            <button 
-              onClick={() => handleUpdateFormData({ interval: Math.max(1, formData.interval - 1) })}
+            <button
+              onClick={() =>
+                handleUpdateFormData({
+                  interval: Math.max(1, formData.interval - 1),
+                })
+              }
               className="w-12 h-12 rounded-lg bg-white border border-gray-200 flex items-center justify-center text-xl"
             >
               -
@@ -233,15 +256,19 @@ export default function NewMomentsSyncTask() {
             <div className="flex-1 text-center text-lg font-medium">
               {formData.interval}
             </div>
-            <button 
-              onClick={() => handleUpdateFormData({ interval: formData.interval + 1 })}
+            <button
+              onClick={() =>
+                handleUpdateFormData({ interval: formData.interval + 1 })
+              }
               className="w-12 h-12 rounded-lg bg-white border border-gray-200 flex items-center justify-center text-xl"
             >
               +
             </button>
             <span className="ml-2 text-gray-500">分钟</span>
           </div>
-          <div className="text-xs text-gray-500 mt-1">设置每次发朋友圈的时间间隔</div>
+          <div className="text-xs text-gray-500 mt-1">
+            设置每次发朋友圈的时间间隔
+          </div>
         </div>
 
         <div className="mb-6">
@@ -251,7 +278,9 @@ export default function NewMomentsSyncTask() {
               <Input
                 type="time"
                 value={formData.startTime}
-                onChange={(e) => handleUpdateFormData({ startTime: e.target.value })}
+                onChange={(e) =>
+                  handleUpdateFormData({ startTime: e.target.value })
+                }
                 className="h-12 rounded-lg border-gray-200 text-base"
               />
             </div>
@@ -260,7 +289,9 @@ export default function NewMomentsSyncTask() {
               <Input
                 type="time"
                 value={formData.endTime}
-                onChange={(e) => handleUpdateFormData({ endTime: e.target.value })}
+                onChange={(e) =>
+                  handleUpdateFormData({ endTime: e.target.value })
+                }
                 className="h-12 rounded-lg border-gray-200 text-base"
               />
             </div>
@@ -297,7 +328,9 @@ export default function NewMomentsSyncTask() {
           <span className="text-base font-medium">是否启用</span>
           <Switch
             checked={formData.enabled}
-            onCheckedChange={(checked) => handleUpdateFormData({ enabled: checked })}
+            onCheckedChange={(checked) =>
+              handleUpdateFormData({ enabled: checked })
+            }
             className="data-[state=checked]:bg-blue-600 h-7 w-12"
           />
         </div>
@@ -316,7 +349,12 @@ export default function NewMomentsSyncTask() {
     <div className="min-h-screen bg-gray-50">
       <header className="sticky top-0 z-10 bg-white border-b">
         <div className="flex items-center h-14 px-4">
-          <Button variant="ghost" size="icon" onClick={() => navigate(-1)} className="hover:bg-gray-50">
+          <Button
+            variant="ghost"
+            size="icon"
+            onClick={() => navigate(-1)}
+            className="hover:bg-gray-50"
+          >
             <ChevronLeft className="h-6 w-6" />
           </Button>
           <h1 className="ml-2 text-lg font-medium">新建朋友圈同步</h1>
@@ -327,7 +365,7 @@ export default function NewMomentsSyncTask() {
         <StepIndicator currentStep={currentStep} />
 
         {currentStep === 1 && renderBasicSettings()}
-        
+
         {currentStep === 2 && (
           <div className="px-4 space-y-6">
             <Input
@@ -336,15 +374,19 @@ export default function NewMomentsSyncTask() {
               onClick={() => setDeviceDialogOpen(true)}
               readOnly
             />
-            
+
             {formData.selectedDevices.length > 0 && (
               <div className="text-base text-gray-500">
                 已选设备：{formData.selectedDevices.length} 个
               </div>
             )}
-            
+
             <div className="flex space-x-4 pt-4">
-              <Button variant="outline" onClick={handlePrev} className="flex-1 h-12 rounded-lg">
+              <Button
+                variant="outline"
+                onClick={handlePrev}
+                className="flex-1 h-12 rounded-lg"
+              >
                 上一步
               </Button>
               <Button
@@ -354,7 +396,7 @@ export default function NewMomentsSyncTask() {
                 下一步
               </Button>
             </div>
-            
+
             <DeviceSelectionDialog
               open={deviceDialogOpen}
               onOpenChange={setDeviceDialogOpen}
@@ -365,7 +407,7 @@ export default function NewMomentsSyncTask() {
             />
           </div>
         )}
-        
+
         {currentStep === 3 && (
           <div className="px-4 space-y-6">
             <Input
@@ -374,15 +416,19 @@ export default function NewMomentsSyncTask() {
               onClick={() => setContentLibraryDialogOpen(true)}
               readOnly
             />
-            
+
             {formData.selectedLibraries.length > 0 && (
               <div className="text-base text-gray-500">
                 已选内容库：{formData.selectedLibraries.length} 个
               </div>
             )}
-            
+
             <div className="flex space-x-4 pt-4">
-              <Button variant="outline" onClick={handlePrev} className="flex-1 h-12 rounded-lg">
+              <Button
+                variant="outline"
+                onClick={handlePrev}
+                className="flex-1 h-12 rounded-lg"
+              >
                 上一步
               </Button>
               <Button
@@ -390,10 +436,10 @@ export default function NewMomentsSyncTask() {
                 loading={loading}
                 className="flex-1 h-12 bg-blue-500 hover:bg-blue-600 rounded-lg text-white"
               >
-                {loading ? '创建中...' : '完成'}
+                {loading ? "创建中..." : "完成"}
               </Button>
             </div>
-            
+
             <ContentLibrarySelectionDialog
               open={contentLibraryDialogOpen}
               onOpenChange={setContentLibraryDialogOpen}
@@ -407,4 +453,4 @@ export default function NewMomentsSyncTask() {
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/Cunkebao/src/types/moments-sync.ts b/Cunkebao/src/types/moments-sync.ts
index 4b66f7d7f..ebd1d7c5a 100644
--- a/Cunkebao/src/types/moments-sync.ts
+++ b/Cunkebao/src/types/moments-sync.ts
@@ -26,17 +26,17 @@ export interface MomentsSyncTask {
   creatorName: string;
   syncInterval: number;
   maxSyncPerDay: number;
-  timeRange: { start: string; end: string };
-  contentTypes: ContentType[];
-  targetTags: string[];
+  timeRange?: { start: string; end: string };
+  contentTypes?: ContentType[];
+  targetTags?: string[];
   syncMode: SyncMode;
-  filterKeywords: string[];
+  filterKeywords?: string[];
   contentLib?: string;
-  devices: string[];
-  friends: string[];
-  todaySyncCount: number;
-  totalSyncCount: number;
-  updateTime: string;
+  devices?: string[];
+  friends?: string[];
+  todaySyncCount?: number;
+  totalSyncCount?: number;
+  updateTime?: string;
   config?: MomentsSyncConfig;
 }
 
diff --git a/nkebao.code-workspace b/nkebao.code-workspace
new file mode 100644
index 000000000..042d95e50
--- /dev/null
+++ b/nkebao.code-workspace
@@ -0,0 +1,14 @@
+{
+	"folders": [
+		{
+			"path": "nkebao"
+		},
+		{
+			"path": "Cunkebao"
+		},
+		{
+			"path": "../../MySelf/好版登项目/好版登小程序"
+		}
+	],
+	"settings": {}
+}
\ No newline at end of file
diff --git a/nkebao/.env.development b/nkebao/.env.development
new file mode 100644
index 000000000..fe189d220
--- /dev/null
+++ b/nkebao/.env.development
@@ -0,0 +1,4 @@
+# 基础环境变量示例
+VITE_API_BASE_URL=https://ckbapi.quwanzhi.com
+VITE_APP_TITLE=Nkebao Base
+
diff --git a/nkebao/.env.production b/nkebao/.env.production
new file mode 100644
index 000000000..fe189d220
--- /dev/null
+++ b/nkebao/.env.production
@@ -0,0 +1,4 @@
+# 基础环境变量示例
+VITE_API_BASE_URL=https://ckbapi.quwanzhi.com
+VITE_APP_TITLE=Nkebao Base
+
diff --git a/nkebao/.eslintrc.js b/nkebao/.eslintrc.js
new file mode 100644
index 000000000..e5e7675c3
--- /dev/null
+++ b/nkebao/.eslintrc.js
@@ -0,0 +1,21 @@
+module.exports = {
+    root: true,
+    env: {
+        browser: true,
+        es2021: true,
+        node: true,
+    },
+    extends: [
+        'react-app',
+        'plugin:react/recommended',
+        'plugin:@typescript-eslint/recommended',
+        'plugin:prettier/recommended',
+    ],
+    parser: '@typescript-eslint/parser',
+    plugins: ['react', '@typescript-eslint', 'prettier'],
+    rules: {
+        'prettier/prettier': 'warn',
+        'react/react-in-jsx-scope': 'off',
+        '@typescript-eslint/no-unused-vars': 'warn',
+    },
+}; 
\ No newline at end of file
diff --git a/nkebao/.gitignore b/nkebao/.gitignore
new file mode 100644
index 000000000..57747f4f2
--- /dev/null
+++ b/nkebao/.gitignore
@@ -0,0 +1,6 @@
+node_modules/
+dist/
+build/
+yarn.lock
+.env
+.DS_Store 
\ No newline at end of file
diff --git a/nkebao/AI_ICON_GUIDE.md b/nkebao/AI_ICON_GUIDE.md
new file mode 100644
index 000000000..cef30a6a7
--- /dev/null
+++ b/nkebao/AI_ICON_GUIDE.md
@@ -0,0 +1,274 @@
+# AI图标使用指南
+
+## 概述
+
+本文档为AI助手提供标准化的图标选择和使用流程，确保在代码生成时使用正确的图标包和图标名称。
+
+## AI使用流程
+
+### 1. 项目类型判断
+首先判断项目类型：
+- **PC端项目**: 使用 `@ant-design/icons`
+- **移动端项目**: 使用 `antd-mobile-icons`
+
+### 2. 图标查找流程
+1. 根据功能需求确定图标类型
+2. 在对应图标包中查找合适的图标
+3. 如果图标不存在，查找替代方案
+4. 使用正确的导入语法
+
+### 3. 代码生成模板
+
+#### PC端项目模板
+```typescript
+import {
+  // 导航类
+  HomeOutlined,
+  UserOutlined,
+  SettingOutlined,
+  
+  // 操作类
+  PlusOutlined,
+  EditOutlined,
+  DeleteOutlined,
+  CopyOutlined,
+  SearchOutlined,
+  ReloadOutlined,
+  
+  // 状态类
+  CheckOutlined,
+  CloseOutlined,
+  CheckCircleOutlined,
+  CloseCircleOutlined,
+  ExclamationCircleOutlined,
+  InfoCircleOutlined,
+  LoadingOutlined,
+  
+  // 方向类
+  UpOutlined,
+  DownOutlined,
+  LeftOutlined,
+  RightOutlined,
+  ArrowLeftOutlined,
+  
+  // 其他
+  MessageOutlined,
+  CalendarOutlined,
+  ClockCircleOutlined,
+  PictureOutlined,
+  FileOutlined,
+  CameraOutlined,
+  QrcodeOutlined,
+} from '@ant-design/icons';
+```
+
+#### 移动端项目模板
+```typescript
+import {
+  // 导航类
+  HomeOutline,
+  UserOutline,
+  SettingOutline,
+  
+  // 操作类
+  AddOutline,
+  EditSOutline,
+  DeleteOutline,
+  CopyOutline,
+  SearchOutline,
+  RefreshOutline,
+  
+  // 状态类
+  CheckOutline,
+  CloseOutline,
+  CheckCircleOutline,
+  CloseCircleOutline,
+  ExclamationCircleOutline,
+  InfoCircleOutline,
+  LoadingOutline,
+  
+  // 方向类
+  UpOutline,
+  DownOutline,
+  LeftOutline,
+  RightOutline,
+  
+  // 其他
+  MessageOutline,
+  CalendarOutline,
+  ClockCircleOutline,
+  PictureOutline,
+  FileOutline,
+  CameraOutline,
+  QrCodeOutline,
+} from 'antd-mobile-icons';
+```
+
+## 功能到图标映射
+
+### 基础功能映射
+| 功能需求 | PC端图标 | 移动端图标 | 说明 |
+|---------|---------|-----------|------|
+| 添加/新建 | PlusOutlined | AddOutline | 通用添加功能 |
+| 编辑/修改 | EditOutlined | EditSOutline | 编辑功能 |
+| 删除/移除 | DeleteOutlined | DeleteOutline | 删除功能 |
+| 复制/克隆 | CopyOutlined | CopyOutline | 复制功能 |
+| 搜索/查找 | SearchOutlined | SearchOutline | 搜索功能 |
+| 刷新/重新加载 | ReloadOutlined | RefreshOutline | 刷新功能 |
+| 设置/配置 | SettingOutlined | SettingOutline | 设置功能 |
+| 用户/个人 | UserOutlined | UserOutline | 用户相关 |
+| 首页/主页 | HomeOutlined | HomeOutline | 首页导航 |
+| 返回/后退 | ArrowLeftOutlined | LeftOutline | 返回功能 |
+| 关闭/取消 | CloseOutlined | CloseOutline | 关闭功能 |
+| 确认/确定 | CheckOutlined | CheckOutline | 确认功能 |
+
+### 状态指示映射
+| 状态需求 | PC端图标 | 移动端图标 | 说明 |
+|---------|---------|-----------|------|
+| 成功/完成 | CheckCircleOutlined | CheckCircleOutline | 成功状态 |
+| 错误/失败 | CloseCircleOutlined | CloseCircleOutline | 错误状态 |
+| 警告/注意 | ExclamationCircleOutlined | ExclamationCircleOutline | 警告状态 |
+| 信息/提示 | InfoCircleOutlined | InfoCircleOutline | 信息提示 |
+| 加载/等待 | LoadingOutlined | LoadingOutline | 加载状态 |
+| 时间/等待 | ClockCircleOutlined | ClockCircleOutline | 时间相关 |
+
+### 方向导航映射
+| 方向需求 | PC端图标 | 移动端图标 | 说明 |
+|---------|---------|-----------|------|
+| 向上/上升 | UpOutlined | UpOutline | 向上方向 |
+| 向下/下降 | DownOutlined | DownOutline | 向下方向 |
+| 向左/后退 | LeftOutlined | LeftOutline | 向左方向 |
+| 向右/前进 | RightOutlined | RightOutline | 向右方向 |
+
+### 业务功能映射
+| 业务需求 | PC端图标 | 移动端图标 | 说明 |
+|---------|---------|-----------|------|
+| 消息/通知 | MessageOutlined | MessageOutline | 消息功能 |
+| 日历/日期 | CalendarOutlined | CalendarOutline | 日历功能 |
+| 图片/照片 | PictureOutlined | PictureOutline | 图片功能 |
+| 文件/文档 | FileOutlined | FileOutline | 文件功能 |
+| 相机/拍照 | CameraOutlined | CameraOutline | 相机功能 |
+| 二维码 | QrcodeOutlined | QrCodeOutline | 二维码功能 |
+| 微信/社交 | WechatOutlined | WechatOutline | 微信功能 |
+| 设备/手机 | MobileOutlined | MobileOutline | 设备功能 |
+| 团队/群组 | TeamOutlined | TeamOutline | 团队功能 |
+| 订单/购物 | ShoppingOutlined | ShoppingOutline | 订单功能 |
+| 支付/钱包 | PayCircleOutlined | PayCircleOutline | 支付功能 |
+
+## 特殊替换规则
+
+### 移动端不存在的图标替换
+| 原需求 | 替换方案 | 说明 |
+|--------|----------|------|
+| RiseOutlined | UpOutline | 上升趋势 |
+| ThumbsUpOutlined | LikeOutline | 点赞功能 |
+| ShareAltOutlined | LinkOutline | 分享功能 |
+| BarChartOutlined | PieOutline | 图表功能 |
+| LineChartOutlined | PieOutline | 图表功能 |
+| UserAddOutlined | UserOutline | 用户添加 |
+| Progress | 自定义div | 进度条组件 |
+
+### PC端不存在的图标替换
+| 原需求 | 替换方案 | 说明 |
+|--------|----------|------|
+| AntOutline | HomeOutlined | 蚂蚁图标 |
+| AppOutline | AppstoreOutlined | 应用图标 |
+
+## AI代码生成示例
+
+### 场景1: 移动端列表页面
+```typescript
+// AI应该生成的代码
+import {
+  AddOutline,        // 添加按钮
+  EditSOutline,      // 编辑按钮
+  DeleteOutline,     // 删除按钮
+  CopyOutline,       // 复制按钮
+  SearchOutline,     // 搜索框
+  RefreshOutline,    // 刷新按钮
+  UserOutline,       // 用户信息
+  CalendarOutline,   // 时间信息
+  UpOutline,         // 上升趋势（替换RiseOutlined）
+} from 'antd-mobile-icons';
+
+// 使用示例
+<Button>
+  <AddOutline /> 新建
+</Button>
+<Button>
+  <EditSOutline /> 编辑
+</Button>
+<Button color="danger">
+  <DeleteOutline /> 删除
+</Button>
+```
+
+### 场景2: PC端管理页面
+```typescript
+// AI应该生成的代码
+import {
+  PlusOutlined,      // 添加按钮
+  EditOutlined,      // 编辑按钮
+  DeleteOutlined,    // 删除按钮
+  CopyOutlined,      // 复制按钮
+  SearchOutlined,    // 搜索框
+  ReloadOutlined,    // 刷新按钮
+  UserOutlined,      // 用户信息
+  CalendarOutlined,  // 时间信息
+  RiseOutlined,      // 上升趋势（PC端存在）
+} from '@ant-design/icons';
+
+// 使用示例
+<Button icon={<PlusOutlined />}>新建</Button>
+<Button icon={<EditOutlined />}>编辑</Button>
+<Button icon={<DeleteOutlined />} danger>删除</Button>
+```
+
+## 错误检测和修正
+
+### 常见错误模式
+1. **混用图标包**: 同时导入PC端和移动端图标
+2. **使用不存在的图标**: 在移动端使用PC端特有的图标
+3. **命名错误**: 图标名称大小写错误
+4. **导入路径错误**: 使用错误的包名
+
+### 修正策略
+1. **统一图标包**: 根据项目类型选择单一图标包
+2. **查找替代**: 使用对照表查找替代图标
+3. **验证存在**: 确保图标在目标包中存在
+4. **测试验证**: 在代码中测试图标是否正常显示
+
+## AI使用检查清单
+
+### 代码生成前
+- [ ] 确认项目类型（PC端/移动端）
+- [ ] 选择对应的图标包
+- [ ] 根据功能需求选择合适图标
+- [ ] 检查图标是否存在
+
+### 代码生成中
+- [ ] 使用正确的导入语法
+- [ ] 图标名称大小写正确
+- [ ] 避免混用不同包的图标
+- [ ] 为不存在的图标提供替代方案
+
+### 代码生成后
+- [ ] 验证图标导入正确
+- [ ] 检查图标使用语法
+- [ ] 确保样式设置合理
+- [ ] 提供使用示例
+
+## 更新和维护
+
+- 定期更新图标对照表
+- 记录新发现的图标差异
+- 更新替换规则
+- 优化AI使用流程
+
+## 注意事项
+
+1. **优先使用语义化图标**: 选择最能表达功能的图标
+2. **保持一致性**: 在同一项目中保持图标风格一致
+3. **考虑可访问性**: 为图标添加适当的aria-label
+4. **性能优化**: 按需导入图标，避免全量导入
+5. **版本兼容**: 注意图标包版本与UI框架版本的兼容性 
\ No newline at end of file
diff --git a/nkebao/ICON_DETAILED_MAPPING.md b/nkebao/ICON_DETAILED_MAPPING.md
new file mode 100644
index 000000000..5e849544d
--- /dev/null
+++ b/nkebao/ICON_DETAILED_MAPPING.md
@@ -0,0 +1,205 @@
+# 详细图标对照表
+
+## 基础图标对照
+
+### 导航类
+| 功能 | PC端 | 移动端 | 状态 |
+|------|------|--------|------|
+| 首页 | HomeOutlined | HomeOutline | ✅ |
+| 返回 | ArrowLeftOutlined | LeftOutline | ✅ |
+| 菜单 | MenuOutlined | MenuOutline | ✅ |
+| 设置 | SettingOutlined | SettingOutline | ✅ |
+| 用户 | UserOutlined | UserOutline | ✅ |
+| 个人中心 | UserOutlined | UserOutline | ✅ |
+
+### 操作类
+| 功能 | PC端 | 移动端 | 状态 |
+|------|------|--------|------|
+| 添加 | PlusOutlined | AddOutline | ✅ |
+| 编辑 | EditOutlined | EditSOutline | ✅ |
+| 删除 | DeleteOutlined | DeleteOutline | ✅ |
+| 复制 | CopyOutlined | CopyOutline | ✅ |
+| 保存 | SaveOutlined | SaveOutline | ✅ |
+| 刷新 | ReloadOutlined | RefreshOutline | ✅ |
+| 搜索 | SearchOutlined | SearchOutline | ✅ |
+| 关闭 | CloseOutlined | CloseOutline | ✅ |
+| 确认 | CheckOutlined | CheckOutline | ✅ |
+| 取消 | CloseOutlined | CloseOutline | ✅ |
+
+### 状态类
+| 功能 | PC端 | 移动端 | 状态 |
+|------|------|--------|------|
+| 成功 | CheckCircleOutlined | CheckCircleOutline | ✅ |
+| 错误 | CloseCircleOutlined | CloseCircleOutline | ✅ |
+| 警告 | ExclamationCircleOutlined | ExclamationCircleOutline | ✅ |
+| 信息 | InfoCircleOutlined | InfoCircleOutline | ✅ |
+| 加载 | LoadingOutlined | LoadingOutline | ✅ |
+| 等待 | ClockCircleOutlined | ClockCircleOutline | ✅ |
+
+### 方向类
+| 功能 | PC端 | 移动端 | 状态 |
+|------|------|--------|------|
+| 向上 | UpOutlined | UpOutline | ✅ |
+| 向下 | DownOutlined | DownOutline | ✅ |
+| 向左 | LeftOutlined | LeftOutline | ✅ |
+| 向右 | RightOutlined | RightOutline | ✅ |
+| 向上圆形 | UpCircleOutlined | UpCircleOutline | ✅ |
+| 向下圆形 | DownCircleOutlined | DownCircleOutline | ✅ |
+
+### 通信类
+| 功能 | PC端 | 移动端 | 状态 |
+|------|------|--------|------|
+| 消息 | MessageOutlined | MessageOutline | ✅ |
+| 邮件 | MailOutlined | MailOutline | ✅ |
+| 电话 | PhoneOutlined | PhoneOutline | ✅ |
+| 视频 | VideoCameraOutlined | VideoCameraOutline | ✅ |
+| 语音 | AudioOutlined | AudioOutline | ✅ |
+
+### 媒体类
+| 功能 | PC端 | 移动端 | 状态 |
+|------|------|--------|------|
+| 图片 | PictureOutlined | PictureOutline | ✅ |
+| 文件 | FileOutlined | FileOutline | ✅ |
+| 文件夹 | FolderOutlined | FolderOutline | ✅ |
+| 相机 | CameraOutlined | CameraOutline | ✅ |
+| 二维码 | QrcodeOutlined | QrCodeOutline | ✅ |
+
+### 时间类
+| 功能 | PC端 | 移动端 | 状态 |
+|------|------|--------|------|
+| 日历 | CalendarOutlined | CalendarOutline | ✅ |
+| 时钟 | ClockCircleOutlined | ClockCircleOutline | ✅ |
+| 历史 | HistoryOutlined | HistoryOutline | ✅ |
+
+### 数据类
+| 功能 | PC端 | 移动端 | 状态 |
+|------|------|--------|------|
+| 统计 | BarChartOutlined | BarChartOutline | ✅ |
+| 饼图 | PieChartOutlined | PieChartOutline | ✅ |
+| 折线图 | LineChartOutlined | LineChartOutline | ✅ |
+| 表格 | TableOutlined | TableOutline | ✅ |
+| 列表 | UnorderedListOutlined | UnorderedListOutline | ✅ |
+
+## 特殊图标对照
+
+### 业务相关
+| 功能 | PC端 | 移动端 | 状态 |
+|------|------|--------|------|
+| 设备 | MobileOutlined | MobileOutline | ✅ |
+| 微信 | WechatOutlined | WechatOutline | ✅ |
+| 群组 | TeamOutlined | TeamOutline | ✅ |
+| 客户 | UserAddOutlined | UserAddOutline | ❌ |
+| 订单 | ShoppingOutlined | ShoppingOutline | ✅ |
+| 支付 | PayCircleOutlined | PayCircleOutline | ✅ |
+
+### 工具类
+| 功能 | PC端 | 移动端 | 状态 |
+|------|------|--------|------|
+| 工具 | ToolOutlined | ToolOutline | ✅ |
+| 配置 | SettingOutlined | SettingOutline | ✅ |
+| 帮助 | QuestionCircleOutlined | QuestionCircleOutline | ✅ |
+| 反馈 | MessageOutlined | MessageOutline | ✅ |
+| 分享 | ShareAltOutlined | ShareOutline | ❌ |
+
+## 不存在的图标替换方案
+
+### PC端存在但移动端不存在的图标
+| PC端图标 | 推荐替换 | 说明 |
+|----------|----------|------|
+| UserAddOutlined | UserOutline | 用户添加功能 |
+| ShareAltOutlined | LinkOutline | 分享功能 |
+| RiseOutlined | UpOutline | 上升趋势 |
+| ThumbsUpOutlined | LikeOutline | 点赞功能 |
+| BarChartOutlined | PieOutline | 图表功能 |
+| LineChartOutlined | PieOutline | 图表功能 |
+
+### 移动端存在但PC端不存在的图标
+| 移动端图标 | 推荐替换 | 说明 |
+|------------|----------|------|
+| AntOutline | HomeOutlined | 蚂蚁图标 |
+| AppOutline | AppstoreOutlined | 应用图标 |
+
+## 使用规范
+
+### 1. 导入规范
+```typescript
+// PC端项目
+import {
+  HomeOutlined,
+  UserOutlined,
+  SettingOutlined,
+} from '@ant-design/icons';
+
+// 移动端项目
+import {
+  HomeOutline,
+  UserOutline,
+  SettingOutline,
+} from 'antd-mobile-icons';
+```
+
+### 2. 命名规范
+- PC端：使用 `Outlined` 后缀
+- 移动端：使用 `Outline` 后缀
+- 保持语义化命名
+
+### 3. 使用建议
+- 优先使用语义明确的图标
+- 保持图标风格一致性
+- 考虑图标在不同尺寸下的清晰度
+- 为图标添加适当的aria-label
+
+### 4. 错误处理
+当图标不存在时：
+1. 查找语义相近的图标
+2. 使用通用图标（如QuestionOutlined）
+3. 考虑使用文字替代
+4. 创建自定义图标组件
+
+## 项目中的实际应用
+
+### 场景获客模块使用的图标
+```typescript
+// 移动端项目中的图标使用
+import {
+  AddOutline,        // 添加
+  UpOutline,         // 上升趋势（替换RiseOutline）
+  UserOutline,       // 用户
+  CalendarOutline,   // 日历
+  CopyOutline,       // 复制
+  DeleteOutline,     // 删除
+  EditSOutline,      // 编辑
+  SettingOutline,    // 设置
+  SearchOutline,     // 搜索
+  RefreshOutline,    // 刷新
+  QrCodeOutline,     // 二维码
+} from 'antd-mobile-icons';
+```
+
+### 工作台模块使用的图标
+```typescript
+// 移动端项目中的图标使用
+import {
+  LikeOutline,       // 点赞（替换ThumbsUpOutline）
+  LinkOutline,       // 链接（替换ShareOutline）
+  PieOutline,        // 饼图（替换BarChartOutline/LineChartOutline）
+  UserOutline,       // 用户
+  TeamOutline,       // 团队
+  MessageOutline,    // 消息
+} from 'antd-mobile-icons';
+```
+
+## 更新和维护
+
+1. **定期检查**: 定期检查新版本中新增的图标
+2. **文档更新**: 及时更新图标对照表
+3. **团队协作**: 团队成员共享图标使用规范
+4. **代码审查**: 在代码审查中检查图标使用是否正确
+
+## 注意事项
+
+1. **包版本**: 确保图标包版本与UI框架版本兼容
+2. **按需导入**: 避免全量导入图标，影响打包体积
+3. **样式覆盖**: 可以通过CSS自定义图标样式
+4. **无障碍**: 为图标添加适当的无障碍属性
+5. **性能**: 大量使用图标时注意性能优化 
\ No newline at end of file
diff --git a/nkebao/ICON_MAPPING_GUIDE.md b/nkebao/ICON_MAPPING_GUIDE.md
new file mode 100644
index 000000000..81d901d07
--- /dev/null
+++ b/nkebao/ICON_MAPPING_GUIDE.md
@@ -0,0 +1,230 @@
+# PC端与移动端图标对照文档
+
+## 概述
+
+本文档记录了PC端（@ant-design/icons）和移动端（antd-mobile-icons）的图标名称对照，以及正确的导入方式。
+
+## 导入方式
+
+### PC端图标 (@ant-design/icons)
+```typescript
+import {
+  HomeOutlined,
+  UserOutlined,
+  SettingOutlined,
+  // ... 其他图标
+} from '@ant-design/icons';
+```
+
+### 移动端图标 (antd-mobile-icons)
+```typescript
+import {
+  AntOutline,
+  ArrowDownCircleOutline,
+  UserOutline,
+  // ... 其他图标
+} from 'antd-mobile-icons';
+```
+
+## 图标对照表
+
+### 常用图标对照
+
+| 功能描述 | PC端图标 | 移动端图标 | 备注 |
+|---------|---------|-----------|------|
+| 首页 | HomeOutlined | HomeOutline | 完全对应 |
+| 用户 | UserOutlined | UserOutline | 完全对应 |
+| 设置 | SettingOutlined | SettingOutline | 完全对应 |
+| 搜索 | SearchOutlined | SearchOutline | 完全对应 |
+| 添加 | PlusOutlined | AddOutline | 完全对应 |
+| 编辑 | EditOutlined | EditSOutline | 移动端略有不同 |
+| 删除 | DeleteOutlined | DeleteOutline | 完全对应 |
+| 复制 | CopyOutlined | CopyOutline | 完全对应 |
+| 刷新 | ReloadOutlined | RefreshOutline | 完全对应 |
+| 二维码 | QrcodeOutlined | QrCodeOutline | 完全对应 |
+| 日历 | CalendarOutlined | CalendarOutline | 完全对应 |
+| 时钟 | ClockCircleOutlined | ClockCircleOutline | 完全对应 |
+| 箭头向上 | UpOutlined | UpOutline | 完全对应 |
+| 箭头向下 | DownOutlined | DownOutline | 完全对应 |
+| 箭头向左 | LeftOutlined | LeftOutline | 完全对应 |
+| 箭头向右 | RightOutlined | RightOutline | 完全对应 |
+| 返回 | ArrowLeftOutlined | LeftOutline | 移动端使用LeftOutline |
+| 关闭 | CloseOutlined | CloseOutline | 完全对应 |
+| 检查 | CheckOutlined | CheckOutline | 完全对应 |
+| 警告 | ExclamationCircleOutlined | ExclamationCircleOutline | 完全对应 |
+| 信息 | InfoCircleOutlined | InfoCircleOutline | 完全对应 |
+| 成功 | CheckCircleOutlined | CheckCircleOutline | 完全对应 |
+| 错误 | CloseCircleOutlined | CloseCircleOutline | 完全对应 |
+
+### 方向性图标
+
+| 功能描述 | PC端图标 | 移动端图标 |
+|---------|---------|-----------|
+| 向上 | UpOutlined | UpOutline |
+| 向下 | DownOutlined | DownOutline |
+| 向左 | LeftOutlined | LeftOutline |
+| 向右 | RightOutlined | RightOutline |
+| 向上圆形 | UpCircleOutlined | UpCircleOutline |
+| 向下圆形 | DownCircleOutlined | DownCircleOutline |
+| 向左圆形 | LeftCircleOutlined | LeftCircleOutline |
+| 向右圆形 | RightCircleOutlined | RightCircleOutline |
+
+### 编辑类图标
+
+| 功能描述 | PC端图标 | 移动端图标 |
+|---------|---------|-----------|
+| 编辑 | EditOutlined | EditSOutline |
+| 删除 | DeleteOutlined | DeleteOutline |
+| 复制 | CopyOutlined | CopyOutline |
+| 剪切 | ScissorOutlined | ScissorOutline |
+| 撤销 | UndoOutlined | UndoOutline |
+| 重做 | RedoOutlined | RedoOutline |
+| 保存 | SaveOutlined | SaveOutline |
+
+### 通信类图标
+
+| 功能描述 | PC端图标 | 移动端图标 |
+|---------|---------|-----------|
+| 消息 | MessageOutlined | MessageOutline |
+| 邮件 | MailOutlined | MailOutline |
+| 电话 | PhoneOutlined | PhoneOutline |
+| 视频通话 | VideoCameraOutlined | VideoCameraOutline |
+| 语音 | AudioOutlined | AudioOutline |
+
+### 媒体类图标
+
+| 功能描述 | PC端图标 | 移动端图标 |
+|---------|---------|-----------|
+| 图片 | PictureOutlined | PictureOutline |
+| 视频 | VideoCameraOutlined | VideoCameraOutline |
+| 音频 | AudioOutlined | AudioOutline |
+| 文件 | FileOutlined | FileOutline |
+| 文件夹 | FolderOutlined | FolderOutline |
+| 相机 | CameraOutlined | CameraOutline |
+
+### 导航类图标
+
+| 功能描述 | PC端图标 | 移动端图标 |
+|---------|---------|-----------|
+| 菜单 | MenuOutlined | MenuOutline |
+| 汉堡菜单 | MenuFoldOutlined | MenuOutline |
+| 展开菜单 | MenuUnfoldOutlined | MenuOutline |
+| 面包屑 | BreadcrumbOutlined | BreadcrumbOutline |
+| 分页 | PaginationOutlined | PaginationOutline |
+
+### 数据展示类图标
+
+| 功能描述 | PC端图标 | 移动端图标 |
+|---------|---------|-----------|
+| 表格 | TableOutlined | TableOutline |
+| 列表 | UnorderedListOutlined | UnorderedListOutline |
+| 卡片 | CreditCardOutlined | CreditCardOutline |
+| 统计 | BarChartOutlined | BarChartOutline |
+| 饼图 | PieChartOutlined | PieChartOutline |
+| 折线图 | LineChartOutlined | LineChartOutline |
+| 仪表盘 | DashboardOutlined | DashboardOutline |
+
+### 反馈类图标
+
+| 功能描述 | PC端图标 | 移动端图标 |
+|---------|---------|-----------|
+| 成功 | CheckCircleOutlined | CheckCircleOutline |
+| 错误 | CloseCircleOutlined | CloseCircleOutline |
+| 警告 | ExclamationCircleOutlined | ExclamationCircleOutline |
+| 信息 | InfoCircleOutlined | InfoCircleOutline |
+| 加载 | LoadingOutlined | LoadingOutline |
+| 等待 | ClockCircleOutlined | ClockCircleOutline |
+
+## 使用建议
+
+### 1. 项目类型判断
+- **PC端项目**: 使用 `@ant-design/icons`
+- **移动端项目**: 使用 `antd-mobile-icons`
+
+### 2. 图标选择原则
+- 优先选择语义化图标
+- 保持图标风格一致性
+- 考虑图标在不同尺寸下的清晰度
+
+### 3. 常见错误避免
+- 不要混用PC端和移动端图标
+- 注意图标名称的大小写
+- 确保图标在对应包中存在
+
+### 4. 图标替换策略
+当某个图标在目标包中不存在时：
+1. 查找语义相近的图标
+2. 使用通用图标（如QuestionOutlined）
+3. 考虑使用文字替代
+4. 创建自定义图标组件
+
+## 实际项目中的使用示例
+
+### PC端项目示例
+```typescript
+import {
+  HomeOutlined,
+  UserOutlined,
+  SettingOutlined,
+  SearchOutlined,
+  PlusOutlined,
+  EditOutlined,
+  DeleteOutlined,
+  CopyOutlined,
+  ReloadOutlined,
+  QrcodeOutlined,
+  CalendarOutlined,
+  ClockCircleOutlined,
+  UpOutlined,
+  DownOutlined,
+  LeftOutlined,
+  RightOutlined,
+  CloseOutlined,
+  CheckOutlined,
+  ExclamationCircleOutlined,
+  InfoCircleOutlined,
+  CheckCircleOutlined,
+  CloseCircleOutlined,
+} from '@ant-design/icons';
+```
+
+### 移动端项目示例
+```typescript
+import {
+  HomeOutline,
+  UserOutline,
+  SettingOutline,
+  SearchOutline,
+  AddOutline,
+  EditSOutline,
+  DeleteOutline,
+  CopyOutline,
+  RefreshOutline,
+  QrCodeOutline,
+  CalendarOutline,
+  ClockCircleOutline,
+  UpOutline,
+  DownOutline,
+  LeftOutline,
+  RightOutline,
+  CloseOutline,
+  CheckOutline,
+  ExclamationCircleOutline,
+  InfoCircleOutline,
+  CheckCircleOutline,
+  CloseCircleOutline,
+} from 'antd-mobile-icons';
+```
+
+## 注意事项
+
+1. **包依赖**: 确保项目中已安装对应的图标包
+2. **版本兼容**: 注意图标包版本与UI框架版本的兼容性
+3. **性能考虑**: 按需导入图标，避免全量导入
+4. **样式覆盖**: 可以通过CSS自定义图标颜色和大小
+5. **无障碍**: 为图标添加适当的aria-label属性
+
+## 更新记录
+
+- 2024-01-XX: 初始版本，包含常用图标对照
+- 后续根据实际使用情况持续更新 
\ No newline at end of file
diff --git a/nkebao/ICON_QUICK_REFERENCE.md b/nkebao/ICON_QUICK_REFERENCE.md
new file mode 100644
index 000000000..03b9c2339
--- /dev/null
+++ b/nkebao/ICON_QUICK_REFERENCE.md
@@ -0,0 +1,271 @@
+# 图标快速参考表
+
+## 快速查找
+
+### 🔍 按功能查找
+
+| 功能 | PC端 | 移动端 | 导入方式 |
+|------|------|--------|----------|
+| **添加** | PlusOutlined | AddOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **编辑** | EditOutlined | EditSOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **删除** | DeleteOutlined | DeleteOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **复制** | CopyOutlined | CopyOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **搜索** | SearchOutlined | SearchOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **刷新** | ReloadOutlined | RefreshOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **设置** | SettingOutlined | SettingOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **用户** | UserOutlined | UserOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **首页** | HomeOutlined | HomeOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **返回** | ArrowLeftOutlined | LeftOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **关闭** | CloseOutlined | CloseOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **确认** | CheckOutlined | CheckOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **成功** | CheckCircleOutlined | CheckCircleOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **错误** | CloseCircleOutlined | CloseCircleOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **警告** | ExclamationCircleOutlined | ExclamationCircleOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **信息** | InfoCircleOutlined | InfoCircleOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **加载** | LoadingOutlined | LoadingOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **向上** | UpOutlined | UpOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **向下** | DownOutlined | DownOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **向左** | LeftOutlined | LeftOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **向右** | RightOutlined | RightOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **消息** | MessageOutlined | MessageOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **电话** | PhoneOutlined | PhoneOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **日历** | CalendarOutlined | CalendarOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **时钟** | ClockCircleOutlined | ClockCircleOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **图片** | PictureOutlined | PictureOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **文件** | FileOutlined | FileOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **相机** | CameraOutlined | CameraOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **二维码** | QrcodeOutlined | QrCodeOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **微信** | WechatOutlined | WechatOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **设备** | MobileOutlined | MobileOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **团队** | TeamOutlined | TeamOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **订单** | ShoppingOutlined | ShoppingOutline | `@ant-design/icons` / `antd-mobile-icons` |
+| **支付** | PayCircleOutlined | PayCircleOutline | `@ant-design/icons` / `antd-mobile-icons` |
+
+### 🔄 常见替换
+
+| 原图标 | 替换为 | 说明 |
+|--------|--------|------|
+| RiseOutlined | UpOutline | 上升趋势 |
+| ThumbsUpOutlined | LikeOutline | 点赞功能 |
+| ShareAltOutlined | LinkOutline | 分享功能 |
+| BarChartOutlined | PieOutline | 图表功能 |
+| LineChartOutlined | PieOutline | 图表功能 |
+| UserAddOutlined | UserOutline | 用户添加 |
+| SettingOutline | SettingOutline | 设置（移动端） |
+
+## 导入模板
+
+### PC端项目模板
+```typescript
+import {
+  HomeOutlined,
+  UserOutlined,
+  SettingOutlined,
+  SearchOutlined,
+  PlusOutlined,
+  EditOutlined,
+  DeleteOutlined,
+  CopyOutlined,
+  ReloadOutlined,
+  CloseOutlined,
+  CheckOutlined,
+  UpOutlined,
+  DownOutlined,
+  LeftOutlined,
+  RightOutlined,
+  MessageOutlined,
+  CalendarOutlined,
+  ClockCircleOutlined,
+  PictureOutlined,
+  FileOutlined,
+  CameraOutlined,
+  QrcodeOutlined,
+  WechatOutlined,
+  MobileOutlined,
+  TeamOutlined,
+  ShoppingOutlined,
+  PayCircleOutlined,
+  CheckCircleOutlined,
+  CloseCircleOutlined,
+  ExclamationCircleOutlined,
+  InfoCircleOutlined,
+  LoadingOutlined,
+} from '@ant-design/icons';
+```
+
+### 移动端项目模板
+```typescript
+import {
+  HomeOutline,
+  UserOutline,
+  SettingOutline,
+  SearchOutline,
+  AddOutline,
+  EditSOutline,
+  DeleteOutline,
+  CopyOutline,
+  RefreshOutline,
+  CloseOutline,
+  CheckOutline,
+  UpOutline,
+  DownOutline,
+  LeftOutline,
+  RightOutline,
+  MessageOutline,
+  CalendarOutline,
+  ClockCircleOutline,
+  PictureOutline,
+  FileOutline,
+  CameraOutline,
+  QrCodeOutline,
+  WechatOutline,
+  MobileOutline,
+  TeamOutline,
+  ShoppingOutline,
+  PayCircleOutline,
+  CheckCircleOutline,
+  CloseCircleOutline,
+  ExclamationCircleOutline,
+  InfoCircleOutline,
+  LoadingOutline,
+} from 'antd-mobile-icons';
+```
+
+## 使用示例
+
+### 基础使用
+```typescript
+// PC端
+import { HomeOutlined, UserOutlined } from '@ant-design/icons';
+
+<HomeOutlined style={{ fontSize: 16, color: '#1890ff' }} />
+<UserOutlined style={{ fontSize: 16, color: '#52c41a' }} />
+
+// 移动端
+import { HomeOutline, UserOutline } from 'antd-mobile-icons';
+
+<HomeOutline style={{ fontSize: 16, color: '#1890ff' }} />
+<UserOutline style={{ fontSize: 16, color: '#52c41a' }} />
+```
+
+### 按钮中使用
+```typescript
+// PC端
+import { PlusOutlined, EditOutlined } from '@ant-design/icons';
+
+<Button icon={<PlusOutlined />}>添加</Button>
+<Button icon={<EditOutlined />}>编辑</Button>
+
+// 移动端
+import { AddOutline, EditSOutline } from 'antd-mobile-icons';
+
+<Button>
+  <AddOutline /> 添加
+</Button>
+<Button>
+  <EditSOutline /> 编辑
+</Button>
+```
+
+### 列表中使用
+```typescript
+// PC端
+import { DeleteOutlined, CopyOutlined } from '@ant-design/icons';
+
+<Button icon={<DeleteOutlined />} danger>删除</Button>
+<Button icon={<CopyOutlined />}>复制</Button>
+
+// 移动端
+import { DeleteOutline, CopyOutline } from 'antd-mobile-icons';
+
+<Button color="danger">
+  <DeleteOutline /> 删除
+</Button>
+<Button>
+  <CopyOutline /> 复制
+</Button>
+```
+
+## 常见错误
+
+### ❌ 错误示例
+```typescript
+// 错误：混用PC端和移动端图标
+import { HomeOutlined } from '@ant-design/icons';  // PC端
+import { UserOutline } from 'antd-mobile-icons';   // 移动端
+
+// 错误：使用不存在的图标
+import { RiseOutlined } from 'antd-mobile-icons';  // 不存在
+import { UserAddOutline } from 'antd-mobile-icons'; // 不存在
+```
+
+### ✅ 正确示例
+```typescript
+// 正确：统一使用移动端图标
+import { 
+  HomeOutline, 
+  UserOutline, 
+  UpOutline,      // 替换RiseOutlined
+  UserOutline     // 替换UserAddOutline
+} from 'antd-mobile-icons';
+
+// 正确：统一使用PC端图标
+import { 
+  HomeOutlined, 
+  UserOutlined, 
+  RiseOutlined,   // PC端存在
+  UserAddOutlined // PC端存在
+} from '@ant-design/icons';
+```
+
+## 快速检查清单
+
+### 开发前检查
+- [ ] 确认项目类型（PC端/移动端）
+- [ ] 选择对应的图标包
+- [ ] 检查图标是否存在
+- [ ] 准备替换方案
+
+### 开发中检查
+- [ ] 使用正确的导入方式
+- [ ] 图标名称大小写正确
+- [ ] 避免混用不同包的图标
+- [ ] 为图标添加适当的样式
+
+### 开发后检查
+- [ ] 图标显示正常
+- [ ] 样式符合设计要求
+- [ ] 无障碍属性完整
+- [ ] 性能影响最小
+
+## 紧急替换方案
+
+当遇到图标不存在时，使用以下通用图标：
+
+```typescript
+// 移动端通用图标
+import {
+  QuestionCircleOutline,  // 通用问号
+  AppOutline,             // 通用应用
+  ToolOutline,            // 通用工具
+  SettingOutline,         // 通用设置
+  UserOutline,            // 通用用户
+} from 'antd-mobile-icons';
+
+// PC端通用图标
+import {
+  QuestionCircleOutlined, // 通用问号
+  AppstoreOutlined,       // 通用应用
+  ToolOutlined,           // 通用工具
+  SettingOutlined,        // 通用设置
+  UserOutlined,           // 通用用户
+} from '@ant-design/icons';
+```
+
+## 更新日志
+
+- 2024-01-XX: 初始版本
+- 添加常用图标对照
+- 添加错误示例和正确示例
+- 添加快速检查清单
+- 添加紧急替换方案 
\ No newline at end of file
diff --git a/nkebao/index.html b/nkebao/index.html
new file mode 100644
index 000000000..2aaa892ee
--- /dev/null
+++ b/nkebao/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Nkebao Base</title>
+    <style>html{font-size:16px;}</style>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html> 
\ No newline at end of file
diff --git a/nkebao/package-lock.json b/nkebao/package-lock.json
new file mode 100644
index 000000000..9be58e0b7
--- /dev/null
+++ b/nkebao/package-lock.json
@@ -0,0 +1,6402 @@
+{
+  "name": "nkebao-base",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "nkebao-base",
+      "version": "0.1.0",
+      "dependencies": {
+        "@ant-design/icons": "^5.6.1",
+        "antd": "^5.13.1",
+        "antd-mobile": "^5.39.1",
+        "axios": "^1.6.7",
+        "echarts": "^5.6.0",
+        "echarts-for-react": "^3.0.2",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "react-router-dom": "^6.20.0",
+        "zustand": "^5.0.6"
+      },
+      "devDependencies": {
+        "@types/node": "^24.0.14",
+        "@types/react": "^19.1.8",
+        "@types/react-dom": "^19.1.6",
+        "@typescript-eslint/eslint-plugin": "^7.7.0",
+        "@typescript-eslint/parser": "^7.7.0",
+        "@vitejs/plugin-react": "^4.6.0",
+        "eslint": "^8.57.0",
+        "eslint-config-prettier": "^9.1.0",
+        "eslint-plugin-prettier": "^5.1.3",
+        "eslint-plugin-react": "^7.34.1",
+        "postcss": "^8.4.38",
+        "postcss-pxtorem": "^6.0.0",
+        "prettier": "^3.2.5",
+        "sass": "^1.75.0",
+        "typescript": "^5.4.5",
+        "vite": "^7.0.5"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
+      "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@ant-design/colors": {
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-7.2.1.tgz",
+      "integrity": "sha512-lCHDcEzieu4GA3n8ELeZ5VQ8pKQAWcGGLRTQ50aQM2iqPpq2evTxER84jfdPvsPAtEcZ7m44NI45edFMo8oOYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/fast-color": "^2.0.6"
+      }
+    },
+    "node_modules/@ant-design/cssinjs": {
+      "version": "1.23.0",
+      "resolved": "https://registry.npmjs.org/@ant-design/cssinjs/-/cssinjs-1.23.0.tgz",
+      "integrity": "sha512-7GAg9bD/iC9ikWatU9ym+P9ugJhi/WbsTWzcKN6T4gU0aehsprtke1UAaaSxxkjjmkJb3llet/rbUSLPgwlY4w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "@emotion/hash": "^0.8.0",
+        "@emotion/unitless": "^0.7.5",
+        "classnames": "^2.3.1",
+        "csstype": "^3.1.3",
+        "rc-util": "^5.35.0",
+        "stylis": "^4.3.4"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/@ant-design/cssinjs-utils": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@ant-design/cssinjs-utils/-/cssinjs-utils-1.1.3.tgz",
+      "integrity": "sha512-nOoQMLW1l+xR1Co8NFVYiP8pZp3VjIIzqV6D6ShYF2ljtdwWJn5WSsH+7kvCktXL/yhEtWURKOfH5Xz/gzlwsg==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/cssinjs": "^1.21.0",
+        "@babel/runtime": "^7.23.2",
+        "rc-util": "^5.38.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@ant-design/fast-color": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@ant-design/fast-color/-/fast-color-2.0.6.tgz",
+      "integrity": "sha512-y2217gk4NqL35giHl72o6Zzqji9O7vHh9YmhUVkPtAOpoTCH4uWxo/pr4VE8t0+ChEPs0qo4eJRC5Q1eXWo3vA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=8.x"
+      }
+    },
+    "node_modules/@ant-design/icons": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/@ant-design/icons/-/icons-5.6.1.tgz",
+      "integrity": "sha512-0/xS39c91WjPAZOWsvi1//zjx6kAp4kxWwctR6kuU6p133w8RU0D2dSCvZC19uQyharg/sAvYxGYWl01BbZZfg==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/colors": "^7.0.0",
+        "@ant-design/icons-svg": "^4.4.0",
+        "@babel/runtime": "^7.24.8",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.31.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/@ant-design/icons-svg": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/@ant-design/icons-svg/-/icons-svg-4.4.2.tgz",
+      "integrity": "sha512-vHbT+zJEVzllwP+CM+ul7reTEfBR0vgxFe7+lREAsAA7YGsYpboiq2sQNeQeRvh09GfQgs/GyFEvZpJ9cLXpXA==",
+      "license": "MIT"
+    },
+    "node_modules/@ant-design/react-slick": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@ant-design/react-slick/-/react-slick-1.1.2.tgz",
+      "integrity": "sha512-EzlvzE6xQUBrZuuhSAFTdsr4P2bBBHGZwKFemEfq8gIGyIQCxalYfZW/T2ORbtQx5rU69o+WycP3exY/7T1hGA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.4",
+        "classnames": "^2.2.5",
+        "json2mq": "^0.2.0",
+        "resize-observer-polyfill": "^1.5.1",
+        "throttle-debounce": "^5.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.0.tgz",
+      "integrity": "sha512-60X7qkglvrap8mn1lh2ebxXdZYtUcpd7gsmy9kLaBJ4i/WdY8PqTSdxyA8qraikqKQK5C1KRBKXqznrVapyNaw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.0.tgz",
+      "integrity": "sha512-UlLAnTPrFdNGoFtbSXwcGFQBtQZJCNjaN6hQNP3UPvuNXT1i82N26KL3dZeIpNalWywr9IuQuncaAfUaS1g6sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.0",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-module-transforms": "^7.27.3",
+        "@babel/helpers": "^7.27.6",
+        "@babel/parser": "^7.28.0",
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.28.0",
+        "@babel/types": "^7.28.0",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.0.tgz",
+      "integrity": "sha512-lJjzvrbEeWrhB4P3QBsH7tey117PjLZnDbLiQEKjQ/fNJTjuq4HSqgFA+UNSwZT8D7dxxbnuSBMsa1lrWzKlQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.0",
+        "@babel/types": "^7.28.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz",
+      "integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.27.2",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.27.3.tgz",
+      "integrity": "sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/traverse": "^7.27.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
+      "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.27.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.27.6.tgz",
+      "integrity": "sha512-muE8Tt8M22638HU31A3CgfSUciwz1fhATfoVai05aPXGor//CdWDCbnlY1yvBPo07njuVOCNGCSp/GTt12lIug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.27.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.0.tgz",
+      "integrity": "sha512-jVZGvOxOuNSsuQuLRTh13nU0AogFlw32w/MT+LV6D3sP5WdbW61E77RnkbaO2dUvmPAYrBDJXGn5gGS6tH4j8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-self": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz",
+      "integrity": "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-source": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz",
+      "integrity": "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.27.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.6.tgz",
+      "integrity": "sha512-vbavdySgbTTrmFE+EsiqUTzlOr5bzlnJtUv9PynGCAKvfQqjIXbvFdumPM/GxMDfyuGMJaJAU6TO4zc1Jf1i8Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.2",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.0.tgz",
+      "integrity": "sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.28.0",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.0",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.28.1",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.1.tgz",
+      "integrity": "sha512-x0LvFTekgSX+83TI28Y9wYPUfzrnl2aT5+5QLnO6v7mSJYtEEevuDRN0F0uSHRk1G1IWZC43o00Y0xDDrpBGPQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@emotion/hash": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
+      "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.7.5",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
+      "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==",
+      "license": "MIT"
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.6.tgz",
+      "integrity": "sha512-NgJPHHbEpLQgDH2MjQu90pzW/5vvXIZ7KOnPyNBm92A6WgZ/7b6fJyUBjoumLqeOQQGqY2QjQxRo97ah4Sj0cA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz",
+      "integrity": "sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
+      "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz",
+      "integrity": "sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.2.tgz",
+      "integrity": "sha512-wNB5ooIKHQc+Kui96jE/n69rHFWAVoxn5CAzL1Xdd8FG03cgY3MLO+GF9U3W737fYDSgPWA6MReKhBQBop6Pcw==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.2.tgz",
+      "integrity": "sha512-7cfaOQuCS27HD7DX+6ib2OrnW+b4ZBwDNnCcT0uTyidcmyWb03FnQqJybDBoCnpdxwBSfA94UAYlRCt7mV+TbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.7.2",
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.10",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.10.tgz",
+      "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
+      "license": "MIT"
+    },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz",
+      "integrity": "sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^2.0.3",
+        "debug": "^4.3.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.12",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.12.tgz",
+      "integrity": "sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.4.tgz",
+      "integrity": "sha512-VT2+G1VQs/9oz078bLrYbecdZKs912zQlkelYpuf+SXF+QvZDYJlbx/LSx+meSAwdDFnF8FVXW92AVjjkVmgFw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.29",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.29.tgz",
+      "integrity": "sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@parcel/watcher": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz",
+      "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^1.0.3",
+        "is-glob": "^4.0.3",
+        "micromatch": "^4.0.5",
+        "node-addon-api": "^7.0.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.5.1",
+        "@parcel/watcher-darwin-arm64": "2.5.1",
+        "@parcel/watcher-darwin-x64": "2.5.1",
+        "@parcel/watcher-freebsd-x64": "2.5.1",
+        "@parcel/watcher-linux-arm-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm-musl": "2.5.1",
+        "@parcel/watcher-linux-arm64-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm64-musl": "2.5.1",
+        "@parcel/watcher-linux-x64-glibc": "2.5.1",
+        "@parcel/watcher-linux-x64-musl": "2.5.1",
+        "@parcel/watcher-win32-arm64": "2.5.1",
+        "@parcel/watcher-win32-ia32": "2.5.1",
+        "@parcel/watcher-win32-x64": "2.5.1"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz",
+      "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@pkgr/core": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.2.7.tgz",
+      "integrity": "sha512-YLT9Zo3oNPJoBjBc4q8G2mjU4tqIbf5CEOORbUUr48dCD9q3umJ3IPlVqOqDakPfd2HuwccBaqlGhN4Gmr5OWg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/pkgr"
+      }
+    },
+    "node_modules/@rc-component/async-validator": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@rc-component/async-validator/-/async-validator-5.0.4.tgz",
+      "integrity": "sha512-qgGdcVIF604M9EqjNF0hbUTz42bz/RDtxWdWuU5EQe3hi7M8ob54B6B35rOsvX5eSvIHIzT9iH1R3n+hk3CGfg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.4"
+      },
+      "engines": {
+        "node": ">=14.x"
+      }
+    },
+    "node_modules/@rc-component/color-picker": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@rc-component/color-picker/-/color-picker-2.0.1.tgz",
+      "integrity": "sha512-WcZYwAThV/b2GISQ8F+7650r5ZZJ043E57aVBFkQ+kSY4C6wdofXgB0hBx+GPGpIU0Z81eETNoDUJMr7oy/P8Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/fast-color": "^2.0.6",
+        "@babel/runtime": "^7.23.6",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.38.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/context": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/context/-/context-1.4.0.tgz",
+      "integrity": "sha512-kFcNxg9oLRMoL3qki0OMxK+7g5mypjgaaJp/pkOis/6rVxma9nJBF/8kCIuTYHUQNr0ii7MxqE33wirPZLJQ2w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/mini-decimal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/mini-decimal/-/mini-decimal-1.1.0.tgz",
+      "integrity": "sha512-jS4E7T9Li2GuYwI6PyiVXmxTiM6b07rlD9Ge8uGZSCz3WlzcG5ZK7g5bbuKNeZ9pgUuPK/5guV781ujdVpm4HQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      }
+    },
+    "node_modules/@rc-component/mutate-observer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/mutate-observer/-/mutate-observer-1.1.0.tgz",
+      "integrity": "sha512-QjrOsDXQusNwGZPf4/qRQasg7UFEj06XiCJ8iuiq/Io7CrHrgVi6Uuetw60WAMG1799v+aM8kyc+1L/GBbHSlw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/portal": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@rc-component/portal/-/portal-1.1.2.tgz",
+      "integrity": "sha512-6f813C0IsasTZms08kfA8kPAGxbbkYToa8ALaiDIGGECU4i9hj8Plgbx0sNJDrey3EtHO30hmdaxtT0138xZcg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/qrcode": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/qrcode/-/qrcode-1.0.0.tgz",
+      "integrity": "sha512-L+rZ4HXP2sJ1gHMGHjsg9jlYBX/SLN2D6OxP9Zn3qgtpMWtO2vUfxVFwiogHpAIqs54FnALxraUy/BCO1yRIgg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.7",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.38.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/tour": {
+      "version": "1.15.1",
+      "resolved": "https://registry.npmjs.org/@rc-component/tour/-/tour-1.15.1.tgz",
+      "integrity": "sha512-Tr2t7J1DKZUpfJuDZWHxyxWpfmj8EZrqSgyMZ+BCdvKZ6r1UDsfU46M/iWAAFBy961Ssfom2kv5f3UcjIL2CmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "@rc-component/portal": "^1.0.0-9",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/trigger": {
+      "version": "2.2.7",
+      "resolved": "https://registry.npmjs.org/@rc-component/trigger/-/trigger-2.2.7.tgz",
+      "integrity": "sha512-Qggj4Z0AA2i5dJhzlfFSmg1Qrziu8dsdHOihROL5Kl18seO2Eh/ZaTYt2c8a/CyGaTChnFry7BEYew1+/fhSbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2",
+        "@rc-component/portal": "^1.1.0",
+        "classnames": "^2.3.2",
+        "rc-motion": "^2.0.0",
+        "rc-resize-observer": "^1.3.1",
+        "rc-util": "^5.44.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@react-spring/animated": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/@react-spring/animated/-/animated-9.6.1.tgz",
+      "integrity": "sha512-ls/rJBrAqiAYozjLo5EPPLLOb1LM0lNVQcXODTC1SMtS6DbuBCPaKco5svFUQFMP2dso3O+qcC4k9FsKc0KxMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-spring/shared": "~9.6.1",
+        "@react-spring/types": "~9.6.1"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-spring/core": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/@react-spring/core/-/core-9.6.1.tgz",
+      "integrity": "sha512-3HAAinAyCPessyQNNXe5W0OHzRfa8Yo5P748paPcmMowZ/4sMfaZ2ZB6e5x5khQI8NusOHj8nquoutd6FRY5WQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-spring/animated": "~9.6.1",
+        "@react-spring/rafz": "~9.6.1",
+        "@react-spring/shared": "~9.6.1",
+        "@react-spring/types": "~9.6.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/react-spring/donate"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-spring/rafz": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/@react-spring/rafz/-/rafz-9.6.1.tgz",
+      "integrity": "sha512-v6qbgNRpztJFFfSE3e2W1Uz+g8KnIBs6SmzCzcVVF61GdGfGOuBrbjIcp+nUz301awVmREKi4eMQb2Ab2gGgyQ==",
+      "license": "MIT"
+    },
+    "node_modules/@react-spring/shared": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/@react-spring/shared/-/shared-9.6.1.tgz",
+      "integrity": "sha512-PBFBXabxFEuF8enNLkVqMC9h5uLRBo6GQhRMQT/nRTnemVENimgRd+0ZT4yFnAQ0AxWNiJfX3qux+bW2LbG6Bw==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-spring/rafz": "~9.6.1",
+        "@react-spring/types": "~9.6.1"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-spring/types": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/@react-spring/types/-/types-9.6.1.tgz",
+      "integrity": "sha512-POu8Mk0hIU3lRXB3bGIGe4VHIwwDsQyoD1F394OK7STTiX9w4dG3cTLljjYswkQN+hDSHRrj4O36kuVa7KPU8Q==",
+      "license": "MIT"
+    },
+    "node_modules/@react-spring/web": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/@react-spring/web/-/web-9.6.1.tgz",
+      "integrity": "sha512-X2zR6q2Z+FjsWfGAmAXlQaoUHbPmfuCaXpuM6TcwXPpLE1ZD4A1eys/wpXboFQmDkjnrlTmKvpVna1MjWpZ5Hw==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-spring/animated": "~9.6.1",
+        "@react-spring/core": "~9.6.1",
+        "@react-spring/shared": "~9.6.1",
+        "@react-spring/types": "~9.6.1"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/@remix-run/router": {
+      "version": "1.23.0",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.23.0.tgz",
+      "integrity": "sha512-O3rHJzAQKamUz1fvE0Qaw0xSFqsA/yafi2iqeE0pvdFtCO1viYx8QL6f3Ln/aCCTLxs68SLf0KPM9eSeM8yBnA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-beta.19",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.19.tgz",
+      "integrity": "sha512-3FL3mnMbPu0muGOCaKAhhFEYmqv9eTfPSJRJmANrCwtgK8VuxpsZDGK+m0LYAGoyO8+0j5uRe4PeyPDK1yA/hA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.45.1.tgz",
+      "integrity": "sha512-M/fKi4sasCdM8i0aWJjCSFm2qEnYRR8AMLG2kxp6wD13+tMGA4Z1tVAuHkNRjud5SW2EM3naLuK35w9twvf6aA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.7.tgz",
+      "integrity": "sha512-dkO5fhS7+/oos4ciWxyEyjWe48zmG6wbCheo/G2ZnHx4fs3EU6YC6UM8rk56gAjNJ9P3MTH2jo5jb92/K6wbng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.20.7"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "24.0.14",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.0.14.tgz",
+      "integrity": "sha512-4zXMWD91vBLGRtHK3YbIoFMia+1nqEz72coM42C5ETjnNCa/heoj7NT1G67iAfOqMmcfhuCZ4uNpyz8EjlAejw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.8.0"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.1.8",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.8.tgz",
+      "integrity": "sha512-AwAfQ2Wa5bCx9WP8nZL2uMZWod7J7/JSplxbTmBQ5ms6QpqNYm672H0Vu9ZVKVngQ+ii4R/byguVEUZQyeg44g==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.1.6",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.1.6.tgz",
+      "integrity": "sha512-4hOiT/dwO8Ko0gV1m/TJZYk3y0KBnY9vzDh7W+DH17b2HFSOGgdj33dhihPeuy3l0q23+4e+hoXHV6hCC4dCXw==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.18.0.tgz",
+      "integrity": "sha512-94EQTWZ40mzBc42ATNIBimBEDltSJ9RQHCC8vc/PDbxi4k8dVwUAv4o98dk50M1zB+JGFxp43FP7f8+FP8R6Sw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.10.0",
+        "@typescript-eslint/scope-manager": "7.18.0",
+        "@typescript-eslint/type-utils": "7.18.0",
+        "@typescript-eslint/utils": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.3.1",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^1.3.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^7.0.0",
+        "eslint": "^8.56.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.18.0.tgz",
+      "integrity": "sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "7.18.0",
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/typescript-estree": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.56.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.18.0.tgz",
+      "integrity": "sha512-jjhdIE/FPF2B7Z1uzc6i3oWKbGcHb87Qw7AWj6jmEqNOfDFbJWtjt/XfwCpvNkpGWlcJaog5vTR+VV8+w9JflA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.18.0.tgz",
+      "integrity": "sha512-XL0FJXuCLaDuX2sYqZUUSOJ2sG5/i1AAze+axqmLnSkNEVMVYLF+cbwlB2w8D1tinFuSikHmFta+P+HOofrLeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "7.18.0",
+        "@typescript-eslint/utils": "7.18.0",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^1.3.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.56.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.18.0.tgz",
+      "integrity": "sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.18.0.tgz",
+      "integrity": "sha512-aP1v/BSPnnyhMHts8cf1qQ6Q1IFwwRvAQGRvBFkWlo3/lH29OXA3Pts+c10nxRxIBrDnoMqzhgdwVe5f2D6OzA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^1.3.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
+      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.18.0.tgz",
+      "integrity": "sha512-kK0/rNa2j74XuHVcoCZxdFBMF+aq/vH83CXAOHieC+2Gis4mF8jJXT5eAfyD3K0sAxtPuwxaIOIOvhwzVDt/kw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@typescript-eslint/scope-manager": "7.18.0",
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/typescript-estree": "7.18.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.56.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.18.0.tgz",
+      "integrity": "sha512-cDF0/Gf81QpY3xYyJKDV14Zwdmid5+uuENhjH2EqFaF0ni+yAyq/LzMaIJdhNJXZI7uLzwIlA+V7oWoyn6Curg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "7.18.0",
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
+      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@use-gesture/core": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/@use-gesture/core/-/core-10.3.0.tgz",
+      "integrity": "sha512-rh+6MND31zfHcy9VU3dOZCqGY511lvGcfyJenN4cWZe0u1BH6brBpBddLVXhF2r4BMqWbvxfsbL7D287thJU2A==",
+      "license": "MIT"
+    },
+    "node_modules/@use-gesture/react": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/@use-gesture/react/-/react-10.3.0.tgz",
+      "integrity": "sha512-3zc+Ve99z4usVP6l9knYVbVnZgfqhKah7sIG+PS2w+vpig2v2OLct05vs+ZXMzwxdNCMka8B+8WlOo0z6Pn6DA==",
+      "license": "MIT",
+      "dependencies": {
+        "@use-gesture/core": "10.3.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0"
+      }
+    },
+    "node_modules/@vitejs/plugin-react": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.6.0.tgz",
+      "integrity": "sha512-5Kgff+m8e2PB+9j51eGHEpn5kUzRKH2Ry0qGoe8ItJg7pqnkPrYPkDQZGgGmTa0EGarHrkjLvOdU3b1fzI8otQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.27.4",
+        "@babel/plugin-transform-react-jsx-self": "^7.27.1",
+        "@babel/plugin-transform-react-jsx-source": "^7.27.1",
+        "@rolldown/pluginutils": "1.0.0-beta.19",
+        "@types/babel__core": "^7.20.5",
+        "react-refresh": "^0.17.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0-beta.0"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/ahooks": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/ahooks/-/ahooks-3.9.0.tgz",
+      "integrity": "sha512-r20/C38aFyU3Zqp3620gkdLnxmQhnmWORB3eGGTDlM4i/fOc0GUvM+f2oleMzEu7b3+pHXyzz+FB6ojxsUdYdw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0",
+        "dayjs": "^1.9.1",
+        "intersection-observer": "^0.12.0",
+        "js-cookie": "^3.0.5",
+        "lodash": "^4.17.21",
+        "react-fast-compare": "^3.2.2",
+        "resize-observer-polyfill": "^1.5.1",
+        "screenfull": "^5.0.0",
+        "tslib": "^2.4.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/ahooks/node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/antd": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/antd/-/antd-5.26.5.tgz",
+      "integrity": "sha512-HB7Cr0tPZMMeAyDDH8KZU0aP8/uO51oasmflJhDBzaRRZmLT8Pyjtt8qS22Sc839glm8gpKQcaG0mln66Gt9Fg==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/colors": "^7.2.1",
+        "@ant-design/cssinjs": "^1.23.0",
+        "@ant-design/cssinjs-utils": "^1.1.3",
+        "@ant-design/fast-color": "^2.0.6",
+        "@ant-design/icons": "^5.6.1",
+        "@ant-design/react-slick": "~1.1.2",
+        "@babel/runtime": "^7.26.0",
+        "@rc-component/color-picker": "~2.0.1",
+        "@rc-component/mutate-observer": "^1.1.0",
+        "@rc-component/qrcode": "~1.0.0",
+        "@rc-component/tour": "~1.15.1",
+        "@rc-component/trigger": "^2.2.7",
+        "classnames": "^2.5.1",
+        "copy-to-clipboard": "^3.3.3",
+        "dayjs": "^1.11.11",
+        "rc-cascader": "~3.34.0",
+        "rc-checkbox": "~3.5.0",
+        "rc-collapse": "~3.9.0",
+        "rc-dialog": "~9.6.0",
+        "rc-drawer": "~7.3.0",
+        "rc-dropdown": "~4.2.1",
+        "rc-field-form": "~2.7.0",
+        "rc-image": "~7.12.0",
+        "rc-input": "~1.8.0",
+        "rc-input-number": "~9.5.0",
+        "rc-mentions": "~2.20.0",
+        "rc-menu": "~9.16.1",
+        "rc-motion": "^2.9.5",
+        "rc-notification": "~5.6.4",
+        "rc-pagination": "~5.1.0",
+        "rc-picker": "~4.11.3",
+        "rc-progress": "~4.0.0",
+        "rc-rate": "~2.13.1",
+        "rc-resize-observer": "^1.4.3",
+        "rc-segmented": "~2.7.0",
+        "rc-select": "~14.16.8",
+        "rc-slider": "~11.1.8",
+        "rc-steps": "~6.0.1",
+        "rc-switch": "~4.1.0",
+        "rc-table": "~7.51.1",
+        "rc-tabs": "~15.6.1",
+        "rc-textarea": "~1.10.0",
+        "rc-tooltip": "~6.4.0",
+        "rc-tree": "~5.13.1",
+        "rc-tree-select": "~5.27.0",
+        "rc-upload": "~4.9.2",
+        "rc-util": "^5.44.4",
+        "scroll-into-view-if-needed": "^3.1.0",
+        "throttle-debounce": "^5.0.2"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/ant-design"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/antd-mobile": {
+      "version": "5.40.0",
+      "resolved": "https://registry.npmjs.org/antd-mobile/-/antd-mobile-5.40.0.tgz",
+      "integrity": "sha512-nNfkTLiYPsa7A2i7eoG/hr2BM0agR4cfugE2+5HTyGnCg5xQT04Pmt9qEoKv7MOW5BaiiMyjO462Kh8KRF5QBA==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "^1.4.2",
+        "@rc-component/mini-decimal": "^1.1.0",
+        "@react-spring/web": "~9.6.1",
+        "@use-gesture/react": "10.3.0",
+        "ahooks": "^3.7.6",
+        "antd-mobile-icons": "^0.3.0",
+        "antd-mobile-v5-count": "^1.0.1",
+        "classnames": "^2.3.2",
+        "dayjs": "^1.11.7",
+        "deepmerge": "^4.3.1",
+        "nano-memoize": "^3.0.16",
+        "rc-field-form": "^1.34.2",
+        "rc-segmented": "~2.4.1",
+        "rc-util": "^5.44.4",
+        "react-fast-compare": "^3.2.2",
+        "react-is": "^18.2.0",
+        "runes2": "^1.1.2",
+        "staged-components": "^1.1.3",
+        "tslib": "^2.5.0",
+        "use-sync-external-store": "^1.2.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/antd-mobile-icons": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/antd-mobile-icons/-/antd-mobile-icons-0.3.0.tgz",
+      "integrity": "sha512-rqINQpJWZWrva9moCd1Ye695MZYWmqLPE+bY8d2xLRy7iSQwPsinCdZYjpUPp2zL/LnKYSyXxP2ut2A+DC+whQ==",
+      "license": "MIT"
+    },
+    "node_modules/antd-mobile-v5-count": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/antd-mobile-v5-count/-/antd-mobile-v5-count-1.0.1.tgz",
+      "integrity": "sha512-YGsiEDCPUDz3SzfXi6gLZn/HpeSMW+jgPc4qiYUr1fSopg3hkUie2TnooJdExgfiETHefH3Ggs58He0OVfegLA==",
+      "license": "MIT"
+    },
+    "node_modules/antd-mobile/node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/antd/node_modules/rc-field-form": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/rc-field-form/-/rc-field-form-2.7.0.tgz",
+      "integrity": "sha512-hgKsCay2taxzVnBPZl+1n4ZondsV78G++XVsMIJCAoioMjlMQR9YwAp7JZDIECzIu2Z66R+f4SFIRrO2DjDNAA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "@rc-component/async-validator": "^5.0.3",
+        "rc-util": "^5.32.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/antd/node_modules/rc-segmented": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/rc-segmented/-/rc-segmented-2.7.0.tgz",
+      "integrity": "sha512-liijAjXz+KnTRVnxxXG2sYDGd6iLL7VpGGdR8gwoxAXy2KglviKCxLWZdjKYJzYzGSUwKDSTdYk8brj54Bn5BA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-motion": "^2.4.4",
+        "rc-util": "^5.17.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz",
+      "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.0",
+        "es-object-atoms": "^1.1.1",
+        "get-intrinsic": "^1.3.0",
+        "is-string": "^1.1.1",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/array.prototype.findlast": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
+      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/async-function": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
+      "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/async-validator": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz",
+      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==",
+      "license": "MIT"
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axios": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.10.0.tgz",
+      "integrity": "sha512-/1xYAC4MP/HEG+3duIhFr4ZQXR4sQXOIe+o6sdqzeykGLx6Upp/1p8MHqhINOvGeP7xyNHe7tsiJByc4SSVUxw==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.25.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.1.tgz",
+      "integrity": "sha512-KGj0KoOMXLpSNkkEI6Z6mShmQy0bc1I+T7K9N81k4WWMrfz+6fQ6es80B/YLAeRoKvjYE1YSHHOW1qe9xIVzHw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001726",
+        "electron-to-chromium": "^1.5.173",
+        "node-releases": "^2.0.19",
+        "update-browserslist-db": "^1.1.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001727",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001727.tgz",
+      "integrity": "sha512-pB68nIHmbN6L/4C6MH1DokyR3bYqFwjaSs/sWDHGj4CTcFtQUQMuJftVwWkXq7mNWOybD3KhUv3oWHoGxgP14Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/classnames": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
+      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==",
+      "license": "MIT"
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/compute-scroll-into-view": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-3.1.1.tgz",
+      "integrity": "sha512-VRhuHOLoKYOy4UbilLbUzbYg93XLjv2PncJC50EuTWPA3gaja1UjBsUP/D/9/juV3vQFr6XBEzn9KCAHdUvOHw==",
+      "license": "MIT"
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/copy-to-clipboard": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
+      "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==",
+      "license": "MIT",
+      "dependencies": {
+        "toggle-selection": "^1.0.6"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "license": "MIT"
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/inspect-js"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.13",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==",
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
+      "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/echarts": {
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.6.0.tgz",
+      "integrity": "sha512-oTbVTsXfKuEhxftHqL5xprgLoc0k7uScAwtryCgWF6hPYFLRwOUHiFmHGCBKP5NPFNkDVopOieyUqYGH8Fa3kA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "2.3.0",
+        "zrender": "5.6.1"
+      }
+    },
+    "node_modules/echarts-for-react": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/echarts-for-react/-/echarts-for-react-3.0.2.tgz",
+      "integrity": "sha512-DRwIiTzx8JfwPOVgGttDytBqdp5VzCSyMRIxubgU/g2n9y3VLUmF2FK7Icmg/sNVkv4+rktmrLN9w22U2yy3fA==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "size-sensor": "^1.0.1"
+      },
+      "peerDependencies": {
+        "echarts": "^3.0.0 || ^4.0.0 || ^5.0.0",
+        "react": "^15.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.186",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.186.tgz",
+      "integrity": "sha512-lur7L4BFklgepaJxj4DqPk7vKbTEl0pajNlg2QjE5shefmlmBLm2HvQ7PMf1R/GvlevT/581cop33/quQcfX3A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/es-abstract": {
+      "version": "1.24.0",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.0.tgz",
+      "integrity": "sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.2.1",
+        "is-set": "^2.0.3",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.1",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.4",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.4",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "stop-iteration-iterator": "^1.1.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.19"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.1.tgz",
+      "integrity": "sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-set-tostringtag": "^2.0.3",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.6",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "iterator.prototype": "^1.1.4",
+        "safe-array-concat": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
+      "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.6.tgz",
+      "integrity": "sha512-GVuzuUwtdsghE3ocJ9Bs8PNoF13HNQ5TXbEi2AhvVb8xU1Iwt9Fos9FEamfoee+u/TOsn7GUWc04lz46n2bbTg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.6",
+        "@esbuild/android-arm": "0.25.6",
+        "@esbuild/android-arm64": "0.25.6",
+        "@esbuild/android-x64": "0.25.6",
+        "@esbuild/darwin-arm64": "0.25.6",
+        "@esbuild/darwin-x64": "0.25.6",
+        "@esbuild/freebsd-arm64": "0.25.6",
+        "@esbuild/freebsd-x64": "0.25.6",
+        "@esbuild/linux-arm": "0.25.6",
+        "@esbuild/linux-arm64": "0.25.6",
+        "@esbuild/linux-ia32": "0.25.6",
+        "@esbuild/linux-loong64": "0.25.6",
+        "@esbuild/linux-mips64el": "0.25.6",
+        "@esbuild/linux-ppc64": "0.25.6",
+        "@esbuild/linux-riscv64": "0.25.6",
+        "@esbuild/linux-s390x": "0.25.6",
+        "@esbuild/linux-x64": "0.25.6",
+        "@esbuild/netbsd-arm64": "0.25.6",
+        "@esbuild/netbsd-x64": "0.25.6",
+        "@esbuild/openbsd-arm64": "0.25.6",
+        "@esbuild/openbsd-x64": "0.25.6",
+        "@esbuild/openharmony-arm64": "0.25.6",
+        "@esbuild/sunos-x64": "0.25.6",
+        "@esbuild/win32-arm64": "0.25.6",
+        "@esbuild/win32-ia32": "0.25.6",
+        "@esbuild/win32-x64": "0.25.6"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz",
+      "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.57.1",
+        "@humanwhocodes/config-array": "^0.13.0",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-config-prettier": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
+      "integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "eslint-config-prettier": "bin/cli.js"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-prettier": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.5.1.tgz",
+      "integrity": "sha512-dobTkHT6XaEVOo8IO90Q4DOSxnm3Y151QxPJlM/vKC0bVy+d6cVWQZLlFiuZPP0wS6vZwSKeJgKkcS+KfMBlRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prettier-linter-helpers": "^1.0.0",
+        "synckit": "^0.11.7"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-plugin-prettier"
+      },
+      "peerDependencies": {
+        "@types/eslint": ">=8.0.0",
+        "eslint": ">=8.0.0",
+        "eslint-config-prettier": ">= 7.0.0 <10.0.0 || >=10.1.0",
+        "prettier": ">=3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/eslint": {
+          "optional": true
+        },
+        "eslint-config-prettier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.37.5",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz",
+      "integrity": "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
+        "array.prototype.flatmap": "^1.3.3",
+        "array.prototype.tosorted": "^1.1.4",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.2.1",
+        "estraverse": "^5.3.0",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.9",
+        "object.fromentries": "^2.0.8",
+        "object.values": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.12",
+        "string.prototype.repeat": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "license": "MIT"
+    },
+    "node_modules/fast-diff": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
+      "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fastq": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+      "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fdir": {
+      "version": "6.4.6",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.6.tgz",
+      "integrity": "sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
+      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.3",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.9",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
+      "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
+      "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/immutable": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.3.tgz",
+      "integrity": "sha512-+chQdDfvscSF1SJqv2gn4SRO2ZyS3xL3r7IW/wWEEzrzLisnOlKiQu5ytC/BVNcS15C39WT2Hg/bjKjDMcu+zg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/intersection-observer": {
+      "version": "0.12.2",
+      "resolved": "https://registry.npmjs.org/intersection-observer/-/intersection-observer-0.12.2.tgz",
+      "integrity": "sha512-7m1vEcPCxXYI8HqnL8CKI6siDyD+eIWSwgB3DZA+ZTogxk9I4CDnj4wilt9x/+/QbHI4YG5YZNmC6458/e9Ktg==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-async-function": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
+      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async-function": "^1.0.0",
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.0.tgz",
+      "integrity": "sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.0",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
+      "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
+      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "get-proto": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/js-cookie": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
+      "integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json2mq": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/json2mq/-/json2mq-0.2.0.tgz",
+      "integrity": "sha512-SzoRg7ux5DWTII9J2qkrZrqV1gt+rTaoufMxEzXbS26Uid0NwaJd123HcoB80TgubEppxxIGdNxCx50fEoEWQA==",
+      "license": "MIT",
+      "dependencies": {
+        "string-convert": "^0.2.0"
+      }
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/micromatch/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/nano-memoize": {
+      "version": "3.0.16",
+      "resolved": "https://registry.npmjs.org/nano-memoize/-/nano-memoize-3.0.16.tgz",
+      "integrity": "sha512-JyK96AKVGAwVeMj3MoMhaSXaUNqgMbCRSQB3trUV8tYZfWEzqUBKdK1qJpfuNXgKeHOx1jv/IEYTM659ly7zUA==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.19",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
+      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.9.tgz",
+      "integrity": "sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/own-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+      "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.2.6",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-pxtorem": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-pxtorem/-/postcss-pxtorem-6.1.0.tgz",
+      "integrity": "sha512-ROODSNci9ADal3zUcPHOF/K83TiCgNSPXQFSbwyPHNV8ioHIE4SaC+FPOufd8jsr5jV2uIz29v1Uqy1c4ov42g==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prettier": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.6.2.tgz",
+      "integrity": "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/prettier-linter-helpers": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
+      "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-diff": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/prop-types/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/rc-cascader": {
+      "version": "3.34.0",
+      "resolved": "https://registry.npmjs.org/rc-cascader/-/rc-cascader-3.34.0.tgz",
+      "integrity": "sha512-KpXypcvju9ptjW9FaN2NFcA2QH9E9LHKq169Y0eWtH4e/wHQ5Wh5qZakAgvb8EKZ736WZ3B0zLLOBsrsja5Dag==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.25.7",
+        "classnames": "^2.3.1",
+        "rc-select": "~14.16.2",
+        "rc-tree": "~5.13.0",
+        "rc-util": "^5.43.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-checkbox": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/rc-checkbox/-/rc-checkbox-3.5.0.tgz",
+      "integrity": "sha512-aOAQc3E98HteIIsSqm6Xk2FPKIER6+5vyEFMZfo73TqM+VVAIqOkHoPjgKLqSNtVLWScoaM7vY2ZrGEheI79yg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.25.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-collapse": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/rc-collapse/-/rc-collapse-3.9.0.tgz",
+      "integrity": "sha512-swDdz4QZ4dFTo4RAUMLL50qP0EY62N2kvmk2We5xYdRwcRn8WcYtuetCJpwpaCbUfUt5+huLpVxhvmnK+PHrkA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.3.4",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-dialog": {
+      "version": "9.6.0",
+      "resolved": "https://registry.npmjs.org/rc-dialog/-/rc-dialog-9.6.0.tgz",
+      "integrity": "sha512-ApoVi9Z8PaCQg6FsUzS8yvBEQy0ZL2PkuvAgrmohPkN3okps5WZ5WQWPc1RNuiOKaAYv8B97ACdsFU5LizzCqg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/portal": "^1.0.0-8",
+        "classnames": "^2.2.6",
+        "rc-motion": "^2.3.0",
+        "rc-util": "^5.21.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-drawer": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/rc-drawer/-/rc-drawer-7.3.0.tgz",
+      "integrity": "sha512-DX6CIgiBWNpJIMGFO8BAISFkxiuKitoizooj4BDyee8/SnBn0zwO2FHrNDpqqepj0E/TFTDpmEBCyFuTgC7MOg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9",
+        "@rc-component/portal": "^1.1.1",
+        "classnames": "^2.2.6",
+        "rc-motion": "^2.6.1",
+        "rc-util": "^5.38.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-dropdown": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/rc-dropdown/-/rc-dropdown-4.2.1.tgz",
+      "integrity": "sha512-YDAlXsPv3I1n42dv1JpdM7wJ+gSUBfeyPK59ZpBD9jQhK9jVuxpjj3NmWQHOBceA1zEPVX84T2wbdb2SD0UjmA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.44.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.11.0",
+        "react-dom": ">=16.11.0"
+      }
+    },
+    "node_modules/rc-field-form": {
+      "version": "1.44.0",
+      "resolved": "https://registry.npmjs.org/rc-field-form/-/rc-field-form-1.44.0.tgz",
+      "integrity": "sha512-el7w87fyDUsca63Y/s8qJcq9kNkf/J5h+iTdqG5WsSHLH0e6Usl7QuYSmSVzJMgtp40mOVZIY/W/QP9zwrp1FA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "async-validator": "^4.1.0",
+        "rc-util": "^5.32.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-image": {
+      "version": "7.12.0",
+      "resolved": "https://registry.npmjs.org/rc-image/-/rc-image-7.12.0.tgz",
+      "integrity": "sha512-cZ3HTyyckPnNnUb9/DRqduqzLfrQRyi+CdHjdqgsyDpI3Ln5UX1kXnAhPBSJj9pVRzwRFgqkN7p9b6HBDjmu/Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "@rc-component/portal": "^1.0.2",
+        "classnames": "^2.2.6",
+        "rc-dialog": "~9.6.0",
+        "rc-motion": "^2.6.2",
+        "rc-util": "^5.34.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-input": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/rc-input/-/rc-input-1.8.0.tgz",
+      "integrity": "sha512-KXvaTbX+7ha8a/k+eg6SYRVERK0NddX8QX7a7AnRvUa/rEH0CNMlpcBzBkhI0wp2C8C4HlMoYl8TImSN+fuHKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.18.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/rc-input-number": {
+      "version": "9.5.0",
+      "resolved": "https://registry.npmjs.org/rc-input-number/-/rc-input-number-9.5.0.tgz",
+      "integrity": "sha512-bKaEvB5tHebUURAEXw35LDcnRZLq3x1k7GxfAqBMzmpHkDGzjAtnUL8y4y5N15rIFIg5IJgwr211jInl3cipag==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/mini-decimal": "^1.0.1",
+        "classnames": "^2.2.5",
+        "rc-input": "~1.8.0",
+        "rc-util": "^5.40.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-mentions": {
+      "version": "2.20.0",
+      "resolved": "https://registry.npmjs.org/rc-mentions/-/rc-mentions-2.20.0.tgz",
+      "integrity": "sha512-w8HCMZEh3f0nR8ZEd466ATqmXFCMGMN5UFCzEUL0bM/nGw/wOS2GgRzKBcm19K++jDyuWCOJOdgcKGXU3fXfbQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.22.5",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.2.6",
+        "rc-input": "~1.8.0",
+        "rc-menu": "~9.16.0",
+        "rc-textarea": "~1.10.0",
+        "rc-util": "^5.34.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-menu": {
+      "version": "9.16.1",
+      "resolved": "https://registry.npmjs.org/rc-menu/-/rc-menu-9.16.1.tgz",
+      "integrity": "sha512-ghHx6/6Dvp+fw8CJhDUHFHDJ84hJE3BXNCzSgLdmNiFErWSOaZNsihDAsKq9ByTALo/xkNIwtDFGIl6r+RPXBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "2.x",
+        "rc-motion": "^2.4.3",
+        "rc-overflow": "^1.3.1",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-motion": {
+      "version": "2.9.5",
+      "resolved": "https://registry.npmjs.org/rc-motion/-/rc-motion-2.9.5.tgz",
+      "integrity": "sha512-w+XTUrfh7ArbYEd2582uDrEhmBHwK1ZENJiSJVb7uRxdE7qJSYjbO2eksRXmndqyKqKoYPc9ClpPh5242mV1vA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.44.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-notification": {
+      "version": "5.6.4",
+      "resolved": "https://registry.npmjs.org/rc-notification/-/rc-notification-5.6.4.tgz",
+      "integrity": "sha512-KcS4O6B4qzM3KH7lkwOB7ooLPZ4b6J+VMmQgT51VZCeEcmghdeR4IrMcFq0LG+RPdnbe/ArT086tGM8Snimgiw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.9.0",
+        "rc-util": "^5.20.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-overflow": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/rc-overflow/-/rc-overflow-1.4.1.tgz",
+      "integrity": "sha512-3MoPQQPV1uKyOMVNd6SZfONi+f3st0r8PksexIdBTeIYbMX0Jr+k7pHEDvsXtR4BpCv90/Pv2MovVNhktKrwvw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.37.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-pagination": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/rc-pagination/-/rc-pagination-5.1.0.tgz",
+      "integrity": "sha512-8416Yip/+eclTFdHXLKTxZvn70duYVGTvUUWbckCCZoIl3jagqke3GLsFrMs0bsQBikiYpZLD9206Ej4SOdOXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.38.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-picker": {
+      "version": "4.11.3",
+      "resolved": "https://registry.npmjs.org/rc-picker/-/rc-picker-4.11.3.tgz",
+      "integrity": "sha512-MJ5teb7FlNE0NFHTncxXQ62Y5lytq6sh5nUw0iH8OkHL/TjARSEvSHpr940pWgjGANpjCwyMdvsEV55l5tYNSg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.7",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.2.1",
+        "rc-overflow": "^1.3.2",
+        "rc-resize-observer": "^1.4.0",
+        "rc-util": "^5.43.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "date-fns": ">= 2.x",
+        "dayjs": ">= 1.x",
+        "luxon": ">= 3.x",
+        "moment": ">= 2.x",
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      },
+      "peerDependenciesMeta": {
+        "date-fns": {
+          "optional": true
+        },
+        "dayjs": {
+          "optional": true
+        },
+        "luxon": {
+          "optional": true
+        },
+        "moment": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/rc-progress": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/rc-progress/-/rc-progress-4.0.0.tgz",
+      "integrity": "sha512-oofVMMafOCokIUIBnZLNcOZFsABaUw8PPrf1/y0ZBvKZNpOiu5h4AO9vv11Sw0p4Hb3D0yGWuEattcQGtNJ/aw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.16.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-rate": {
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/rc-rate/-/rc-rate-2.13.1.tgz",
+      "integrity": "sha512-QUhQ9ivQ8Gy7mtMZPAjLbxBt5y9GRp65VcUyGUMF3N3fhiftivPHdpuDIaWIMOTEprAjZPC08bls1dQB+I1F2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-resize-observer": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/rc-resize-observer/-/rc-resize-observer-1.4.3.tgz",
+      "integrity": "sha512-YZLjUbyIWox8E9i9C3Tm7ia+W7euPItNWSPX5sCcQTYbnwDb5uNpnLHQCG1f22oZWUhLw4Mv2tFmeWe68CDQRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.20.7",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.44.1",
+        "resize-observer-polyfill": "^1.5.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-segmented": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/rc-segmented/-/rc-segmented-2.4.1.tgz",
+      "integrity": "sha512-KUi+JJFdKnumV9iXlm+BJ00O4NdVBp2TEexLCk6bK1x/RH83TvYKQMzIz/7m3UTRPD08RM/8VG/JNjWgWbd4cw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-motion": "^2.4.4",
+        "rc-util": "^5.17.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/rc-select": {
+      "version": "14.16.8",
+      "resolved": "https://registry.npmjs.org/rc-select/-/rc-select-14.16.8.tgz",
+      "integrity": "sha512-NOV5BZa1wZrsdkKaiK7LHRuo5ZjZYMDxPP6/1+09+FB4KoNi8jcG1ZqLE3AVCxEsYMBe65OBx71wFoHRTP3LRg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^2.1.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.0.1",
+        "rc-overflow": "^1.3.1",
+        "rc-util": "^5.16.1",
+        "rc-virtual-list": "^3.5.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/rc-slider": {
+      "version": "11.1.8",
+      "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-11.1.8.tgz",
+      "integrity": "sha512-2gg/72YFSpKP+Ja5AjC5DPL1YnV8DEITDQrcc1eASrUYjl0esptaBVJBh5nLTXCCp15eD8EuGjwezVGSHhs9tQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.36.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-steps": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/rc-steps/-/rc-steps-6.0.1.tgz",
+      "integrity": "sha512-lKHL+Sny0SeHkQKKDJlAjV5oZ8DwCdS2hFhAkIjuQt1/pB81M0cA0ErVFdHq9+jmPmFw1vJB2F5NBzFXLJxV+g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.16.7",
+        "classnames": "^2.2.3",
+        "rc-util": "^5.16.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-switch": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/rc-switch/-/rc-switch-4.1.0.tgz",
+      "integrity": "sha512-TI8ufP2Az9oEbvyCeVE4+90PDSljGyuwix3fV58p7HV2o4wBnVToEyomJRVyTaZeqNPAp+vqeo4Wnj5u0ZZQBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.30.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-table": {
+      "version": "7.51.1",
+      "resolved": "https://registry.npmjs.org/rc-table/-/rc-table-7.51.1.tgz",
+      "integrity": "sha512-5iq15mTHhvC42TlBLRCoCBLoCmGlbRZAlyF21FonFnS/DIC8DeRqnmdyVREwt2CFbPceM0zSNdEeVfiGaqYsKw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/context": "^1.4.0",
+        "classnames": "^2.2.5",
+        "rc-resize-observer": "^1.1.0",
+        "rc-util": "^5.44.3",
+        "rc-virtual-list": "^3.14.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-tabs": {
+      "version": "15.6.1",
+      "resolved": "https://registry.npmjs.org/rc-tabs/-/rc-tabs-15.6.1.tgz",
+      "integrity": "sha512-/HzDV1VqOsUWyuC0c6AkxVYFjvx9+rFPKZ32ejxX0Uc7QCzcEjTA9/xMgv4HemPKwzBNX8KhGVbbumDjnj92aA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "classnames": "2.x",
+        "rc-dropdown": "~4.2.0",
+        "rc-menu": "~9.16.0",
+        "rc-motion": "^2.6.2",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.34.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-textarea": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/rc-textarea/-/rc-textarea-1.10.0.tgz",
+      "integrity": "sha512-ai9IkanNuyBS4x6sOL8qu/Ld40e6cEs6pgk93R+XLYg0mDSjNBGey6/ZpDs5+gNLD7urQ14po3V6Ck2dJLt9SA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.1",
+        "rc-input": "~1.8.0",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-tooltip": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/rc-tooltip/-/rc-tooltip-6.4.0.tgz",
+      "integrity": "sha512-kqyivim5cp8I5RkHmpsp1Nn/Wk+1oeloMv9c7LXNgDxUpGm+RbXJGL+OPvDlcRnx9DBeOe4wyOIl4OKUERyH1g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.3.1",
+        "rc-util": "^5.44.3"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-tree": {
+      "version": "5.13.1",
+      "resolved": "https://registry.npmjs.org/rc-tree/-/rc-tree-5.13.1.tgz",
+      "integrity": "sha512-FNhIefhftobCdUJshO7M8uZTA9F4OPGVXqGfZkkD/5soDeOhwO06T/aKTrg0WD8gRg/pyfq+ql3aMymLHCTC4A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.0.1",
+        "rc-util": "^5.16.1",
+        "rc-virtual-list": "^3.5.1"
+      },
+      "engines": {
+        "node": ">=10.x"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/rc-tree-select": {
+      "version": "5.27.0",
+      "resolved": "https://registry.npmjs.org/rc-tree-select/-/rc-tree-select-5.27.0.tgz",
+      "integrity": "sha512-2qTBTzwIT7LRI1o7zLyrCzmo5tQanmyGbSaGTIf7sYimCklAToVVfpMC6OAldSKolcnjorBYPNSKQqJmN3TCww==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.25.7",
+        "classnames": "2.x",
+        "rc-select": "~14.16.2",
+        "rc-tree": "~5.13.0",
+        "rc-util": "^5.43.0"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/rc-upload": {
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/rc-upload/-/rc-upload-4.9.2.tgz",
+      "integrity": "sha512-nHx+9rbd1FKMiMRYsqQ3NkXUv7COHPBo3X1Obwq9SWS6/diF/A0aJ5OHubvwUAIDs+4RMleljV0pcrNUc823GQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.2.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-util": {
+      "version": "5.44.4",
+      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.44.4.tgz",
+      "integrity": "sha512-resueRJzmHG9Q6rI/DfK6Kdv9/Lfls05vzMs1Sk3M2P+3cJa+MakaZyWY8IPfehVuhPJFKrIY1IK4GqbiaiY5w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "react-is": "^18.2.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-virtual-list": {
+      "version": "3.19.1",
+      "resolved": "https://registry.npmjs.org/rc-virtual-list/-/rc-virtual-list-3.19.1.tgz",
+      "integrity": "sha512-DCapO2oyPqmooGhxBuXHM4lFuX+sshQwWqqkuyFA+4rShLe//+GEPVwiDgO+jKtKHtbeYwZoNvetwfHdOf+iUQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.20.0",
+        "classnames": "^2.2.6",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.36.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/react": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.2"
+      },
+      "peerDependencies": {
+        "react": "^18.3.1"
+      }
+    },
+    "node_modules/react-fast-compare": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
+      "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==",
+      "license": "MIT"
+    },
+    "node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "license": "MIT"
+    },
+    "node_modules/react-refresh": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz",
+      "integrity": "sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-router": {
+      "version": "6.30.1",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.30.1.tgz",
+      "integrity": "sha512-X1m21aEmxGXqENEPG3T6u0Th7g0aS4ZmoNynhbs+Cn+q+QGTLt+d5IQ2bHAXKzKcxGJjxACpVbnYQSCRcfxHlQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@remix-run/router": "1.23.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8"
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "6.30.1",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.30.1.tgz",
+      "integrity": "sha512-llKsgOkZdbPU1Eg3zK8lCn+sjD9wMRZZPuzmdWWX5SUs8OFkN5HnFVC0u5KMeMaC9aoancFI/KoLuKPqN+hxHw==",
+      "license": "MIT",
+      "dependencies": {
+        "@remix-run/router": "1.23.0",
+        "react-router": "6.30.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==",
+      "license": "MIT"
+    },
+    "node_modules/resolve": {
+      "version": "2.0.0-next.5",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.45.1.tgz",
+      "integrity": "sha512-4iya7Jb76fVpQyLoiVpzUrsjQ12r3dM7fIVz+4NwoYvZOShknRmiv+iu9CClZml5ZLGb0XMcYLutK6w9tgxHDw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.8"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.45.1",
+        "@rollup/rollup-android-arm64": "4.45.1",
+        "@rollup/rollup-darwin-arm64": "4.45.1",
+        "@rollup/rollup-darwin-x64": "4.45.1",
+        "@rollup/rollup-freebsd-arm64": "4.45.1",
+        "@rollup/rollup-freebsd-x64": "4.45.1",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.45.1",
+        "@rollup/rollup-linux-arm-musleabihf": "4.45.1",
+        "@rollup/rollup-linux-arm64-gnu": "4.45.1",
+        "@rollup/rollup-linux-arm64-musl": "4.45.1",
+        "@rollup/rollup-linux-loongarch64-gnu": "4.45.1",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.45.1",
+        "@rollup/rollup-linux-riscv64-gnu": "4.45.1",
+        "@rollup/rollup-linux-riscv64-musl": "4.45.1",
+        "@rollup/rollup-linux-s390x-gnu": "4.45.1",
+        "@rollup/rollup-linux-x64-gnu": "4.45.1",
+        "@rollup/rollup-linux-x64-musl": "4.45.1",
+        "@rollup/rollup-win32-arm64-msvc": "4.45.1",
+        "@rollup/rollup-win32-ia32-msvc": "4.45.1",
+        "@rollup/rollup-win32-x64-msvc": "4.45.1",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/runes2": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/runes2/-/runes2-1.1.4.tgz",
+      "integrity": "sha512-LNPnEDPOOU4ehF71m5JoQyzT2yxwD6ZreFJ7MxZUAoMKNMY1XrAo60H1CUoX5ncSm0rIuKlqn9JZNRrRkNou2g==",
+      "license": "MIT"
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/sass": {
+      "version": "1.89.2",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.89.2.tgz",
+      "integrity": "sha512-xCmtksBKd/jdJ9Bt9p7nPKiuqrlBMBuuGkQlkhZjjQk3Ty48lv93k5Dq6OPkKt4XwxDJ7tvlfrTa1MPA9bf+QA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^4.0.0",
+        "immutable": "^5.0.2",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher": "^2.4.1"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/screenfull": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/screenfull/-/screenfull-5.2.0.tgz",
+      "integrity": "sha512-9BakfsO2aUQN2K9Fdbj87RJIEZ82Q9IGim7FqM5OsebfoFC6ZHXgDq/KvniuLTPdeM8wY2o6Dj3WQ7KeQCj3cA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/scroll-into-view-if-needed": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.1.0.tgz",
+      "integrity": "sha512-49oNpRjWRvnU8NyGVmUaYG4jtTkNonFZI86MmGRDqBphEK2EXT9gdEUoQPZhuBM8yWHxCWbobltqYO5M4XrUvQ==",
+      "license": "MIT",
+      "dependencies": {
+        "compute-scroll-into-view": "^3.0.2"
+      }
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/size-sensor": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/size-sensor/-/size-sensor-1.0.2.tgz",
+      "integrity": "sha512-2NCmWxY7A9pYKGXNBfteo4hy14gWu47rg5692peVMst6lQLPKrVjhY+UTEsPI5ceFRJSl3gVgMYaUi/hKuaiKw==",
+      "license": "ISC"
+    },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/staged-components": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/staged-components/-/staged-components-1.1.3.tgz",
+      "integrity": "sha512-9EIswzDqjwlEu+ymkV09TTlJfzSbKgEnNteUnZSTxkpMgr5Wx2CzzA9WcMFWBNCldqVPsHVnRGGrApduq2Se5A==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
+      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "internal-slot": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/string-convert": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz",
+      "integrity": "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A==",
+      "license": "MIT"
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.12",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
+      "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "regexp.prototype.flags": "^1.5.3",
+        "set-function-name": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.repeat": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
+      "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-data-property": "^1.1.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-object-atoms": "^1.0.0",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/stylis": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.6.tgz",
+      "integrity": "sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==",
+      "license": "MIT"
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/synckit": {
+      "version": "0.11.8",
+      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.11.8.tgz",
+      "integrity": "sha512-+XZ+r1XGIJGeQk3VvXhT6xx/VpbHsRzsTkGgF6E5RX9TTXD0118l87puaEBZ566FhqblC6U0d4XnubznJDm30A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@pkgr/core": "^0.2.4"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/synckit"
+      }
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/throttle-debounce": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-5.0.2.tgz",
+      "integrity": "sha512-B71/4oyj61iNH0KeCamLuE2rmKuTO5byTOSVwECM5FA7TiAiAW+UqTKZ9ERueC4qvgSttUhdmq1mXC3kJqGX7A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.22"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.14",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz",
+      "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/toggle-selection": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
+      "integrity": "sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==",
+      "license": "MIT"
+    },
+    "node_modules/ts-api-utils": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.3.tgz",
+      "integrity": "sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.2.0"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==",
+      "license": "0BSD"
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0",
+        "reflect.getprototypeof": "^1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.8.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
+      "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "7.8.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.8.0.tgz",
+      "integrity": "sha512-9UJ2xGDvQ43tYyVMpuHlsgApydB8ZKfVYTsLDhXkFL/6gfkp+U8xTGdh8pMJv1SpZna0zxG1DwsKZsreLbXBxw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
+      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/use-sync-external-store": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.5.0.tgz",
+      "integrity": "sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/vite": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.0.5.tgz",
+      "integrity": "sha512-1mncVwJxy2C9ThLwz0+2GKZyEXuC3MyWtAAlNftlZZXZDP3AJt5FmwcMit/IGGaNZ8ZOB2BNO/HFUB+CpN0NQw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.25.0",
+        "fdir": "^6.4.6",
+        "picomatch": "^4.0.2",
+        "postcss": "^8.5.6",
+        "rollup": "^4.40.0",
+        "tinyglobby": "^0.2.14"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^20.19.0 || >=22.12.0",
+        "jiti": ">=1.21.0",
+        "less": "^4.0.0",
+        "lightningcss": "^1.21.0",
+        "sass": "^1.70.0",
+        "sass-embedded": "^1.70.0",
+        "stylus": ">=0.54.8",
+        "sugarss": "^5.0.0",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.2.1",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.1.0",
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.19",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.19.tgz",
+      "integrity": "sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "for-each": "^0.3.5",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/zrender": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.6.1.tgz",
+      "integrity": "sha512-OFXkDJKcrlx5su2XbzJvj/34Q3m6PvyCZkVPHGYpcCJ52ek4U/ymZyfuV1nKE23AyBJ51E/6Yr0mhZ7xGTO4ag==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tslib": "2.3.0"
+      }
+    },
+    "node_modules/zustand": {
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/zustand/-/zustand-5.0.6.tgz",
+      "integrity": "sha512-ihAqNeUVhe0MAD+X8M5UzqyZ9k3FFZLBTtqo6JLPwV53cbRB/mJwBI0PxcIgqhBBHlEs8G45OTDTMq3gNcLq3A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.20.0"
+      },
+      "peerDependencies": {
+        "@types/react": ">=18.0.0",
+        "immer": ">=9.0.6",
+        "react": ">=18.0.0",
+        "use-sync-external-store": ">=1.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "immer": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "use-sync-external-store": {
+          "optional": true
+        }
+      }
+    }
+  }
+}
diff --git a/nkebao/package.json b/nkebao/package.json
new file mode 100644
index 000000000..e2f14498b
--- /dev/null
+++ b/nkebao/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "nkebao-base",
+  "license": "MIT",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "@ant-design/icons": "^5.6.1",
+    "antd": "^5.13.1",
+    "antd-mobile": "^5.39.1",
+    "axios": "^1.6.7",
+    "echarts": "^5.6.0",
+    "echarts-for-react": "^3.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.20.0",
+    "zustand": "^5.0.6"
+  },
+  "devDependencies": {
+    "@types/node": "^24.0.14",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@typescript-eslint/eslint-plugin": "^7.7.0",
+    "@typescript-eslint/parser": "^7.7.0",
+    "@vitejs/plugin-react": "^4.6.0",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.1",
+    "postcss": "^8.4.38",
+    "postcss-pxtorem": "^6.0.0",
+    "prettier": "^3.2.5",
+    "sass": "^1.75.0",
+    "typescript": "^5.4.5",
+    "vite": "^7.0.5"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "lint": "eslint 'src/**/*.{js,jsx,ts,tsx}' --fix"
+  }
+}
diff --git a/nkebao/postcss.config.js b/nkebao/postcss.config.js
new file mode 100644
index 000000000..34ea9ede4
--- /dev/null
+++ b/nkebao/postcss.config.js
@@ -0,0 +1,8 @@
+module.exports = {
+    plugins: {
+        'postcss-pxtorem': {
+            rootValue: 16,
+            propList: ['*'],
+        },
+    },
+}; 
\ No newline at end of file
diff --git a/nkebao/src/App.tsx b/nkebao/src/App.tsx
new file mode 100644
index 000000000..9138ddb54
--- /dev/null
+++ b/nkebao/src/App.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+import AppRouter from "@/router";
+function App() {
+  return (
+    <>
+      <AppRouter />
+    </>
+  );
+}
+
+export default App;
diff --git a/nkebao/src/api/request.ts b/nkebao/src/api/request.ts
new file mode 100644
index 000000000..2c5372bf9
--- /dev/null
+++ b/nkebao/src/api/request.ts
@@ -0,0 +1,78 @@
+import axios, { AxiosInstance, AxiosRequestConfig, Method, AxiosResponse } from 'axios';
+import { Toast } from 'antd-mobile';
+
+const DEFAULT_DEBOUNCE_GAP = 1000;
+const debounceMap = new Map<string, number>();
+
+const instance: AxiosInstance = axios.create({
+  baseURL: (import.meta as any).env?.VITE_API_BASE_URL || '/api',
+  timeout: 10000,
+  headers: {
+    'Content-Type': 'application/json',
+  },
+});
+
+instance.interceptors.request.use(config => {
+  const token = localStorage.getItem('token');
+  if (token) {
+    config.headers = config.headers || {};
+    config.headers['Authorization'] = `Bearer ${token}`;
+  }
+  return config;
+});
+
+instance.interceptors.response.use(
+  (res: AxiosResponse) => {
+    const { code, success, msg } = res.data || {};
+    if (code === 200 || success) {
+      return res.data.data ?? res.data;
+    }
+    Toast.show({ content: msg || '接口错误', position: 'top' });
+    if (code === 401) {
+      localStorage.removeItem('token');
+      const currentPath = window.location.pathname + window.location.search;
+      if (currentPath === '/login') {
+        window.location.href = '/login';
+      } else {
+        window.location.href = `/login?redirect=${encodeURIComponent(currentPath)}`;
+      }
+    }
+    return Promise.reject(msg || '接口错误');
+  },
+  err => {
+    Toast.show({ content: err.message || '网络异常', position: 'top' });
+    return Promise.reject(err);
+  }
+);
+
+export function request(
+  url: string,
+  data?: any,
+  method: Method = 'GET',
+  config?: AxiosRequestConfig,
+  debounceGap?: number
+): Promise<any> {
+  const gap = typeof debounceGap === 'number' ? debounceGap : DEFAULT_DEBOUNCE_GAP;
+  const key = `${method}_${url}_${JSON.stringify(data)}`;
+  const now = Date.now();
+  const last = debounceMap.get(key) || 0;
+  if (gap > 0 && now - last < gap) {
+    Toast.show({ content: '请求过于频繁，请稍后再试', position: 'top' });
+    return Promise.reject('请求过于频繁，请稍后再试');
+  }
+  debounceMap.set(key, now);
+
+  const axiosConfig: AxiosRequestConfig = {
+    url,
+    method,
+    ...config,
+  };
+  if (method.toUpperCase() === 'GET') {
+    axiosConfig.params = data;
+  } else {
+    axiosConfig.data = data;
+  }
+  return instance(axiosConfig);
+}
+
+export default request;
diff --git a/nkebao/src/components/InfiniteList/InfiniteList.module.scss b/nkebao/src/components/InfiniteList/InfiniteList.module.scss
new file mode 100644
index 000000000..c443db9d7
--- /dev/null
+++ b/nkebao/src/components/InfiniteList/InfiniteList.module.scss
@@ -0,0 +1,87 @@
+.listContainer {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  position: relative;
+}
+
+.listItem {
+  flex-shrink: 0;
+  width: 100%;
+}
+
+.loadMoreButtonContainer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 16px;
+  flex-shrink: 0;
+}
+
+.noMoreText {
+  text-align: center;
+  color: #999;
+  font-size: 14px;
+  padding: 16px;
+  flex-shrink: 0;
+}
+
+.emptyState {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 60px 20px;
+  color: #999;
+  flex: 1;
+  min-height: 200px;
+}
+
+.emptyIcon {
+  font-size: 48px;
+  margin-bottom: 16px;
+  opacity: 0.5;
+}
+
+.emptyText {
+  font-size: 14px;
+  color: #999;
+}
+
+.pullToRefresh {
+  height: 100%;
+  overflow: auto;
+}
+
+// 自定义滚动条样式
+.listContainer::-webkit-scrollbar {
+  width: 4px;
+}
+
+.listContainer::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.listContainer::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.1);
+  border-radius: 2px;
+}
+
+.listContainer::-webkit-scrollbar-thumb:hover {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+// 响应式设计
+@media (max-width: 768px) {
+  .listContainer {
+    padding: 0 8px;
+  }
+  
+  .loadMoreButtonContainer {
+    padding: 12px;
+  }
+  
+  .noMoreText {
+    padding: 12px;
+  }
+} 
\ No newline at end of file
diff --git a/nkebao/src/components/InfiniteList/InfiniteList.tsx b/nkebao/src/components/InfiniteList/InfiniteList.tsx
new file mode 100644
index 000000000..37a325e59
--- /dev/null
+++ b/nkebao/src/components/InfiniteList/InfiniteList.tsx
@@ -0,0 +1,195 @@
+import React, { useState, useEffect, useRef, useCallback } from "react";
+import {
+  PullToRefresh,
+  InfiniteScroll,
+  Button,
+  SpinLoading,
+} from "antd-mobile";
+import styles from "./InfiniteList.module.scss";
+
+interface InfiniteListProps<T> {
+  // 数据相关
+  data: T[];
+  loading?: boolean;
+  hasMore?: boolean;
+  loadingText?: string;
+  noMoreText?: string;
+
+  // 渲染相关
+  renderItem: (item: T, index: number) => React.ReactNode;
+  keyExtractor?: (item: T, index: number) => string | number;
+
+  // 事件回调
+  onLoadMore?: () => Promise<void> | void;
+  onRefresh?: () => Promise<void> | void;
+
+  // 样式相关
+  className?: string;
+  itemClassName?: string;
+  containerStyle?: React.CSSProperties;
+
+  // 功能开关
+  enablePullToRefresh?: boolean;
+  enableInfiniteScroll?: boolean;
+  enableLoadMoreButton?: boolean;
+
+  // 自定义高度
+  height?: string | number;
+  minHeight?: string | number;
+}
+
+const InfiniteList = <T extends any>({
+  data,
+  loading = false,
+  hasMore = true,
+  loadingText = "加载中...",
+  noMoreText = "没有更多了",
+
+  renderItem,
+  keyExtractor = (_, index) => index,
+
+  onLoadMore,
+  onRefresh,
+
+  className = "",
+  itemClassName = "",
+  containerStyle = {},
+
+  enablePullToRefresh = true,
+  enableInfiniteScroll = true,
+  enableLoadMoreButton = false,
+
+  height = "100%",
+  minHeight = "200px",
+}: InfiniteListProps<T>) => {
+  const [refreshing, setRefreshing] = useState(false);
+  const [loadingMore, setLoadingMore] = useState(false);
+  const containerRef = useRef<HTMLDivElement>(null);
+
+  // 处理下拉刷新
+  const handleRefresh = useCallback(async () => {
+    if (!onRefresh) return;
+
+    setRefreshing(true);
+    try {
+      await onRefresh();
+    } catch (error) {
+      console.error("Refresh failed:", error);
+    } finally {
+      setRefreshing(false);
+    }
+  }, [onRefresh]);
+
+  // 处理加载更多
+  const handleLoadMore = useCallback(async () => {
+    if (!onLoadMore || loadingMore || !hasMore) return;
+
+    setLoadingMore(true);
+    try {
+      await onLoadMore();
+    } catch (error) {
+      console.error("Load more failed:", error);
+    } finally {
+      setLoadingMore(false);
+    }
+  }, [onLoadMore, loadingMore, hasMore]);
+
+  // 点击加载更多按钮
+  const handleLoadMoreClick = useCallback(() => {
+    handleLoadMore();
+  }, [handleLoadMore]);
+
+  // 容器样式
+  const containerStyles: React.CSSProperties = {
+    height,
+    minHeight,
+    ...containerStyle,
+  };
+
+  // 渲染列表项
+  const renderListItems = () => {
+    return data.map((item, index) => (
+      <div
+        key={keyExtractor(item, index)}
+        className={`${styles.listItem} ${itemClassName}`}
+      >
+        {renderItem(item, index)}
+      </div>
+    ));
+  };
+
+  // 渲染加载更多按钮
+  const renderLoadMoreButton = () => {
+    if (!enableLoadMoreButton || !hasMore) return null;
+
+    return (
+      <div className={styles.loadMoreButtonContainer}>
+        <Button
+          size="small"
+          loading={loadingMore}
+          onClick={handleLoadMoreClick}
+          disabled={loading || !hasMore}
+        >
+          {loadingMore ? loadingText : "点击加载更多"}
+        </Button>
+      </div>
+    );
+  };
+
+  // 渲染无更多数据提示
+  const renderNoMoreText = () => {
+    if (hasMore || data.length === 0) return null;
+
+    return <div className={styles.noMoreText}>{noMoreText}</div>;
+  };
+
+  // 渲染空状态
+  const renderEmptyState = () => {
+    if (data.length > 0 || loading) return null;
+
+    return (
+      <div className={styles.emptyState}>
+        <div className={styles.emptyIcon}>📝</div>
+        <div className={styles.emptyText}>暂无数据</div>
+      </div>
+    );
+  };
+
+  const content = (
+    <div
+      className={`${styles.listContainer} ${className}`}
+      style={containerStyles}
+    >
+      {renderListItems()}
+      {renderLoadMoreButton()}
+      {renderNoMoreText()}
+      {renderEmptyState()}
+
+      {/* 无限滚动组件 */}
+      {enableInfiniteScroll && (
+        <InfiniteScroll
+          loadMore={handleLoadMore}
+          hasMore={hasMore}
+          threshold={100}
+        />
+      )}
+    </div>
+  );
+
+  // 如果启用下拉刷新，包装PullToRefresh
+  if (enablePullToRefresh && onRefresh) {
+    return (
+      <PullToRefresh
+        onRefresh={handleRefresh}
+        refreshing={refreshing}
+        className={styles.pullToRefresh}
+      >
+        {content}
+      </PullToRefresh>
+    );
+  }
+
+  return content;
+};
+
+export default InfiniteList;
diff --git a/nkebao/src/components/Layout/Layout.tsx b/nkebao/src/components/Layout/Layout.tsx
new file mode 100644
index 000000000..eea22b398
--- /dev/null
+++ b/nkebao/src/components/Layout/Layout.tsx
@@ -0,0 +1,36 @@
+import React from "react";
+import { SpinLoading } from "antd-mobile";
+import styles from "./layout.module.scss";
+
+interface LayoutProps {
+  loading?: boolean;
+  children?: React.ReactNode;
+  header?: React.ReactNode;
+  footer?: React.ReactNode;
+}
+
+const Layout: React.FC<LayoutProps> = ({
+  children,
+  header,
+  footer,
+  loading = false,
+}) => {
+  return (
+    <div className={styles.container}>
+      {header && <header>{header}</header>}
+      <main>
+        {loading ? (
+          <div className={styles.loadingContainer}>
+            <SpinLoading color="primary" style={{ fontSize: 32 }} />
+            <div className={styles.loadingText}>加载中...</div>
+          </div>
+        ) : (
+          children
+        )}
+      </main>
+      {footer && <footer>{footer}</footer>}
+    </div>
+  );
+};
+
+export default Layout;
diff --git a/nkebao/src/components/Layout/layout.module.scss b/nkebao/src/components/Layout/layout.module.scss
new file mode 100644
index 000000000..ed336f6fe
--- /dev/null
+++ b/nkebao/src/components/Layout/layout.module.scss
@@ -0,0 +1,28 @@
+.container {
+  display: flex;
+  height: 100vh;
+  flex-direction: column;
+  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
+}
+ 
+.container main {
+  flex: 1;
+  overflow: auto;
+}
+
+.loadingContainer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  min-height: 300px;
+  background: rgba(255, 255, 255, 0.8);
+}
+
+.loadingText {
+  margin-top: 16px;
+  color: #666;
+  font-size: 14px;
+  text-align: center;
+} 
\ No newline at end of file
diff --git a/nkebao/src/components/LineChart.tsx b/nkebao/src/components/LineChart.tsx
new file mode 100644
index 000000000..7bd9db0df
--- /dev/null
+++ b/nkebao/src/components/LineChart.tsx
@@ -0,0 +1,53 @@
+import React from "react";
+import ReactECharts from "echarts-for-react";
+
+interface LineChartProps {
+  title?: string;
+  xData: string[];
+  yData: number[];
+  height?: number | string;
+}
+
+const LineChart: React.FC<LineChartProps> = ({
+  title = "",
+  xData,
+  yData,
+  height = 200,
+}) => {
+  const option = {
+    title: {
+      text: title,
+      left: "center",
+      textStyle: { fontSize: 16 },
+    },
+    tooltip: { trigger: "axis" },
+    xAxis: {
+      type: "category",
+      data: xData,
+      boundaryGap: false,
+    },
+    yAxis: {
+      type: "value",
+      boundaryGap: ["10%", "10%"], // 上下留白
+      min: (value: any) => value.min - 10, // 下方多留一点空间
+      max: (value: any) => value.max + 10, // 上方多留一点空间
+      minInterval: 1,
+      axisLabel: { margin: 12 },
+    },
+    series: [
+      {
+        data: yData,
+        type: "line",
+        smooth: true,
+        symbol: "circle",
+        lineStyle: { color: "#1677ff" },
+        itemStyle: { color: "#1677ff" },
+      },
+    ],
+    grid: { left: 40, right: 24, top: 40, bottom: 32 },
+  };
+
+  return <ReactECharts option={option} style={{ height, width: "100%" }} />;
+};
+
+export default LineChart;
diff --git a/nkebao/src/components/MeauMobile/MeauMoible.tsx b/nkebao/src/components/MeauMobile/MeauMoible.tsx
new file mode 100644
index 000000000..2a84a9dc7
--- /dev/null
+++ b/nkebao/src/components/MeauMobile/MeauMoible.tsx
@@ -0,0 +1,77 @@
+import React, { useState, useEffect } from "react";
+import { TabBar } from "antd-mobile";
+import { PieOutline, UserOutline } from "antd-mobile-icons";
+import { HomeOutlined, TeamOutlined } from "@ant-design/icons";
+import { useLocation, useNavigate } from "react-router-dom";
+
+const tabs = [
+  {
+    key: "home",
+    title: "首页",
+    icon: <HomeOutlined />,
+    path: "/",
+  },
+  {
+    key: "scene",
+    title: "场景获客",
+    icon: <TeamOutlined />,
+    path: "/scenarios",
+  },
+  {
+    key: "work",
+    title: "工作台",
+    icon: <PieOutline />,
+    path: "/workspace",
+  },
+  {
+    key: "mine",
+    title: "我的",
+    icon: <UserOutline />,
+    path: "/mine",
+  },
+];
+
+// 需要展示菜单的路由白名单（可根据实际业务调整）
+const menuPaths = ["/", "/scenarios", "/workspace", "/mine"];
+
+const MeauMobile: React.FC = () => {
+  const location = useLocation();
+  const navigate = useNavigate();
+  const [activeKey, setActiveKey] = useState("home");
+
+  // 根据当前路由自动设置 activeKey，支持嵌套路由
+  useEffect(() => {
+    const found = tabs.find((tab) =>
+      tab.path === "/"
+        ? location.pathname === "/"
+        : location.pathname.startsWith(tab.path)
+    );
+    if (found) setActiveKey(found.key);
+  }, [location.pathname]);
+
+  // 判断当前路由是否需要展示菜单
+  const showMenu = menuPaths.some((path) =>
+    path === "/"
+      ? location.pathname === "/"
+      : location.pathname.startsWith(path)
+  );
+  if (!showMenu) return null;
+
+  return (
+    <TabBar
+      style={{ background: "#fff" }}
+      activeKey={activeKey}
+      onChange={(key) => {
+        setActiveKey(key);
+        const tab = tabs.find((t) => t.key === key);
+        if (tab && tab.path) navigate(tab.path);
+      }}
+    >
+      {tabs.map((item) => (
+        <TabBar.Item key={item.key} icon={item.icon} title={item.title} />
+      ))}
+    </TabBar>
+  );
+};
+
+export default MeauMobile;
diff --git a/nkebao/src/components/PlaceholderPage.tsx b/nkebao/src/components/PlaceholderPage.tsx
new file mode 100644
index 000000000..4eec7f2f8
--- /dev/null
+++ b/nkebao/src/components/PlaceholderPage.tsx
@@ -0,0 +1,56 @@
+import React from "react";
+import { NavBar, Button } from "antd-mobile";
+import { PlusOutlined } from "@ant-design/icons";
+import Layout from "@/components/Layout/Layout";
+import MeauMobile from "@/components/MeauMobile/MeauMoible";
+
+interface PlaceholderPageProps {
+  title: string;
+  showBack?: boolean;
+  showAddButton?: boolean;
+  addButtonText?: string;
+  showFooter?: boolean;
+}
+
+const PlaceholderPage: React.FC<PlaceholderPageProps> = ({
+  title,
+  showBack = true,
+  showAddButton = false,
+  addButtonText = "新建",
+  showFooter = true,
+}) => {
+  return (
+    <Layout
+      header={
+        <NavBar
+          backArrow={showBack}
+          style={{ background: "#fff" }}
+          onBack={showBack ? () => window.history.back() : undefined}
+          left={
+            <div style={{ color: "var(--primary-color)", fontWeight: 600 }}>
+              {title}
+            </div>
+          }
+          right={
+            showAddButton ? (
+              <Button size="small" color="primary">
+                <PlusOutlined />
+                <span style={{ marginLeft: 4, fontSize: 12 }}>
+                  {addButtonText}
+                </span>
+              </Button>
+            ) : undefined
+          }
+        />
+      }
+      footer={showFooter ? <MeauMobile /> : undefined}
+    >
+      <div style={{ padding: 20, textAlign: "center", color: "#666" }}>
+        <h3>{title}页面</h3>
+        <p>此页面正在开发中...</p>
+      </div>
+    </Layout>
+  );
+};
+
+export default PlaceholderPage;
diff --git a/nkebao/src/main.tsx b/nkebao/src/main.tsx
new file mode 100644
index 000000000..f62c6b7bd
--- /dev/null
+++ b/nkebao/src/main.tsx
@@ -0,0 +1,7 @@
+import React from "react";
+import { createRoot } from "react-dom/client";
+import App from "./App";
+import "./styles/global.scss";
+
+const root = createRoot(document.getElementById("root")!);
+root.render(<App />);
diff --git a/nkebao/src/pages/contact-import/ContactImport.tsx b/nkebao/src/pages/contact-import/ContactImport.tsx
new file mode 100644
index 000000000..9d03b6b24
--- /dev/null
+++ b/nkebao/src/pages/contact-import/ContactImport.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const ContactImport: React.FC = () => {
+  return (
+    <PlaceholderPage
+      title="联系人导入"
+      showAddButton
+      addButtonText="导入联系人"
+    />
+  );
+};
+
+export default ContactImport;
diff --git a/nkebao/src/pages/content/Content.tsx b/nkebao/src/pages/content/Content.tsx
new file mode 100644
index 000000000..55e68abd8
--- /dev/null
+++ b/nkebao/src/pages/content/Content.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const Content: React.FC = () => {
+  return (
+    <PlaceholderPage title="内容管理" showAddButton addButtonText="新建内容" />
+  );
+};
+
+export default Content;
diff --git a/nkebao/src/pages/content/NewContent.tsx b/nkebao/src/pages/content/NewContent.tsx
new file mode 100644
index 000000000..3bd822887
--- /dev/null
+++ b/nkebao/src/pages/content/NewContent.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const NewContent: React.FC = () => {
+  return <PlaceholderPage title="新建内容" />;
+};
+
+export default NewContent;
diff --git a/nkebao/src/pages/content/materials/List.tsx b/nkebao/src/pages/content/materials/List.tsx
new file mode 100644
index 000000000..e11ae6745
--- /dev/null
+++ b/nkebao/src/pages/content/materials/List.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const Materials: React.FC = () => {
+  return (
+    <PlaceholderPage title="素材管理" showAddButton addButtonText="新建素材" />
+  );
+};
+
+export default Materials;
diff --git a/nkebao/src/pages/content/materials/New.tsx b/nkebao/src/pages/content/materials/New.tsx
new file mode 100644
index 000000000..62afef95a
--- /dev/null
+++ b/nkebao/src/pages/content/materials/New.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const MaterialsNew: React.FC = () => {
+  return <PlaceholderPage title="新建素材" />;
+};
+
+export default MaterialsNew;
diff --git a/nkebao/src/pages/devices/DeviceDetail.tsx b/nkebao/src/pages/devices/DeviceDetail.tsx
new file mode 100644
index 000000000..69876d6e0
--- /dev/null
+++ b/nkebao/src/pages/devices/DeviceDetail.tsx
@@ -0,0 +1,30 @@
+import React from "react";
+import { NavBar } from "antd-mobile";
+import Layout from "@/components/Layout/Layout";
+import MeauMobile from "@/components/MeauMobile/MeauMoible";
+
+const DeviceDetail: React.FC = () => {
+  return (
+    <Layout
+      header={
+        <NavBar
+          backArrow
+          style={{ background: "#fff" }}
+          onBack={() => window.history.back()}
+        >
+          <div style={{ color: "var(--primary-color)", fontWeight: 600 }}>
+            设备详情
+          </div>
+        </NavBar>
+      }
+      footer={<MeauMobile />}
+    >
+      <div style={{ padding: 20, textAlign: "center", color: "#666" }}>
+        <h3>设备详情页面</h3>
+        <p>此页面正在开发中...</p>
+      </div>
+    </Layout>
+  );
+};
+
+export default DeviceDetail;
diff --git a/nkebao/src/pages/devices/Devices.tsx b/nkebao/src/pages/devices/Devices.tsx
new file mode 100644
index 000000000..66895d54e
--- /dev/null
+++ b/nkebao/src/pages/devices/Devices.tsx
@@ -0,0 +1,37 @@
+import React from "react";
+import { NavBar, Button } from "antd-mobile";
+import { AddOutline } from "antd-mobile-icons";
+import Layout from "@/components/Layout/Layout";
+import MeauMobile from "@/components/MeauMobile/MeauMoible";
+
+const Devices: React.FC = () => {
+  return (
+    <Layout
+      header={
+        <NavBar
+          back={null}
+          style={{ background: "#fff" }}
+          left={
+            <div style={{ color: "var(--primary-color)", fontWeight: 600 }}>
+              设备管理
+            </div>
+          }
+          right={
+            <Button size="small" color="primary">
+              <AddOutline />
+              <span style={{ marginLeft: 4, fontSize: 12 }}>添加设备</span>
+            </Button>
+          }
+        />
+      }
+      footer={<MeauMobile />}
+    >
+      <div style={{ padding: 20, textAlign: "center", color: "#666" }}>
+        <h3>设备管理页面</h3>
+        <p>此页面正在开发中...</p>
+      </div>
+    </Layout>
+  );
+};
+
+export default Devices;
diff --git a/nkebao/src/pages/home/api.ts b/nkebao/src/pages/home/api.ts
new file mode 100644
index 000000000..25016d2d3
--- /dev/null
+++ b/nkebao/src/pages/home/api.ts
@@ -0,0 +1,31 @@
+import request from '@/api/request';
+
+// 设备统计
+export function getDeviceStats() {
+  return request('/v1/dashboard/device-stats', {}, 'GET');
+}
+
+// 微信号统计
+export function getWechatStats() {
+  return request('/v1/dashboard/wechat-stats', {}, 'GET');
+}
+
+// 今日数据统计
+export function getTodayStats() {
+  return request('/v1/dashboard/today-stats', {}, 'GET');
+}
+
+// 首页仪表盘总览
+export function getDashboard() {
+  return request('/v1/dashboard', {}, 'GET');
+}
+
+// 获客场景统计
+export function getPlanStats(params:any) {
+  return request('/v1/dashboard/plan-stats', params, 'GET');
+}
+
+// 近七天统计
+export function getSevenDayStats() {
+  return request('/v1/dashboard/sevenDay-stats', {}, 'GET');
+}
diff --git a/nkebao/src/pages/home/index.module.scss b/nkebao/src/pages/home/index.module.scss
new file mode 100644
index 000000000..bd72ec6a0
--- /dev/null
+++ b/nkebao/src/pages/home/index.module.scss
@@ -0,0 +1,360 @@
+.home-page {
+  padding: 12px;
+  background: #f8f6f3;
+  min-height: 100vh;
+}
+
+.content-wrapper {
+  padding: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+// 导航栏样式
+.nav-title {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+}
+
+.nav-text {
+  color: var(--primary-color);
+  font-weight: 700;
+  font-size: 18px;
+  text-shadow: 0 2px 4px rgba(24, 142, 238, 0.2);
+}
+
+.nav-right {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.error-tip {
+  font-size: 12px;
+  color: #f97316;
+  background: #fef3c7;
+  padding: 4px 8px;
+  border-radius: 4px;
+  margin-right: 8px;
+}
+
+.nav-button {
+  padding: 8px;
+  border-radius: 50%;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  transition: background-color 0.2s;
+  
+  &:hover {
+    background: #f3f4f6;
+  }
+}
+
+// 统计卡片网格
+.stats-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 12px;
+  margin-bottom: 16px;
+}
+
+.stat-card {
+  background: white;
+  border-radius: 8px;
+  padding: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  cursor: pointer;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  transition: all 0.3s ease;
+  
+  &:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+  }
+}
+
+.stat-label {
+  font-size: 16px;
+  color: #666;
+  line-height: 1.2;
+  font-weight: bold;
+}
+
+.stat-value {
+  font-size: 20px;
+  font-weight: 700;
+  color: #3b82f6;
+  line-height: 1.2;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.progress-bar {
+  height: 4px;
+  background: #e5e7eb;
+  border-radius: 2px;
+  margin-top: 8px;
+  overflow: hidden;
+}
+
+.progress-fill {
+  height: 100%;
+  background: #3b82f6;
+  border-radius: 2px;
+  transition: width 0.3s ease;
+}
+
+// Loading状态样式
+.stat-card {
+  .stat-label:empty::before {
+    content: '';
+    display: block;
+    width: 60px;
+    height: 12px;
+    background: #f0f0f0;
+    border-radius: 2px;
+    animation: pulse 1.5s ease-in-out infinite;
+  }
+  
+  .stat-value {
+    span:empty::before {
+      content: '';
+      display: block;
+      width: 40px;
+      height: 20px;
+      background: #f0f0f0;
+      border-radius: 2px;
+      animation: pulse 1.5s ease-in-out infinite;
+    }
+    
+    div:empty::before {
+      content: '';
+      display: block;
+      width: 20px;
+      height: 20px;
+      background: #f0f0f0;
+      border-radius: 4px;
+      animation: pulse 1.5s ease-in-out infinite;
+    }
+  }
+}
+
+@keyframes pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+
+// 通用区域样式
+.section {
+  background: white;
+  border-radius: 12px;
+  padding: 16px;
+  margin-bottom: 12px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  transition: all 0.3s ease;
+  
+  &:hover {
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  }
+}
+
+.section-header {
+  margin-bottom: 12px;
+}
+
+.section-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: #333;
+  position: relative;
+  padding-left: 8px;
+  
+  &::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 3px;
+    height: 14px;
+    background: var(--primary-gradient);
+    border-radius: 2px;
+  }
+}
+
+// 场景统计网格
+.scene-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 8px;
+}
+
+.scene-item {
+  text-align: center;
+  padding: 8px 4px;
+}
+
+.scene-icon {
+  width: 36px;
+  height: 36px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto 6px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  overflow: hidden;
+}
+
+.scene-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 8px;
+}
+
+.scene-value {
+  font-size: 16px;
+  font-weight: 700;
+  color: #333;
+  margin-bottom: 2px;
+  line-height: 1.2;
+}
+
+.scene-label {
+  font-size: 10px;
+  color: #666;
+  line-height: 1.2;
+}
+
+// 今日数据网格
+.today-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 12px;
+}
+
+.today-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px;
+  background: #f8fafc;
+  border-radius: 8px;
+  transition: all 0.3s ease;
+  cursor: pointer;
+  
+  &:hover {
+    background: #f1f5f9;
+    transform: translateY(-1px);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  }
+}
+
+.today-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  background: white;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+.today-value {
+  font-size: 18px;
+  font-weight: 700;
+  color: #333;
+  line-height: 1.2;
+}
+
+.today-label {
+  font-size: 12px;
+  color: #666;
+  line-height: 1.2;
+}
+
+// 图表容器
+.chart-container {
+  width: 100%;
+  min-height: 160px;
+  border-radius: 8px;
+  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
+  padding: 12px;
+}
+
+// 响应式设计
+@media (max-width: 375px) {
+  .home-page {
+    padding: 8px;
+  }
+  
+  .stats-grid {
+    gap: 6px;
+    margin-bottom: 12px;
+  }
+  
+  .stat-card {
+    padding: 10px 6px;
+  }
+  
+  .stat-icon {
+    width: 28px;
+    height: 28px;
+  }
+  
+  .stat-value {
+    font-size: 16px;
+  }
+  
+  .stat-label {
+    font-size: 10px;
+  }
+  
+  .section {
+    padding: 12px;
+    margin-bottom: 8px;
+  }
+  
+  .scene-grid,
+  .today-grid {
+    gap: 6px;
+  }
+  
+  .scene-icon {
+    width: 32px;
+    height: 32px;
+  }
+  
+  .scene-value {
+    font-size: 14px;
+  }
+  
+  .scene-label {
+    font-size: 9px;
+  }
+  
+  .today-value {
+    font-size: 12px;
+  }
+  
+  .today-label {
+    font-size: 9px;
+  }
+  
+  .chart-container {
+    min-height: 140px;
+    padding: 8px;
+  }
+}
\ No newline at end of file
diff --git a/nkebao/src/pages/home/index.tsx b/nkebao/src/pages/home/index.tsx
new file mode 100644
index 000000000..a72b4dc24
--- /dev/null
+++ b/nkebao/src/pages/home/index.tsx
@@ -0,0 +1,370 @@
+import React, { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { NavBar } from "antd-mobile";
+import {
+  BellOutlined,
+  MobileOutlined,
+  UserOutlined,
+  MessageOutlined,
+  TeamOutlined,
+  RiseOutlined,
+  LineChartOutlined,
+} from "@ant-design/icons";
+import MeauMobile from "@/components/MeauMobile/MeauMoible";
+import Layout from "@/components/Layout/Layout";
+import LineChart from "@/components/LineChart";
+import {
+  getPlanStats,
+  getSevenDayStats,
+  getTodayStats,
+  getDashboard,
+} from "./api";
+import style from "./index.module.scss";
+
+interface DashboardData {
+  deviceNum?: number;
+  wechatNum?: number;
+  aliveWechatNum?: number;
+}
+
+interface TodayStatsData {
+  momentsNum?: number;
+  groupPushNum?: number;
+  passRate?: string;
+  sysActive?: string;
+}
+
+interface SevenDayStatsData {
+  date?: string[];
+  allNum?: number[];
+}
+
+const Home: React.FC = () => {
+  const navigate = useNavigate();
+  const [sceneStats, setSceneStats] = useState<any[]>([]);
+  const [todayStats, setTodayStats] = useState<any[]>([]);
+  const [dashboard, setDashboard] = useState<DashboardData>({});
+  const [sevenDayStats, setSevenDayStats] = useState<SevenDayStatsData>({});
+  const [isLoading, setIsLoading] = useState(true);
+  const [apiError, setApiError] = useState("");
+
+  // 场景获客数据
+  const scenarioFeatures = [
+    {
+      id: "3",
+      name: "抖音获客",
+      icon: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-QR8ManuDplYTySUJsY4mymiZkDYnQ9.png",
+      color: "bg-blue-100 text-blue-600",
+      value: 156,
+      growth: 12,
+    },
+    {
+      id: "4",
+      name: "小红书获客",
+      icon: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-yvnMxpoBUzcvEkr8DfvHgPHEo1kmQ3.png",
+      color: "bg-red-100 text-red-600",
+      value: 89,
+      growth: 8,
+    },
+    {
+      id: "6",
+      name: "公众号获客",
+      icon: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-Gsg0CMf5tsZb41mioszdjqU1WmsRxW.png",
+      color: "bg-green-100 text-green-600",
+      value: 234,
+      growth: 15,
+    },
+    {
+      id: "1",
+      name: "海报获客",
+      icon: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-x92XJgXy4MI7moNYlA1EAes2FqDxMH.png",
+      color: "bg-orange-100 text-orange-600",
+      value: 167,
+      growth: 10,
+    },
+  ];
+
+  // 今日数据统计
+  const todayStatsData = [
+    {
+      title: "朋友圈同步",
+      value: "12",
+      icon: <MessageOutlined style={{ fontSize: 16, color: "#8b5cf6" }} />,
+      color: "text-purple-600",
+      path: "/workspace/moments-sync",
+    },
+    {
+      title: "群发任务",
+      value: "8",
+      icon: <TeamOutlined style={{ fontSize: 16, color: "#f97316" }} />,
+      color: "text-orange-600",
+      path: "/workspace/group-push",
+    },
+    {
+      title: "获客转化",
+      value: "85%",
+      icon: <RiseOutlined style={{ fontSize: 16, color: "#22c55e" }} />,
+      color: "text-green-600",
+      path: "/scenarios",
+    },
+    {
+      title: "系统活跃度",
+      value: "98%",
+      icon: <LineChartOutlined style={{ fontSize: 16, color: "#3b82f6" }} />,
+      color: "text-blue-600",
+      path: "/workspace",
+    },
+  ];
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        setIsLoading(true);
+        setApiError("");
+
+        // 并行请求多个接口
+        const [dashboardResult, planStatsResult, sevenDayResult, todayResult] =
+          await Promise.allSettled([
+            getDashboard(),
+            getPlanStats({ num: 4 }),
+            getSevenDayStats(),
+            getTodayStats(),
+          ]);
+
+        // 处理仪表板数据
+        if (dashboardResult.status === "fulfilled") {
+          setDashboard(dashboardResult.value);
+        } else {
+          console.warn("仪表板API失败:", dashboardResult.reason);
+          setApiError("API连接异常，显示默认数据");
+        }
+
+        // 处理计划统计数据
+        if (planStatsResult.status === "fulfilled") {
+          setSceneStats(planStatsResult.value);
+        } else {
+          console.warn("计划统计API失败:", planStatsResult.reason);
+        }
+
+        // 处理七天统计数据
+        if (sevenDayResult.status === "fulfilled") {
+          setSevenDayStats(sevenDayResult.value);
+        } else {
+          console.warn("七天统计API失败:", sevenDayResult.reason);
+        }
+
+        // 处理今日统计数据
+        if (todayResult.status === "fulfilled") {
+          const todayStatsData = [
+            {
+              label: "同步朋友圈",
+              value: todayResult.value?.momentsNum || 0,
+              icon: (
+                <MessageOutlined style={{ fontSize: 16, color: "#8b5cf6" }} />
+              ),
+              color: "#8b5cf6",
+            },
+            {
+              label: "群发任务",
+              value: todayResult.value?.groupPushNum || 0,
+              icon: <TeamOutlined style={{ fontSize: 16, color: "#f97316" }} />,
+              color: "#f97316",
+            },
+            {
+              label: "获客转化率",
+              value: todayResult.value?.passRate || "0%",
+              icon: <RiseOutlined style={{ fontSize: 16, color: "#22c55e" }} />,
+              color: "#22c55e",
+            },
+            {
+              label: "系统活跃度",
+              value: todayResult.value?.sysActive || "0%",
+              icon: (
+                <LineChartOutlined style={{ fontSize: 16, color: "#3b82f6" }} />
+              ),
+              color: "#3b82f6",
+            },
+          ];
+          setTodayStats(todayStatsData);
+        } else {
+          console.warn("今日统计API失败:", todayResult.reason);
+        }
+      } catch (error) {
+        console.error("获取数据失败:", error);
+        setApiError(error instanceof Error ? error.message : "数据加载失败");
+      } finally {
+        setIsLoading(false);
+      }
+    };
+
+    fetchData();
+  }, []);
+
+  const handleDevicesClick = () => {
+    navigate("/devices");
+  };
+
+  const handleWechatClick = () => {
+    navigate("/wechat-accounts");
+  };
+
+  if (isLoading) {
+    return (
+      <Layout
+        header={
+          <NavBar back={null} style={{ background: "#fff" }}>
+            <div className={style["nav-title"]}>
+              <span className={style["nav-text"]}>存客宝</span>
+            </div>
+          </NavBar>
+        }
+        footer={<MeauMobile />}
+        loading={true}
+      >
+        <div className={style["home-page"]}>
+          <div className={style["content-wrapper"]}>
+            <div className={style["stats-grid"]}>
+              {[...Array(3)].map((_, i) => (
+                <div key={i} className={style["stat-card"]}>
+                  <div className={style["stat-label"]}></div>
+                  <div className={style["stat-value"]}>
+                    <span></span>
+                    <div></div>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+      </Layout>
+    );
+  }
+
+  return (
+    <Layout
+      header={
+        <NavBar back={null} style={{ background: "#fff" }}>
+          <div className={style["nav-title"]}>
+            <span className={style["nav-text"]}>存客宝</span>
+          </div>
+        </NavBar>
+      }
+      footer={<MeauMobile />}
+    >
+      <div className={style["home-page"]}>
+        <div className={style["content-wrapper"]}>
+          {/* 统计卡片 */}
+          <div className={style["stats-grid"]}>
+            <div className={style["stat-card"]} onClick={handleDevicesClick}>
+              <div className={style["stat-label"]}>设备数量</div>
+              <div className={style["stat-value"]}>
+                <span>{dashboard.deviceNum || 42}</span>
+                <MobileOutlined style={{ fontSize: 20, color: "#3b82f6" }} />
+              </div>
+            </div>
+            <div className={style["stat-card"]} onClick={handleWechatClick}>
+              <div className={style["stat-label"]}>微信号数量</div>
+              <div className={style["stat-value"]}>
+                <span>{dashboard.wechatNum || 42}</span>
+                <TeamOutlined style={{ fontSize: 20, color: "#3b82f6" }} />
+              </div>
+            </div>
+            <div className={style["stat-card"]}>
+              <div className={style["stat-label"]}>在线微信号</div>
+              <div className={style["stat-value"]}>
+                <span>{dashboard.aliveWechatNum || 35}</span>
+                <LineChartOutlined style={{ fontSize: 20, color: "#3b82f6" }} />
+              </div>
+              <div className={style["progress-bar"]}>
+                <div
+                  className={style["progress-fill"]}
+                  style={{
+                    width: `${
+                      (dashboard.wechatNum || 0) > 0
+                        ? ((dashboard.aliveWechatNum || 0) /
+                            (dashboard.wechatNum || 1)) *
+                          100
+                        : 0
+                    }%`,
+                  }}
+                ></div>
+              </div>
+            </div>
+          </div>
+
+          {/* 场景获客统计 */}
+          <div className={style["section"]}>
+            <div className={style["section-header"]}>
+              <h2 className={style["section-title"]}>场景获客统计</h2>
+            </div>
+            <div className={style["scene-grid"]}>
+              {scenarioFeatures
+                .sort((a, b) => b.value - a.value)
+                .slice(0, 4) // 只显示前4个
+                .map((scenario) => (
+                  <div
+                    key={scenario.id}
+                    className={style["scene-item"]}
+                    onClick={() =>
+                      navigate(
+                        `/scenarios/list/${scenario.id}/${encodeURIComponent(
+                          scenario.name
+                        )}`
+                      )
+                    }
+                  >
+                    <div className={style["scene-icon"]}>
+                      <img
+                        src={scenario.icon || "/placeholder.svg"}
+                        alt={scenario.name}
+                        className={style["scene-image"]}
+                      />
+                    </div>
+                    <div className={style["scene-value"]}>{scenario.value}</div>
+                    <div className={style["scene-label"]}>{scenario.name}</div>
+                  </div>
+                ))}
+            </div>
+          </div>
+
+          {/* 今日数据统计 */}
+          <div className={style["section"]}>
+            <div className={style["section-header"]}>
+              <h2 className={style["section-title"]}>今日数据</h2>
+            </div>
+            <div className={style["today-grid"]}>
+              {todayStatsData.map((stat, index) => (
+                <div
+                  key={index}
+                  className={style["today-item"]}
+                  onClick={() => stat.path && navigate(stat.path)}
+                >
+                  <div className={style["today-icon"]}>{stat.icon}</div>
+                  <div>
+                    <div className={style["today-value"]}>{stat.value}</div>
+                    <div className={style["today-label"]}>{stat.title}</div>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+
+          {/* 趋势图表 - 保持原有实现 */}
+          <div className={style["section"]}>
+            <div className={style["section-header"]}>
+              <span className={style["section-title"]}>获客趋势</span>
+            </div>
+            <div className={style["chart-container"]}>
+              <LineChart
+                xData={sevenDayStats.date || []}
+                yData={sevenDayStats.allNum || []}
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </Layout>
+  );
+};
+
+export default Home;
diff --git a/nkebao/src/pages/login/api.ts b/nkebao/src/pages/login/api.ts
new file mode 100644
index 000000000..191b14f7e
--- /dev/null
+++ b/nkebao/src/pages/login/api.ts
@@ -0,0 +1,53 @@
+import request from '@/api/request';
+export interface LoginParams {
+  phone: string;
+  password?: string;
+  verificationCode?: string;
+}
+
+export interface LoginResponse {
+  code: number;
+  msg: string;
+  data: {
+    token: string;
+    token_expired: string;
+    member: {
+      id: string;
+      name: string;
+      phone: string;
+      s2_accountId: string;
+      avatar?: string;
+      email?: string;
+    };
+  };
+}
+
+export interface SendCodeResponse {
+  code: number;
+  msg: string;
+}
+
+// 密码登录
+export function loginWithPassword(params:any) {
+  return request('/v1/auth/login', params, 'POST');
+}
+
+// 验证码登录
+export function loginWithCode(params:any) {
+  return request('/v1/auth/login-code', params, 'POST');
+}
+
+// 发送验证码
+export function sendVerificationCode(params:any) {
+  return request('/v1/auth/code',params, 'POST');
+}
+
+// 退出登录
+export function logout() {
+  return request('/v1/auth/logout', {}, 'POST');
+}
+
+// 获取用户信息
+export function getUserInfo() {
+  return request('/v1/auth/user-info', {}, 'GET');
+} 
\ No newline at end of file
diff --git a/nkebao/src/pages/login/login.module.scss b/nkebao/src/pages/login/login.module.scss
new file mode 100644
index 000000000..a13baa521
--- /dev/null
+++ b/nkebao/src/pages/login/login.module.scss
@@ -0,0 +1,439 @@
+.login-page {
+  min-height: 100vh;
+  background: var(--primary-gradient);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 15px;
+  position: relative;
+  overflow: hidden;
+}
+
+// 背景装饰
+.bg-decoration {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  z-index: 0;
+}
+
+.bg-circle {
+  position: absolute;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.1);
+  animation: float 6s ease-in-out infinite;
+
+  &:nth-child(1) {
+    width: 200px;
+    height: 200px;
+    top: -100px;
+    right: -100px;
+    animation-delay: 0s;
+  }
+
+  &:nth-child(2) {
+    width: 150px;
+    height: 150px;
+    bottom: -75px;
+    left: -75px;
+    animation-delay: 2s;
+  }
+
+  &:nth-child(3) {
+    width: 100px;
+    height: 100px;
+    top: 50%;
+    right: 10%;
+    animation-delay: 4s;
+  }
+}
+
+@keyframes float {
+  0%, 100% {
+    transform: translateY(0px) rotate(0deg);
+  }
+  50% {
+    transform: translateY(-20px) rotate(180deg);
+  }
+}
+
+.login-container {
+  width: 100%;
+  max-width: 420px;
+  background: #ffffff;
+  backdrop-filter: blur(20px);
+  border-radius: 24px;
+  padding: 24px 20px;
+  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
+  position: relative;
+  z-index: 1;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+.login-header {
+  text-align: center;
+  margin-bottom: 24px;
+}
+
+.logo-section {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  margin-bottom: 16px;
+}
+
+.logo-icon {
+  width: 40px;
+  height: 40px;
+  background: var(--primary-gradient);
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  font-size: 20px;
+  box-shadow: 0 6px 12px var(--primary-shadow);
+}
+
+.app-name {
+  font-size: 24px;
+  font-weight: 800;
+  background: var(--primary-gradient);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  margin: 0;
+}
+
+.subtitle {
+  font-size: 13px;
+  color: #666;
+  margin: 0;
+}
+
+.form-container {
+  margin-bottom: 20px;
+}
+
+// 标签页样式
+.tab-container {
+  display: flex;
+  background: #f8f9fa;
+  border-radius: 10px;
+  padding: 3px;
+  margin-bottom: 24px;
+  position: relative;
+}
+
+.tab-item {
+  flex: 1;
+  text-align: center;
+  padding: 10px 12px;
+  font-size: 13px;
+  font-weight: 500;
+  color: #666;
+  cursor: pointer;
+  border-radius: 7px;
+  transition: all 0.3s ease;
+  position: relative;
+  z-index: 2;
+
+  &.active {
+    color: var(--primary-color);
+    font-weight: 600;
+    background: white;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+  }
+}
+
+.tab-indicator {
+  display: none; // 隐藏分割线指示器
+}
+
+// 表单样式
+.login-form {
+  :global(.adm-form) {
+    --adm-font-size-main: 14px;
+  }
+}
+
+.input-group {
+  margin-bottom: 18px;
+}
+
+.input-label {
+  display: block;
+  font-size: 13px;
+  font-weight: 600;
+  color: #333;
+  margin-bottom: 6px;
+}
+
+.input-wrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+  background: #f8f9fa;
+  border: 2px solid transparent;
+  border-radius: 10px;
+  transition: all 0.3s ease;
+
+  &:focus-within {
+    border-color: var(--primary-color);
+    background: white;
+    box-shadow: 0 0 0 3px var(--primary-shadow-light);
+  }
+}
+
+.input-prefix {
+  padding: 0 12px;
+  color: #666;
+  font-size: 13px;
+  font-weight: 500;
+  border-right: 1px solid #e5e5e5;
+}
+
+.phone-input,
+.password-input,
+.code-input {
+  flex: 1;
+  border: none !important;
+  background: transparent !important;
+  padding: 12px 14px !important;
+  font-size: 15px !important;
+  color: #333 !important;
+
+  &::placeholder {
+    color: #999;
+  }
+
+  &:focus {
+    box-shadow: none !important;
+  }
+}
+
+.eye-icon {
+  padding: 0 12px;
+  color: #666;
+  cursor: pointer;
+  transition: color 0.3s ease;
+
+  &:hover {
+    color: var(--primary-color);
+  }
+}
+
+.send-code-btn {
+  padding: 6px 12px;
+  margin-right: 6px;
+  background: var(--primary-gradient);
+  color: white;
+  border: none;
+  border-radius: 6px;
+  font-size: 11px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.3s ease;
+
+  &:hover:not(.disabled) {
+    transform: translateY(-1px);
+    box-shadow: 0 3px 8px var(--primary-shadow);
+  }
+
+  &.disabled {
+    background: #e5e5e5;
+    color: #999;
+    cursor: not-allowed;
+    transform: none;
+    box-shadow: none;
+  }
+}
+
+.agreement-section {
+  margin-bottom: 24px;
+}
+
+.agreement-checkbox {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  color: #666;
+  line-height: 1.3;
+  white-space: nowrap;
+
+  :global(.adm-checkbox) {
+    margin-top: 0;
+    flex-shrink: 0;
+    transform: scale(0.8);
+  }
+}
+
+.agreement-text {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  white-space: nowrap;
+  overflow: visible;
+  text-overflow: clip;
+  font-size: 13px;
+}
+
+.agreement-link {
+  color: var(--primary-color);
+  cursor: pointer;
+  text-decoration: none;
+  white-space: nowrap;
+  font-size: 11px;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+.login-btn {
+  height: 46px;
+  font-size: 15px;
+  font-weight: 600;
+  border-radius: 10px;
+  background: var(--primary-gradient);
+  border: none;
+  box-shadow: 0 6px 12px var(--primary-shadow);
+  transition: all 0.3s ease;
+
+  &:hover:not(:disabled) {
+    transform: translateY(-1px);
+    box-shadow: 0 8px 16px var(--primary-shadow-dark);
+  }
+
+  &:disabled {
+    background: #e5e5e5;
+    color: #999;
+    transform: none;
+    box-shadow: none;
+  }
+}
+
+.divider {
+  position: relative;
+  text-align: center;
+  margin: 24px 0;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 0;
+    right: 0;
+    height: 1px;
+    background: #e5e5e5;
+  }
+
+  span {
+    background: rgba(255, 255, 255, 0.95);
+    padding: 0 12px;
+    color: #999;
+    font-size: 11px;
+    font-weight: 500;
+  }
+}
+
+.third-party-login {
+  display: flex;
+  justify-content: center;
+  gap: 20px;
+}
+
+.third-party-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 6px;
+  cursor: pointer;
+  padding: 12px;
+  border-radius: 10px;
+  transition: all 0.3s ease;
+
+  &:hover {
+    background: #f8f9fa;
+    transform: translateY(-1px);
+  }
+
+  span {
+    font-size: 11px;
+    color: #666;
+    font-weight: 500;
+  }
+}
+
+.wechat-icon,
+.apple-icon {
+  width: 36px;
+  height: 36px;
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  font-size: 18px;
+  transition: all 0.3s ease;
+}
+
+.wechat-icon {
+  background: #07c160;
+  box-shadow: 0 3px 8px rgba(7, 193, 96, 0.3);
+
+  &:hover {
+    box-shadow: 0 4px 12px rgba(7, 193, 96, 0.4);
+  }
+
+  svg {
+    width: 20px;
+    height: 20px;
+  }
+}
+
+.apple-icon {
+  background: #000;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
+
+  &:hover {
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
+  }
+
+  svg {
+    width: 20px;
+    height: 20px;
+  }
+}
+
+// 响应式设计
+@media (max-width: 480px) {
+  .login-container {
+    padding: 24px 20px;
+    margin: 0 12px;
+  }
+
+  .app-name {
+    font-size: 22px;
+  }
+
+  .third-party-login {
+    gap: 16px;
+  }
+
+  .third-party-item {
+    padding: 10px;
+  }
+
+  .wechat-icon,
+  .apple-icon {
+    width: 32px;
+    height: 32px;
+  }
+}
diff --git a/nkebao/src/pages/login/login.tsx b/nkebao/src/pages/login/login.tsx
new file mode 100644
index 000000000..f53ccc6d0
--- /dev/null
+++ b/nkebao/src/pages/login/login.tsx
@@ -0,0 +1,332 @@
+import React, { useState, useEffect } from "react";
+import { useNavigate, useSearchParams } from "react-router-dom";
+import { Form, Input, Button, Toast, Tabs, Checkbox } from "antd-mobile";
+import {
+  EyeInvisibleOutline,
+  EyeOutline,
+  UserOutline,
+} from "antd-mobile-icons";
+import { useUserStore } from "@/store/module/user";
+import { loginWithPassword, loginWithCode, sendVerificationCode } from "./api";
+import style from "./login.module.scss";
+
+const Login: React.FC = () => {
+  const [form] = Form.useForm();
+  const [activeTab, setActiveTab] = useState(1); // 1: 密码登录, 2: 验证码登录
+  const [loading, setLoading] = useState(false);
+  const [countdown, setCountdown] = useState(0);
+  const [showPassword, setShowPassword] = useState(false);
+  const [agreeToTerms, setAgreeToTerms] = useState(false);
+
+  const navigate = useNavigate();
+  const [searchParams] = useSearchParams();
+  const { login } = useUserStore();
+
+  // 倒计时效果
+  useEffect(() => {
+    if (countdown > 0) {
+      const timer = setTimeout(() => setCountdown(countdown - 1), 1000);
+      return () => clearTimeout(timer);
+    }
+  }, [countdown]);
+
+  // 检查URL是否为登录页面
+  const isLoginPage = (url: string) => {
+    try {
+      const urlObj = new URL(url, window.location.origin);
+      return urlObj.pathname === "/login" || urlObj.pathname.endsWith("/login");
+    } catch {
+      return false;
+    }
+  };
+
+  // 发送验证码
+  const handleSendVerificationCode = async () => {
+    const account = form.getFieldValue("account");
+
+    if (!account) {
+      Toast.show({ content: "请输入手机号", position: "top" });
+      return;
+    }
+
+    // 手机号格式验证
+    const phoneRegex = /^1[3-9]\d{9}$/;
+    if (!phoneRegex.test(account)) {
+      Toast.show({ content: "请输入正确的11位手机号", position: "top" });
+      return;
+    }
+
+    try {
+      setLoading(true);
+      await sendVerificationCode({
+        mobile: account,
+        type: "login",
+      });
+
+      Toast.show({ content: "验证码已发送", position: "top" });
+      setCountdown(60);
+    } catch (error) {
+      // 错误已在request中处理，这里不需要额外处理
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  // 登录处理
+  const handleLogin = async (values: any) => {
+    if (!agreeToTerms) {
+      Toast.show({ content: "请同意用户协议和隐私政策", position: "top" });
+      return;
+    }
+
+    setLoading(true);
+    try {
+      // 添加typeId参数
+      const loginParams = {
+        ...values,
+        typeId: activeTab as number,
+      };
+
+      let response;
+      if (activeTab === 1) {
+        response = await loginWithPassword(loginParams);
+      } else {
+        response = await loginWithCode(loginParams);
+      }
+      console.log(response, "response");
+
+      // 更新状态管理（token会自动存储到localStorage，用户信息存储在状态管理中）
+      login(response.token, response.member);
+
+      Toast.show({ content: "登录成功", position: "top" });
+
+      // 跳转到首页或重定向URL
+      const returnUrl = searchParams.get("returnUrl");
+      if (returnUrl) {
+        const decodedUrl = decodeURIComponent(returnUrl);
+        if (isLoginPage(decodedUrl)) {
+          navigate("/");
+        } else {
+          window.location.href = decodedUrl;
+        }
+      } else {
+        navigate("/");
+      }
+    } catch (error: any) {
+      // 错误已在request中处理，这里不需要额外处理
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  // 第三方登录处理
+  const handleWechatLogin = () => {
+    Toast.show({ content: "微信登录功能开发中", position: "top" });
+  };
+
+  const handleAppleLogin = () => {
+    Toast.show({ content: "Apple登录功能开发中", position: "top" });
+  };
+
+  return (
+    <div className={style["login-page"]}>
+      {/* 背景装饰 */}
+      <div className={style["bg-decoration"]}>
+        <div className={style["bg-circle"]}></div>
+        <div className={style["bg-circle"]}></div>
+        <div className={style["bg-circle"]}></div>
+      </div>
+
+      <div className={style["login-container"]}>
+        {/* Logo和标题区域 */}
+        <div className={style["login-header"]}>
+          <div className={style["logo-section"]}>
+            <div className={style["logo-icon"]}>
+              <UserOutline />
+            </div>
+            <h1 className={style["app-name"]}>存客宝</h1>
+          </div>
+          <p className={style["subtitle"]}>登录您的账户继续使用</p>
+        </div>
+
+        {/* 登录表单 */}
+        <div className={style["form-container"]}>
+          {/* 标签页切换 */}
+          <div className={style["tab-container"]}>
+            <div
+              className={`${style["tab-item"]} ${
+                activeTab === 1 ? style["active"] : ""
+              }`}
+              onClick={() => setActiveTab(1)}
+            >
+              密码登录
+            </div>
+            <div
+              className={`${style["tab-item"]} ${
+                activeTab === 2 ? style["active"] : ""
+              }`}
+              onClick={() => setActiveTab(2)}
+            >
+              验证码登录
+            </div>
+            <div
+              className={`${style["tab-indicator"]} ${
+                activeTab === 2 ? style["slide"] : ""
+              }`}
+            ></div>
+          </div>
+
+          <Form
+            form={form}
+            layout="vertical"
+            className={style["login-form"]}
+            onFinish={handleLogin}
+          >
+            {/* 手机号输入 */}
+            <Form.Item
+              name="account"
+              label="手机号"
+              rules={[
+                { required: true, message: "请输入手机号" },
+                {
+                  pattern: /^1[3-9]\d{9}$/,
+                  message: "请输入正确的11位手机号",
+                },
+              ]}
+            >
+              <div className={style["input-wrapper"]}>
+                <span className={style["input-prefix"]}>+86</span>
+                <Input
+                  placeholder="请输入手机号"
+                  clearable
+                  className={style["phone-input"]}
+                />
+              </div>
+            </Form.Item>
+
+            {/* 密码输入 */}
+            {activeTab === 1 && (
+              <Form.Item
+                name="password"
+                label="密码"
+                rules={[{ required: true, message: "请输入密码" }]}
+              >
+                <div className={style["input-wrapper"]}>
+                  <Input
+                    placeholder="请输入密码"
+                    clearable
+                    type={showPassword ? "text" : "password"}
+                    className={style["password-input"]}
+                  />
+                  <div
+                    className={style["eye-icon"]}
+                    onClick={() => setShowPassword(!showPassword)}
+                  >
+                    {showPassword ? <EyeOutline /> : <EyeInvisibleOutline />}
+                  </div>
+                </div>
+              </Form.Item>
+            )}
+
+            {/* 验证码输入 */}
+            {activeTab === 2 && (
+              <Form.Item
+                name="verificationCode"
+                label="验证码"
+                rules={[{ required: true, message: "请输入验证码" }]}
+              >
+                <div className={style["input-wrapper"]}>
+                  <Input
+                    placeholder="请输入验证码"
+                    clearable
+                    className={style["code-input"]}
+                  />
+                  <button
+                    type="button"
+                    className={`${style["send-code-btn"]} ${
+                      countdown > 0 ? style["disabled"] : ""
+                    }`}
+                    onClick={handleSendVerificationCode}
+                    disabled={loading || countdown > 0}
+                  >
+                    {countdown > 0 ? `${countdown}s` : "获取验证码"}
+                  </button>
+                </div>
+              </Form.Item>
+            )}
+
+            {/* 用户协议 */}
+            <div className={style["agreement-section"]}>
+              <Checkbox
+                checked={agreeToTerms}
+                onChange={setAgreeToTerms}
+                className={style["agreement-checkbox"]}
+              >
+                <span className={style["agreement-text"]}>
+                  我已阅读并同意
+                  <span className={style["agreement-link"]}>
+                    《存客宝用户协议》
+                  </span>
+                  和
+                  <span className={style["agreement-link"]}>《隐私政策》</span>
+                </span>
+              </Checkbox>
+            </div>
+
+            {/* 登录按钮 */}
+            <Button
+              block
+              type="submit"
+              color="primary"
+              loading={loading}
+              size="large"
+              className={style["login-btn"]}
+            >
+              {loading ? "登录中..." : "登录"}
+            </Button>
+          </Form>
+
+          {/* 分割线 */}
+          <div className={style["divider"]}>
+            <span>其他登录方式</span>
+          </div>
+
+          {/* 第三方登录 */}
+          <div className={style["third-party-login"]}>
+            <div
+              className={style["third-party-item"]}
+              onClick={handleWechatLogin}
+            >
+              <div className={style["wechat-icon"]}>
+                <svg
+                  viewBox="0 0 24 24"
+                  fill="currentColor"
+                  height="24"
+                  width="24"
+                  className={style["wechat-icon"]}
+                >
+                  <path d="M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 0 0 .167-.054l1.903-1.114a.864.864 0 0 1 .717-.098 10.16 10.16 0 0 0 2.837.403c.276 0 .543-.027.81-.05-.857-2.578.157-4.972 1.932-6.446 1.703-1.415 3.882-1.98 5.853-1.838-.576-3.583-4.196-6.348-8.595-6.348zM5.959 5.48c.609 0 1.104.498 1.104 1.112 0 .612-.495 1.11-1.104 1.11-.612 0-1.108-.498-1.108-1.11 0-.614.496-1.112 1.108-1.112zm5.315 0c.61 0 1.107.498 1.107 1.112 0 .612-.497 1.11-1.107 1.11-.611 0-1.105-.498-1.105-1.11 0-.614.494-1.112 1.105-1.112z"></path>
+                  <path d="M23.002 15.816c0-3.309-3.136-6-7-6-3.863 0-7 2.691-7 6 0 3.31 3.137 6 7 6 .814 0 1.601-.099 2.338-.285a.7.7 0 0 1 .579.08l1.5.87a.267.267 0 0 0 .135.044c.13 0 .236-.108.236-.241 0-.06-.023-.118-.038-.17l-.309-1.167a.476.476 0 0 1 .172-.534c1.645-1.17 2.387-2.835 2.387-4.597zm-9.498-1.19c-.497 0-.9-.407-.9-.908a.905.905 0 0 1 .9-.91c.498 0 .9.408.9.91 0 .5-.402.908-.9.908zm4.998 0c-.497 0-.9-.407-.9-.908a.905.905 0 0 1 .9-.91c.498 0 .9.408.9.91 0 .5-.402.908-.9.908z"></path>
+                </svg>
+              </div>
+              <span>微信</span>
+            </div>
+            <div
+              className={style["third-party-item"]}
+              onClick={handleAppleLogin}
+            >
+              <div className={style["apple-icon"]}>
+                <svg viewBox="0 0 24 24" fill="currentColor">
+                  <path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z" />
+                </svg>
+              </div>
+              <span>Apple</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Login;
diff --git a/nkebao/src/pages/mine/api.ts b/nkebao/src/pages/mine/api.ts
new file mode 100644
index 000000000..535147142
--- /dev/null
+++ b/nkebao/src/pages/mine/api.ts
@@ -0,0 +1,14 @@
+import request from '@/api/request';
+
+// 设备统计
+export function getDeviceStats() {
+  return request('/v1/dashboard/device-stats', {}, 'GET');
+}
+
+// 微信号统计
+export function getWechatStats() {
+  return request('/v1/dashboard/wechat-stats', {}, 'GET');
+}
+
+// 你可以根据需要继续添加其他接口
+// 例如：场景获客统计、今日数据统计等
diff --git a/nkebao/src/pages/mine/index.module.scss b/nkebao/src/pages/mine/index.module.scss
new file mode 100644
index 000000000..98aa403b9
--- /dev/null
+++ b/nkebao/src/pages/mine/index.module.scss
@@ -0,0 +1,150 @@
+.mine-page {
+  padding: 16px;
+  background-color: #f5f5f5;
+  min-height: 100vh;
+}
+
+.user-card {
+  margin-bottom: 16px;
+  border-radius: 12px;
+  overflow: hidden;
+  
+  :global(.adm-card-body) {
+    padding: 20px;
+  }
+}
+
+.user-info {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+.user-avatar {
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+  overflow: hidden;
+  border: 2px solid var(--primary-color);
+  
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+}
+
+.user-details {
+  flex: 1;
+}
+
+.user-name {
+  font-size: 18px;
+  font-weight: 600;
+  color: #333;
+  margin-bottom: 4px;
+}
+
+.user-level {
+  font-size: 14px;
+  color: var(--primary-color);
+  margin-bottom: 4px;
+}
+
+.user-points {
+  font-size: 12px;
+  color: #666;
+}
+
+.menu-card {
+  margin-bottom: 16px;
+  border-radius: 12px;
+  overflow: hidden;
+  
+  :global(.adm-card-body) {
+    padding: 0;
+  }
+  
+  :global(.adm-list-item) {
+    padding: 16px;
+    border-bottom: 1px solid #f0f0f0;
+    
+    &:last-child {
+      border-bottom: none;
+    }
+    
+    :global(.adm-list-item-content) {
+      padding: 0;
+    }
+    
+    :global(.adm-list-item-content-prefix) {
+      margin-right: 12px;
+      color: var(--primary-color);
+      font-size: 20px;
+    }
+    
+    :global(.adm-list-item-content-main) {
+      flex: 1;
+    }
+    
+    :global(.adm-list-item-title) {
+      font-size: 16px;
+      color: #333;
+      margin-bottom: 4px;
+    }
+    
+    :global(.adm-list-item-description) {
+      font-size: 12px;
+      color: #666;
+    }
+    
+    :global(.adm-list-item-content-arrow) {
+      color: #ccc;
+    }
+  }
+}
+
+.logout-section {
+  padding: 0 16px;
+}
+
+.logout-btn {
+  border-radius: 8px;
+  height: 48px;
+  font-size: 16px;
+  font-weight: 500;
+}
+
+// 响应式设计
+@media (max-width: 375px) {
+  .mine-page {
+    padding: 12px;
+  }
+  
+  .user-info {
+    gap: 12px;
+  }
+  
+  .user-avatar {
+    width: 50px;
+    height: 50px;
+  }
+  
+  .user-name {
+    font-size: 16px;
+  }
+  
+  .menu-card {
+    :global(.adm-list-item) {
+      padding: 12px;
+      
+      :global(.adm-list-item-content-prefix) {
+        font-size: 18px;
+      }
+      
+      :global(.adm-list-item-title) {
+        font-size: 14px;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/nkebao/src/pages/mine/index.tsx b/nkebao/src/pages/mine/index.tsx
new file mode 100644
index 000000000..9cdc3a288
--- /dev/null
+++ b/nkebao/src/pages/mine/index.tsx
@@ -0,0 +1,143 @@
+import React from "react";
+import { Card, NavBar, List, Button } from "antd-mobile";
+import {
+  UserOutline,
+  AppOutline,
+  BellOutline,
+  HeartOutline,
+  StarOutline,
+  MessageOutline,
+  SendOutline,
+  MailOutline,
+} from "antd-mobile-icons";
+import MeauMobile from "@/components/MeauMobile/MeauMoible";
+import Layout from "@/components/Layout/Layout";
+import style from "./index.module.scss";
+
+const Mine: React.FC = () => {
+  const userInfo = {
+    name: "张三",
+    avatar: "https://via.placeholder.com/60",
+    level: "VIP会员",
+    points: 1280,
+  };
+
+  const menuItems = [
+    {
+      icon: <UserOutline />,
+      title: "个人资料",
+      subtitle: "修改个人信息",
+      path: "/profile",
+    },
+    {
+      icon: <AppOutline />,
+      title: "系统设置",
+      subtitle: "应用设置与偏好",
+      path: "/settings",
+    },
+    {
+      icon: <BellOutline />,
+      title: "消息通知",
+      subtitle: "通知设置",
+      path: "/notifications",
+    },
+    {
+      icon: <HeartOutline />,
+      title: "我的收藏",
+      subtitle: "收藏的内容",
+      path: "/favorites",
+    },
+    {
+      icon: <StarOutline />,
+      title: "我的评价",
+      subtitle: "查看评价记录",
+      path: "/reviews",
+    },
+    {
+      icon: <MessageOutline />,
+      title: "意见反馈",
+      subtitle: "问题反馈与建议",
+      path: "/feedback",
+    },
+    {
+      icon: <SendOutline />,
+      title: "联系客服",
+      subtitle: "在线客服",
+      path: "/customer-service",
+    },
+    {
+      icon: <MailOutline />,
+      title: "关于我们",
+      subtitle: "版本信息",
+      path: "/about",
+    },
+  ];
+
+  return (
+    <Layout
+      header={
+        <NavBar back={null} style={{ background: "#fff" }}>
+          <div style={{ color: "var(--primary-color)", fontWeight: 600 }}>
+            我的
+          </div>
+        </NavBar>
+      }
+      footer={<MeauMobile />}
+    >
+      <div className={style["mine-page"]}>
+        {/* 用户信息卡片 */}
+        <Card className={style["user-card"]}>
+          <div className={style["user-info"]}>
+            <div className={style["user-avatar"]}>
+              <img src={userInfo.avatar} alt="头像" />
+            </div>
+            <div className={style["user-details"]}>
+              <div className={style["user-name"]}>{userInfo.name}</div>
+              <div className={style["user-level"]}>{userInfo.level}</div>
+              <div className={style["user-points"]}>
+                积分: {userInfo.points}
+              </div>
+            </div>
+          </div>
+        </Card>
+
+        {/* 菜单列表 */}
+        <Card className={style["menu-card"]}>
+          <List>
+            {menuItems.map((item, index) => (
+              <List.Item
+                key={index}
+                prefix={item.icon}
+                title={item.title}
+                description={item.subtitle}
+                arrow
+                onClick={() => {
+                  // 这里可以添加导航逻辑
+                  console.log(`点击了: ${item.title}`);
+                }}
+              />
+            ))}
+          </List>
+        </Card>
+
+        {/* 退出登录按钮 */}
+        <div className={style["logout-section"]}>
+          <Button
+            block
+            color="danger"
+            fill="outline"
+            className={style["logout-btn"]}
+            onClick={() => {
+              // 这里可以添加退出登录逻辑
+              console.log("退出登录");
+            }}
+          >
+            退出登录
+          </Button>
+        </div>
+      </div>
+    </Layout>
+  );
+};
+
+export default Mine;
diff --git a/nkebao/src/pages/orders/Orders.tsx b/nkebao/src/pages/orders/Orders.tsx
new file mode 100644
index 000000000..daecccd29
--- /dev/null
+++ b/nkebao/src/pages/orders/Orders.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const Orders: React.FC = () => {
+  return <PlaceholderPage title="订单管理" />;
+};
+
+export default Orders;
diff --git a/nkebao/src/pages/plans/PlanDetail.tsx b/nkebao/src/pages/plans/PlanDetail.tsx
new file mode 100644
index 000000000..1d2e8b086
--- /dev/null
+++ b/nkebao/src/pages/plans/PlanDetail.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const PlanDetail: React.FC = () => {
+  return <PlaceholderPage title="计划详情" />;
+};
+
+export default PlanDetail;
diff --git a/nkebao/src/pages/plans/Plans.tsx b/nkebao/src/pages/plans/Plans.tsx
new file mode 100644
index 000000000..1f0df647b
--- /dev/null
+++ b/nkebao/src/pages/plans/Plans.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const Plans: React.FC = () => {
+  return (
+    <PlaceholderPage title="计划管理" showAddButton addButtonText="新建计划" />
+  );
+};
+
+export default Plans;
diff --git a/nkebao/src/pages/profile/Profile.tsx b/nkebao/src/pages/profile/Profile.tsx
new file mode 100644
index 000000000..87bc2d345
--- /dev/null
+++ b/nkebao/src/pages/profile/Profile.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const Profile: React.FC = () => {
+  return <PlaceholderPage title="个人中心" showBack={false} />;
+};
+
+export default Profile;
diff --git a/nkebao/src/pages/scenarios/Scenarios.tsx b/nkebao/src/pages/scenarios/Scenarios.tsx
new file mode 100644
index 000000000..48d337601
--- /dev/null
+++ b/nkebao/src/pages/scenarios/Scenarios.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const Scenarios: React.FC = () => {
+  return (
+    <PlaceholderPage title="场景管理" showAddButton addButtonText="新建场景" />
+  );
+};
+
+export default Scenarios;
diff --git a/nkebao/src/pages/scenarios/list/api.ts b/nkebao/src/pages/scenarios/list/api.ts
new file mode 100644
index 000000000..0fff16626
--- /dev/null
+++ b/nkebao/src/pages/scenarios/list/api.ts
@@ -0,0 +1,26 @@
+import request from '@/api/request';
+
+// 获取场景列表
+export function getScenarios(params: any) {
+  return request('/v1/plan/scenes', params, 'GET');
+}
+
+// 获取场景详情
+export function getScenarioDetail(id: string) {
+  return request(`/v1/scenarios/${id}`, {}, 'GET');
+}
+
+// 创建场景
+export function createScenario(data: any) {
+  return request('/v1/scenarios', data, 'POST');
+}
+
+// 更新场景
+export function updateScenario(id: string, data: any) {
+  return request(`/v1/scenarios/${id}`, data, 'PUT');
+}
+
+// 删除场景
+export function deleteScenario(id: string) {
+  return request(`/v1/scenarios/${id}`, {}, 'DELETE');
+}
diff --git a/nkebao/src/pages/scenarios/list/index.module.scss b/nkebao/src/pages/scenarios/list/index.module.scss
new file mode 100644
index 000000000..e6a3ae827
--- /dev/null
+++ b/nkebao/src/pages/scenarios/list/index.module.scss
@@ -0,0 +1,322 @@
+// 导航栏样式
+.nav-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: var(--primary-color);
+}
+
+.nav-text {
+  color: var(--primary-color);
+}
+
+.nav-right {
+  margin-left: 4px;
+  font-size: 12px;
+}
+
+.new-plan-btn {
+  border-radius: 20px;
+  padding: 4px 12px;
+  height: 32px;
+  font-size: 12px;
+  background: var(--primary-gradient);
+  border: none;
+  box-shadow: 0 2px 8px var(--primary-shadow);
+  
+  &:active {
+    transform: translateY(1px);
+    box-shadow: 0 1px 4px var(--primary-shadow);
+  }
+}
+
+// 页面容器
+.scene-page {
+  background: #f5f6fa;
+  min-height: 100vh;
+  padding: 0 0 60px 0;
+}
+
+// 错误提示
+.error-notice {
+  margin-bottom: 12px;
+  padding: 8px 12px;
+  background: #fff2e8;
+  border: 1px solid #ffd591;
+  border-radius: 8px;
+  box-shadow: 0 1px 4px rgba(255, 213, 145, 0.2);
+}
+
+.error-notice-text {
+  font-size: 12px;
+  color: #d46b08;
+  font-weight: 500;
+}
+
+// 加载状态
+.loading-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 200px;
+  gap: 12px;
+}
+
+.loading-text {
+  font-size: 14px;
+  color: #666;
+  font-weight: 500;
+}
+
+// 错误状态
+.error-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 200px;
+  gap: 16px;
+}
+
+.error-text {
+  font-size: 14px;
+  color: #ff4d4f;
+  text-align: center;
+  font-weight: 500;
+}
+
+.retry-button {
+  min-width: 100px;
+  border-radius: 20px;
+  background: var(--primary-gradient);
+  border: none;
+  box-shadow: 0 2px 8px var(--primary-shadow);
+}
+
+// 页面头部
+.scene-header {
+  margin-bottom: 16px;
+  text-align: center;
+}
+
+.header-title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  font-size: 18px;
+  font-weight: 700;
+  color: var(--primary-color);
+  margin-bottom: 6px;
+}
+
+.header-icon {
+  font-size: 20px;
+  color: var(--primary-color);
+}
+
+.header-subtitle {
+  font-size: 12px;
+  color: #666;
+  line-height: 1.4;
+}
+
+// 场景列表
+.scenarios-list {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+// 场景卡片
+.scenario-item {
+  cursor: pointer;
+  transition: all 0.2s ease;
+  
+  &:hover {
+    transform: translateY(-1px);
+  }
+  
+  &:active {
+    transform: translateY(0);
+  }
+}
+
+.scenarios-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 16px;
+  padding: 16px;
+}
+
+.scenario-card {
+  background: #fff;
+  border-radius: 16px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
+  transition: box-shadow 0.2s, transform 0.2s;
+  cursor: pointer;
+  overflow: hidden;
+  &:hover {
+    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
+    transform: translateY(-2px) scale(1.02);
+  }
+}
+
+.card-inner {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 18px 10px 14px 10px;
+}
+
+.card-img-wrap {
+  margin-bottom: 8px;
+}
+.card-img-bg {
+  width: 48px;
+  height: 48px;
+  background: #f0f2f5;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.card-img {
+  width: 32px;
+  height: 32px;
+  object-fit: contain;
+}
+
+.card-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #1677ff;
+  text-align: center;
+  margin-bottom: 2px;
+}
+
+.card-desc {
+  font-size: 12px;
+  color: #888;
+  text-align: center;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+.card-stats {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  margin-top: 4px;
+}
+.card-count {
+  font-size: 13px;
+  color: #666;
+}
+.card-growth {
+  font-size: 12px;
+  color: #52c41a;
+  display: flex;
+  align-items: center;
+}
+
+// 空状态
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40px 20px;
+  text-align: center;
+}
+
+.empty-icon {
+  font-size: 36px;
+  margin-bottom: 12px;
+  opacity: 0.6;
+}
+
+.empty-text {
+  font-size: 14px;
+  color: #666;
+  margin-bottom: 16px;
+  font-weight: 500;
+}
+
+.empty-action {
+  border-radius: 20px;
+  background: var(--primary-gradient);
+  border: none;
+  box-shadow: 0 2px 8px var(--primary-shadow);
+  padding: 6px 16px;
+  font-weight: 500;
+  font-size: 12px;
+}
+
+// 响应式设计
+@media (max-width: 480px) {
+  
+  .scenario-card {
+    padding: 14px 16px;
+    min-height: 70px;
+  }
+  
+  .scenario-icon {
+    width: 46px;
+    height: 46px;
+  }
+  
+  .scenario-image {
+    width: 28px;
+    height: 28px;
+  }
+  
+  .scenario-name {
+    font-size: 15px;
+  }
+  
+  .stat-text {
+    font-size: 12px;
+  }
+  
+  .scenario-growth {
+    font-size: 15px;
+  }
+  
+  .growth-icon {
+    font-size: 13px;
+  }
+}
+
+@media (max-width: 500px) {
+  .scenarios-grid {
+    gap: 10px;
+    padding: 10px;
+  }
+  .card-inner {
+    padding: 12px 4px 10px 4px;
+  }
+  .card-img-bg {
+    width: 60px;
+    height: 60px;
+  }
+  .card-img {
+    width: 40px;
+    height: 40px;
+  }
+  .card-title {
+    font-size: 15px;
+  }
+  .card-desc {
+    font-size: 11px;
+  }
+  .card-count {
+    font-size: 12px;
+  }
+  .card-growth {
+    font-size: 11px;
+  }
+}
diff --git a/nkebao/src/pages/scenarios/list/index.tsx b/nkebao/src/pages/scenarios/list/index.tsx
new file mode 100644
index 000000000..97be9b464
--- /dev/null
+++ b/nkebao/src/pages/scenarios/list/index.tsx
@@ -0,0 +1,180 @@
+import React, { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { NavBar, Button, Toast } from "antd-mobile";
+import { PlusOutlined, RiseOutlined } from "@ant-design/icons";
+import MeauMobile from "@/components/MeauMobile/MeauMoible";
+import Layout from "@/components/Layout/Layout";
+import { getScenarios } from "./api";
+import style from "./index.module.scss";
+
+interface Scenario {
+  id: string;
+  name: string;
+  image: string;
+  description?: string;
+  count: number;
+  growth: string;
+  status: number;
+}
+
+const scenarioDescriptions: Record<string, string> = {
+  douyin: "通过抖音平台进行精准获客",
+  xiaohongshu: "利用小红书平台进行内容营销获客",
+  gongzhonghao: "通过微信公众号进行获客",
+  haibao: "通过海报分享进行获客",
+  phone: "通过电话营销进行获客",
+  weixinqun: "通过微信群进行获客",
+  payment: "通过付款码进行获客",
+  api: "通过API接口进行获客",
+};
+
+const Scene: React.FC = () => {
+  const navigate = useNavigate();
+  const [scenarios, setScenarios] = useState<Scenario[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState("");
+
+  useEffect(() => {
+    const fetchScenarios = async () => {
+      setLoading(true);
+      setError("");
+      try {
+        const response = await getScenarios({ page: 1, limit: 20 });
+        const transformedScenarios: Scenario[] = response.map((item: any) => ({
+          id: item.id.toString(),
+          name: item.name,
+          image:
+            item.image ||
+            "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-api.png",
+          description:
+            scenarioDescriptions[item.name?.toLowerCase()] ||
+            "通过该平台进行获客",
+          count: item.count,
+          growth: item.growth,
+          status: item.status,
+        }));
+        setScenarios(transformedScenarios);
+      } catch (error) {
+        setError("获取场景数据失败，请稍后重试");
+        Toast.show({
+          content: "获取场景数据失败，请稍后重试",
+          position: "top",
+        });
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchScenarios();
+  }, []);
+
+  const handleScenarioClick = (scenarioId: string, scenarioName: string) => {
+    navigate(
+      `/scenarios/list/${scenarioId}/${encodeURIComponent(scenarioName)}`
+    );
+  };
+
+  const handleNewPlan = () => {
+    navigate("/scenarios/new");
+  };
+
+  if (error && scenarios.length === 0) {
+    return (
+      <Layout
+        header={
+          <NavBar back={null} style={{ background: "#fff" }}>
+            <div className={style["nav-title"]}>场景获客</div>
+            <Button
+              size="small"
+              color="primary"
+              onClick={handleNewPlan}
+              className={style["new-plan-btn"]}
+              style={{ marginLeft: "auto" }}
+            >
+              <PlusOutlined /> 新建计划
+            </Button>
+          </NavBar>
+        }
+        footer={<MeauMobile />}
+      >
+        <div className={style["error"]}>
+          <div className={style["error-text"]}>{error}</div>
+          <Button color="primary" onClick={() => window.location.reload()}>
+            重新加载
+          </Button>
+        </div>
+      </Layout>
+    );
+  }
+
+  return (
+    <Layout
+      loading={loading}
+      header={
+        <NavBar
+          back={null}
+          style={{ background: "#fff" }}
+          left={<div className={style["nav-title"]}>场景获客</div>}
+          right={
+            <Button
+              size="small"
+              color="primary"
+              onClick={handleNewPlan}
+              className={style["new-plan-btn"]}
+              style={{ marginLeft: "auto" }}
+            >
+              <PlusOutlined /> 新建计划
+            </Button>
+          }
+        ></NavBar>
+      }
+      footer={<MeauMobile />}
+    >
+      <div className={style["scene-page"]}>
+        <div className={style["scenarios-grid"]}>
+          {scenarios.map((scenario) => (
+            <div
+              key={scenario.id}
+              className={style["scenario-card"]}
+              onClick={() => handleScenarioClick(scenario.id, scenario.name)}
+            >
+              <div className={style["card-inner"]}>
+                <div className={style["card-img-wrap"]}>
+                  <div className={style["card-img-bg"]}>
+                    <img
+                      src={scenario.image}
+                      alt={scenario.name}
+                      className={style["card-img"]}
+                      onError={(e) => {
+                        e.currentTarget.src =
+                          "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-api.png";
+                      }}
+                    />
+                  </div>
+                </div>
+                <div className={style["card-title"]}>{scenario.name}</div>
+                {scenario.description && (
+                  <div className={style["card-desc"]}>
+                    {scenario.description}
+                  </div>
+                )}
+                <div className={style["card-stats"]}>
+                  <span className={style["card-count"]}>
+                    今日: {scenario.count}
+                  </span>
+                  <span className={style["card-growth"]}>
+                    <RiseOutlined
+                      style={{ fontSize: 14, color: "#52c41a", marginRight: 2 }}
+                    />
+                    {scenario.growth}
+                  </span>
+                </div>
+              </div>
+            </div>
+          ))}
+        </div>
+      </div>
+    </Layout>
+  );
+};
+
+export default Scene;
diff --git a/nkebao/src/pages/scenarios/plan/list/api.ts b/nkebao/src/pages/scenarios/plan/list/api.ts
new file mode 100644
index 000000000..4b5f6e4b2
--- /dev/null
+++ b/nkebao/src/pages/scenarios/plan/list/api.ts
@@ -0,0 +1,32 @@
+import request from "@/api/request";
+import { PlanDetail, PlanListResponse, ApiResponse } from "./data";
+
+// ==================== 计划相关接口 ====================
+// 获取计划列表
+export function getPlanList(params: {
+  sceneId: string;
+  page: number;
+  pageSize: number;
+}): Promise<PlanListResponse> {
+  return request(`/v1/plan/list`, params, "GET");
+}
+
+// 获取计划详情
+export function getPlanDetail(planId: string): Promise<PlanDetail> {
+  return request(`/v1/plan/detail`, { planId }, "GET");
+}
+
+// 复制计划
+export function copyPlan(planId: string): Promise<ApiResponse<any>> {
+  return request(`/v1/plan/copy`, { planId }, "GET");
+}
+
+// 删除计划
+export function deletePlan(planId: string): Promise<ApiResponse<any>> {
+  return request(`/v1/plan/delete`, { planId }, "DELETE");
+}
+
+// 获取小程序二维码
+export function getWxMinAppCode(planId: string): Promise<ApiResponse<string>> {
+  return request(`/v1/plan/getWxMinAppCode`, { taskId: planId }, "GET");
+}
diff --git a/nkebao/src/pages/scenarios/plan/list/data.ts b/nkebao/src/pages/scenarios/plan/list/data.ts
new file mode 100644
index 000000000..e757f433c
--- /dev/null
+++ b/nkebao/src/pages/scenarios/plan/list/data.ts
@@ -0,0 +1,59 @@
+export interface Task {
+  id: string;
+  name: string;
+  status: number;
+  created_at: string;
+  updated_at: string;
+  enabled: boolean;
+  total_customers?: number;
+  today_customers?: number;
+  lastUpdated?: string;
+  stats?: {
+    devices?: number;
+    acquired?: number;
+    added?: number;
+  };
+  reqConf?: {
+    device?: string[];
+    selectedDevices?: string[];
+  };
+  acquiredCount?: number;
+  addedCount?: number;
+  passRate?: number;
+}
+
+export interface ApiSettings {
+  apiKey: string;
+  webhookUrl: string;
+  taskId: string;
+}
+
+// API响应相关类型
+export interface TextUrl {
+  apiKey: string;
+  originalString?: string;
+  sign?: string;
+  fullUrl: string;
+}
+
+export interface PlanDetail {
+  id: number;
+  name: string;
+  scenario: number;
+  enabled: boolean;
+  status: number;
+  apiKey: string;
+  textUrl: TextUrl;
+  [key: string]: any;
+}
+
+export interface ApiResponse<T> {
+  code: number;
+  msg?: string;
+  data: T;
+}
+
+export interface PlanListResponse {
+  list: Task[];
+  total: number;
+}
diff --git a/nkebao/src/pages/scenarios/plan/list/index.module.scss b/nkebao/src/pages/scenarios/plan/list/index.module.scss
new file mode 100644
index 000000000..f8b8ddb01
--- /dev/null
+++ b/nkebao/src/pages/scenarios/plan/list/index.module.scss
@@ -0,0 +1,401 @@
+.scenario-list-page {
+  padding:0 16px;
+}
+
+.nav-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #333;
+}
+
+.new-plan-btn {
+  font-size: 14px;
+  height: 32px;
+  padding: 0 12px;
+}
+
+.loading {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 60vh;
+  gap: 16px;
+}
+
+.loading-text {
+  color: #666;
+  font-size: 14px;
+}
+
+.search-bar {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  padding: 16px;
+}
+
+.search-input-wrapper {
+  position: relative;
+  flex: 1;
+
+  .ant-input {
+    border-radius: 8px;
+    height: 40px;
+  }
+}
+
+.refresh-btn {
+  height: 40px;
+  width: 40px;
+  padding: 0;
+  border-radius: 8px;
+}
+
+.plan-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.plan-item {
+  background: white;
+  border-radius: 12px;
+  padding: 16px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  transition: all 0.2s ease;
+
+  &:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  }
+}
+
+.plan-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+}
+
+.plan-name {
+  font-size: 16px;
+  font-weight: 600;
+  color: #333;
+  flex: 1;
+  margin-right: 12px;
+}
+
+.plan-header-right {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.more-btn {
+  padding: 4px;
+  min-width: auto;
+  height: 28px;
+  width: 28px;
+  border-radius: 4px;
+  
+  &:hover {
+    background-color: #f5f5f5;
+  }
+}
+
+.stats-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 12px;
+  margin-bottom: 16px;
+}
+
+.stat-item {
+  background: #f8f9fa;
+  border-radius: 8px;
+  padding: 12px;
+  text-align: center;
+  border: 1px solid #e9ecef;
+}
+
+.stat-label {
+  font-size: 12px;
+  color: #666;
+  margin-bottom: 4px;
+  font-weight: 500;
+}
+
+.stat-value {
+  font-size: 18px;
+  font-weight: 600;
+  color: #333;
+  line-height: 1.2;
+}
+
+.plan-footer {
+  border-top: 1px solid #f0f0f0;
+  padding-top: 12px;
+}
+
+.last-execution {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  color: #999;
+
+  svg {
+    font-size: 14px;
+    color: #999;
+  }
+}
+
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 60px 20px;
+  text-align: center;
+}
+
+.empty-text {
+  color: #999;
+  font-size: 14px;
+  margin-bottom: 20px;
+}
+
+.create-first-btn {
+  height: 40px;
+  padding: 0 24px;
+  border-radius: 20px;
+}
+
+// 加载更多按钮样式
+.load-more-container {
+  display: flex;
+  justify-content: center;
+  padding: 20px 0;
+}
+
+.load-more-btn {
+  height: 44px;
+  padding: 0 32px;
+  border-radius: 22px;
+  font-size: 16px;
+  font-weight: 500;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  transition: all 0.2s ease;
+  
+  &:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  }
+  
+  &:active {
+    transform: translateY(0);
+  }
+}
+
+// 没有更多数据提示样式
+.no-more-data {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 20px 0;
+  color: #999;
+  font-size: 14px;
+  
+  span {
+    position: relative;
+    padding: 0 20px;
+    
+    &::before,
+    &::after {
+      content: '';
+      position: absolute;
+      top: 50%;
+      width: 40px;
+      height: 1px;
+      background-color: #e0e0e0;
+    }
+    
+    &::before {
+      left: -50px;
+    }
+    
+    &::after {
+      right: -50px;
+    }
+  }
+}
+
+.action-menu-dialog {
+  background: white;
+  border-radius: 16px 16px 0 0;
+  padding: 20px;
+  max-height: 60vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.action-menu-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 16px;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+
+  &:hover {
+    background-color: #f5f5f5;
+  }
+
+  &.danger {
+    color: #ff4d4f;
+
+    &:hover {
+      background-color: #fff2f0;
+    }
+  }
+}
+
+.action-icon {
+  font-size: 16px;
+  width: 20px;
+  text-align: center;
+}
+
+.action-text {
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.dialog-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid #f0f0f0;
+
+  h3 {
+    margin: 0;
+    font-size: 18px;
+    font-weight: 600;
+    color: #333;
+  }
+}
+
+.dialog-content {
+  flex: 1;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.qr-dialog {
+  background: white;
+  border-radius: 16px;
+  padding: 20px;
+  width: 100%;
+}
+
+.qr-loading {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40px 20px;
+  gap: 16px;
+  color: #666;
+  font-size: 14px;
+}
+
+.qr-image {
+  width: 100%;
+  max-width: 200px;
+  height: auto;
+  border-radius: 8px;
+}
+
+.qr-error {
+  text-align: center;
+  color: #ff4d4f;
+  font-size: 14px;
+  padding: 40px 20px;
+}
+
+.qr-link-section {
+  margin-top: 20px;
+  width: 100%;
+  padding: 0 10px;
+}
+
+.link-label {
+  font-size: 14px;
+  font-weight: 500;
+  color: #333;
+  margin-bottom: 8px;
+  text-align: left;
+}
+
+.link-input-wrapper {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  width: 100%;
+  
+  @media (max-width: 480px) {
+    flex-direction: column;
+    gap: 12px;
+  }
+}
+
+.link-input {
+  flex: 1;
+  
+  .ant-input {
+    border-radius: 8px;
+    font-size: 12px;
+    color: #666;
+    background-color: #f8f9fa;
+    border: 1px solid #e9ecef;
+    
+    &:focus {
+      border-color: #1890ff;
+      box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+    }
+  }
+  
+  @media (max-width: 480px) {
+    width: 100%;
+  }
+}
+
+.copy-button {
+  height: 32px;
+  padding: 0 12px;
+  border-radius: 8px;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  white-space: nowrap;
+  flex-shrink: 0;
+  
+  .anticon {
+    font-size: 12px;
+  }
+  
+  @media (max-width: 480px) {
+    width: 100%;
+    justify-content: center;
+  }
+} 
\ No newline at end of file
diff --git a/nkebao/src/pages/scenarios/plan/list/index.tsx b/nkebao/src/pages/scenarios/plan/list/index.tsx
new file mode 100644
index 000000000..ebeb8f468
--- /dev/null
+++ b/nkebao/src/pages/scenarios/plan/list/index.tsx
@@ -0,0 +1,620 @@
+import React, { useEffect, useState } from "react";
+import { useParams, useNavigate } from "react-router-dom";
+import {
+  NavBar,
+  Button,
+  Toast,
+  SpinLoading,
+  Dialog,
+  Popup,
+  Card,
+  Tag,
+} from "antd-mobile";
+import { Input } from "antd";
+import {
+  PlusOutlined,
+  CopyOutlined,
+  DeleteOutlined,
+  SettingOutlined,
+  SearchOutlined,
+  ReloadOutlined,
+  QrcodeOutlined,
+  EditOutlined,
+  MoreOutlined,
+  ClockCircleOutlined,
+  DownOutlined,
+} from "@ant-design/icons";
+import { LeftOutline } from "antd-mobile-icons";
+
+import Layout from "@/components/Layout/Layout";
+import {
+  getPlanList,
+  getPlanDetail,
+  copyPlan,
+  deletePlan,
+  getWxMinAppCode,
+} from "./api";
+import style from "./index.module.scss";
+import { Task, ApiSettings, PlanDetail } from "./data";
+import PlanApi from "./planApi";
+import { buildApiUrl } from "@/utils/apiUrl";
+
+const ScenarioList: React.FC = () => {
+  const { scenarioId, scenarioName } = useParams<{
+    scenarioId: string;
+    scenarioName: string;
+  }>();
+  const navigate = useNavigate();
+  const [tasks, setTasks] = useState<Task[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [showApiDialog, setShowApiDialog] = useState(false);
+  const [currentApiSettings, setCurrentApiSettings] = useState<ApiSettings>({
+    apiKey: "",
+    webhookUrl: "",
+    taskId: "",
+  });
+  const [searchTerm, setSearchTerm] = useState("");
+  const [loadingTasks, setLoadingTasks] = useState(false);
+  const [showQrDialog, setShowQrDialog] = useState(false);
+  const [qrLoading, setQrLoading] = useState(false);
+  const [qrImg, setQrImg] = useState<any>("");
+  const [currentTaskId, setCurrentTaskId] = useState<string>("");
+  const [showActionMenu, setShowActionMenu] = useState<string | null>(null);
+
+  // 分页相关状态
+  const [currentPage, setCurrentPage] = useState(1);
+  const [hasMore, setHasMore] = useState(true);
+  const [loadingMore, setLoadingMore] = useState(false);
+  const [total, setTotal] = useState(0);
+  const pageSize = 20;
+
+  // 获取渠道中文名称
+  const getChannelName = (channel: string) => {
+    const channelMap: Record<string, string> = {
+      douyin: "抖音直播获客",
+      kuaishou: "快手直播获客",
+      xiaohongshu: "小红书种草获客",
+      weibo: "微博话题获客",
+      haibao: "海报扫码获客",
+      phone: "电话号码获客",
+      gongzhonghao: "公众号引流获客",
+      weixinqun: "微信群裂变获客",
+      payment: "付款码获客",
+      api: "API接口获客",
+    };
+    return channelMap[channel] || `${channel}获客`;
+  };
+
+  // 获取计划列表数据
+  const fetchPlanList = async (page: number, isLoadMore: boolean = false) => {
+    if (!scenarioId) return;
+
+    if (isLoadMore) {
+      setLoadingMore(true);
+    } else {
+      setLoadingTasks(true);
+    }
+
+    try {
+      const response = await getPlanList({
+        sceneId: scenarioId,
+        page: page,
+        pageSize: pageSize,
+      });
+
+      if (response && response.list) {
+        if (isLoadMore) {
+          // 加载更多时，追加数据
+          setTasks((prev) => [...prev, ...response.list]);
+        } else {
+          // 首次加载或刷新时，替换数据
+          setTasks(response.list);
+        }
+
+        // 更新分页信息
+        setTotal(response.total || 0);
+        setHasMore(response.list.length === pageSize);
+        setCurrentPage(page);
+      }
+    } catch (error) {
+      console.error("获取计划列表失败:", error);
+      if (!isLoadMore) {
+        setTasks([]);
+      }
+      Toast.show({
+        content: "获取数据失败",
+        position: "top",
+      });
+    } finally {
+      if (isLoadMore) {
+        setLoadingMore(false);
+      } else {
+        setLoadingTasks(false);
+      }
+    }
+  };
+
+  useEffect(() => {
+    const fetchScenarioData = async () => {
+      if (!scenarioId) return;
+      setLoading(true);
+
+      try {
+        await fetchPlanList(1, false);
+      } catch (error) {
+        console.error("获取场景数据失败:", error);
+        setTasks([]);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchScenarioData();
+  }, [scenarioId]);
+
+  // 加载下一页数据
+  const handleLoadMore = async () => {
+    if (loadingMore || !hasMore) return;
+    await fetchPlanList(currentPage + 1, true);
+  };
+
+  const handleCopyPlan = async (taskId: string) => {
+    const taskToCopy = tasks.find((task) => task.id === taskId);
+    if (!taskToCopy) return;
+
+    try {
+      await copyPlan(taskId);
+      Toast.show({
+        content: `已成功复制"${taskToCopy.name}"`,
+        position: "top",
+      });
+      // 刷新列表
+      handleRefresh();
+    } catch (error) {
+      Toast.show({
+        content: "复制失败，请重试",
+        position: "top",
+      });
+    }
+  };
+
+  const handleDeletePlan = async (taskId: string) => {
+    const taskToDelete = tasks.find((task) => task.id === taskId);
+    if (!taskToDelete) return;
+
+    const result = await Dialog.confirm({
+      content: `确定要删除"${taskToDelete.name}"吗？`,
+      confirmText: "删除",
+      cancelText: "取消",
+    });
+
+    if (result) {
+      try {
+        await deletePlan(taskId);
+        Toast.show({
+          content: "计划已删除",
+          position: "top",
+        });
+        // 刷新列表
+        handleRefresh();
+      } catch (error) {
+        Toast.show({
+          content: "删除失败，请重试",
+          position: "top",
+        });
+      }
+    }
+  };
+
+  const handleOpenApiSettings = async (taskId: string) => {
+    try {
+      const response: PlanDetail = await getPlanDetail(taskId);
+      if (response) {
+        // 处理webhook URL，使用工具函数构建完整地址
+        const webhookUrl = buildApiUrl(
+          response.textUrl?.fullUrl || `webhook/${taskId}`
+        );
+
+        setCurrentApiSettings({
+          apiKey: response.apiKey || "demo-api-key-123456",
+          webhookUrl: webhookUrl,
+          taskId: taskId,
+        });
+        setShowApiDialog(true);
+      }
+    } catch (error) {
+      Toast.show({
+        content: "获取计划接口失败",
+        position: "top",
+      });
+    }
+  };
+
+  const handleCreateNewPlan = () => {
+    navigate(`/scenarios/new/${scenarioId}`);
+  };
+
+  const handleShowQrCode = async (taskId: string) => {
+    setQrLoading(true);
+    setShowQrDialog(true);
+    setQrImg("");
+    setCurrentTaskId(taskId); // 设置当前任务ID
+
+    try {
+      const response = await getWxMinAppCode(taskId);
+      setQrImg(response);
+    } catch (error) {
+      Toast.show({
+        content: "获取二维码失败",
+        position: "top",
+      });
+    } finally {
+      setQrLoading(false);
+    }
+  };
+
+  const getStatusColor = (status: number) => {
+    switch (status) {
+      case 1:
+        return "success";
+      case 0:
+        return "default";
+      case -1:
+        return "danger";
+      default:
+        return "default";
+    }
+  };
+
+  const getStatusText = (status: number) => {
+    switch (status) {
+      case 1:
+        return "进行中";
+      case 0:
+        return "已暂停";
+      case -1:
+        return "已停止";
+      default:
+        return "未知";
+    }
+  };
+
+  const handleRefresh = async () => {
+    // 重置分页状态
+    setCurrentPage(1);
+    setHasMore(true);
+    await fetchPlanList(1, false);
+  };
+
+  const filteredTasks = tasks.filter((task) =>
+    task.name.toLowerCase().includes(searchTerm.toLowerCase())
+  );
+
+  // 生成操作菜单
+  const getActionMenu = (task: Task) => [
+    {
+      key: "edit",
+      text: "编辑计划",
+      icon: <EditOutlined />,
+      onClick: () => {
+        setShowActionMenu(null);
+        navigate(`/scenarios/edit/${task.id}`);
+      },
+    },
+    {
+      key: "copy",
+      text: "复制计划",
+      icon: <CopyOutlined />,
+      onClick: () => {
+        setShowActionMenu(null);
+        handleCopyPlan(task.id);
+      },
+    },
+    {
+      key: "settings",
+      text: "计划接口",
+      icon: <SettingOutlined />,
+      onClick: () => {
+        setShowActionMenu(null);
+        handleOpenApiSettings(task.id);
+      },
+    },
+    {
+      key: "qrcode",
+      text: "二维码",
+      icon: <QrcodeOutlined />,
+      onClick: () => {
+        setShowActionMenu(null);
+        handleShowQrCode(task.id);
+      },
+    },
+    {
+      key: "delete",
+      text: "删除计划",
+      icon: <DeleteOutlined />,
+      onClick: () => {
+        setShowActionMenu(null);
+        handleDeletePlan(task.id);
+      },
+      danger: true,
+    },
+  ];
+
+  const deviceCount = (task: Task) => {
+    return Array.isArray(task.reqConf?.device)
+      ? task.reqConf!.device.length
+      : Array.isArray(task.reqConf?.selectedDevices)
+        ? task.reqConf!.selectedDevices.length
+        : 0;
+  };
+
+  return (
+    <Layout
+      header={
+        <>
+          <NavBar
+            back={null}
+            style={{ background: "#fff" }}
+            left={
+              <div className={style["nav-title"]}>
+                <span style={{ verticalAlign: "middle" }}>
+                  <LeftOutline onClick={() => navigate(-1)} fontSize={24} />
+                </span>
+                {scenarioName}
+              </div>
+            }
+            right={
+              <Button
+                size="small"
+                color="primary"
+                onClick={handleCreateNewPlan}
+                className={style["new-plan-btn"]}
+              >
+                <PlusOutlined /> 新建计划
+              </Button>
+            }
+          />
+          {/* 搜索栏 */}
+          <div className={style["search-bar"]}>
+            <div className={style["search-input-wrapper"]}>
+              <Input
+                placeholder="搜索计划名称"
+                value={searchTerm}
+                onChange={(e) => setSearchTerm(e.target.value)}
+                prefix={<SearchOutlined />}
+                allowClear
+                size="large"
+              />
+            </div>
+            <Button
+              size="small"
+              onClick={handleRefresh}
+              loading={loadingTasks}
+              className={style["refresh-btn"]}
+            >
+              <ReloadOutlined />
+            </Button>
+          </div>
+        </>
+      }
+      loading={loading}
+    >
+      <div className={style["scenario-list-page"]}>
+        {/* 计划列表 */}
+        <div className={style["plan-list"]}>
+          {filteredTasks.length === 0 ? (
+            <div className={style["empty-state"]}>
+              <div className={style["empty-text"]}>
+                {searchTerm ? "没有找到匹配的计划" : "暂无计划"}
+              </div>
+              <Button
+                color="primary"
+                onClick={handleCreateNewPlan}
+                className={style["create-first-btn"]}
+              >
+                <PlusOutlined /> 创建第一个计划
+              </Button>
+            </div>
+          ) : (
+            <>
+              {filteredTasks.map((task) => (
+                <Card key={task.id} className={style["plan-item"]}>
+                  {/* 头部：标题、状态和操作菜单 */}
+                  <div className={style["plan-header"]}>
+                    <div className={style["plan-name"]}>{task.name}</div>
+                    <div className={style["plan-header-right"]}>
+                      <Tag color={getStatusColor(task.status)}>
+                        {getStatusText(task.status)}
+                      </Tag>
+                      <Button
+                        size="mini"
+                        fill="none"
+                        className={style["more-btn"]}
+                        onClick={() => setShowActionMenu(task.id)}
+                      >
+                        <MoreOutlined />
+                      </Button>
+                    </div>
+                  </div>
+
+                  {/* 统计数据网格 */}
+                  <div className={style["stats-grid"]}>
+                    <div className={style["stat-item"]}>
+                      <div className={style["stat-label"]}>设备数</div>
+                      <div className={style["stat-value"]}>
+                        {deviceCount(task)}
+                      </div>
+                    </div>
+                    <div className={style["stat-item"]}>
+                      <div className={style["stat-label"]}>已获客</div>
+                      <div className={style["stat-value"]}>
+                        {task?.acquiredCount || 0}
+                      </div>
+                    </div>
+                    <div className={style["stat-item"]}>
+                      <div className={style["stat-label"]}>已添加</div>
+                      <div className={style["stat-value"]}>
+                        {task.addedCount || 0}
+                      </div>
+                    </div>
+                    <div className={style["stat-item"]}>
+                      <div className={style["stat-label"]}>通过率</div>
+                      <div className={style["stat-value"]}>
+                        {task.passRate}%
+                      </div>
+                    </div>
+                  </div>
+
+                  {/* 底部：上次执行时间 */}
+                  <div className={style["plan-footer"]}>
+                    <div className={style["last-execution"]}>
+                      <ClockCircleOutlined />
+                      <span>上次执行: {task.lastUpdated || "--"}</span>
+                    </div>
+                  </div>
+                </Card>
+              ))}
+
+              {/* 加载更多按钮 */}
+              {hasMore && (
+                <div className={style["load-more-container"]}>
+                  <Button
+                    color="primary"
+                    fill="outline"
+                    size="large"
+                    onClick={handleLoadMore}
+                    loading={loadingMore}
+                    className={style["load-more-btn"]}
+                  >
+                    {loadingMore ? (
+                      <>
+                        <SpinLoading color="primary" />
+                        加载中...
+                      </>
+                    ) : (
+                      <>
+                        <DownOutlined />
+                        加载更多
+                      </>
+                    )}
+                  </Button>
+                </div>
+              )}
+
+              {/* 没有更多数据提示 */}
+              {!hasMore && filteredTasks.length > 0 && (
+                <div className={style["no-more-data"]}>
+                  <span>没有更多数据了</span>
+                </div>
+              )}
+            </>
+          )}
+        </div>
+
+        {/* 计划接口弹窗 */}
+        <PlanApi
+          visible={showApiDialog}
+          onClose={() => setShowApiDialog(false)}
+          apiKey={currentApiSettings.apiKey}
+          webhookUrl={currentApiSettings.webhookUrl}
+          taskId={currentApiSettings.taskId}
+        />
+
+        {/* 操作菜单弹窗 */}
+        <Popup
+          visible={!!showActionMenu}
+          onMaskClick={() => setShowActionMenu(null)}
+          position="bottom"
+          bodyStyle={{ height: "auto", maxHeight: "60vh" }}
+        >
+          <div className={style["action-menu-dialog"]}>
+            <div className={style["dialog-header"]}>
+              <h3>操作菜单</h3>
+              <Button size="small" onClick={() => setShowActionMenu(null)}>
+                关闭
+              </Button>
+            </div>
+            <div className={style["dialog-content"]}>
+              {showActionMenu &&
+                getActionMenu(tasks.find((t) => t.id === showActionMenu)!).map(
+                  (item) => (
+                    <div
+                      key={item.key}
+                      className={`${style["action-menu-item"]} ${item.danger ? style["danger"] : ""}`}
+                      onClick={item.onClick}
+                    >
+                      <span className={style["action-icon"]}>{item.icon}</span>
+                      <span className={style["action-text"]}>{item.text}</span>
+                    </div>
+                  )
+                )}
+            </div>
+          </div>
+        </Popup>
+
+        {/* 二维码弹窗 */}
+        <Popup
+          visible={showQrDialog}
+          onMaskClick={() => setShowQrDialog(false)}
+          position="bottom"
+        >
+          <div className={style["qr-dialog"]}>
+            <div className={style["dialog-header"]}>
+              <h3>小程序二维码</h3>
+              <Button size="small" onClick={() => setShowQrDialog(false)}>
+                关闭
+              </Button>
+            </div>
+            <div className={style["dialog-content"]}>
+              {qrLoading ? (
+                <div className={style["qr-loading"]}>
+                  <SpinLoading color="primary" />
+                  <div>生成二维码中...</div>
+                </div>
+              ) : qrImg ? (
+                <>
+                  <img
+                    src={qrImg}
+                    alt="小程序二维码"
+                    className={style["qr-image"]}
+                  />
+                  {/* 链接复制区域 */}
+                  <div className={style["qr-link-section"]}>
+                    <div className={style["link-label"]}>小程序链接</div>
+                    <div className={style["link-input-wrapper"]}>
+                      <Input
+                        value={`https://h5.ckb.quwanzhi.com/#/pages/form/input?id=${currentTaskId}`}
+                        readOnly
+                        className={style["link-input"]}
+                        placeholder="小程序链接"
+                      />
+                      <Button
+                        size="small"
+                        onClick={() => {
+                          const link = `https://h5.ckb.quwanzhi.com/#/pages/form/input?id=${currentTaskId}`;
+                          navigator.clipboard.writeText(link);
+                          Toast.show({
+                            content: "链接已复制到剪贴板",
+                            position: "top",
+                          });
+                        }}
+                        className={style["copy-button"]}
+                      >
+                        <CopyOutlined />
+                        复制
+                      </Button>
+                    </div>
+                  </div>
+                </>
+              ) : (
+                <div className={style["qr-error"]}>二维码生成失败</div>
+              )}
+            </div>
+          </div>
+        </Popup>
+      </div>
+    </Layout>
+  );
+};
+
+export default ScenarioList;
diff --git a/nkebao/src/pages/scenarios/plan/list/planApi.module.scss b/nkebao/src/pages/scenarios/plan/list/planApi.module.scss
new file mode 100644
index 000000000..da57e0d62
--- /dev/null
+++ b/nkebao/src/pages/scenarios/plan/list/planApi.module.scss
@@ -0,0 +1,601 @@
+// 移动端样式
+.plan-api-dialog {
+  background: white;
+  border-radius: 16px 16px 0 0;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.dialog-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  padding: 20px;
+  border-bottom: 1px solid #f0f0f0;
+  background: #fafafa;
+
+  .header-left {
+    display: flex;
+    align-items: flex-start;
+    gap: 12px;
+    flex: 1;
+  }
+
+  .header-icon {
+    font-size: 24px;
+    color: #1890ff;
+    margin-top: 4px;
+  }
+
+  .header-content {
+    flex: 1;
+
+    h3 {
+      margin: 0 0 8px 0;
+      font-size: 18px;
+      font-weight: 600;
+      color: #333;
+    }
+
+    p {
+      margin: 0;
+      font-size: 14px;
+      color: #666;
+      line-height: 1.5;
+    }
+  }
+
+  .close-btn {
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 18px;
+    color: #999;
+    background: transparent;
+    border: none;
+    cursor: pointer;
+
+    &:hover {
+      background: #f5f5f5;
+    }
+  }
+}
+
+.nav-tabs {
+  display: flex;
+  background: white;
+  border-bottom: 1px solid #f0f0f0;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+
+  .nav-tab {
+    flex: 1;
+    min-width: 80px;
+    padding: 12px 8px;
+    border: none;
+    background: transparent;
+    color: #666;
+    font-size: 14px;
+    cursor: pointer;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 4px;
+    transition: all 0.2s ease;
+    white-space: nowrap;
+
+    svg {
+      font-size: 16px;
+    }
+
+    &:hover {
+      color: #1890ff;
+    }
+
+    &.active {
+      color: #1890ff;
+      border-bottom: 2px solid #1890ff;
+    }
+  }
+}
+
+.dialog-content {
+  flex: 1;
+  overflow-y: auto;
+  padding: 20px;
+}
+
+.dialog-footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 20px;
+  border-top: 1px solid #f0f0f0;
+  background: #fafafa;
+
+  .security-note {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 12px;
+    color: #666;
+
+    svg {
+      color: #52c41a;
+    }
+  }
+
+  .complete-btn {
+    height: 36px;
+    padding: 0 24px;
+    border-radius: 18px;
+  }
+}
+
+// 配置内容样式
+.config-content {
+  .config-section {
+    margin-bottom: 24px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .section-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 12px;
+
+    .section-title {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 16px;
+      font-weight: 600;
+      color: #333;
+
+      .section-icon {
+        color: #1890ff;
+      }
+    }
+  }
+
+  .input-group {
+    display: flex;
+    gap: 8px;
+    margin-bottom: 12px;
+
+    .api-input {
+      flex: 1;
+      border-radius: 8px;
+    }
+
+    .copy-btn {
+      height: 40px;
+      padding: 0 16px;
+      border-radius: 8px;
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+  }
+
+  .security-tip {
+    padding: 12px;
+    background: #fff7e6;
+    border: 1px solid #ffd591;
+    border-radius: 8px;
+    font-size: 12px;
+    color: #d46b08;
+    line-height: 1.5;
+  }
+
+  .params-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 12px;
+    margin-top: 16px;
+  }
+
+  .param-section {
+    background: #f8f9fa;
+    border-radius: 8px;
+    padding: 12px;
+    border: 1px solid #e9ecef;
+
+    h4 {
+      margin: 0 0 8px 0;
+      font-size: 14px;
+      font-weight: 600;
+      color: #333;
+    }
+
+    .param-list {
+      font-size: 12px;
+      color: #666;
+      line-height: 1.6;
+
+      div {
+        margin-bottom: 4px;
+      }
+
+      code {
+        background: #e9ecef;
+        padding: 2px 4px;
+        border-radius: 4px;
+        font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+        font-size: 11px;
+      }
+    }
+  }
+}
+
+// 测试内容样式
+.test-content {
+  .test-section {
+    h3 {
+      margin: 0 0 16px 0;
+      font-size: 16px;
+      font-weight: 600;
+      color: #333;
+    }
+
+    .test-input {
+      margin-bottom: 16px;
+      border-radius: 8px;
+    }
+
+    .test-buttons {
+      display: flex;
+      gap: 12px;
+
+      .test-btn {
+        flex: 1;
+        height: 40px;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 6px;
+      }
+    }
+  }
+}
+
+// 文档内容样式
+.docs-content {
+  .docs-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 16px;
+  }
+
+  .doc-card {
+    text-align: center;
+    padding: 24px 16px;
+    border-radius: 12px;
+    border: 1px solid #f0f0f0;
+    transition: all 0.2s ease;
+
+    &:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+    }
+
+    .doc-icon {
+      width: 48px;
+      height: 48px;
+      border-radius: 50%;
+      background: #f0f8ff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin: 0 auto 16px;
+      font-size: 24px;
+      color: #1890ff;
+    }
+
+    h4 {
+      margin: 0 0 8px 0;
+      font-size: 16px;
+      font-weight: 600;
+      color: #333;
+    }
+
+    p {
+      margin: 0;
+      font-size: 14px;
+      color: #666;
+      line-height: 1.5;
+    }
+  }
+}
+
+// 代码内容样式
+.code-content {
+  .language-tabs {
+    display: flex;
+    gap: 8px;
+    margin-bottom: 16px;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+
+    .lang-tab {
+      padding: 8px 16px;
+      border: 1px solid #d9d9d9;
+      background: white;
+      border-radius: 6px;
+      font-size: 14px;
+      color: #666;
+      cursor: pointer;
+      transition: all 0.2s ease;
+      white-space: nowrap;
+
+      &:hover {
+        border-color: #1890ff;
+        color: #1890ff;
+      }
+
+      &.active {
+        background: #1890ff;
+        border-color: #1890ff;
+        color: white;
+      }
+    }
+  }
+
+  .code-block {
+    position: relative;
+    background: #f6f8fa;
+    border-radius: 8px;
+    border: 1px solid #e1e4e8;
+    overflow: hidden;
+
+    .code {
+      margin: 0;
+      padding: 16px;
+      font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+      font-size: 13px;
+      line-height: 1.5;
+      color: #24292e;
+      overflow-x: auto;
+      white-space: pre-wrap;
+      word-break: break-all;
+    }
+
+    .copy-code-btn {
+      position: absolute;
+      top: 8px;
+      right: 8px;
+      height: 32px;
+      padding: 0 12px;
+      border-radius: 6px;
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 12px;
+    }
+  }
+}
+
+// PC端样式覆盖
+.plan-api-modal {
+  .plan-api-dialog {
+    border-radius: 12px;
+    height: auto;
+    max-height: 80vh;
+  }
+
+  .nav-tabs {
+    .nav-tab {
+      min-width: 100px;
+      padding: 16px 12px;
+      font-size: 15px;
+
+      svg {
+        font-size: 18px;
+      }
+    }
+  }
+
+  .dialog-content {
+    padding: 24px;
+  }
+
+  .params-grid {
+    grid-template-columns: 1fr 1fr;
+  }
+
+  .docs-grid {
+    grid-template-columns: 1fr 1fr;
+  }
+
+  .test-buttons {
+    flex-direction: row;
+  }
+}
+
+// 响应式设计
+@media (max-width: 768px) {
+  .plan-api-dialog {
+    .header-content {
+      h3 {
+        font-size: 16px;
+      }
+
+      p {
+        font-size: 13px;
+      }
+    }
+  }
+
+  .nav-tabs {
+    .nav-tab {
+      font-size: 13px;
+      padding: 10px 6px;
+
+      svg {
+        font-size: 14px;
+      }
+    }
+  }
+
+  .dialog-content {
+    padding: 16px;
+  }
+
+  .config-content {
+    .params-grid {
+      grid-template-columns: 1fr;
+      gap: 8px;
+    }
+  }
+
+  .docs-content {
+    .docs-grid {
+      grid-template-columns: 1fr;
+      gap: 12px;
+    }
+  }
+
+  .test-content {
+    .test-buttons {
+      flex-direction: column;
+      gap: 8px;
+    }
+  }
+
+  .code-content {
+    .language-tabs {
+      .lang-tab {
+        padding: 6px 12px;
+        font-size: 13px;
+      }
+    }
+
+    .code-block {
+      .code {
+        font-size: 12px;
+        padding: 12px;
+      }
+    }
+  }
+}
+
+// 暗色主题支持
+@media (prefers-color-scheme: dark) {
+  .plan-api-dialog {
+    background: #1f1f1f;
+    color: #fff;
+
+    .dialog-header {
+      background: #262626;
+      border-bottom-color: #434343;
+
+      .header-content {
+        h3 {
+          color: #fff;
+        }
+
+        p {
+          color: #a6a6a6;
+        }
+      }
+    }
+
+    .nav-tabs {
+      background: #262626;
+      border-bottom-color: #434343;
+
+      .nav-tab {
+        color: #a6a6a6;
+
+        &:hover {
+          color: #1890ff;
+        }
+
+        &.active {
+          color: #1890ff;
+          border-bottom-color: #1890ff;
+        }
+      }
+    }
+
+    .dialog-footer {
+      background: #262626;
+      border-top-color: #434343;
+
+      .security-note {
+        color: #a6a6a6;
+      }
+    }
+  }
+
+  .config-content {
+    .section-title {
+      color: #fff;
+    }
+
+    .security-tip {
+      background: #2a1f00;
+      border-color: #d48806;
+      color: #ffc53d;
+    }
+
+    .param-section {
+      background: #262626;
+      border-color: #434343;
+
+      h4 {
+        color: #fff;
+      }
+
+      .param-list {
+        color: #a6a6a6;
+
+        code {
+          background: #434343;
+        }
+      }
+    }
+  }
+
+  .test-content {
+    h3 {
+      color: #fff;
+    }
+  }
+
+  .docs-content {
+    .doc-card {
+      background: #262626;
+      border-color: #434343;
+
+      h4 {
+        color: #fff;
+      }
+
+      p {
+        color: #a6a6a6;
+      }
+    }
+  }
+
+  .code-content {
+    .code-block {
+      background: #0d1117;
+      border-color: #30363d;
+
+      .code {
+        color: #c9d1d9;
+      }
+    }
+  }
+} 
\ No newline at end of file
diff --git a/nkebao/src/pages/scenarios/plan/list/planApi.tsx b/nkebao/src/pages/scenarios/plan/list/planApi.tsx
new file mode 100644
index 000000000..7fc94b1ae
--- /dev/null
+++ b/nkebao/src/pages/scenarios/plan/list/planApi.tsx
@@ -0,0 +1,437 @@
+import React, { useState, useMemo } from "react";
+import { Popup, Button, Toast, SpinLoading } from "antd-mobile";
+import { Modal, Input, Tabs, Card, Tag, Space } from "antd";
+import {
+  CopyOutlined,
+  CodeOutlined,
+  BookOutlined,
+  ThunderboltOutlined,
+  SettingOutlined,
+  LinkOutlined,
+  SafetyOutlined,
+  CheckCircleOutlined,
+} from "@ant-design/icons";
+import style from "./planApi.module.scss";
+import { buildApiUrl } from "@/utils/apiUrl";
+
+/**
+ * 计划接口配置弹窗组件
+ *
+ * 使用示例:
+ * ```tsx
+ * const [showApiDialog, setShowApiDialog] = useState(false);
+ * const [apiSettings, setApiSettings] = useState({
+ *   apiKey: "your-api-key",
+ *   webhookUrl: "https://api.example.com/webhook",
+ *   taskId: "task-123"
+ * });
+ *
+ * <PlanApi
+ *   visible={showApiDialog}
+ *   onClose={() => setShowApiDialog(false)}
+ *   apiKey={apiSettings.apiKey}
+ *   webhookUrl={apiSettings.webhookUrl}
+ *   taskId={apiSettings.taskId}
+ * />
+ * ```
+ *
+ * 特性:
+ * - 移动端使用 Popup，PC端使用 Modal
+ * - 支持四个标签页：接口配置、快速测试、开发文档、代码示例
+ * - 支持多种编程语言的代码示例
+ * - 响应式设计，自适应不同屏幕尺寸
+ * - 支持暗色主题
+ * - 自动拼接API地址前缀
+ */
+
+interface PlanApiProps {
+  visible: boolean;
+  onClose: () => void;
+  apiKey: string;
+  webhookUrl: string;
+  taskId: string;
+}
+
+interface ApiSettings {
+  apiKey: string;
+  webhookUrl: string;
+  taskId: string;
+}
+
+const PlanApi: React.FC<PlanApiProps> = ({
+  visible,
+  onClose,
+  apiKey,
+  webhookUrl,
+  taskId,
+}) => {
+  const [activeTab, setActiveTab] = useState("config");
+  const [activeLanguage, setActiveLanguage] = useState("javascript");
+
+  // 处理webhook URL，确保包含完整的API地址
+  const fullWebhookUrl = useMemo(() => {
+    return buildApiUrl(webhookUrl);
+  }, [webhookUrl]);
+
+  // 生成测试URL
+  const testUrl = useMemo(() => {
+    if (!fullWebhookUrl) return "";
+    return `${fullWebhookUrl}?name=测试客户&phone=13800138000&source=API测试`;
+  }, [fullWebhookUrl]);
+
+  // 检测是否为移动端
+  const isMobile = window.innerWidth <= 768;
+
+  const handleCopy = (text: string, type: string) => {
+    navigator.clipboard.writeText(text);
+    Toast.show({
+      content: `${type}已复制到剪贴板`,
+      position: "top",
+    });
+  };
+
+  const handleTestInBrowser = () => {
+    window.open(testUrl, "_blank");
+  };
+
+  const renderConfigTab = () => (
+    <div className={style["config-content"]}>
+      {/* API密钥配置 */}
+      <div className={style["config-section"]}>
+        <div className={style["section-header"]}>
+          <div className={style["section-title"]}>
+            <CheckCircleOutlined className={style["section-icon"]} />
+            API密钥
+          </div>
+          <Tag color="green">安全认证</Tag>
+        </div>
+        <div className={style["input-group"]}>
+          <Input value={apiKey} disabled className={style["api-input"]} />
+          <Button
+            size="small"
+            onClick={() => handleCopy(apiKey, "API密钥")}
+            className={style["copy-btn"]}
+          >
+            <CopyOutlined />
+            复制
+          </Button>
+        </div>
+        <div className={style["security-tip"]}>
+          <strong>安全提示：</strong>
+          请妥善保管API密钥，不要在客户端代码中暴露。建议在服务器端使用该密钥。
+        </div>
+      </div>
+
+      {/* 接口地址配置 */}
+      <div className={style["config-section"]}>
+        <div className={style["section-header"]}>
+          <div className={style["section-title"]}>
+            <LinkOutlined className={style["section-icon"]} />
+            接口地址
+          </div>
+          <Tag color="blue">POST请求</Tag>
+        </div>
+        <div className={style["input-group"]}>
+          <Input
+            value={fullWebhookUrl}
+            disabled
+            className={style["api-input"]}
+          />
+          <Button
+            size="small"
+            onClick={() => handleCopy(fullWebhookUrl, "接口地址")}
+            className={style["copy-btn"]}
+          >
+            <CopyOutlined />
+            复制
+          </Button>
+        </div>
+
+        {/* 参数说明 */}
+        <div className={style["params-grid"]}>
+          <div className={style["param-section"]}>
+            <h4>必要参数</h4>
+            <div className={style["param-list"]}>
+              <div>
+                <code>name</code> - 客户姓名
+              </div>
+              <div>
+                <code>phone</code> - 手机号码
+              </div>
+            </div>
+          </div>
+          <div className={style["param-section"]}>
+            <h4>可选参数</h4>
+            <div className={style["param-list"]}>
+              <div>
+                <code>source</code> - 来源标识
+              </div>
+              <div>
+                <code>remark</code> - 备注信息
+              </div>
+              <div>
+                <code>tags</code> - 客户标签
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+
+  const renderQuickTestTab = () => (
+    <div className={style["test-content"]}>
+      <div className={style["test-section"]}>
+        <h3>快速测试URL</h3>
+        <div className={style["input-group"]}>
+          <Input value={testUrl} disabled className={style["test-input"]} />
+        </div>
+        <div className={style["test-buttons"]}>
+          <Button
+            onClick={() => handleCopy(testUrl, "测试URL")}
+            className={style["test-btn"]}
+          >
+            <CopyOutlined />
+            复制测试URL
+          </Button>
+          <Button
+            type="primary"
+            onClick={handleTestInBrowser}
+            className={style["test-btn"]}
+          >
+            在浏览器中测试
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+
+  const renderDocsTab = () => (
+    <div className={style["docs-content"]}>
+      <div className={style["docs-grid"]}>
+        <Card className={style["doc-card"]}>
+          <div className={style["doc-icon"]}>
+            <BookOutlined />
+          </div>
+          <h4>完整API文档</h4>
+          <p>详细的接口说明和参数文档</p>
+        </Card>
+        <Card className={style["doc-card"]}>
+          <div className={style["doc-icon"]}>
+            <LinkOutlined />
+          </div>
+          <h4>集成指南</h4>
+          <p>第三方平台集成教程</p>
+        </Card>
+      </div>
+    </div>
+  );
+
+  const renderCodeTab = () => {
+    const codeExamples = {
+      javascript: `fetch('${fullWebhookUrl}', {
+  method: 'POST',
+  headers: {
+    'Content-Type': 'application/json',
+    'Authorization': 'Bearer ${apiKey}'
+  },
+  body: JSON.stringify({
+    name: '张三',
+    phone: '13800138000',
+    source: '官网表单',
+  })
+})`,
+      python: `import requests
+
+url = '${fullWebhookUrl}'
+headers = {
+    'Content-Type': 'application/json',
+    'Authorization': 'Bearer ${apiKey}'
+}
+data = {
+    'name': '张三',
+    'phone': '13800138000',
+    'source': '官网表单'
+}
+
+response = requests.post(url, json=data, headers=headers)`,
+      php: `<?php
+$url = '${fullWebhookUrl}';
+$data = array(
+    'name' => '张三',
+    'phone' => '13800138000',
+    'source' => '官网表单'
+);
+
+$options = array(
+    'http' => array(
+        'header'  => "Content-type: application/json\\r\\nAuthorization: Bearer ${apiKey}\\r\\n",
+        'method'  => 'POST',
+        'content' => json_encode($data)
+    )
+);
+
+$context = stream_context_create($options);
+$result = file_get_contents($url, false, $context);`,
+      java: `import java.net.http.HttpClient;
+import java.net.http.HttpRequest;
+import java.net.http.HttpResponse;
+import java.net.URI;
+
+HttpClient client = HttpClient.newHttpClient();
+String json = "{\\"name\\":\\"张三\\",\\"phone\\":\\"13800138000\\",\\"source\\":\\"官网表单\\"}";
+
+HttpRequest request = HttpRequest.newBuilder()
+    .uri(URI.create("${fullWebhookUrl}"))
+    .header("Content-Type", "application/json")
+    .header("Authorization", "Bearer ${apiKey}")
+    .POST(HttpRequest.BodyPublishers.ofString(json))
+    .build();
+
+HttpResponse<String> response = client.send(request, HttpResponse.BodyHandlers.ofString());`,
+    };
+
+    return (
+      <div className={style["code-content"]}>
+        <div className={style["language-tabs"]}>
+          {Object.keys(codeExamples).map((lang) => (
+            <button
+              key={lang}
+              className={`${style["lang-tab"]} ${
+                activeLanguage === lang ? style["active"] : ""
+              }`}
+              onClick={() => setActiveLanguage(lang)}
+            >
+              {lang.charAt(0).toUpperCase() + lang.slice(1)}
+            </button>
+          ))}
+        </div>
+        <div className={style["code-block"]}>
+          <pre className={style["code"]}>
+            <code>
+              {codeExamples[activeLanguage as keyof typeof codeExamples]}
+            </code>
+          </pre>
+          <Button
+            size="small"
+            onClick={() =>
+              handleCopy(
+                codeExamples[activeLanguage as keyof typeof codeExamples],
+                "代码"
+              )
+            }
+            className={style["copy-code-btn"]}
+          >
+            <CopyOutlined />
+            复制代码
+          </Button>
+        </div>
+      </div>
+    );
+  };
+
+  const renderContent = () => (
+    <div className={style["plan-api-dialog"]}>
+      {/* 头部 */}
+      <div className={style["dialog-header"]}>
+        <div className={style["header-left"]}>
+          <CodeOutlined className={style["header-icon"]} />
+          <div className={style["header-content"]}>
+            <h3>计划接口配置</h3>
+            <p>
+              通过API接口直接导入客资到该获客计划，支持多种编程语言和第三方平台集成
+            </p>
+          </div>
+        </div>
+        <Button size="small" onClick={onClose} className={style["close-btn"]}>
+          ×
+        </Button>
+      </div>
+
+      {/* 导航标签 */}
+      <div className={style["nav-tabs"]}>
+        <button
+          className={`${style["nav-tab"]} ${activeTab === "config" ? style["active"] : ""}`}
+          onClick={() => setActiveTab("config")}
+        >
+          <SettingOutlined />
+          接口配置
+        </button>
+        <button
+          className={`${style["nav-tab"]} ${activeTab === "test" ? style["active"] : ""}`}
+          onClick={() => setActiveTab("test")}
+        >
+          <ThunderboltOutlined />
+          快速测试
+        </button>
+        <button
+          className={`${style["nav-tab"]} ${activeTab === "docs" ? style["active"] : ""}`}
+          onClick={() => setActiveTab("docs")}
+        >
+          <BookOutlined />
+          开发文档
+        </button>
+        <button
+          className={`${style["nav-tab"]} ${activeTab === "code" ? style["active"] : ""}`}
+          onClick={() => setActiveTab("code")}
+        >
+          <CodeOutlined />
+          代码示例
+        </button>
+      </div>
+
+      {/* 内容区域 */}
+      <div className={style["dialog-content"]}>
+        {activeTab === "config" && renderConfigTab()}
+        {activeTab === "test" && renderQuickTestTab()}
+        {activeTab === "docs" && renderDocsTab()}
+        {activeTab === "code" && renderCodeTab()}
+      </div>
+
+      {/* 底部 */}
+      <div className={style["dialog-footer"]}>
+        <div className={style["security-note"]}>
+          <SafetyOutlined />
+          所有数据传输均采用HTTPS加密
+        </div>
+        <Button
+          type="primary"
+          onClick={onClose}
+          className={style["complete-btn"]}
+        >
+          完成配置
+        </Button>
+      </div>
+    </div>
+  );
+
+  // 移动端使用Popup
+  if (isMobile) {
+    return (
+      <Popup
+        visible={visible}
+        onMaskClick={onClose}
+        position="bottom"
+        bodyStyle={{ height: "90vh" }}
+      >
+        {renderContent()}
+      </Popup>
+    );
+  }
+
+  // PC端使用Modal
+  return (
+    <Modal
+      open={visible}
+      onCancel={onClose}
+      footer={null}
+      width={800}
+      centered
+      className={style["plan-api-modal"]}
+    >
+      {renderContent()}
+    </Modal>
+  );
+};
+
+export default PlanApi;
diff --git a/nkebao/src/pages/scenarios/plan/new/index.tsx b/nkebao/src/pages/scenarios/plan/new/index.tsx
new file mode 100644
index 000000000..cf52b1047
--- /dev/null
+++ b/nkebao/src/pages/scenarios/plan/new/index.tsx
@@ -0,0 +1,293 @@
+import React, { useState, useEffect } from "react";
+import { useNavigate, useParams } from "react-router-dom";
+import { NavBar, Button, Toast, SpinLoading, Steps, Popup } from "antd-mobile";
+import { LeftOutline } from "antd-mobile-icons";
+import Layout from "@/components/Layout/Layout";
+import MeauMobile from "@/components/MeauMobile/MeauMoible";
+import BasicSettings from "./steps/BasicSettings";
+import FriendRequestSettings from "./steps/FriendRequestSettings";
+import MessageSettings from "./steps/MessageSettings";
+import {
+  getScenarioTypes,
+  createPlan,
+  updatePlan,
+  getPlanDetail,
+} from "./page.api";
+import style from "./page.module.scss";
+
+// 步骤定义
+const steps = [
+  { id: 1, title: "步骤一", subtitle: "基础设置" },
+  { id: 2, title: "步骤二", subtitle: "好友申请设置" },
+  { id: 3, title: "步骤三", subtitle: "消息设置" },
+];
+
+// 类型定义
+interface FormData {
+  name: string;
+  scenario: number;
+  posters: any[];
+  device: string[];
+  remarkType: string;
+  greeting: string;
+  addInterval: number;
+  startTime: string;
+  endTime: string;
+  enabled: boolean;
+  sceneId: string | number;
+  remarkFormat: string;
+  addFriendInterval: number;
+}
+
+const NewPlan: React.FC = () => {
+  const navigate = useNavigate();
+  const [currentStep, setCurrentStep] = useState(1);
+  const [formData, setFormData] = useState<FormData>({
+    name: "",
+    scenario: 1,
+    posters: [],
+    device: [],
+    remarkType: "phone",
+    greeting: "你好，请通过",
+    addInterval: 1,
+    startTime: "09:00",
+    endTime: "18:00",
+    enabled: true,
+    sceneId: "",
+    remarkFormat: "",
+    addFriendInterval: 1,
+  });
+  const [sceneList, setSceneList] = useState<any[]>([]);
+  const [sceneLoading, setSceneLoading] = useState(true);
+  const { scenarioId, planId } = useParams<{
+    scenarioId: string;
+    planId: string;
+  }>();
+  const [isEdit, setIsEdit] = useState(false);
+  const [saving, setSaving] = useState(false);
+
+  useEffect(() => {
+    loadData();
+  }, []);
+
+  const loadData = async () => {
+    setSceneLoading(true);
+    try {
+      // 获取场景类型
+      const res = await getScenarioTypes();
+      if (res?.data) {
+        setSceneList(res.data);
+      }
+
+      if (planId) {
+        setIsEdit(true);
+        // 获取计划详情
+        const detailRes = await getPlanDetail(planId);
+        if (detailRes.code === 200 && detailRes.data) {
+          const detail = detailRes.data;
+          setFormData((prev) => ({
+            ...prev,
+            name: detail.name ?? "",
+            scenario: Number(detail.scenario) || 1,
+            posters: detail.posters ?? [],
+            device: detail.device ?? [],
+            remarkType: detail.remarkType ?? "phone",
+            greeting: detail.greeting ?? "",
+            addInterval: detail.addInterval ?? 1,
+            startTime: detail.startTime ?? "09:00",
+            endTime: detail.endTime ?? "18:00",
+            enabled: detail.enabled ?? true,
+            sceneId: Number(detail.scenario) || 1,
+            remarkFormat: detail.remarkFormat ?? "",
+            addFriendInterval: detail.addFriendInterval ?? 1,
+          }));
+        }
+      } else if (scenarioId) {
+        setFormData((prev) => ({
+          ...prev,
+          scenario: Number(scenarioId) || 1,
+        }));
+      }
+    } catch (error) {
+      Toast.show({
+        content: "加载数据失败",
+        position: "top",
+      });
+    } finally {
+      setSceneLoading(false);
+    }
+  };
+
+  // 更新表单数据
+  const onChange = (data: any) => {
+    setFormData((prev) => ({ ...prev, ...data }));
+  };
+
+  // 处理保存
+  const handleSave = async () => {
+    if (!formData.name.trim()) {
+      Toast.show({
+        content: "请输入计划名称",
+        position: "top",
+      });
+      return;
+    }
+
+    setSaving(true);
+    try {
+      let result;
+      if (isEdit && planId) {
+        // 编辑
+        const editData = {
+          ...formData,
+          id: Number(planId),
+          planId: Number(planId),
+        };
+        result = await updatePlan(planId, editData);
+      } else {
+        // 新建
+        result = await createPlan(formData);
+      }
+
+      if (result.code === 200) {
+        Toast.show({
+          content: isEdit ? "计划已更新" : "获客计划已创建",
+          position: "top",
+        });
+        const sceneItem = sceneList.find((v) => formData.scenario === v.id);
+        navigate(
+          `/scenarios/list/${formData.sceneId}/${sceneItem?.name || ""}`
+        );
+      } else {
+        Toast.show({
+          content: result.msg || "操作失败",
+          position: "top",
+        });
+      }
+    } catch (error) {
+      Toast.show({
+        content: isEdit ? "更新计划失败，请重试" : "创建计划失败，请重试",
+        position: "top",
+      });
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  // 下一步
+  const handleNext = () => {
+    if (currentStep === steps.length) {
+      handleSave();
+    } else {
+      setCurrentStep((prev) => prev + 1);
+    }
+  };
+
+  // 上一步
+  const handlePrev = () => {
+    setCurrentStep((prev) => Math.max(prev - 1, 1));
+  };
+
+  // 渲染当前步骤内容
+  const renderStepContent = () => {
+    switch (currentStep) {
+      case 1:
+        return (
+          <BasicSettings
+            formData={formData}
+            onChange={onChange}
+            onNext={handleNext}
+            sceneList={sceneList}
+            sceneLoading={sceneLoading}
+          />
+        );
+      case 2:
+        return (
+          <FriendRequestSettings
+            formData={formData}
+            onChange={onChange}
+            onNext={handleNext}
+            onPrev={handlePrev}
+          />
+        );
+      case 3:
+        return (
+          <MessageSettings
+            formData={formData}
+            onChange={onChange}
+            onNext={handleNext}
+            onPrev={handlePrev}
+            saving={saving}
+          />
+        );
+      default:
+        return null;
+    }
+  };
+
+  if (sceneLoading) {
+    return (
+      <Layout
+        header={
+          <NavBar back={null} style={{ background: "#fff" }}>
+            <div className={style["nav-title"]}>
+              {isEdit ? "编辑计划" : "新建计划"}
+            </div>
+          </NavBar>
+        }
+        footer={<MeauMobile />}
+      >
+        <div className={style["loading"]}>
+          <SpinLoading color="primary" style={{ fontSize: 32 }} />
+          <div className={style["loading-text"]}>加载数据中...</div>
+        </div>
+      </Layout>
+    );
+  }
+
+  return (
+    <Layout
+      header={
+        <NavBar
+          back={null}
+          style={{ background: "#fff" }}
+          left={
+            <div className={style["nav-title"]}>
+              {isEdit ? "编辑计划" : "新建计划"}
+            </div>
+          }
+          right={
+            <Button
+              size="small"
+              onClick={() => navigate(-1)}
+              className={style["back-btn"]}
+            >
+              <LeftOutline />
+            </Button>
+          }
+        />
+      }
+      footer={<MeauMobile />}
+    >
+      <div className={style["new-plan-page"]}>
+        {/* 步骤指示器 */}
+        <div className={style["steps-container"]}>
+          <Steps current={currentStep - 1}>
+            {steps.map((step) => (
+              <Steps.Step
+                key={step.id}
+                title={step.title}
+                description={step.subtitle}
+              />
+            ))}
+          </Steps>
+        </div>
+
+        {/* 步骤内容 */}
+        <div className={style["step-content"]}>{renderStepContent()}</div>
+      </div>
+    </Layout>
+  );
+};
+
+export default NewPlan;
diff --git a/nkebao/src/pages/scenarios/plan/new/page.api.ts b/nkebao/src/pages/scenarios/plan/new/page.api.ts
new file mode 100644
index 000000000..9d1411bff
--- /dev/null
+++ b/nkebao/src/pages/scenarios/plan/new/page.api.ts
@@ -0,0 +1,20 @@
+import request from "@/api/request";
+// 获取场景类型列表
+export function getScenarioTypes() {
+  return request("/api/scenarios/types", undefined, "GET");
+}
+
+// 创建计划
+export function createPlan(data: any) {
+  return request("/api/scenarios/plans", data, "POST");
+}
+
+// 更新计划
+export function updatePlan(planId: string, data: any) {
+  return request(`/api/scenarios/plans/${planId}`, data, "PUT");
+}
+
+// 获取计划详情
+export function getPlanDetail(planId: string) {
+  return request(`/api/scenarios/plans/${planId}`, undefined, "GET");
+}
diff --git a/nkebao/src/pages/scenarios/plan/new/page.module.scss b/nkebao/src/pages/scenarios/plan/new/page.module.scss
new file mode 100644
index 000000000..eaff99f16
--- /dev/null
+++ b/nkebao/src/pages/scenarios/plan/new/page.module.scss
@@ -0,0 +1,43 @@
+.new-plan-page {
+  background: #f5f5f5;
+  min-height: 100vh;
+}
+
+.nav-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #333;
+}
+
+.back-btn {
+  height: 32px;
+  width: 32px;
+  padding: 0;
+  border-radius: 50%;
+}
+
+.loading {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 60vh;
+  gap: 16px;
+}
+
+.loading-text {
+  color: #666;
+  font-size: 14px;
+}
+
+.steps-container {
+  background: white;
+  padding: 20px 16px;
+  margin-bottom: 12px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.step-content {
+  flex: 1;
+  padding: 0 16px;
+} 
\ No newline at end of file
diff --git a/nkebao/src/pages/scenarios/plan/new/steps/BasicSettings.module.scss b/nkebao/src/pages/scenarios/plan/new/steps/BasicSettings.module.scss
new file mode 100644
index 000000000..5720527de
--- /dev/null
+++ b/nkebao/src/pages/scenarios/plan/new/steps/BasicSettings.module.scss
@@ -0,0 +1,63 @@
+.basic-settings {
+  padding: 16px 0;
+}
+
+.form-card {
+  margin-bottom: 20px;
+  border-radius: 12px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.form-item {
+  margin-bottom: 20px;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  .adm-form-item-label {
+    font-size: 14px;
+    font-weight: 500;
+    color: #333;
+    margin-bottom: 8px;
+  }
+
+  .adm-input {
+    border-radius: 8px;
+  }
+
+  .adm-selector {
+    border-radius: 8px;
+  }
+}
+
+.time-input {
+  width: 120px;
+  border-radius: 8px;
+}
+
+.loading {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 40vh;
+  gap: 16px;
+}
+
+.loading-text {
+  color: #666;
+  font-size: 14px;
+}
+
+.actions {
+  padding: 20px 0;
+}
+
+.next-btn {
+  width: 100%;
+  height: 48px;
+  border-radius: 24px;
+  font-size: 16px;
+  font-weight: 500;
+} 
\ No newline at end of file
diff --git a/nkebao/src/pages/scenarios/plan/new/steps/BasicSettings.tsx b/nkebao/src/pages/scenarios/plan/new/steps/BasicSettings.tsx
new file mode 100644
index 000000000..ef9bc1673
--- /dev/null
+++ b/nkebao/src/pages/scenarios/plan/new/steps/BasicSettings.tsx
@@ -0,0 +1,209 @@
+import React, { useState, useEffect } from "react";
+import {
+  Form,
+  Input,
+  Selector,
+  Button,
+  SpinLoading,
+  Toast,
+  Card,
+  Space,
+} from "antd-mobile";
+// import { getDevices, getPosters } from "./step.api";
+import style from "./BasicSettings.module.scss";
+
+interface BasicSettingsProps {
+  formData: any;
+  onChange: (data: any) => void;
+  onNext: () => void;
+  sceneList: any[];
+  sceneLoading: boolean;
+}
+
+const BasicSettings: React.FC<BasicSettingsProps> = ({
+  formData,
+  onChange,
+  onNext,
+  sceneList,
+  sceneLoading,
+}) => {
+  const [devices, setDevices] = useState<any[]>([]);
+  const [posters, setPosters] = useState<any[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    loadData();
+  }, []);
+
+  const loadData = async () => {
+    setLoading(true);
+    try {
+      // // 获取设备列表
+      // const devicesRes = await getDevices();
+      // if (devicesRes?.data) {
+      //   setDevices(devicesRes.data);
+      // }
+      // // 获取海报列表
+      // const postersRes = await getPosters();
+      // if (postersRes?.data) {
+      //   setPosters(postersRes.data);
+      // }
+    } catch (error) {
+      Toast.show({
+        content: "加载数据失败",
+        position: "top",
+      });
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleNext = () => {
+    if (!formData.name.trim()) {
+      Toast.show({
+        content: "请输入计划名称",
+        position: "top",
+      });
+      return;
+    }
+
+    if (!formData.scenario) {
+      Toast.show({
+        content: "请选择场景类型",
+        position: "top",
+      });
+      return;
+    }
+
+    if (formData.device.length === 0) {
+      Toast.show({
+        content: "请选择设备",
+        position: "top",
+      });
+      return;
+    }
+
+    onNext();
+  };
+
+  if (loading || sceneLoading) {
+    return (
+      <div className={style["loading"]}>
+        <SpinLoading color="primary" style={{ fontSize: 32 }} />
+        <div className={style["loading-text"]}>加载数据中...</div>
+      </div>
+    );
+  }
+
+  return (
+    <div className={style["basic-settings"]}>
+      <Card className={style["form-card"]}>
+        <Form layout="vertical">
+          {/* 计划名称 */}
+          <Form.Item label="计划名称" required className={style["form-item"]}>
+            <Input
+              placeholder="请输入计划名称"
+              value={formData.name}
+              onChange={(value) => onChange({ name: value })}
+              clearable
+            />
+          </Form.Item>
+
+          {/* 场景类型 */}
+          <Form.Item label="场景类型" required className={style["form-item"]}>
+            <Selector
+              options={sceneList.map((scene) => ({
+                label: scene.name,
+                value: scene.id,
+              }))}
+              value={[formData.scenario]}
+              onChange={(value) => {
+                const selectedScene = sceneList.find(
+                  (scene) => scene.id === value[0]
+                );
+                onChange({
+                  scenario: value[0],
+                  sceneId: value[0],
+                  name: selectedScene?.name || "",
+                });
+              }}
+            />
+          </Form.Item>
+
+          {/* 选择设备 */}
+          <Form.Item label="选择设备" required className={style["form-item"]}>
+            <Selector
+              options={devices.map((device) => ({
+                label: device.name,
+                value: device.id,
+              }))}
+              value={formData.device}
+              onChange={(value) => onChange({ device: value })}
+              multiple
+            />
+          </Form.Item>
+
+          {/* 选择海报 */}
+          <Form.Item label="选择海报" className={style["form-item"]}>
+            <Selector
+              options={posters.map((poster) => ({
+                label: poster.name,
+                value: poster.id,
+              }))}
+              value={formData.posters}
+              onChange={(value) => onChange({ posters: value })}
+              multiple
+            />
+          </Form.Item>
+
+          {/* 工作时间 */}
+          <Form.Item label="工作时间" className={style["form-item"]}>
+            <Space>
+              <Input
+                type="time"
+                value={formData.startTime}
+                onChange={(value) => onChange({ startTime: value })}
+                className={style["time-input"]}
+              />
+              <span>至</span>
+              <Input
+                type="time"
+                value={formData.endTime}
+                onChange={(value) => onChange({ endTime: value })}
+                className={style["time-input"]}
+              />
+            </Space>
+          </Form.Item>
+
+          {/* 添加间隔 */}
+          <Form.Item label="添加间隔(分钟)" className={style["form-item"]}>
+            <Input
+              type="number"
+              placeholder="请输入添加间隔"
+              value={formData.addInterval.toString()}
+              onChange={(value) =>
+                onChange({ addInterval: Number(value) || 1 })
+              }
+              min={1}
+              max={60}
+            />
+          </Form.Item>
+        </Form>
+      </Card>
+
+      {/* 操作按钮 */}
+      <div className={style["actions"]}>
+        <Button
+          color="primary"
+          size="large"
+          onClick={handleNext}
+          className={style["next-btn"]}
+        >
+          下一步
+        </Button>
+      </div>
+    </div>
+  );
+};
+
+export default BasicSettings;
diff --git a/nkebao/src/pages/scenarios/plan/new/steps/FriendRequestSettings.module.scss b/nkebao/src/pages/scenarios/plan/new/steps/FriendRequestSettings.module.scss
new file mode 100644
index 000000000..67047ef14
--- /dev/null
+++ b/nkebao/src/pages/scenarios/plan/new/steps/FriendRequestSettings.module.scss
@@ -0,0 +1,56 @@
+.friend-request-settings {
+  padding: 16px 0;
+}
+
+.form-card {
+  margin-bottom: 20px;
+  border-radius: 12px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.form-item {
+  margin-bottom: 20px;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  .adm-form-item-label {
+    font-size: 14px;
+    font-weight: 500;
+    color: #333;
+    margin-bottom: 8px;
+  }
+
+  .adm-input {
+    border-radius: 8px;
+  }
+
+  .adm-selector {
+    border-radius: 8px;
+  }
+
+  .adm-text-area {
+    border-radius: 8px;
+  }
+}
+
+.actions {
+  padding: 20px 0;
+}
+
+.prev-btn {
+  flex: 1;
+  height: 48px;
+  border-radius: 24px;
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.next-btn {
+  flex: 1;
+  height: 48px;
+  border-radius: 24px;
+  font-size: 16px;
+  font-weight: 500;
+} 
\ No newline at end of file
diff --git a/nkebao/src/pages/scenarios/plan/new/steps/FriendRequestSettings.tsx b/nkebao/src/pages/scenarios/plan/new/steps/FriendRequestSettings.tsx
new file mode 100644
index 000000000..fcb0bb63b
--- /dev/null
+++ b/nkebao/src/pages/scenarios/plan/new/steps/FriendRequestSettings.tsx
@@ -0,0 +1,113 @@
+import React from "react";
+import {
+  Form,
+  Input,
+  Selector,
+  Button,
+  Card,
+  Space,
+  TextArea,
+} from "antd-mobile";
+import style from "./FriendRequestSettings.module.scss";
+
+interface FriendRequestSettingsProps {
+  formData: any;
+  onChange: (data: any) => void;
+  onNext: () => void;
+  onPrev: () => void;
+}
+
+const FriendRequestSettings: React.FC<FriendRequestSettingsProps> = ({
+  formData,
+  onChange,
+  onNext,
+  onPrev,
+}) => {
+  const remarkTypeOptions = [
+    { label: "手机号", value: "phone" },
+    { label: "微信号", value: "wechat" },
+    { label: "QQ号", value: "qq" },
+    { label: "自定义", value: "custom" },
+  ];
+
+  const handleNext = () => {
+    if (!formData.greeting.trim()) {
+      // 可以添加验证逻辑
+    }
+    onNext();
+  };
+
+  return (
+    <div className={style["friend-request-settings"]}>
+      <Card className={style["form-card"]}>
+        <Form layout="vertical">
+          {/* 备注类型 */}
+          <Form.Item label="备注类型" required className={style["form-item"]}>
+            <Selector
+              options={remarkTypeOptions}
+              value={[formData.remarkType]}
+              onChange={(value) => onChange({ remarkType: value[0] })}
+            />
+          </Form.Item>
+
+          {/* 备注格式 */}
+          {formData.remarkType === "custom" && (
+            <Form.Item label="备注格式" required className={style["form-item"]}>
+              <Input
+                placeholder="请输入备注格式，如：{name}-{phone}"
+                value={formData.remarkFormat}
+                onChange={(value) => onChange({ remarkFormat: value })}
+                clearable
+              />
+            </Form.Item>
+          )}
+
+          {/* 打招呼消息 */}
+          <Form.Item label="打招呼消息" required className={style["form-item"]}>
+            <TextArea
+              placeholder="请输入打招呼消息"
+              value={formData.greeting}
+              onChange={(value) => onChange({ greeting: value })}
+              rows={4}
+              maxLength={200}
+              showCount
+            />
+          </Form.Item>
+
+          {/* 好友申请间隔 */}
+          <Form.Item label="好友申请间隔(分钟)" className={style["form-item"]}>
+            <Input
+              type="number"
+              placeholder="请输入好友申请间隔"
+              value={formData.addFriendInterval.toString()}
+              onChange={(value) =>
+                onChange({ addFriendInterval: Number(value) || 1 })
+              }
+              min={1}
+              max={60}
+            />
+          </Form.Item>
+        </Form>
+      </Card>
+
+      {/* 操作按钮 */}
+      <div className={style["actions"]}>
+        <Space style={{ width: "100%" }}>
+          <Button size="large" onClick={onPrev} className={style["prev-btn"]}>
+            上一步
+          </Button>
+          <Button
+            color="primary"
+            size="large"
+            onClick={handleNext}
+            className={style["next-btn"]}
+          >
+            下一步
+          </Button>
+        </Space>
+      </div>
+    </div>
+  );
+};
+
+export default FriendRequestSettings;
diff --git a/nkebao/src/pages/scenarios/plan/new/steps/MessageSettings.module.scss b/nkebao/src/pages/scenarios/plan/new/steps/MessageSettings.module.scss
new file mode 100644
index 000000000..f5728a188
--- /dev/null
+++ b/nkebao/src/pages/scenarios/plan/new/steps/MessageSettings.module.scss
@@ -0,0 +1,64 @@
+.message-settings {
+  padding: 16px 0;
+}
+
+.form-card {
+  margin-bottom: 20px;
+  border-radius: 12px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.form-item {
+  margin-bottom: 20px;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  .adm-form-item-label {
+    font-size: 14px;
+    font-weight: 500;
+    color: #333;
+    margin-bottom: 8px;
+  }
+
+  .adm-input {
+    border-radius: 8px;
+  }
+
+  .adm-text-area {
+    border-radius: 8px;
+  }
+}
+
+.switch-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 0;
+
+  span {
+    font-size: 14px;
+    color: #333;
+  }
+}
+
+.actions {
+  padding: 20px 0;
+}
+
+.prev-btn {
+  flex: 1;
+  height: 48px;
+  border-radius: 24px;
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.save-btn {
+  flex: 1;
+  height: 48px;
+  border-radius: 24px;
+  font-size: 16px;
+  font-weight: 500;
+} 
\ No newline at end of file
diff --git a/nkebao/src/pages/scenarios/plan/new/steps/MessageSettings.tsx b/nkebao/src/pages/scenarios/plan/new/steps/MessageSettings.tsx
new file mode 100644
index 000000000..4f405446c
--- /dev/null
+++ b/nkebao/src/pages/scenarios/plan/new/steps/MessageSettings.tsx
@@ -0,0 +1,140 @@
+import React from "react";
+import {
+  Form,
+  Input,
+  Selector,
+  Button,
+  Card,
+  Space,
+  TextArea,
+  Switch,
+} from "antd-mobile";
+import style from "./MessageSettings.module.scss";
+
+interface MessageSettingsProps {
+  formData: any;
+  onChange: (data: any) => void;
+  onNext: () => void;
+  onPrev: () => void;
+  saving: boolean;
+}
+
+const MessageSettings: React.FC<MessageSettingsProps> = ({
+  formData,
+  onChange,
+  onNext,
+  onPrev,
+  saving,
+}) => {
+  const handleSave = () => {
+    onNext();
+  };
+
+  return (
+    <div className={style["message-settings"]}>
+      <Card className={style["form-card"]}>
+        <Form layout="vertical">
+          {/* 启用状态 */}
+          <Form.Item label="启用状态" className={style["form-item"]}>
+            <div className={style["switch-item"]}>
+              <span>启用计划</span>
+              <Switch
+                checked={formData.enabled}
+                onChange={(checked) => onChange({ enabled: checked })}
+              />
+            </div>
+          </Form.Item>
+
+          {/* 自动回复消息 */}
+          <Form.Item label="自动回复消息" className={style["form-item"]}>
+            <TextArea
+              placeholder="请输入自动回复消息"
+              value={formData.autoReply || ""}
+              onChange={(value) => onChange({ autoReply: value })}
+              rows={4}
+              maxLength={500}
+              showCount
+            />
+          </Form.Item>
+
+          {/* 关键词回复 */}
+          <Form.Item label="关键词回复" className={style["form-item"]}>
+            <TextArea
+              placeholder="请输入关键词回复规则，格式：关键词=回复内容"
+              value={formData.keywordReply || ""}
+              onChange={(value) => onChange({ keywordReply: value })}
+              rows={4}
+              maxLength={1000}
+              showCount
+            />
+          </Form.Item>
+
+          {/* 群发消息 */}
+          <Form.Item label="群发消息" className={style["form-item"]}>
+            <TextArea
+              placeholder="请输入群发消息内容"
+              value={formData.groupMessage || ""}
+              onChange={(value) => onChange({ groupMessage: value })}
+              rows={4}
+              maxLength={500}
+              showCount
+            />
+          </Form.Item>
+
+          {/* 消息发送间隔 */}
+          <Form.Item label="消息发送间隔(秒)" className={style["form-item"]}>
+            <Input
+              type="number"
+              placeholder="请输入消息发送间隔"
+              value={formData.messageInterval?.toString() || "5"}
+              onChange={(value) =>
+                onChange({ messageInterval: Number(value) || 5 })
+              }
+              min={1}
+              max={300}
+            />
+          </Form.Item>
+
+          {/* 每日发送限制 */}
+          <Form.Item label="每日发送限制" className={style["form-item"]}>
+            <Input
+              type="number"
+              placeholder="请输入每日发送限制数量"
+              value={formData.dailyLimit?.toString() || "100"}
+              onChange={(value) =>
+                onChange({ dailyLimit: Number(value) || 100 })
+              }
+              min={1}
+              max={1000}
+            />
+          </Form.Item>
+        </Form>
+      </Card>
+
+      {/* 操作按钮 */}
+      <div className={style["actions"]}>
+        <Space style={{ width: "100%" }}>
+          <Button
+            size="large"
+            onClick={onPrev}
+            className={style["prev-btn"]}
+            disabled={saving}
+          >
+            上一步
+          </Button>
+          <Button
+            color="primary"
+            size="large"
+            onClick={handleSave}
+            className={style["save-btn"]}
+            loading={saving}
+          >
+            {saving ? "保存中..." : "保存计划"}
+          </Button>
+        </Space>
+      </div>
+    </div>
+  );
+};
+
+export default MessageSettings;
diff --git a/nkebao/src/pages/scenarios/plan/new/steps/step.api.ts b/nkebao/src/pages/scenarios/plan/new/steps/step.api.ts
new file mode 100644
index 000000000..0e1b2c34f
--- /dev/null
+++ b/nkebao/src/pages/scenarios/plan/new/steps/step.api.ts
@@ -0,0 +1,363 @@
+import request from '@/api/request';
+
+// ==================== 场景相关接口 ====================
+
+// 获取场景列表
+export function getScenarios(params: any) {
+  return request('/v1/plan/scenes', params, 'GET');
+}
+
+// 获取场景详情
+export function getScenarioDetail(id: string) {
+  return request(`/v1/scenarios/${id}`, {}, 'GET');
+}
+
+// 创建场景
+export function createScenario(data: any) {
+  return request('/v1/scenarios', data, 'POST');
+}
+
+// 更新场景
+export function updateScenario(id: string, data: any) {
+  return request(`/v1/scenarios/${id}`, data, 'PUT');
+}
+
+// 删除场景
+export function deleteScenario(id: string) {
+  return request(`/v1/scenarios/${id}`, {}, 'DELETE');
+}
+
+// ==================== 计划相关接口 ====================
+
+// 获取计划列表
+export function getPlanList(scenarioId: string, page: number = 1, limit: number = 20) {
+  return request(`/api/scenarios/${scenarioId}/plans`, { page, limit }, 'GET');
+}
+ // 复制计划
+ export function copyPlan(planId: string) {
+  return request(`/api/scenarios/plans/${planId}/copy`, undefined, 'POST');
+}
+
+// 删除计划
+export function deletePlan(planId: string) {
+  return request(`/api/scenarios/plans/${planId}`, undefined, 'DELETE');
+}
+
+
+
+// 获取小程序二维码
+export function getWxMinAppCode(planId: string) {
+  return request(`/api/scenarios/plans/${planId}/qrcode`, undefined, 'GET');
+}
+
+
+// ==================== 设备相关接口 ====================
+
+// 获取设备列表
+export function getDevices() {
+  return request('/api/devices', undefined, 'GET');
+}
+
+// 获取设备详情
+export function getDeviceDetail(deviceId: string) {
+  return request(`/api/devices/${deviceId}`, undefined, 'GET');
+}
+
+// 创建设备
+export function createDevice(data: any) {
+  return request('/api/devices', data, 'POST');
+}
+
+// 更新设备
+export function updateDevice(deviceId: string, data: any) {
+  return request(`/api/devices/${deviceId}`, data, 'PUT');
+}
+
+// 删除设备
+export function deleteDevice(deviceId: string) {
+  return request(`/api/devices/${deviceId}`, undefined, 'DELETE');
+}
+
+// ==================== 微信号相关接口 ====================
+
+// 获取微信号列表
+export function getWechatAccounts() {
+  return request('/api/wechat-accounts', undefined, 'GET');
+}
+
+// 获取微信号详情
+export function getWechatAccountDetail(accountId: string) {
+  return request(`/api/wechat-accounts/${accountId}`, undefined, 'GET');
+}
+
+// 创建微信号
+export function createWechatAccount(data: any) {
+  return request('/api/wechat-accounts', data, 'POST');
+}
+
+// 更新微信号
+export function updateWechatAccount(accountId: string, data: any) {
+  return request(`/api/wechat-accounts/${accountId}`, data, 'PUT');
+}
+
+// 删除微信号
+export function deleteWechatAccount(accountId: string) {
+  return request(`/api/wechat-accounts/${accountId}`, undefined, 'DELETE');
+}
+
+// ==================== 海报相关接口 ====================
+
+// 获取海报列表
+export function getPosters() {
+  return request('/api/posters', undefined, 'GET');
+}
+
+// 获取海报详情
+export function getPosterDetail(posterId: string) {
+  return request(`/api/posters/${posterId}`, undefined, 'GET');
+}
+
+// 创建海报
+export function createPoster(data: any) {
+  return request('/api/posters', data, 'POST');
+}
+
+// 更新海报
+export function updatePoster(posterId: string, data: any) {
+  return request(`/api/posters/${posterId}`, data, 'PUT');
+}
+
+// 删除海报
+export function deletePoster(posterId: string) {
+  return request(`/api/posters/${posterId}`, undefined, 'DELETE');
+}
+
+// ==================== 内容相关接口 ====================
+
+// 获取内容列表
+export function getContents(params: any) {
+  return request('/api/contents', params, 'GET');
+}
+
+// 获取内容详情
+export function getContentDetail(contentId: string) {
+  return request(`/api/contents/${contentId}`, undefined, 'GET');
+}
+
+// 创建内容
+export function createContent(data: any) {
+  return request('/api/contents', data, 'POST');
+}
+
+// 更新内容
+export function updateContent(contentId: string, data: any) {
+  return request(`/api/contents/${contentId}`, data, 'PUT');
+}
+
+// 删除内容
+export function deleteContent(contentId: string) {
+  return request(`/api/contents/${contentId}`, undefined, 'DELETE');
+}
+
+// ==================== 流量池相关接口 ====================
+
+// 获取流量池列表
+export function getTrafficPools() {
+  return request('/api/traffic-pools', undefined, 'GET');
+}
+
+// 获取流量池详情
+export function getTrafficPoolDetail(poolId: string) {
+  return request(`/api/traffic-pools/${poolId}`, undefined, 'GET');
+}
+
+// 创建流量池
+export function createTrafficPool(data: any) {
+  return request('/api/traffic-pools', data, 'POST');
+}
+
+// 更新流量池
+export function updateTrafficPool(poolId: string, data: any) {
+  return request(`/api/traffic-pools/${poolId}`, data, 'PUT');
+}
+
+// 删除流量池
+export function deleteTrafficPool(poolId: string) {
+  return request(`/api/traffic-pools/${poolId}`, undefined, 'DELETE');
+}
+
+// ==================== 工作台相关接口 ====================
+
+// 获取工作台统计数据
+export function getWorkspaceStats() {
+  return request('/api/workspace/stats', undefined, 'GET');
+}
+
+// 获取自动点赞任务列表
+export function getAutoLikeTasks() {
+  return request('/api/workspace/auto-like/tasks', undefined, 'GET');
+}
+
+// 创建自动点赞任务
+export function createAutoLikeTask(data: any) {
+  return request('/api/workspace/auto-like/tasks', data, 'POST');
+}
+
+// 更新自动点赞任务
+export function updateAutoLikeTask(taskId: string, data: any) {
+  return request(`/api/workspace/auto-like/tasks/${taskId}`, data, 'PUT');
+}
+
+// 删除自动点赞任务
+export function deleteAutoLikeTask(taskId: string) {
+  return request(`/api/workspace/auto-like/tasks/${taskId}`, undefined, 'DELETE');
+}
+
+// ==================== 群发相关接口 ====================
+
+// 获取群发任务列表
+export function getGroupPushTasks() {
+  return request('/api/workspace/group-push/tasks', undefined, 'GET');
+}
+
+// 创建群发任务
+export function createGroupPushTask(data: any) {
+  return request('/api/workspace/group-push/tasks', data, 'POST');
+}
+
+// 更新群发任务
+export function updateGroupPushTask(taskId: string, data: any) {
+  return request(`/api/workspace/group-push/tasks/${taskId}`, data, 'PUT');
+}
+
+// 删除群发任务
+export function deleteGroupPushTask(taskId: string) {
+  return request(`/api/workspace/group-push/tasks/${taskId}`, undefined, 'DELETE');
+}
+
+// ==================== 自动建群相关接口 ====================
+
+// 获取自动建群任务列表
+export function getAutoGroupTasks() {
+  return request('/api/workspace/auto-group/tasks', undefined, 'GET');
+}
+
+// 创建自动建群任务
+export function createAutoGroupTask(data: any) {
+  return request('/api/workspace/auto-group/tasks', data, 'POST');
+}
+
+// 更新自动建群任务
+export function updateAutoGroupTask(taskId: string, data: any) {
+  return request(`/api/workspace/auto-group/tasks/${taskId}`, data, 'PUT');
+}
+
+// 删除自动建群任务
+export function deleteAutoGroupTask(taskId: string) {
+  return request(`/api/workspace/auto-group/tasks/${taskId}`, undefined, 'DELETE');
+}
+
+// ==================== AI助手相关接口 ====================
+
+// 获取AI对话历史
+export function getAIChatHistory() {
+  return request('/api/workspace/ai-assistant/chat-history', undefined, 'GET');
+}
+
+// 发送AI消息
+export function sendAIMessage(data: any) {
+  return request('/api/workspace/ai-assistant/send-message', data, 'POST');
+}
+
+// 获取AI分析报告
+export function getAIAnalysisReport() {
+  return request('/api/workspace/ai-assistant/analysis-report', undefined, 'GET');
+}
+
+// ==================== 订单相关接口 ====================
+
+// 获取订单列表
+export function getOrders(params: any) {
+  return request('/api/orders', params, 'GET');
+}
+
+// 获取订单详情
+export function getOrderDetail(orderId: string) {
+  return request(`/api/orders/${orderId}`, undefined, 'GET');
+}
+
+// 创建订单
+export function createOrder(data: any) {
+  return request('/api/orders', data, 'POST');
+}
+
+// 更新订单
+export function updateOrder(orderId: string, data: any) {
+  return request(`/api/orders/${orderId}`, data, 'PUT');
+}
+
+// 删除订单
+export function deleteOrder(orderId: string) {
+  return request(`/api/orders/${orderId}`, undefined, 'DELETE');
+}
+
+// ==================== 用户相关接口 ====================
+
+// 获取用户信息
+export function getUserInfo() {
+  return request('/api/user/info', undefined, 'GET');
+}
+
+// 更新用户信息
+export function updateUserInfo(data: any) {
+  return request('/api/user/info', data, 'PUT');
+}
+
+// 修改密码
+export function changePassword(data: any) {
+  return request('/api/user/change-password', data, 'POST');
+}
+
+// 上传头像
+export function uploadAvatar(data: any) {
+  return request('/api/user/upload-avatar', data, 'POST');
+}
+
+// ==================== 文件上传相关接口 ====================
+
+// 上传文件
+export function uploadFile(data: any) {
+  return request('/api/upload/file', data, 'POST');
+}
+
+// 上传图片
+export function uploadImage(data: any) {
+  return request('/api/upload/image', data, 'POST');
+}
+
+// 删除文件
+export function deleteFile(fileId: string) {
+  return request(`/api/upload/files/${fileId}`, undefined, 'DELETE');
+}
+
+// ==================== 系统配置相关接口 ====================
+
+// 获取系统配置
+export function getSystemConfig() {
+  return request('/api/system/config', undefined, 'GET');
+}
+
+// 更新系统配置
+export function updateSystemConfig(data: any) {
+  return request('/api/system/config', data, 'PUT');
+}
+
+// 获取系统通知
+export function getSystemNotifications() {
+  return request('/api/system/notifications', undefined, 'GET');
+}
+
+// 标记通知为已读
+export function markNotificationAsRead(notificationId: string) {
+  return request(`/api/system/notifications/${notificationId}/read`, undefined, 'PUT');
+}
diff --git a/nkebao/src/pages/traffic-pool/TrafficPool.tsx b/nkebao/src/pages/traffic-pool/TrafficPool.tsx
new file mode 100644
index 000000000..d64714d2f
--- /dev/null
+++ b/nkebao/src/pages/traffic-pool/TrafficPool.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const TrafficPool: React.FC = () => {
+  return (
+    <PlaceholderPage title="流量池" showAddButton addButtonText="新建流量池" />
+  );
+};
+
+export default TrafficPool;
diff --git a/nkebao/src/pages/traffic-pool/TrafficPoolDetail.tsx b/nkebao/src/pages/traffic-pool/TrafficPoolDetail.tsx
new file mode 100644
index 000000000..d4c1ceef5
--- /dev/null
+++ b/nkebao/src/pages/traffic-pool/TrafficPoolDetail.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const TrafficPoolDetail: React.FC = () => {
+  return <PlaceholderPage title="流量池详情" />;
+};
+
+export default TrafficPoolDetail;
diff --git a/nkebao/src/pages/wechat-accounts/WechatAccountDetail.tsx b/nkebao/src/pages/wechat-accounts/WechatAccountDetail.tsx
new file mode 100644
index 000000000..ac5fa6ecb
--- /dev/null
+++ b/nkebao/src/pages/wechat-accounts/WechatAccountDetail.tsx
@@ -0,0 +1,30 @@
+import React from "react";
+import { NavBar } from "antd-mobile";
+import Layout from "@/components/Layout/Layout";
+import MeauMobile from "@/components/MeauMobile/MeauMoible";
+
+const WechatAccountDetail: React.FC = () => {
+  return (
+    <Layout
+      header={
+        <NavBar
+          backArrow
+          style={{ background: "#fff" }}
+          onBack={() => window.history.back()}
+        >
+          <div style={{ color: "var(--primary-color)", fontWeight: 600 }}>
+            微信号详情
+          </div>
+        </NavBar>
+      }
+      footer={<MeauMobile />}
+    >
+      <div style={{ padding: 20, textAlign: "center", color: "#666" }}>
+        <h3>微信号详情页面</h3>
+        <p>此页面正在开发中...</p>
+      </div>
+    </Layout>
+  );
+};
+
+export default WechatAccountDetail;
diff --git a/nkebao/src/pages/wechat-accounts/WechatAccounts.tsx b/nkebao/src/pages/wechat-accounts/WechatAccounts.tsx
new file mode 100644
index 000000000..57b008635
--- /dev/null
+++ b/nkebao/src/pages/wechat-accounts/WechatAccounts.tsx
@@ -0,0 +1,37 @@
+import React from "react";
+import { NavBar, Button } from "antd-mobile";
+import { PlusOutlined } from "@ant-design/icons";
+import Layout from "@/components/Layout/Layout";
+import MeauMobile from "@/components/MeauMobile/MeauMoible";
+
+const WechatAccounts: React.FC = () => {
+  return (
+    <Layout
+      header={
+        <NavBar
+          back={null}
+          style={{ background: "#fff" }}
+          left={
+            <div style={{ color: "var(--primary-color)", fontWeight: 600 }}>
+              微信号管理
+            </div>
+          }
+          right={
+            <Button size="small" color="primary">
+              <PlusOutlined />
+              <span style={{ marginLeft: 4, fontSize: 12 }}>添加微信号</span>
+            </Button>
+          }
+        />
+      }
+      footer={<MeauMobile />}
+    >
+      <div style={{ padding: 20, textAlign: "center", color: "#666" }}>
+        <h3>微信号管理页面</h3>
+        <p>此页面正在开发中...</p>
+      </div>
+    </Layout>
+  );
+};
+
+export default WechatAccounts;
diff --git a/nkebao/src/pages/workspace/ai-assistant/AIAssistant.tsx b/nkebao/src/pages/workspace/ai-assistant/AIAssistant.tsx
new file mode 100644
index 000000000..2727f4534
--- /dev/null
+++ b/nkebao/src/pages/workspace/ai-assistant/AIAssistant.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const AIAssistant: React.FC = () => {
+  return <PlaceholderPage title="AI助手" showBack={false} />;
+};
+
+export default AIAssistant;
diff --git a/nkebao/src/pages/workspace/auto-group/AutoGroup.tsx b/nkebao/src/pages/workspace/auto-group/AutoGroup.tsx
new file mode 100644
index 000000000..935827d66
--- /dev/null
+++ b/nkebao/src/pages/workspace/auto-group/AutoGroup.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const AutoGroup: React.FC = () => {
+  return (
+    <PlaceholderPage title="自动分组" showAddButton addButtonText="新建分组" />
+  );
+};
+
+export default AutoGroup;
diff --git a/nkebao/src/pages/workspace/auto-group/Detail.tsx b/nkebao/src/pages/workspace/auto-group/Detail.tsx
new file mode 100644
index 000000000..db34f3347
--- /dev/null
+++ b/nkebao/src/pages/workspace/auto-group/Detail.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const AutoGroupDetail: React.FC = () => {
+  return <PlaceholderPage title="自动分组详情" />;
+};
+
+export default AutoGroupDetail;
diff --git a/nkebao/src/pages/workspace/auto-like/AutoLike.tsx b/nkebao/src/pages/workspace/auto-like/AutoLike.tsx
new file mode 100644
index 000000000..cc452a1c4
--- /dev/null
+++ b/nkebao/src/pages/workspace/auto-like/AutoLike.tsx
@@ -0,0 +1,38 @@
+import React from "react";
+import { NavBar, Button } from "antd-mobile";
+import { PlusOutlined } from "@ant-design/icons";
+import Layout from "@/components/Layout/Layout";
+import MeauMobile from "@/components/MeauMobile/MeauMoible";
+
+const AutoLike: React.FC = () => {
+  return (
+    <Layout
+      header={
+        <NavBar
+          backArrow
+          style={{ background: "#fff" }}
+          onBack={() => window.history.back()}
+          left={
+            <div style={{ color: "var(--primary-color)", fontWeight: 600 }}>
+              自动点赞
+            </div>
+          }
+          right={
+            <Button size="small" color="primary">
+              <PlusOutlined />
+              <span style={{ marginLeft: 4, fontSize: 12 }}>新建任务</span>
+            </Button>
+          }
+        />
+      }
+      footer={<MeauMobile />}
+    >
+      <div style={{ padding: 20, textAlign: "center", color: "#666" }}>
+        <h3>自动点赞页面</h3>
+        <p>此页面正在开发中...</p>
+      </div>
+    </Layout>
+  );
+};
+
+export default AutoLike;
diff --git a/nkebao/src/pages/workspace/auto-like/AutoLikeDetail.tsx b/nkebao/src/pages/workspace/auto-like/AutoLikeDetail.tsx
new file mode 100644
index 000000000..088112610
--- /dev/null
+++ b/nkebao/src/pages/workspace/auto-like/AutoLikeDetail.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const AutoLikeDetail: React.FC = () => {
+  return <PlaceholderPage title="自动点赞详情" />;
+};
+
+export default AutoLikeDetail;
diff --git a/nkebao/src/pages/workspace/auto-like/NewAutoLike.tsx b/nkebao/src/pages/workspace/auto-like/NewAutoLike.tsx
new file mode 100644
index 000000000..12bf9b7ec
--- /dev/null
+++ b/nkebao/src/pages/workspace/auto-like/NewAutoLike.tsx
@@ -0,0 +1,30 @@
+import React from "react";
+import { NavBar } from "antd-mobile";
+import Layout from "@/components/Layout/Layout";
+import MeauMobile from "@/components/MeauMobile/MeauMoible";
+
+const NewAutoLike: React.FC = () => {
+  return (
+    <Layout
+      header={
+        <NavBar
+          backArrow
+          style={{ background: "#fff" }}
+          onBack={() => window.history.back()}
+        >
+          <div style={{ color: "var(--primary-color)", fontWeight: 600 }}>
+            新建自动点赞
+          </div>
+        </NavBar>
+      }
+      footer={<MeauMobile />}
+    >
+      <div style={{ padding: 20, textAlign: "center", color: "#666" }}>
+        <h3>新建自动点赞页面</h3>
+        <p>此页面正在开发中...</p>
+      </div>
+    </Layout>
+  );
+};
+
+export default NewAutoLike;
diff --git a/nkebao/src/pages/workspace/group-push/GroupPush.tsx b/nkebao/src/pages/workspace/group-push/GroupPush.tsx
new file mode 100644
index 000000000..382dab52a
--- /dev/null
+++ b/nkebao/src/pages/workspace/group-push/GroupPush.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const GroupPush: React.FC = () => {
+  return (
+    <PlaceholderPage title="群发推送" showAddButton addButtonText="新建推送" />
+  );
+};
+
+export default GroupPush;
diff --git a/nkebao/src/pages/workspace/group-push/new.tsx b/nkebao/src/pages/workspace/group-push/new.tsx
new file mode 100644
index 000000000..7147f70c1
--- /dev/null
+++ b/nkebao/src/pages/workspace/group-push/new.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const NewGroupPush: React.FC = () => {
+  return <PlaceholderPage title="新建群发推送" />;
+};
+
+export default NewGroupPush;
diff --git a/nkebao/src/pages/workspace/main/api.ts b/nkebao/src/pages/workspace/main/api.ts
new file mode 100644
index 000000000..535147142
--- /dev/null
+++ b/nkebao/src/pages/workspace/main/api.ts
@@ -0,0 +1,14 @@
+import request from '@/api/request';
+
+// 设备统计
+export function getDeviceStats() {
+  return request('/v1/dashboard/device-stats', {}, 'GET');
+}
+
+// 微信号统计
+export function getWechatStats() {
+  return request('/v1/dashboard/wechat-stats', {}, 'GET');
+}
+
+// 你可以根据需要继续添加其他接口
+// 例如：场景获客统计、今日数据统计等
diff --git a/nkebao/src/pages/workspace/main/index.module.scss b/nkebao/src/pages/workspace/main/index.module.scss
new file mode 100644
index 000000000..1402477cd
--- /dev/null
+++ b/nkebao/src/pages/workspace/main/index.module.scss
@@ -0,0 +1,119 @@
+.workspace {
+  padding: 16px;
+  background-color: #f5f5f5;
+  min-height: 100vh;
+}
+
+
+
+.section {
+  margin-bottom: 24px;
+}
+
+.sectionTitle {
+  font-size: 18px;
+  font-weight: 600;
+  color: #333;
+  margin-bottom: 16px;
+  padding-left: 4px;
+}
+
+.featuresGrid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 12px;
+}
+
+.featureLink {
+  text-decoration: none;
+  color: inherit;
+}
+
+.featureCard {
+  background: #fff;
+  border-radius: 12px;
+  padding: 16px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  transition: all 0.2s ease;
+  
+  &:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  }
+  
+  :global(.adm-card-body) {
+    padding: 0;
+  }
+}
+
+.featureIcon {
+  width: 40px;
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 12px;
+}
+
+.icon {
+  font-size: 20px;
+}
+
+.featureHeader {
+  display: flex;
+  align-items: center;
+  margin-bottom: 4px;
+}
+
+.featureName {
+  font-size: 16px;
+  font-weight: 600;
+  color: #333;
+}
+
+.newBadge {
+  margin-left: 8px;
+  
+  :global(.adm-badge-content) {
+    background-color: var(--primary-color);
+    color: #fff;
+    font-size: 10px;
+    padding: 2px 6px;
+    border-radius: 10px;
+  }
+}
+
+.featureDescription {
+  font-size: 12px;
+  color: #666;
+  line-height: 1.4;
+}
+
+// 响应式设计
+@media (max-width: 375px) {
+  .workspace {
+    padding: 12px;
+  }
+  
+  .statsGrid {
+    gap: 8px;
+  }
+  
+  .featuresGrid {
+    gap: 8px;
+  }
+  
+  .featureCard {
+    padding: 10px;
+  }
+  
+  .featureIcon {
+    width: 36px;
+    height: 36px;
+  }
+  
+  .icon {
+    font-size: 18px;
+  }
+} 
\ No newline at end of file
diff --git a/nkebao/src/pages/workspace/main/index.tsx b/nkebao/src/pages/workspace/main/index.tsx
new file mode 100644
index 000000000..56c2c729e
--- /dev/null
+++ b/nkebao/src/pages/workspace/main/index.tsx
@@ -0,0 +1,214 @@
+import React from "react";
+import { Link } from "react-router-dom";
+import { Card, NavBar, Badge } from "antd-mobile";
+import {
+  LikeOutlined,
+  MessageOutlined,
+  SendOutlined,
+  TeamOutlined,
+  LinkOutlined,
+  AppstoreOutlined,
+  PieChartOutlined,
+  BarChartOutlined,
+  ClockCircleOutlined,
+} from "@ant-design/icons";
+import Layout from "@/components/Layout/Layout";
+import MeauMobile from "@/components/MeauMobile/MeauMoible";
+import styles from "./index.module.scss";
+
+const Workspace: React.FC = () => {
+  // 常用功能
+  const commonFeatures = [
+    {
+      id: "auto-like",
+      name: "自动点赞",
+      description: "智能自动点赞互动",
+      icon: (
+        <LikeOutlined className={styles.icon} style={{ color: "#ff4d4f" }} />
+      ),
+      path: "/workspace/auto-like",
+      bgColor: "#fff2f0",
+      isNew: true,
+    },
+    {
+      id: "moments-sync",
+      name: "朋友圈同步",
+      description: "自动同步朋友圈内容",
+      icon: (
+        <ClockCircleOutlined
+          className={styles.icon}
+          style={{ color: "#722ed1" }}
+        />
+      ),
+      path: "/workspace/moments-sync",
+      bgColor: "#f9f0ff",
+    },
+    {
+      id: "group-push",
+      name: "群消息推送",
+      description: "智能群发助手",
+      icon: (
+        <SendOutlined className={styles.icon} style={{ color: "#fa8c16" }} />
+      ),
+      path: "/workspace/group-push",
+      bgColor: "#fff7e6",
+    },
+    {
+      id: "auto-group",
+      name: "自动建群",
+      description: "智能拉好友建群",
+      icon: (
+        <TeamOutlined className={styles.icon} style={{ color: "#52c41a" }} />
+      ),
+      path: "/workspace/auto-group",
+      bgColor: "#f6ffed",
+    },
+    {
+      id: "traffic-distribution",
+      name: "流量分发",
+      description: "管理流量分发和分配",
+      icon: (
+        <LinkOutlined className={styles.icon} style={{ color: "#1890ff" }} />
+      ),
+      path: "/workspace/traffic-distribution",
+      bgColor: "#e6f7ff",
+    },
+    {
+      id: "ai-assistant",
+      name: "AI对话助手",
+      description: "智能回复，提高互动质量",
+      icon: (
+        <MessageOutlined className={styles.icon} style={{ color: "#1890ff" }} />
+      ),
+      path: "/workspace/ai-assistant",
+      bgColor: "#e6f7ff",
+      isNew: true,
+    },
+  ];
+
+  // AI智能助手
+  const aiFeatures = [
+    {
+      id: "ai-analyzer",
+      name: "AI数据分析",
+      description: "智能分析客户行为特征",
+      icon: (
+        <BarChartOutlined
+          className={styles.icon}
+          style={{ color: "#531dab" }}
+        />
+      ),
+      path: "/workspace/ai-analyzer",
+      bgColor: "#f0f0ff",
+      isNew: true,
+    },
+    {
+      id: "ai-strategy",
+      name: "AI策略优化",
+      description: "智能优化获客策略",
+      icon: (
+        <AppstoreOutlined
+          className={styles.icon}
+          style={{ color: "#13c2c2" }}
+        />
+      ),
+      path: "/workspace/ai-strategy",
+      bgColor: "#e6fffb",
+      isNew: true,
+    },
+    {
+      id: "ai-forecast",
+      name: "AI销售预测",
+      description: "智能预测销售趋势",
+      icon: (
+        <PieChartOutlined
+          className={styles.icon}
+          style={{ color: "#d48806" }}
+        />
+      ),
+      path: "/workspace/ai-forecast",
+      bgColor: "#fffbe6",
+    },
+  ];
+
+  return (
+    <Layout
+      header={
+        <NavBar back={null} style={{ background: "#fff" }}>
+          <div style={{ color: "var(--primary-color)", fontWeight: 600 }}>
+            工作台
+          </div>
+        </NavBar>
+      }
+      footer={<MeauMobile />}
+    >
+      <div className={styles.workspace}>
+        {/* 常用功能 */}
+        <div className={styles.section}>
+          <h2 className={styles.sectionTitle}>常用功能</h2>
+          <div className={styles.featuresGrid}>
+            {commonFeatures.map((feature) => (
+              <Link
+                to={feature.path}
+                key={feature.id}
+                className={styles.featureLink}
+              >
+                <Card className={styles.featureCard}>
+                  <div
+                    className={styles.featureIcon}
+                    style={{ backgroundColor: feature.bgColor }}
+                  >
+                    {feature.icon}
+                  </div>
+                  <div className={styles.featureHeader}>
+                    <div className={styles.featureName}>{feature.name}</div>
+                    {feature.isNew && (
+                      <Badge content="New" className={styles.newBadge} />
+                    )}
+                  </div>
+                  <div className={styles.featureDescription}>
+                    {feature.description}
+                  </div>
+                </Card>
+              </Link>
+            ))}
+          </div>
+        </div>
+
+        {/* AI智能助手 */}
+        <div className={styles.section}>
+          <h2 className={styles.sectionTitle}>AI 智能助手</h2>
+          <div className={styles.featuresGrid}>
+            {aiFeatures.map((feature) => (
+              <Link
+                to={feature.path}
+                key={feature.id}
+                className={styles.featureLink}
+              >
+                <Card className={styles.featureCard}>
+                  <div
+                    className={styles.featureIcon}
+                    style={{ backgroundColor: feature.bgColor }}
+                  >
+                    {feature.icon}
+                  </div>
+                  <div className={styles.featureHeader}>
+                    <div className={styles.featureName}>{feature.name}</div>
+                    {feature.isNew && (
+                      <Badge content="New" className={styles.newBadge} />
+                    )}
+                  </div>
+                  <div className={styles.featureDescription}>
+                    {feature.description}
+                  </div>
+                </Card>
+              </Link>
+            ))}
+          </div>
+        </div>
+      </div>
+    </Layout>
+  );
+};
+
+export default Workspace;
diff --git a/nkebao/src/pages/workspace/moments-sync/Detail.tsx b/nkebao/src/pages/workspace/moments-sync/Detail.tsx
new file mode 100644
index 000000000..b46fd03c2
--- /dev/null
+++ b/nkebao/src/pages/workspace/moments-sync/Detail.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const MomentsSyncDetail: React.FC = () => {
+  return <PlaceholderPage title="朋友圈同步详情" />;
+};
+
+export default MomentsSyncDetail;
diff --git a/nkebao/src/pages/workspace/moments-sync/MomentsSync.tsx b/nkebao/src/pages/workspace/moments-sync/MomentsSync.tsx
new file mode 100644
index 000000000..b4564f838
--- /dev/null
+++ b/nkebao/src/pages/workspace/moments-sync/MomentsSync.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const MomentsSync: React.FC = () => {
+  return (
+    <PlaceholderPage
+      title="朋友圈同步"
+      showAddButton
+      addButtonText="新建同步"
+    />
+  );
+};
+
+export default MomentsSync;
diff --git a/nkebao/src/pages/workspace/moments-sync/new.tsx b/nkebao/src/pages/workspace/moments-sync/new.tsx
new file mode 100644
index 000000000..b32d13a68
--- /dev/null
+++ b/nkebao/src/pages/workspace/moments-sync/new.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const NewMomentsSync: React.FC = () => {
+  return <PlaceholderPage title="新建朋友圈同步" />;
+};
+
+export default NewMomentsSync;
diff --git a/nkebao/src/pages/workspace/traffic-distribution/Detail.tsx b/nkebao/src/pages/workspace/traffic-distribution/Detail.tsx
new file mode 100644
index 000000000..f3469de15
--- /dev/null
+++ b/nkebao/src/pages/workspace/traffic-distribution/Detail.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const TrafficDistributionDetail: React.FC = () => {
+  return <PlaceholderPage title="流量分发详情" />;
+};
+
+export default TrafficDistributionDetail;
diff --git a/nkebao/src/pages/workspace/traffic-distribution/NewDistribution.tsx b/nkebao/src/pages/workspace/traffic-distribution/NewDistribution.tsx
new file mode 100644
index 000000000..06053b35f
--- /dev/null
+++ b/nkebao/src/pages/workspace/traffic-distribution/NewDistribution.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const NewDistribution: React.FC = () => {
+  return <PlaceholderPage title="新建流量分发" />;
+};
+
+export default NewDistribution;
diff --git a/nkebao/src/pages/workspace/traffic-distribution/TrafficDistribution.tsx b/nkebao/src/pages/workspace/traffic-distribution/TrafficDistribution.tsx
new file mode 100644
index 000000000..701f347b9
--- /dev/null
+++ b/nkebao/src/pages/workspace/traffic-distribution/TrafficDistribution.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const TrafficDistribution: React.FC = () => {
+  return (
+    <PlaceholderPage title="流量分发" showAddButton addButtonText="新建分发" />
+  );
+};
+
+export default TrafficDistribution;
diff --git a/nkebao/src/react-app-env.d.ts b/nkebao/src/react-app-env.d.ts
new file mode 100644
index 000000000..751f967ff
--- /dev/null
+++ b/nkebao/src/react-app-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="react-scripts" /> 
\ No newline at end of file
diff --git a/nkebao/src/router/config.ts b/nkebao/src/router/config.ts
new file mode 100644
index 000000000..e41b53726
--- /dev/null
+++ b/nkebao/src/router/config.ts
@@ -0,0 +1,171 @@
+// 路由配置类型定义
+export interface RouteConfig {
+  path: string;
+  element: React.ReactNode;
+  auth: boolean;
+  requiredRole?: string;
+  title?: string;
+  icon?: string;
+  children?: RouteConfig[];
+}
+
+// 路由分组配置
+export const routeGroups = {
+  // 基础路由
+  basic: {
+    name: "基础功能",
+    routes: ["/", "/login", "/scene", "/work", "/mine"],
+  },
+  
+  // 设备管理
+  devices: {
+    name: "设备管理",
+    routes: ["/devices", "/devices/:id"],
+  },
+  
+  // 微信号管理
+  wechatAccounts: {
+    name: "微信号管理",
+    routes: ["/wechat-accounts", "/wechat-accounts/:id"],
+  },
+  
+  // 工作台
+  workspace: {
+    name: "工作台",
+    routes: [
+      "/workspace",
+      "/workspace/auto-like",
+      "/workspace/auto-like/new",
+      "/workspace/auto-like/:id",
+      "/workspace/auto-like/:id/edit",
+      "/workspace/auto-group",
+      "/workspace/auto-group/:id",
+      "/workspace/group-push",
+      "/workspace/group-push/new",
+      "/workspace/group-push/:id",
+      "/workspace/group-push/:id/edit",
+      "/workspace/moments-sync",
+      "/workspace/moments-sync/new",
+      "/workspace/moments-sync/:id",
+      "/workspace/moments-sync/edit/:id",
+      "/workspace/ai-assistant",
+      "/workspace/traffic-distribution",
+      "/workspace/traffic-distribution/new",
+      "/workspace/traffic-distribution/edit/:id",
+      "/workspace/traffic-distribution/:id",
+    ],
+  },
+  
+  // 场景管理
+  scenarios: {
+    name: "场景管理",
+    routes: [
+      "/scenarios",
+      "/scenarios/new",
+      "/scenarios/new/:scenarioId",
+      "/scenarios/edit/:planId",
+      "/scenarios/list/:scenarioId/:scenarioName",
+    ],
+  },
+  
+  // 内容管理
+  content: {
+    name: "内容管理",
+    routes: [
+      "/content",
+      "/content/new",
+      "/content/edit/:id",
+      "/content/materials/:id",
+      "/content/materials/new/:id",
+      "/content/materials/edit/:id/:materialId",
+    ],
+  },
+  
+  // 流量池
+  trafficPool: {
+    name: "流量池",
+    routes: ["/traffic-pool", "/traffic-pool/:id"],
+  },
+  
+  // 其他功能
+  other: {
+    name: "其他功能",
+    routes: [
+      "/profile",
+      "/plans",
+      "/plans/:planId",
+      "/orders",
+      "/contact-import",
+    ],
+  },
+};
+
+// 路由权限配置
+export const routePermissions = {
+  // 管理员权限
+  admin: Object.values(routeGroups).flatMap(group => group.routes),
+  
+  // 普通用户权限
+  user: [
+    "/",
+    "/login",
+    "/scene",
+    "/work",
+    "/mine",
+    "/devices",
+    "/devices/:id",
+    "/wechat-accounts",
+    "/wechat-accounts/:id",
+    "/workspace",
+    "/scenarios",
+    "/content",
+    "/traffic-pool",
+    "/traffic-pool/:id",
+    "/profile",
+    "/plans",
+    "/plans/:planId",
+    "/orders",
+    "/contact-import",
+  ],
+  
+  // 访客权限
+  guest: ["/", "/login"],
+};
+
+// 路由标题映射
+export const routeTitles: Record<string, string> = {
+  "/": "首页",
+  "/login": "登录",
+  "/scene": "场景获客",
+  "/work": "工作台",
+  "/mine": "我的",
+  "/devices": "设备管理",
+  "/wechat-accounts": "微信号管理",
+  "/workspace": "工作台",
+  "/scenarios": "场景管理",
+  "/content": "内容管理",
+  "/traffic-pool": "流量池",
+  "/profile": "个人中心",
+  "/plans": "计划管理",
+  "/orders": "订单管理",
+  "/contact-import": "联系人导入",
+};
+
+// 获取路由标题
+export const getRouteTitle = (path: string): string => {
+  return routeTitles[path] || "页面";
+};
+
+// 检查路由权限
+export const checkRoutePermission = (
+  path: string,
+  userRole: string = "user"
+): boolean => {
+  const allowedRoutes = routePermissions[userRole as keyof typeof routePermissions] || [];
+  return allowedRoutes.some(route => {
+    // 简单的路径匹配，支持动态参数
+    const routePattern = route.replace(/:[^/]+/g, "[^/]+");
+    const regex = new RegExp(`^${routePattern}$`);
+    return regex.test(path);
+  });
+}; 
\ No newline at end of file
diff --git a/nkebao/src/router/index.tsx b/nkebao/src/router/index.tsx
new file mode 100644
index 000000000..87779623b
--- /dev/null
+++ b/nkebao/src/router/index.tsx
@@ -0,0 +1,49 @@
+import React from "react";
+import { BrowserRouter, useRoutes, RouteObject } from "react-router-dom";
+import PermissionRoute from "./permissionRoute";
+
+// 动态导入所有 module 下的 ts/tsx 路由模块
+const modules = import.meta.glob("./module/*.{ts,tsx}", { eager: true });
+
+// 合并所有模块的默认导出（假设每个模块都是 export default 路由数组）
+const allRoutes: (RouteObject & { auth?: boolean; requiredRole?: string })[] =
+  [];
+Object.values(modules).forEach((mod: any) => {
+  if (Array.isArray(mod.default)) {
+    allRoutes.push(...mod.default);
+  }
+});
+
+// 权限包装
+function wrapWithPermission(
+  route: RouteObject & { auth?: boolean; requiredRole?: string }
+) {
+  if (route.auth) {
+    return {
+      ...route,
+      element: (
+        <PermissionRoute requiredRole={route.requiredRole}>
+          {route.element}
+        </PermissionRoute>
+      ),
+    };
+  }
+  return route;
+}
+
+const routes = allRoutes.map(wrapWithPermission);
+
+const AppRoutes = () => useRoutes(routes);
+
+const AppRouter: React.FC = () => (
+  <BrowserRouter
+    future={{
+      v7_startTransition: true,
+      v7_relativeSplatPath: true,
+    }}
+  >
+    <AppRoutes />
+  </BrowserRouter>
+);
+
+export default AppRouter;
diff --git a/nkebao/src/router/module/auth.tsx b/nkebao/src/router/module/auth.tsx
new file mode 100644
index 000000000..d6ddc5cf6
--- /dev/null
+++ b/nkebao/src/router/module/auth.tsx
@@ -0,0 +1,11 @@
+import Login from "@/pages/login/login";
+
+const authRoutes = [
+  {
+    path: "/login",
+    element: <Login />,
+    auth: false, // 不需要权限
+  },
+];
+
+export default authRoutes;
diff --git a/nkebao/src/router/module/content.tsx b/nkebao/src/router/module/content.tsx
new file mode 100644
index 000000000..7e941805f
--- /dev/null
+++ b/nkebao/src/router/module/content.tsx
@@ -0,0 +1,39 @@
+import Content from "@/pages/content/Content";
+import NewContent from "@/pages/content/NewContent";
+import Materials from "@/pages/content/materials/List";
+import MaterialsNew from "@/pages/content/materials/New";
+
+const contentRoutes = [
+  {
+    path: "/content",
+    element: <Content />,
+    auth: true,
+  },
+  {
+    path: "/content/new",
+    element: <NewContent />,
+    auth: true,
+  },
+  {
+    path: "/content/edit/:id",
+    element: <NewContent />,
+    auth: true,
+  },
+  {
+    path: "/content/materials/:id",
+    element: <Materials />,
+    auth: true,
+  },
+  {
+    path: "/content/materials/new/:id",
+    element: <MaterialsNew />,
+    auth: true,
+  },
+  {
+    path: "/content/materials/edit/:id/:materialId",
+    element: <MaterialsNew />,
+    auth: true,
+  },
+];
+
+export default contentRoutes;
diff --git a/nkebao/src/router/module/devices.tsx b/nkebao/src/router/module/devices.tsx
new file mode 100644
index 000000000..d31db945d
--- /dev/null
+++ b/nkebao/src/router/module/devices.tsx
@@ -0,0 +1,17 @@
+import Devices from "@/pages/devices/Devices";
+import DeviceDetail from "@/pages/devices/DeviceDetail";
+
+const deviceRoutes = [
+  {
+    path: "/devices",
+    element: <Devices />,
+    auth: true,
+  },
+  {
+    path: "/devices/:id",
+    element: <DeviceDetail />,
+    auth: true,
+  },
+];
+
+export default deviceRoutes;
diff --git a/nkebao/src/router/module/index.tsx b/nkebao/src/router/module/index.tsx
new file mode 100644
index 000000000..749cf176b
--- /dev/null
+++ b/nkebao/src/router/module/index.tsx
@@ -0,0 +1,18 @@
+import Home from "@/pages/home/index";
+import Mine from "@/pages/mine/index";
+
+const routes = [
+  // 基础路由
+  {
+    path: "/",
+    element: <Home />,
+    auth: true, // 需要登录
+  },
+  {
+    path: "/mine",
+    element: <Mine />,
+    auth: true,
+  },
+];
+
+export default routes;
diff --git a/nkebao/src/router/module/other.tsx b/nkebao/src/router/module/other.tsx
new file mode 100644
index 000000000..a458b7dca
--- /dev/null
+++ b/nkebao/src/router/module/other.tsx
@@ -0,0 +1,40 @@
+import Profile from "@/pages/profile/Profile";
+import Plans from "@/pages/plans/Plans";
+import PlanDetail from "@/pages/plans/PlanDetail";
+import Orders from "@/pages/orders/Orders";
+import ContactImport from "@/pages/contact-import/ContactImport";
+
+const otherRoutes = [
+  {
+    path: "/mine",
+    element: <Profile />,
+    auth: true,
+  },
+  {
+    path: "/profile",
+    element: <Profile />,
+    auth: true,
+  },
+  {
+    path: "/plans",
+    element: <Plans />,
+    auth: true,
+  },
+  {
+    path: "/plans/:planId",
+    element: <PlanDetail />,
+    auth: true,
+  },
+  {
+    path: "/orders",
+    element: <Orders />,
+    auth: true,
+  },
+  {
+    path: "/contact-import",
+    element: <ContactImport />,
+    auth: true,
+  },
+];
+
+export default otherRoutes;
diff --git a/nkebao/src/router/module/scenarios.tsx b/nkebao/src/router/module/scenarios.tsx
new file mode 100644
index 000000000..1cfd1e0f7
--- /dev/null
+++ b/nkebao/src/router/module/scenarios.tsx
@@ -0,0 +1,33 @@
+import ScenariosList from "@/pages/scenarios/list";
+import NewPlan from "@/pages/scenarios/plan/new";
+import ListPlan from "@/pages/scenarios/plan/list";
+
+const scenarioRoutes = [
+  {
+    path: "/scenarios",
+    element: <ScenariosList />,
+    auth: true,
+  },
+  {
+    path: "/scenarios/new",
+    element: <NewPlan />,
+    auth: true,
+  },
+  {
+    path: "/scenarios/new/:scenarioId",
+    element: <NewPlan />,
+    auth: true,
+  },
+  {
+    path: "/scenarios/edit/:planId",
+    element: <NewPlan />,
+    auth: true,
+  },
+  {
+    path: "/scenarios/list/:scenarioId/:scenarioName",
+    element: <ListPlan />,
+    auth: true,
+  },
+];
+
+export default scenarioRoutes;
diff --git a/nkebao/src/router/module/traffic-pool.tsx b/nkebao/src/router/module/traffic-pool.tsx
new file mode 100644
index 000000000..d0dcd70d5
--- /dev/null
+++ b/nkebao/src/router/module/traffic-pool.tsx
@@ -0,0 +1,17 @@
+import TrafficPool from "@/pages/traffic-pool/TrafficPool";
+import TrafficPoolDetail from "@/pages/traffic-pool/TrafficPoolDetail";
+
+const trafficPoolRoutes = [
+  {
+    path: "/traffic-pool",
+    element: <TrafficPool />,
+    auth: true,
+  },
+  {
+    path: "/traffic-pool/:id",
+    element: <TrafficPoolDetail />,
+    auth: true,
+  },
+];
+
+export default trafficPoolRoutes;
diff --git a/nkebao/src/router/module/wechat-accounts.tsx b/nkebao/src/router/module/wechat-accounts.tsx
new file mode 100644
index 000000000..496ab0065
--- /dev/null
+++ b/nkebao/src/router/module/wechat-accounts.tsx
@@ -0,0 +1,17 @@
+import WechatAccounts from "@/pages/wechat-accounts/WechatAccounts";
+import WechatAccountDetail from "@/pages/wechat-accounts/WechatAccountDetail";
+
+const wechatAccountRoutes = [
+  {
+    path: "/wechat-accounts",
+    element: <WechatAccounts />,
+    auth: true,
+  },
+  {
+    path: "/wechat-accounts/:id",
+    element: <WechatAccountDetail />,
+    auth: true,
+  },
+];
+
+export default wechatAccountRoutes;
diff --git a/nkebao/src/router/module/workspace.tsx b/nkebao/src/router/module/workspace.tsx
new file mode 100644
index 000000000..b7ccc7c29
--- /dev/null
+++ b/nkebao/src/router/module/workspace.tsx
@@ -0,0 +1,145 @@
+import Workspace from "@/pages/workspace/main";
+import AutoLike from "@/pages/workspace/auto-like/AutoLike";
+import NewAutoLike from "@/pages/workspace/auto-like/NewAutoLike";
+import AutoLikeDetail from "@/pages/workspace/auto-like/AutoLikeDetail";
+import AutoGroup from "@/pages/workspace/auto-group/AutoGroup";
+import AutoGroupDetail from "@/pages/workspace/auto-group/Detail";
+import GroupPush from "@/pages/workspace/group-push/GroupPush";
+import NewGroupPush from "@/pages/workspace/group-push/new";
+import MomentsSync from "@/pages/workspace/moments-sync/MomentsSync";
+import MomentsSyncDetail from "@/pages/workspace/moments-sync/Detail";
+import NewMomentsSync from "@/pages/workspace/moments-sync/new";
+import AIAssistant from "@/pages/workspace/ai-assistant/AIAssistant";
+import TrafficDistribution from "@/pages/workspace/traffic-distribution/TrafficDistribution";
+import TrafficDistributionDetail from "@/pages/workspace/traffic-distribution/Detail";
+import NewDistribution from "@/pages/workspace/traffic-distribution/NewDistribution";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const workspaceRoutes = [
+  {
+    path: "/workspace",
+    element: <Workspace />,
+    auth: true,
+  },
+  // 自动点赞
+  {
+    path: "/workspace/auto-like",
+    element: <AutoLike />,
+    auth: true,
+  },
+  {
+    path: "/workspace/auto-like/new",
+    element: <NewAutoLike />,
+    auth: true,
+  },
+  {
+    path: "/workspace/auto-like/:id",
+    element: <AutoLikeDetail />,
+    auth: true,
+  },
+  {
+    path: "/workspace/auto-like/:id/edit",
+    element: <NewAutoLike />,
+    auth: true,
+  },
+  // 自动分组
+  {
+    path: "/workspace/auto-group",
+    element: <AutoGroup />,
+    auth: true,
+  },
+  {
+    path: "/workspace/auto-group/:id",
+    element: <AutoGroupDetail />,
+    auth: true,
+  },
+  // 群发推送
+  {
+    path: "/workspace/group-push",
+    element: <GroupPush />,
+    auth: true,
+  },
+  {
+    path: "/workspace/group-push/new",
+    element: <NewGroupPush />,
+    auth: true,
+  },
+  {
+    path: "/workspace/group-push/:id",
+    element: <PlaceholderPage title="群发推送详情" />,
+    auth: true,
+  },
+  {
+    path: "/workspace/group-push/:id/edit",
+    element: <PlaceholderPage title="编辑群发推送" />,
+    auth: true,
+  },
+  // 朋友圈同步
+  {
+    path: "/workspace/moments-sync",
+    element: <MomentsSync />,
+    auth: true,
+  },
+  {
+    path: "/workspace/moments-sync/new",
+    element: <NewMomentsSync />,
+    auth: true,
+  },
+  {
+    path: "/workspace/moments-sync/:id",
+    element: <MomentsSyncDetail />,
+    auth: true,
+  },
+  {
+    path: "/workspace/moments-sync/edit/:id",
+    element: <NewMomentsSync />,
+    auth: true,
+  },
+  // AI助手
+  {
+    path: "/workspace/ai-assistant",
+    element: <AIAssistant />,
+    auth: true,
+  },
+  // AI数据分析
+  {
+    path: "/workspace/ai-analyzer",
+    element: <PlaceholderPage title="AI数据分析" />,
+    auth: true,
+  },
+  // AI策略优化
+  {
+    path: "/workspace/ai-strategy",
+    element: <PlaceholderPage title="AI策略优化" />,
+    auth: true,
+  },
+  // AI销售预测
+  {
+    path: "/workspace/ai-forecast",
+    element: <PlaceholderPage title="AI销售预测" />,
+    auth: true,
+  },
+  // 流量分发
+  {
+    path: "/workspace/traffic-distribution",
+    element: <TrafficDistribution />,
+    auth: true,
+  },
+  {
+    path: "/workspace/traffic-distribution/new",
+    element: <NewDistribution />,
+    auth: true,
+  },
+  {
+    path: "/workspace/traffic-distribution/edit/:id",
+    element: <NewDistribution />,
+    auth: true,
+  },
+  {
+    path: "/workspace/traffic-distribution/:id",
+    element: <TrafficDistributionDetail />,
+    auth: true,
+  },
+];
+
+export default workspaceRoutes;
diff --git a/nkebao/src/router/permissionRoute.tsx b/nkebao/src/router/permissionRoute.tsx
new file mode 100644
index 000000000..42690dc76
--- /dev/null
+++ b/nkebao/src/router/permissionRoute.tsx
@@ -0,0 +1,46 @@
+import React, { useEffect } from "react";
+import { useNavigate, useLocation } from "react-router-dom";
+import { useUserStore } from "@/store/module/user";
+
+interface PermissionRouteProps {
+  children: React.ReactNode;
+  requiredRole?: string;
+}
+
+const PermissionRoute: React.FC<PermissionRouteProps> = ({
+  children,
+  requiredRole,
+}) => {
+  const { user, isLoggedIn } = useUserStore();
+  const navigate = useNavigate();
+  const location = useLocation();
+
+  useEffect(() => {
+    // 检查是否已登录
+    if (!isLoggedIn || !user) {
+      const currentPath = location.pathname + location.search;
+      navigate(`/login?returnUrl=${encodeURIComponent(currentPath)}`);
+      return;
+    }
+
+    // 检查角色权限（如果需要）
+    if (requiredRole && user.isAdmin !== 1) {
+      navigate("/");
+      return;
+    }
+  }, [isLoggedIn, user, requiredRole, navigate, location]);
+
+  // 如果未登录，不渲染子组件
+  if (!isLoggedIn || !user) {
+    return null;
+  }
+
+  // 如果角色不匹配，不渲染子组件
+  if (requiredRole && user.isAdmin !== 1) {
+    return null;
+  }
+
+  return <>{children}</>;
+};
+
+export default PermissionRoute;
diff --git a/nkebao/src/store/createPersistStore.ts b/nkebao/src/store/createPersistStore.ts
new file mode 100644
index 000000000..cdfbbb076
--- /dev/null
+++ b/nkebao/src/store/createPersistStore.ts
@@ -0,0 +1,16 @@
+// src/store/createPersistStore.ts
+import { create } from 'zustand';
+import { persist, PersistOptions } from 'zustand/middleware';
+
+export function createPersistStore<T>(
+  createState: (set: any, get: any) => T,
+  name: string,
+  partialize?: (state: T) => Partial<T>
+) {
+  return create<T>()(
+    persist(createState, {
+      name,
+      partialize,
+    } as PersistOptions<T>)
+  );
+}
diff --git a/nkebao/src/store/index.ts b/nkebao/src/store/index.ts
new file mode 100644
index 000000000..8edf9c6ee
--- /dev/null
+++ b/nkebao/src/store/index.ts
@@ -0,0 +1,2 @@
+export * from './module/user';
+// 未来可继续合并其他模块 
\ No newline at end of file
diff --git a/nkebao/src/store/module/user.ts b/nkebao/src/store/module/user.ts
new file mode 100644
index 000000000..fcf2bdc46
--- /dev/null
+++ b/nkebao/src/store/module/user.ts
@@ -0,0 +1,74 @@
+import { createPersistStore } from '@/store/createPersistStore';
+
+export interface User {
+  id: number;
+  account: string;
+  username: string;
+  phone: string;
+  avatar: string;
+  isAdmin: number;
+  companyId: number;
+  typeId: number;
+  status: number;
+  s2_accountId: string;
+  createTime: string;
+  updateTime: string | null;
+  lastLoginIp: string;
+  lastLoginTime: number;
+}
+
+interface UserState {
+  user: User | null;
+  token: string | null;
+  isLoggedIn: boolean;
+  setUser: (user: User) => void;
+  setToken: (token: string) => void;
+  clearUser: () => void;
+  login: (token: string, userInfo: User) => void;
+  logout: () => void;
+}
+
+export const useUserStore = createPersistStore<UserState>(
+  (set) => ({
+    user: null,
+    token: null,
+    isLoggedIn: false,
+    setUser: (user) => set({ user, isLoggedIn: true }),
+    setToken: (token) => set({ token }),
+    clearUser: () => set({ user: null, token: null, isLoggedIn: false }),
+    login: (token, userInfo) => {
+      // 只将token存储到localStorage
+      localStorage.setItem('token', token);
+      
+      // 用户信息存储在状态管理中
+      const user: User = {
+        id: userInfo.id,
+        account: userInfo.account,
+        username: userInfo.username,
+        phone: userInfo.phone,
+        avatar: userInfo.avatar,
+        isAdmin: userInfo.isAdmin,
+        companyId: userInfo.companyId,
+        typeId: userInfo.typeId,
+        status: userInfo.status,
+        s2_accountId: userInfo.s2_accountId,
+        createTime: userInfo.createTime,
+        updateTime: userInfo.updateTime,
+        lastLoginIp: userInfo.lastLoginIp,
+        lastLoginTime: userInfo.lastLoginTime,
+      };
+      set({ user, token, isLoggedIn: true });
+    },
+    logout: () => {
+      // 清除localStorage中的token
+      localStorage.removeItem('token');
+      set({ user: null, token: null, isLoggedIn: false });
+    },
+  }),
+  'user-store',
+  (state) => ({ 
+    user: state.user, 
+    token: state.token,
+    isLoggedIn: state.isLoggedIn 
+  })
+);
\ No newline at end of file
diff --git a/nkebao/src/styles/global.scss b/nkebao/src/styles/global.scss
new file mode 100644
index 000000000..bf7670a8f
--- /dev/null
+++ b/nkebao/src/styles/global.scss
@@ -0,0 +1,134 @@
+/* Reset & 基础样式，兼容移动端和PC端，补充 iOS/安卓容差处理 */
+
+/* 主题色变量定义 */
+:root {
+  --primary-color: #188eee;
+  --primary-color-light: #40a9ff;
+  --primary-color-dark: #096dd9;
+  --primary-gradient: linear-gradient(135deg, #188eee 0%, #096dd9 100%);
+  --primary-shadow: rgba(24, 142, 238, 0.3);
+  --primary-shadow-light: rgba(24, 142, 238, 0.1);
+  --primary-shadow-dark: rgba(24, 142, 238, 0.4);
+}
+
+/* 1. 通用 Reset */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend, table, caption,
+tbody, tfoot, thead, tr, th, td, article,
+aside, canvas, details, embed, figure,
+figcaption, footer, header, hgroup, menu,
+nav, output, ruby, section, summary, time,
+mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+  box-sizing: border-box;
+}
+
+/* 2. HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+
+/* 3. 列表、表格、图片等 */
+ol, ul {
+  list-style: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+img {
+  max-width: 100%;
+  display: block;
+  border: 0;
+}
+
+/* 4. 链接、按钮等 */
+a {
+  color: inherit;
+  text-decoration: none;
+}
+button, input, select, textarea {
+  font: inherit;
+  outline: none;
+  border: none;
+  background: none;
+  box-shadow: none;
+  appearance: none;
+}
+
+/* 5. 滚动条美化（可选） */
+::-webkit-scrollbar {
+  width: 8px;
+  background: transparent;
+}
+::-webkit-scrollbar-thumb {
+  background: #e0e0e0;
+  border-radius: 4px;
+}
+
+/* 6. 移动端/PC端兼容基础样式 */
+html, body {
+  height: 100%;
+  overflow: hidden; // 禁止 body 滚动和回弹
+  -webkit-tap-highlight-color: transparent; // 移动端点击无高亮
+  -webkit-text-size-adjust: 100%; // 禁止iOS自动调整字体
+  text-size-adjust: 100%;
+  /* iOS/安卓容差补充 */
+  /* 解决 iOS 12+ 及部分安卓机型底部安全区适配 */
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+  /* 解决 iOS 顶部刘海屏安全区 */
+  padding-top: constant(safe-area-inset-top);
+  padding-top: env(safe-area-inset-top);
+}
+
+#root, .app-content {
+  height: 100vh;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch; // iOS 惯性滚动
+  /* 安卓部分 WebView 兼容 */
+  overscroll-behavior: contain;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  background: #f5f5f5;
+  color: #222;
+  line-height: 1.5;
+  /* 安卓部分机型字体抗锯齿 */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* iOS input、textarea 默认圆角和阴影去除 */
+input, textarea {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+/* 安卓部分 WebView 点击延迟优化 */
+body, input, textarea, select, button {
+  touch-action: manipulation;
+} 
+//导航左右结构的样式
+.nav-left {
+  color: var(--primary-color);
+  font-weight: 700;
+  font-size: 16px;
+}
+.nav-right {
+  font-size: 12px;
+}
\ No newline at end of file
diff --git a/nkebao/src/utils/apiUrl.ts b/nkebao/src/utils/apiUrl.ts
new file mode 100644
index 000000000..32d6fc6cd
--- /dev/null
+++ b/nkebao/src/utils/apiUrl.ts
@@ -0,0 +1,73 @@
+/**
+ * API URL工具函数
+ * 用于统一处理API地址的拼接逻辑
+ *
+ * URL结构: {VITE_API_BASE_URL}/v1/api/scenarios/{path}
+ *
+ * 示例:
+ * - 开发环境: http://localhost:3000/api/v1/api/scenarios/webhook/123
+ * - 生产环境: https://api.example.com/v1/api/scenarios/webhook/123
+ */
+
+/**
+ * 获取完整的API基础路径
+ * @returns 完整的API基础路径，包含 /v1/api/scenarios
+ *
+ * 示例:
+ * - 开发环境: http://localhost:3000/api/v1/api/scenarios
+ * - 生产环境: https://api.example.com/v1/api/scenarios
+ */
+export const getFullApiPath = (): string => {
+  const apiBaseUrl = (import.meta as any).env?.VITE_API_BASE_URL || "/api";
+  return `${apiBaseUrl}/v1/api/scenarios`;
+};
+
+/**
+ * 构建完整的API URL
+ * @param path 相对路径或完整URL
+ * @returns 完整的API URL
+ *
+ * 示例:
+ * - buildApiUrl('/webhook/123') → 'http://localhost:3000/api/v1/api/scenarios/webhook/123'
+ * - buildApiUrl('webhook/123') → 'http://localhost:3000/api/v1/api/scenarios/webhook/123'
+ * - buildApiUrl('https://api.example.com/webhook/123') → 'https://api.example.com/webhook/123'
+ */
+export const buildApiUrl = (path: string): string => {
+  if (!path) return "";
+
+  // 如果已经是完整的URL（包含http或https），直接返回
+  if (path.startsWith("http://") || path.startsWith("https://")) {
+    return path;
+  }
+
+  const fullApiPath = getFullApiPath();
+
+  // 如果是相对路径，拼接完整API路径
+  if (path.startsWith("/")) {
+    return `${fullApiPath}${path}`;
+  }
+
+  // 其他情况，拼接完整API路径和路径
+  return `${fullApiPath}?${path}`;
+};
+
+/**
+ * 构建webhook URL
+ * @param taskId 任务ID
+ * @param path 可选的相对路径
+ * @returns 完整的webhook URL
+ *
+ * 示例:
+ * - buildWebhookUrl('123') → 'http://localhost:3000/api/v1/api/scenarios/webhook/123'
+ * - buildWebhookUrl('123', '/custom/path') → 'http://localhost:3000/api/v1/api/scenarios/custom/path'
+ */
+export const buildWebhookUrl = (taskId: string, path?: string): string => {
+  const fullApiPath = getFullApiPath();
+  const webhookPath = path || `/webhook/${taskId}`;
+
+  if (webhookPath.startsWith("/")) {
+    return `${fullApiPath}${webhookPath}`;
+  }
+
+  return `${fullApiPath}/${webhookPath}`;
+};
diff --git a/nkebao/src/vite-env.d.ts b/nkebao/src/vite-env.d.ts
new file mode 100644
index 000000000..7d0ff9efa
--- /dev/null
+++ b/nkebao/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/nkebao/tsconfig.json b/nkebao/tsconfig.json
new file mode 100644
index 000000000..53184fe34
--- /dev/null
+++ b/nkebao/tsconfig.json
@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src"]
+} 
\ No newline at end of file
diff --git a/nkebao/vite.config.ts b/nkebao/vite.config.ts
new file mode 100644
index 000000000..52f1437a9
--- /dev/null
+++ b/nkebao/vite.config.ts
@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      '@': path.resolve('src'),
+    },
+  },
+  server: {
+    open: true,
+  },
+}); 
\ No newline at end of file
diff --git a/nkebao/技术栈.md b/nkebao/技术栈.md
new file mode 100644
index 000000000..be554562e
--- /dev/null
+++ b/nkebao/技术栈.md
@@ -0,0 +1,26 @@
+## 使用技术栈
+- React 18
+- TypeScript
+- Vite（新一代前端构建工具）
+- axios
+- sass (scss)
+- React Router v6
+- antd-mobile
+- antd（已设置基础单位为 rem，配合 postcss-pxtorem）
+- postcss-pxtorem（px 转 rem，移动端适配）
+- ESLint + Prettier（代码规范与自动格式化）
+- 路径别名 @ 指向 src 目录
+
+## 关于兼容与工程化
+- 自动化脚本（yarn lint、yarn dev 等）
+- 移动端 rem 适配（html 根字体 + pxtorem）
+- iOS 浏览器滚动回弹兼容问题已通过全局样式处理
+- 支持 VS Code 编辑器自动格式化（推荐配合 ESLint/Prettier 插件）
+
+## 目录结构简要
+- src/ 业务源码（pages、api、styles、App.tsx、main.tsx 等）
+- public/ 静态资源目录
+- index.html 项目入口（根目录）
+- vite.config.ts 构建与路径别名配置
+- tsconfig.json TypeScript 配置
+- .eslintrc.js 代码规范配置
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 000000000..f73eb4d67
--- /dev/null
+++ b/package.json
@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "echarts": "^5.6.0"
+  }
+}
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 000000000..aab17ca26
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,23 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+echarts@^5.6.0:
+  version "5.6.0"
+  resolved "https://registry.yarnpkg.com/echarts/-/echarts-5.6.0.tgz#2377874dca9fb50f104051c3553544752da3c9d6"
+  integrity sha512-oTbVTsXfKuEhxftHqL5xprgLoc0k7uScAwtryCgWF6hPYFLRwOUHiFmHGCBKP5NPFNkDVopOieyUqYGH8Fa3kA==
+  dependencies:
+    tslib "2.3.0"
+    zrender "5.6.1"
+
+tslib@2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.0.tgz#803b8cdab3e12ba581a4ca41c8839bbb0dacb09e"
+  integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
+
+zrender@5.6.1:
+  version "5.6.1"
+  resolved "https://registry.yarnpkg.com/zrender/-/zrender-5.6.1.tgz#e08d57ecf4acac708c4fcb7481eb201df7f10a6b"
+  integrity sha512-OFXkDJKcrlx5su2XbzJvj/34Q3m6PvyCZkVPHGYpcCJ52ek4U/ymZyfuV1nKE23AyBJ51E/6Yr0mhZ7xGTO4ag==
+  dependencies:
+    tslib "2.3.0"