diff --git a/copy-of-inkflow-script-ai/App.tsx b/copy-of-inkflow-script-ai/App.tsx
index b73c1e1..148c872 100644
--- a/copy-of-inkflow-script-ai/App.tsx
+++ b/copy-of-inkflow-script-ai/App.tsx
@@ -1,263 +1,437 @@
+import React, { useMemo, useState } from 'react';
+import {
+  BadgeCheck,
+  Crown,
+  MessageCircle,
+  Pin,
+  Search,
+  Send,
+  ShieldCheck,
+  Star,
+  UserRound,
+  Users,
+  Wallet,
+  X,
+} from 'lucide-react';
 
-import React, { useState } from 'react';
-import { Navigation } from './components/Navigation';
-import { AICopilot } from './components/AICopilot';
-import { CharactersModule } from './components/modules/Characters';
-import { NovelAdaptationModule } from './components/modules/NovelAdaptation';
-import { OutlineModule } from './components/modules/Outline';
-import { PlotModule } from './components/modules/Plot';
-import { ScriptEditor } from './components/modules/ScriptEditor';
-import { StoryboardModule } from './components/modules/Storyboard';
-import { ModuleType, ProjectData, ScriptBlockType, AppLanguage, ScriptFormat } from './types';
-import { TrendingUp, Users, Target, BarChart3, BookText } from 'lucide-react';
-import { getTranslation } from './utils/translations';
-
-const INITIAL_DATA: ProjectData = {
-  title: '无标题作品',
-  logline: '',
-  genre: '剧情',
-  scriptFormat: ScriptFormat.MOVIE, // Explicitly initialize script format
-  marketAnalysis: {
-    targetAudience: '',
-    marketPositioning: '',
-    commercialsellingPoints: ''
-  },
-  novelChapters: [],
-  characters: [],
-  relationships: [],
-  totalOutline: '', // Initial empty total outline
-  outline: [
-    { 
-      id: '1', 
-      title: '第一幕：铺垫', 
-      content: '', 
-      tips: '介绍主角及其所处的世界，引发激励事件。 (0-30min)',
-      scenes: []
-    },
-    { 
-      id: '2', 
-      title: '第二幕：对抗', 
-      content: '', 
-      tips: '主角追求目标过程中冲突升级，遭遇重重阻碍。 (30-90min)',
-      scenes: []
-    },
-    { 
-      id: '3', 
-      title: '第三幕：结局', 
-      content: '', 
-      tips: '冲突解决后的余波，展现新的常态。 (90min+)',
-      scenes: []
-    },
-  ],
-  plotEvents: [],
-  script: [
-    { id: '0', type: ScriptBlockType.SCENE_HEADING, content: '内景. 地点 - 日' },
-    { id: '1', type: ScriptBlockType.ACTION, content: '动作描述...' },
-  ]
+type MembershipLevel = '普通会员' | '黄金会员' | '钻石会员';
+type TabKey = 'projects' | 'users';
+type ProjectCategory = '全部' | '本地生活' | '私域增长' | '跨境电商' | '品牌投放';
+type ProjectStage = '待沟通' | '跟进中' | '已签约';
+
+type ContactCard = {
+  id: string;
+  name: string;
+  role: string;
+  company: string;
+  city: string;
+  phone: string;
+  wechat: string;
+  level: MembershipLevel;
+  exchanged?: boolean;
+};
+
+type ProjectMatch = {
+  id: string;
+  projectName: string;
+  category: Exclude<ProjectCategory, '全部'>;
+  demand: string;
+  supplier: string;
+  score: number;
+  stage: ProjectStage;
+};
+
+type UserItem = {
+  id: string;
+  name: string;
+  role: '甲方' | '服务商' | '渠道';
+  status: '正常' | '待审核' | '冻结';
+  level: MembershipLevel;
+};
+
+type TopCard = {
+  id: string;
+  title: string;
+  city: string;
+  budget: string;
+  daysLeft: number;
 };
 
+const PROJECT_CATEGORIES: ProjectCategory[] = ['全部', '本地生活', '私域增长', '跨境电商', '品牌投放'];
+
+const INITIAL_PROJECTS: ProjectMatch[] = [
+  { id: 'p1', projectName: '华南门店私域升级', category: '私域增长', demand: '私域系统搭建', supplier: '增长工场', score: 92, stage: '跟进中' },
+  { id: 'p2', projectName: '连锁美业达人投放', category: '品牌投放', demand: '抖音达人投放', supplier: '星河传媒', score: 88, stage: '待沟通' },
+  { id: 'p3', projectName: '跨境平台招商拓展', category: '跨境电商', demand: '区域BD招商', supplier: '海豚渠道', score: 95, stage: '已签约' },
+  { id: 'p4', projectName: '商超到店流量提升', category: '本地生活', demand: '团购运营+直播', supplier: '聚客网络', score: 86, stage: '待沟通' },
+];
+
+const INITIAL_CONTACTS: ContactCard[] = [
+  { id: 'c1', name: '王明', role: '商务总监', company: '云火增长', city: '杭州', phone: '138****1098', wechat: 'wm-growth', level: '黄金会员' },
+  { id: 'c2', name: '陈琪', role: '渠道合伙人', company: '启航电商', city: '广州', phone: '139****7850', wechat: 'chenq-bd', level: '钻石会员' },
+];
+
+const INITIAL_TOP_CARDS: TopCard[] = [
+  { id: 't1', title: '连锁餐饮品牌短视频代运营需求', city: '上海', budget: '8万-15万/月', daysLeft: 6 },
+  { id: 't2', title: '母婴私域SCRM实施项目', city: '广州', budget: '20万+', daysLeft: 2 },
+];
+
+const INITIAL_USERS: UserItem[] = [
+  { id: 'u1', name: '李总', role: '甲方', status: '正常', level: '钻石会员' },
+  { id: 'u2', name: '陈经理', role: '服务商', status: '待审核', level: '普通会员' },
+  { id: 'u3', name: '赵女士', role: '渠道', status: '正常', level: '黄金会员' },
+];
+
+const TABS: Array<{ key: TabKey; label: string; icon: React.ReactNode }> = [
+  { key: 'projects', label: '项目', icon: <BadgeCheck size={16} /> },
+  { key: 'users', label: '用户管理', icon: <ShieldCheck size={16} /> },
+];
+
 export default function App() {
-  const [currentModule, setCurrentModule] = useState<ModuleType>(ModuleType.DASHBOARD);
-  const [projectData, setProjectData] = useState<ProjectData>(INITIAL_DATA);
-  const [isAiOpen, setIsAiOpen] = useState(true);
-  const [language, setLanguage] = useState<AppLanguage>('zh-CN');
-
-  const t = getTranslation(language);
-
-  const [history, setHistory] = useState<ProjectData[]>([]);
-  const [future, setFuture] = useState<ProjectData[]>([]);
-
-  const undo = () => {
-    if (history.length === 0) return;
-    const previous = history[history.length - 1];
-    const newHistory = history.slice(0, -1);
-    
-    setFuture(prev => [projectData, ...prev]);
-    setProjectData(previous);
-    setHistory(newHistory);
+  const [tab, setTab] = useState<TabKey>('projects');
+  const [category, setCategory] = useState<ProjectCategory>('全部');
+  const [keyword, setKeyword] = useState('');
+  const [projects, setProjects] = useState<ProjectMatch[]>(INITIAL_PROJECTS);
+  const [contacts, setContacts] = useState<ContactCard[]>(INITIAL_CONTACTS);
+  const [topCards, setTopCards] = useState<TopCard[]>(INITIAL_TOP_CARDS);
+  const [users, setUsers] = useState<UserItem[]>(INITIAL_USERS);
+  const [memberLevel, setMemberLevel] = useState<MembershipLevel>('黄金会员');
+  const [memberDays, setMemberDays] = useState(126);
+  const [messages, setMessages] = useState<string[]>(['您好，我们可以承接本地生活项目，方便聊下需求吗？']);
+  const [draft, setDraft] = useState('');
+  const [notice, setNotice] = useState('');
+  const [showCreate, setShowCreate] = useState(false);
+
+  const [newProject, setNewProject] = useState({
+    name: '',
+    category: '本地生活' as Exclude<ProjectCategory, '全部'>,
+    demand: '',
+    supplier: '',
+  });
+
+  const filteredProjects = useMemo(() => {
+    return projects.filter((item) => {
+      const matchCategory = category === '全部' || item.category === category;
+      const matchKeyword =
+        !keyword.trim() ||
+        item.projectName.includes(keyword) ||
+        item.demand.includes(keyword) ||
+        item.supplier.includes(keyword);
+      return matchCategory && matchKeyword;
+    });
+  }, [category, keyword, projects]);
+
+  const publishNotice = (text: string) => {
+    setNotice(text);
+    window.setTimeout(() => setNotice(''), 1600);
+  };
+
+  const sendMessage = () => {
+    const value = draft.trim();
+    if (!value) return;
+    setMessages((prev) => [...prev, value]);
+    setDraft('');
   };
 
-  const redo = () => {
-    if (future.length === 0) return;
-    const next = future[0];
-    const newFuture = future.slice(1);
-    
-    setHistory(prev => [...prev, projectData]);
-    setProjectData(next);
-    setFuture(newFuture);
+  const advanceProjectStage = (id: string) => {
+    const order: ProjectStage[] = ['待沟通', '跟进中', '已签约'];
+    setProjects((prev) =>
+      prev.map((project) => {
+        if (project.id !== id) return project;
+        const next = order[Math.min(order.indexOf(project.stage) + 1, 2)];
+        return { ...project, stage: next };
+      }),
+    );
+    publishNotice('项目状态已推进');
   };
 
-  const updateProject = (newData: Partial<ProjectData>, saveHistory: boolean = false) => {
-    if (saveHistory) {
-      setHistory(prev => [...prev, projectData]);
-      setFuture([]);
+  const createProject = () => {
+    if (!newProject.name.trim() || !newProject.demand.trim() || !newProject.supplier.trim()) {
+      publishNotice('请先填写完整项目信息');
+      return;
     }
-    setProjectData(prev => ({ ...prev, ...newData }));
+    setProjects((prev) => [
+      {
+        id: `p${Date.now()}`,
+        projectName: newProject.name.trim(),
+        category: newProject.category,
+        demand: newProject.demand.trim(),
+        supplier: newProject.supplier.trim(),
+        score: 80,
+        stage: '待沟通',
+      },
+      ...prev,
+    ]);
+    setNewProject({ name: '', category: '本地生活', demand: '', supplier: '' });
+    setShowCreate(false);
+    publishNotice('项目已创建');
   };
 
-  const updateMarketAnalysis = (field: keyof typeof projectData.marketAnalysis, value: string) => {
-    updateProject({
-      marketAnalysis: {
-        ...projectData.marketAnalysis,
-        [field]: value
-      }
-    });
+  const toggleExchange = (id: string) => {
+    setContacts((prev) => prev.map((contact) => (contact.id === id ? { ...contact, exchanged: !contact.exchanged } : contact)));
   };
 
-  const renderModule = () => {
-    switch (currentModule) {
-      case ModuleType.DASHBOARD:
-        return (
-            <div className="p-8 flex flex-col items-center h-full text-center overflow-y-auto">
-                <div className="w-full max-w-4xl flex flex-col items-center pt-8">
-                    <input
-                      value={projectData.title}
-                      onChange={(e) => updateProject({ title: e.target.value })}
-                      className="text-4xl font-serif font-bold text-ink-900 mb-4 text-center bg-transparent border-b-2 border-transparent hover:border-ink-200 focus:border-accent-500 focus:outline-none w-full transition-colors placeholder-ink-300"
-                      placeholder={t.dashboard.titlePlaceholder}
-                    />
-                    
-                    <div className="flex items-center justify-center gap-2 mb-6">
-                      <span className="text-xs font-bold text-ink-400 uppercase tracking-wider">{t.dashboard.genre}</span>
-                      <input 
-                        value={projectData.genre}
-                        onChange={(e) => updateProject({ genre: e.target.value })}
-                        className="text-sm font-medium text-accent-600 bg-accent-50 px-3 py-1 rounded-full text-center w-32 focus:outline-none focus:ring-1 focus:ring-accent-500"
-                        placeholder="..."
-                      />
-                    </div>
-
-                    <div className="w-full max-w-2xl mb-12 relative group">
-                        <textarea
-                            value={projectData.logline}
-                            onChange={(e) => updateProject({ logline: e.target.value })}
-                            className="w-full text-xl text-ink-500 italic text-center bg-transparent border border-transparent hover:border-ink-200 focus:border-accent-500 focus:outline-none resize-none rounded-lg p-2 transition-all placeholder-ink-300 min-h-[100px]"
-                            placeholder={t.dashboard.loglinePlaceholder}
-                        />
-                    </div>
-                    
-                    <div className="w-full grid grid-cols-1 md:grid-cols-3 gap-6 mb-12 text-left">
-                        <div className="bg-white p-5 rounded-xl shadow-sm border border-ink-100 flex flex-col gap-2">
-                            <div className="flex items-center gap-2 text-ink-800 font-bold text-sm mb-1">
-                                <Users size={16} className="text-blue-500"/>
-                                {t.dashboard.audience}
-                            </div>
-                            <textarea 
-                                value={projectData.marketAnalysis?.targetAudience || ''}
-                                onChange={(e) => updateMarketAnalysis('targetAudience', e.target.value)}
-                                className="w-full text-xs text-ink-600 bg-ink-50 p-2 rounded border-transparent focus:bg-white focus:border-ink-200 outline-none resize-none h-24"
-                                placeholder="..."
-                            />
-                        </div>
-                        <div className="bg-white p-5 rounded-xl shadow-sm border border-ink-100 flex flex-col gap-2">
-                            <div className="flex items-center gap-2 text-ink-800 font-bold text-sm mb-1">
-                                <BarChart3 size={16} className="text-purple-500"/>
-                                {t.dashboard.positioning}
-                            </div>
-                            <textarea 
-                                value={projectData.marketAnalysis?.marketPositioning || ''}
-                                onChange={(e) => updateMarketAnalysis('marketPositioning', e.target.value)}
-                                className="w-full text-xs text-ink-600 bg-ink-50 p-2 rounded border-transparent focus:bg-white focus:border-ink-200 outline-none resize-none h-24"
-                                placeholder="..."
-                            />
-                        </div>
-                        <div className="bg-white p-5 rounded-xl shadow-sm border border-ink-100 flex flex-col gap-2">
-                            <div className="flex items-center gap-2 text-ink-800 font-bold text-sm mb-1">
-                                <TrendingUp size={16} className="text-emerald-500"/>
-                                {t.dashboard.sellingPoints}
-                            </div>
-                            <textarea 
-                                value={projectData.marketAnalysis?.commercialsellingPoints || ''}
-                                onChange={(e) => updateMarketAnalysis('commercialsellingPoints', e.target.value)}
-                                className="w-full text-xs text-ink-600 bg-ink-50 p-2 rounded border-transparent focus:bg-white focus:border-ink-200 outline-none resize-none h-24"
-                                placeholder="..."
-                            />
-                        </div>
-                    </div>
-
-                    <div className="grid grid-cols-1 md:grid-cols-3 gap-6 w-full mb-12">
-                         <div className="bg-ink-50/50 p-6 rounded-xl border border-ink-200/50">
-                            <div className="text-3xl font-bold text-ink-700 mb-1">{projectData.novelChapters?.length || 0}</div>
-                            <div className="text-xs font-bold text-ink-400 uppercase tracking-wider">{t.nav.novel}</div>
-                        </div>
-                        <div className="bg-ink-50/50 p-6 rounded-xl border border-ink-200/50">
-                            <div className="text-3xl font-bold text-ink-700 mb-1">{projectData.plotEvents.length}</div>
-                            <div className="text-xs font-bold text-ink-400 uppercase tracking-wider">{t.plot.beats}</div>
-                        </div>
-                        <div className="bg-ink-50/50 p-6 rounded-xl border border-ink-200/50">
-                            <div className="text-3xl font-bold text-ink-700 mb-1">{Math.ceil(projectData.script.length / 15)}</div>
-                            <div className="text-xs font-bold text-ink-400 uppercase tracking-wider">页数 (Pages)</div>
-                        </div>
-                    </div>
-                    
-                    <div className="flex gap-4">
-                      <button 
-                        onClick={() => setCurrentModule(ModuleType.NOVEL)}
-                        className="px-8 py-3 bg-white border border-ink-200 text-ink-800 rounded-full font-medium hover:bg-ink-50 transition-colors shadow-sm flex items-center gap-2"
-                      >
-                          <BookText size={18} />
-                          <span>{t.nav.novel}</span>
-                      </button>
-                      <button 
-                        onClick={() => setCurrentModule(ModuleType.SCRIPT)}
-                        className="px-8 py-3 bg-ink-900 text-white rounded-full font-medium hover:bg-accent-600 transition-colors shadow-lg flex items-center gap-2"
-                      >
-                          <Target size={18} />
-                          <span>{t.nav.script}</span>
-                      </button>
-                    </div>
-                </div>
-            </div>
-        );
-      case ModuleType.CHARACTERS:
-        return <CharactersModule data={projectData} update={updateProject} language={language} />;
-      case ModuleType.NOVEL:
-        return <NovelAdaptationModule data={projectData} update={updateProject} language={language} />;
-      case ModuleType.OUTLINE:
-        return <OutlineModule data={projectData} update={updateProject} language={language} />;
-      case ModuleType.PLOT:
-        return <PlotModule data={projectData} update={updateProject} language={language} />;
-      case ModuleType.SCRIPT:
-        return <ScriptEditor data={projectData} update={updateProject} undo={undo} redo={redo} language={language} />;
-      case ModuleType.STORYBOARD:
-        return <StoryboardModule data={projectData} update={updateProject} language={language} />;
-      default:
-        return <div>模块开发中</div>;
-    }
+  const renewTopCard = (id: string) => {
+    setTopCards((prev) => prev.map((card) => (card.id === id ? { ...card, daysLeft: card.daysLeft + 7 } : card)));
+    publishNotice('置顶卡已续费 +7 天');
   };
 
-  return (
-    <div className="flex h-screen w-full bg-ink-50 overflow-hidden">
-      <Navigation currentModule={currentModule} setModule={setCurrentModule} language={language} setLanguage={setLanguage} />
-      
-      <main className="flex-1 flex flex-col h-full relative overflow-hidden transition-all duration-300">
-        <button 
-          onClick={() => setIsAiOpen(!isAiOpen)}
-          className={`absolute top-4 right-4 z-30 p-2 rounded-full shadow-md bg-white border border-ink-200 text-ink-500 hover:text-accent-500 transition-colors ${isAiOpen ? 'bg-ink-100' : ''}`}
-        >
-          {isAiOpen ? 
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M18 6L6 18M6 6l12 12"/></svg> : 
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2-2z"/></svg>
-          }
+  const upgradeMembership = () => {
+    setMemberLevel('钻石会员');
+    setMemberDays((prev) => prev + 30);
+    publishNotice('已升级为钻石会员');
+  };
+
+  const auditUser = (id: string) => {
+    setUsers((prev) => prev.map((user) => (user.id === id ? { ...user, status: '正常' } : user)));
+    publishNotice('用户审核通过');
+  };
+
+  const freezeUser = (id: string) => {
+    setUsers((prev) =>
+      prev.map((user) =>
+        user.id === id ? { ...user, status: user.status === '冻结' ? '正常' : '冻结' } : user,
+      ),
+    );
+  };
+
+  const renderProjects = () => (
+    <div className="space-y-3">
+      <section className="bg-white rounded-2xl p-3 border border-slate-200">
+        <div className="relative">
+          <Search size={16} className="absolute left-3 top-1/2 -translate-y-1/2 text-slate-400" />
+          <input
+            className="w-full pl-9 pr-3 py-2 rounded-xl border border-slate-200 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-200"
+            value={keyword}
+            onChange={(event) => setKeyword(event.target.value)}
+            placeholder="搜索项目名称/需求/服务商"
+          />
+        </div>
+        <div className="flex gap-2 mt-3 overflow-x-auto pb-1">
+          {PROJECT_CATEGORIES.map((item) => (
+            <button
+              key={item}
+              onClick={() => setCategory(item)}
+              className={`text-xs whitespace-nowrap px-3 py-1.5 rounded-full border ${
+                category === item
+                  ? 'bg-emerald-50 border-emerald-300 text-emerald-700'
+                  : 'bg-white border-slate-200 text-slate-600'
+              }`}
+            >
+              {item}
+            </button>
+          ))}
+        </div>
+        <button onClick={() => setShowCreate(true)} className="mt-3 w-full py-2 rounded-lg bg-slate-900 text-white text-xs">
+          + 新建项目
         </button>
+      </section>
+
+      {filteredProjects.map((project) => (
+        <article key={project.id} className="bg-white rounded-2xl p-3 border border-slate-200">
+          <div className="flex items-start justify-between gap-2">
+            <h3 className="font-semibold text-sm">{project.projectName}</h3>
+            <span className="text-[10px] px-2 py-1 rounded-full bg-emerald-100 text-emerald-700 h-fit">
+              {project.category}
+            </span>
+          </div>
+          <p className="text-xs text-slate-600 mt-2">需求：{project.demand}</p>
+          <p className="text-xs text-slate-600">匹配服务商：{project.supplier}</p>
+          <div className="mt-2 flex items-center justify-between">
+            <span className="text-xs text-emerald-700">匹配度 {project.score}%</span>
+            <span className="text-[10px] px-2 py-1 rounded-full bg-slate-100 text-slate-600">{project.stage}</span>
+          </div>
+          <div className="grid grid-cols-2 gap-2 mt-3">
+            <button className="text-xs py-2 rounded-lg bg-emerald-500 text-white">发起项目对接</button>
+            <button onClick={() => advanceProjectStage(project.id)} className="text-xs py-2 rounded-lg border border-slate-300">
+              推进状态
+            </button>
+          </div>
+        </article>
+      ))}
+
+      {filteredProjects.length === 0 && (
+        <div className="text-center text-xs text-slate-500 py-8 bg-white rounded-2xl border border-slate-200">
+          暂无符合条件的项目
+        </div>
+      )}
+    </div>
+  );
+
+  const renderUsers = () => (
+    <div className="space-y-3">
+      <section className="grid grid-cols-3 gap-2">
+        <div className="bg-white border border-slate-200 rounded-xl p-2 text-center">
+          <p className="text-[10px] text-slate-500">总用户</p>
+          <p className="font-semibold">{users.length * 416}</p>
+        </div>
+        <div className="bg-white border border-slate-200 rounded-xl p-2 text-center">
+          <p className="text-[10px] text-slate-500">待审核</p>
+          <p className="font-semibold">{users.filter((user) => user.status === '待审核').length}</p>
+        </div>
+        <div className="bg-white border border-slate-200 rounded-xl p-2 text-center">
+          <p className="text-[10px] text-slate-500">冻结</p>
+          <p className="font-semibold">{users.filter((user) => user.status === '冻结').length}</p>
+        </div>
+      </section>
+
+      <section className="bg-white rounded-2xl p-3 border border-slate-200">
+        <div className="flex items-center gap-2 font-semibold text-sm"><Users size={14} /> 联系卡</div>
+        <div className="space-y-2 mt-2">
+          {contacts.map((contact) => (
+            <article key={contact.id} className="rounded-xl border border-slate-200 p-2">
+              <div className="flex justify-between">
+                <h4 className="text-xs font-semibold">{contact.name} · {contact.role}</h4>
+                <span className="text-[10px] px-2 py-0.5 rounded-full bg-amber-100 text-amber-700">{contact.level}</span>
+              </div>
+              <p className="text-[11px] text-slate-600 mt-1">{contact.company} · {contact.city}</p>
+              <p className="text-[11px] text-slate-700 mt-1">电话：{contact.phone}｜微信：{contact.wechat}</p>
+              <button onClick={() => toggleExchange(contact.id)} className="mt-2 text-[11px] px-2 py-1 rounded border border-slate-300">
+                {contact.exchanged ? '已交换联系卡' : '交换联系卡'}
+              </button>
+            </article>
+          ))}
+        </div>
+      </section>
+
+      <section className="bg-white rounded-2xl p-3 border border-slate-200">
+        <div className="flex items-center gap-2 font-semibold text-sm"><Pin size={14} /> 置顶卡管理</div>
+        <div className="space-y-2 mt-2">
+          {topCards.map((card, index) => (
+            <article key={card.id} className="rounded-xl border border-slate-200 p-2">
+              <p className="text-xs font-semibold">TOP {index + 1} · {card.title}</p>
+              <p className="text-[11px] text-slate-600 mt-1">{card.city} · {card.budget}</p>
+              <p className="text-[11px] text-amber-700 mt-1">剩余 {card.daysLeft} 天</p>
+              <button onClick={() => renewTopCard(card.id)} className="mt-2 text-[11px] px-2 py-1 rounded bg-amber-500 text-white">
+                续费 +7 天
+              </button>
+            </article>
+          ))}
+        </div>
+      </section>
+
+      <section className="bg-white rounded-2xl p-3 border border-slate-200">
+        <div className="flex items-center gap-2 font-semibold text-sm"><Crown size={14} /> 会员体系</div>
+        <article className="mt-2 bg-gradient-to-r from-slate-900 to-slate-700 text-white rounded-xl p-3">
+          <p className="text-[11px] opacity-80">当前会员</p>
+          <p className="text-sm font-semibold mt-1">{memberLevel}</p>
+          <p className="text-[11px] mt-1 opacity-90">剩余 {memberDays} 天 · 每月 30 条项目发布额度</p>
+        </article>
+        <ul className="text-[11px] text-slate-600 mt-2 space-y-1">
+          <li>• 优先推荐：项目排名提升</li>
+          <li>• 高级筛选：行业/预算/区域维度</li>
+          <li>• 专属顾问：1v1 商务撮合支持</li>
+        </ul>
+        <button onClick={upgradeMembership} className="mt-3 w-full py-2 rounded-lg bg-emerald-500 text-white text-xs">升级为钻石会员</button>
+      </section>
 
-        <div className="flex-1 h-full overflow-hidden relative">
-          {renderModule()}
+      <section className="bg-white rounded-2xl p-3 border border-slate-200">
+        <div className="flex items-center gap-2 font-semibold text-sm"><UserRound size={14} /> 用户列表</div>
+        <div className="space-y-2 mt-2">
+          {users.map((user) => (
+            <article key={user.id} className="rounded-xl border border-slate-200 p-2">
+              <div className="flex items-center justify-between">
+                <p className="text-xs font-semibold">{user.name}</p>
+                <span className="text-[10px] px-2 py-0.5 rounded-full bg-slate-100">{user.status}</span>
+              </div>
+              <p className="text-[11px] text-slate-600 mt-1">角色：{user.role} · 等级：{user.level}</p>
+              <div className="grid grid-cols-2 gap-2 mt-2">
+                <button onClick={() => auditUser(user.id)} className="text-[11px] py-1.5 rounded-lg border border-slate-300">审核通过</button>
+                <button onClick={() => freezeUser(user.id)} className="text-[11px] py-1.5 rounded-lg border border-red-200 text-red-500">冻结/解冻</button>
+              </div>
+            </article>
+          ))}
         </div>
+      </section>
+    </div>
+  );
+
+  return (
+    <div className="h-screen bg-slate-50 max-w-md mx-auto border-x border-slate-200 flex flex-col relative">
+      <header className="px-4 py-3 bg-white border-b border-slate-200">
+        <div className="flex items-center justify-between">
+          <div>
+            <h1 className="text-base font-bold">U客直谈 · 交互版</h1>
+            <p className="text-[11px] text-slate-500">默认项目页 · 重点交互已打通</p>
+          </div>
+          <button className="h-9 w-9 rounded-full bg-emerald-500 text-white grid place-content-center">
+            <UserRound size={16} />
+          </button>
+        </div>
+      </header>
+
+      <main className="flex-1 overflow-y-auto p-3 pb-24">
+        {tab === 'projects' && renderProjects()}
+        {tab === 'users' && renderUsers()}
+
+        <section className="mt-3 bg-white rounded-2xl border border-slate-200 overflow-hidden">
+          <div className="p-3 border-b border-slate-200 flex items-center gap-2 text-sm font-semibold">
+            <MessageCircle size={14} /> 即时沟通
+          </div>
+          <div className="p-3 space-y-2 bg-slate-50 max-h-40 overflow-y-auto">
+            {messages.map((message, idx) => (
+              <div key={`${message}-${idx}`} className="ml-auto max-w-[85%] text-xs bg-emerald-500 text-white rounded-xl rounded-br-sm px-3 py-2">
+                {message}
+              </div>
+            ))}
+          </div>
+          <div className="p-2 bg-white border-t border-slate-200 flex gap-2">
+            <input
+              className="flex-1 px-3 py-2 border border-slate-200 rounded-lg text-xs focus:outline-none focus:ring-2 focus:ring-emerald-200"
+              placeholder="输入消息..."
+              value={draft}
+              onChange={(event) => setDraft(event.target.value)}
+              onKeyDown={(event) => event.key === 'Enter' && sendMessage()}
+            />
+            <button className="h-9 w-9 grid place-content-center rounded-lg bg-emerald-500 text-white" onClick={sendMessage}>
+              <Send size={14} />
+            </button>
+          </div>
+        </section>
       </main>
 
-      <div 
-        className={`fixed inset-y-0 right-0 transform transition-transform duration-300 ease-in-out shadow-2xl z-20 bg-white border-l border-ink-200
-          ${isAiOpen ? 'translate-x-0' : 'translate-x-full'} 
-          lg:relative lg:translate-x-0 ${isAiOpen ? 'lg:w-96' : 'lg:w-0 lg:hidden'}`}
-      >
-        <AICopilot 
-            projectData={projectData} 
-            activeModule={currentModule} 
-            updateProject={updateProject} 
-            language={language}
-        />
-      </div>
+      <nav className="fixed bottom-0 w-full max-w-md bg-white border-t border-slate-200 grid grid-cols-2">
+        {TABS.map((item) => (
+          <button key={item.key} onClick={() => setTab(item.key)} className={`py-2 flex flex-col items-center gap-1 text-[10px] ${tab === item.key ? 'text-emerald-600' : 'text-slate-500'}`}>
+            {item.icon}
+            <span>{item.label}</span>
+          </button>
+        ))}
+      </nav>
+
+      <button className="fixed bottom-16 right-4 h-12 w-12 rounded-full bg-emerald-500 text-white shadow-lg grid place-content-center">
+        <Wallet size={18} />
+      </button>
+
+      <button className="fixed bottom-[7.5rem] right-4 h-10 w-10 rounded-full bg-amber-500 text-white shadow grid place-content-center">
+        <Star size={16} />
+      </button>
+
+      {notice && (
+        <div className="fixed top-16 left-1/2 -translate-x-1/2 bg-slate-900 text-white text-xs px-3 py-1.5 rounded-full shadow">
+          {notice}
+        </div>
+      )}
+
+      {showCreate && (
+        <div className="fixed inset-0 bg-black/30 z-40 flex items-end">
+          <div className="bg-white w-full max-w-md mx-auto rounded-t-2xl p-4 space-y-2">
+            <div className="flex items-center justify-between">
+              <h3 className="font-semibold text-sm">新建项目</h3>
+              <button onClick={() => setShowCreate(false)} className="p-1 rounded border border-slate-200">
+                <X size={14} />
+              </button>
+            </div>
+            <input value={newProject.name} onChange={(e) => setNewProject((p) => ({ ...p, name: e.target.value }))} placeholder="项目名称" className="w-full text-xs border border-slate-200 rounded-lg px-3 py-2" />
+            <select value={newProject.category} onChange={(e) => setNewProject((p) => ({ ...p, category: e.target.value as Exclude<ProjectCategory, '全部'> }))} className="w-full text-xs border border-slate-200 rounded-lg px-3 py-2">
+              {PROJECT_CATEGORIES.filter((c) => c !== '全部').map((c) => <option key={c}>{c}</option>)}
+            </select>
+            <input value={newProject.demand} onChange={(e) => setNewProject((p) => ({ ...p, demand: e.target.value }))} placeholder="项目需求" className="w-full text-xs border border-slate-200 rounded-lg px-3 py-2" />
+            <input value={newProject.supplier} onChange={(e) => setNewProject((p) => ({ ...p, supplier: e.target.value }))} placeholder="匹配服务商" className="w-full text-xs border border-slate-200 rounded-lg px-3 py-2" />
+            <button onClick={createProject} className="w-full py-2 rounded-lg bg-emerald-500 text-white text-xs">确认创建</button>
+          </div>
+        </div>
+      )}
     </div>
   );
 }
diff --git a/copy-of-inkflow-script-ai/README.md b/copy-of-inkflow-script-ai/README.md
index f987536..a8becac 100644
--- a/copy-of-inkflow-script-ai/README.md
+++ b/copy-of-inkflow-script-ai/README.md
@@ -1,20 +1,26 @@
-<div align="center">
-<img width="1200" height="475" alt="GHBanner" src="https://github.com/user-attachments/assets/0aa67016-6eaf-458a-adb2-6e31a0763ed6" />
-</div>
+# U客直谈（移动端交互版 MVP）
 
-# Run and deploy your AI Studio app
+这是一个 **移动端优先** 的商务对接演示项目，基于 React + Vite。
 
-This contains everything you need to run your app locally.
+## 已实现功能
 
-View your app in AI Studio: https://ai.studio/apps/drive/1dxmjae5rjMtddE7xf_FkizV4nHrmREia
+- 默认进入项目页（无首页）
+- 项目分类筛选 + 搜索
+- 新建项目弹层（表单创建）
+- 项目状态推进（待沟通 → 跟进中 → 已签约）
+- 用户管理页整合：联系卡交换、置顶卡续费、会员升级、用户审核/冻结
+- 即时沟通消息发送
+- 轻提示反馈（toast）
 
-## Run Locally
+## 本地运行
 
-**Prerequisites:**  Node.js
+```bash
+npm install
+npm run dev
+```
 
+## 构建
 
-1. Install dependencies:
-   `npm install`
-2. Set the `GEMINI_API_KEY` in [.env.local](.env.local) to your Gemini API key
-3. Run the app:
-   `npm run dev`
+```bash
+npm run build
+```