docs: 初始化全球智能名片SaaS产品PRD与UI/UX设计大师规范文档

2026-09-20 16:03:32 +08:00
--- a/AGENTS.md
+++ b/AGENTS.md
--- a/README.md
+++ b/README.md
@@ -0,0 +1,40 @@
+# OmniCard AI (全球智能数字名片 & 移动微官网 SaaS)
+
+> 面向全球商务出海的下一代 **AI 驱动型智能名片 + 移动微官网 + 访客雷达 CRM + NFC 实体卡管理** 一体化平台。
+
+---
+
+## 📚 规划与设计文档导航
+
+- 📘 **[产品需求文档 (PRD)](./docs/PRODUCT_REQUIREMENTS_DOCUMENT.md)**
+  - 核心商业定位与目标用户画像
+  - 6大业务架构模块（微官网搭建系统、全球多语言引擎、AI 智能中枢、访客雷达 CRM、NFC 硬件中枢、企业团队管理）
+  - 商业化分级订阅模型 (Free / Pro / Enterprise)
+  - 阶段性演进实施路线图 (MVP 规划)
+
+- 🎨 **[体验设计大师规范 (UI/UX Design Spec)](./docs/UI_UX_DESIGN_SPEC.md)**
+  - “Touch & Spark” 零阻力触达设计哲学
+  - Bento Grid (便当盒网格) 响应式美学
+  - 全球化出海色彩系统与字体规范（包含阿语 RTL 镜像布局）
+  - 关键页面组件字典（访客端主页、AI 顾问浮层、NFC 交互触感、CRM 销售看板）
+  - 性能与首屏秒开体验预算 (FCP < 500ms)
+
+---
+
+## 🌟 核心价值亮点
+
+1. **零摩擦触达**：访客无需注册、无需下载 App，NFC 触碰或扫码即可瞬间打开，一键导入手机通讯录 (`.vcf`)。
+2. **多语言与智能出海**：支持英、西、阿 (RTL)、中、德、日等国际主流语种，AI 不仅支持翻译更提供地道商务润色。
+3. **AI 24/7 数字化身**：名片内置基于企业/个人知识库的 AI 问答代表，全天候接待跨时区海外客商并智能留资。
+4. **访客雷达与轻量 CRM**：实时掌握客户访问动态（国家定位、停留时长、阅读案例偏好），智能生成意向度评分与跟进话术。
+5. **NFC 动态云端硬件管理**：实体卡一次购入，云端自由切换业务场景（商务展会模式 / 社交模式 / 纯通讯录模式），支持一键远程挂失。
+
+---
+
+## 🛠 推荐技术栈选型
+
+- **微官网渲染层 (Visitor Portal)**：Next.js / SvelteKit (极致 SSR/SSG，边缘计算 CDN，秒开体验)
+- **多端应用管理层 (Admin App)**：React Native / Flutter 或 PWA (iOS / Android / Web 统一响应式)
+- **后端与数据库**：Node.js (NestJS) / Go + PostgreSQL (Supabase) + Redis 缓存
+- **AI 基础设施**：大语言模型 API + 向量数据库 (pgvector) 实现知识库 RAG
+- **国际支付体系**：Stripe Billing (支持多币种与订阅周期)
--- a/docs/PRODUCT_REQUIREMENTS_DOCUMENT.md
+++ b/docs/PRODUCT_REQUIREMENTS_DOCUMENT.md
@@ -0,0 +1,232 @@
+# OmniCard AI (全球智能名片 & 移动微官网 SaaS)
+## 产品需求文档 (PRD) 与 全球化体验设计蓝图
+
+---
+
+### 一、 产品战略定位与商业愿景 (Product Vision & Strategy)
+
+#### 1.1 产品定位
+**OmniCard AI** 是一款面向**全球出海商务、跨国企业团队、自由职业者及国际会展场景**的新一代 **AI 驱动型智能数字名片 + 移动微官网 (Bento Micro-Site) + 潜客雷达 CRM + 实体 NFC 智能卡管家** 一体化 SaaS 平台。
+
+它不仅是一张数字名片，更是出海企业与个人的**微型官网**与**24小时自动获客线索引擎**：
+- **访客端（Front-End Visitor Portal）**：秒级首屏、无缝多语言自适应、Bento Grid 现代卡片美学、内置 AI 智能代表对话。
+- **用户/管理端（Admin & Workspace）**：简单直观的可视化搭建、AI 批量生成多语言内容、NFC 卡片动态绑定与防伪、访客行为轨迹与 CRM 商机漏斗。
+- **企业团队端（Team / Enterprise Suite）**：统一定制企业品牌 VI 模板、员工集中分发与离职回收、线索公海池流转。
+
+#### 1.2 核心用户画像 (Target Personas)
+1. **外贸/跨境出海销售与参展团队**：常年参与海外展会（CES、广交会、迪拜GITEX等），需要跨语种交流，通过手机或 NFC 卡一碰即达，零摩擦留存客户线索。
+2. **跨国商务顾问/自由专家 (Consultants & Creators)**：需要集个人品牌展示、过往案例 (Portfolio)、干货博客文章 (Insights) 与 Calendly 预约排期于一体的移动端官网。
+3. **出海科技企业 / 代理商团队**：需要统一管理数十到数百名商务人员的名片物料，统一品牌形象，并集中追踪团队名片带来的全球线索转化。
+
+---
+
+### 二、 核心业务架构全景图 (System Architecture)
+
+```mermaid
+flowchart TD
+    subgraph 实体与触达层 [Touchpoints & Hardware]
+        NFC[NFC 智能实体卡/胸牌/手环]
+        QR[动态防伪二维码]
+        SocialLink[LinkedIn / WhatsApp / 邮件签名链接]
+    end
+
+    subgraph 访客体验层 [Visitor Experience (Mobile-First)]
+        Portal[Bento 风格移动微官网]
+        i18nDetect[动态地域与多语言检测 (Geo-i18n)]
+        vCardDownload[一键保存手机通讯录 (vCard 3.0/4.0)]
+        AIAgent[名片 AI 智能数字代表 (24/7 Q&A / 留资引导)]
+        CaseHub[精选案例与多媒体展厅]
+        ArticleHub[深度文章与公司动态]
+        LeadCapture[一键互换名片 / 预约日历]
+    end
+
+    subgraph AI 智能引擎层 [Omni AI Hub]
+        AICreator[AI 一键建站与文案润色]
+        AITranslator[行业级深度多语言翻译]
+        AIInsights[访客轨迹分析与意向度评分]
+        AIPitch[销售跟进话术智能推荐]
+    end
+
+    subgraph CRM 客户关系中枢 [Mini Lead CRM & Visitor Radar]
+        Radar[访客雷达: 实时足迹/国家/时长]
+        ContactPool[客户关系库 & 智能标签 (Hot/Warm/Cold)]
+        ExportSync[数据导出与第三方 CRM 集成 (HubSpot/Salesforce)]
+    end
+
+    subgraph 管理与硬件层 [SaaS Admin & NFC Fleet]
+        CardEditor[可视化块级搭建器 (Drag & Drop)]
+        NFCMgr[NFC 设备绑定/挂失/批量下发]
+        TeamGov[团队成员管理 / 品牌模板规范]
+    end
+
+    NFC --> Portal
+    QR --> Portal
+    SocialLink --> Portal
+    Portal --> i18nDetect
+    Portal --> vCardDownload
+    Portal --> AIAgent
+    Portal --> CaseHub
+    Portal --> ArticleHub
+    Portal --> LeadCapture
+
+    LeadCapture --> Radar
+    Radar --> AIInsights
+    AIInsights --> ContactPool
+    ContactPool --> AIPitch
+
+    AIAgent <--> Omni AI Hub
+    CardEditor <--> AICreator
+    CardEditor <--> AITranslator
+    NFCMgr <--> NFC
+```
+
+---
+
+### 三、 功能需求详细设计 (Functional Specifications)
+
+#### 3.1 模块一：微官网与名片可视化搭建系统 (Bio-Portal Builder)
+*设计灵感源于 Bento Grid (便当盒网格) 与 Apple 级精细质感，支持模块拖拽自由编排。*
+
+1. **基础名片层 (Hero Section)**：
+   - 头像/形象照、姓名、职业头衔、所属企业（带公司 Logo 与官网反向链接）。
+   - 个人签名/Slogan、所在地时区（方便跨国客户确认作息）、双语发音语音条（Audio Name Pronunciation）。
+   - 一键呼出与快捷方式：WhatsApp、LinkedIn、Email、Telegram、X (Twitter)、WeChat、电话直拨。
+   - **一键存入手机通讯录 (Add to Contacts)**：自动打包标准 `vCard (.vcf)`，内嵌高清头像、公司、备注及微官网 URL。
+2. **案例展示展厅 (Cases & Portfolio)**：
+   - 支持创建独立案例卡片：案例标题、合作客户、项目周期、痛点及解决方案、指标成效（数据 KPI 高亮卡片）。
+   - 多媒体支持：图片轮播、YouTube/Vimeo 视频内嵌、PDF 解决方案白皮书在线预览。
+3. **文章与动态分享 (Insights & Articles)**：
+   - 类似 Substack / Medium 的轻量级移动排版，支持富文本排版。
+   - 社交分享元数据（OpenGraph）自动生成：转发至 LinkedIn、WhatsApp 时具备吸引人的预览图和摘要卡。
+4. **个性化视觉定制 (Visual Theming)**：
+   - 预设商务模板：硅谷科技暗黑 (Tech Dark)、瑞士极简 (Swiss Minimalist)、中东奢华金属 (Gold Luxe)、现代商务蓝 (Corporate Navy)。
+   - 支持自定义 CSS 主题色、字体（Google Fonts 全球字体库）、背景渐变动效与玻璃拟态效果。
+
+#### 3.2 模块二：全球化多语言体系 (Global i18n Engine)
+1. **多语言全链路支持**：
+   - 系统支持主流国际商务语言：英语 (English)、西班牙语 (Español)、阿拉伯语 (العربية，需特别支持 **RTL 镜像排版**)、中文（简/繁）、德语 (Deutsch)、法语 (Français)、日语 (日本語)。
+2. **双重多语言实现机制**：
+   - **界面级 i18n**：系统按钮、预置文案随访客浏览器首选语言自动本地化。
+   - **内容级多语种独立配置**：名片所有者可针对同一张名片创建不同语言内容分支（例如：英语版侧重全球市场案例，阿语版针对中东能源合作定制）。
+3. **地理位置自动路由 (Geo-Routing)**：
+   - 访客扫码时，根据 IP 地理位置与浏览器语言自动呈现对应语言版本，右上角常驻全球语言切换器。
+
+#### 3.3 模块三：AI 智能中枢 (Omni AI Suite)
+1. **AI 智能一键生成名片 (AI Card Co-pilot)**：
+   - 输入公司官网 URL、领英主页链接或一段纯文本公司介绍，AI 自动提炼核心优势，并在 10 秒内生成完整的名片布局、案例介绍与代表作品。
+2. **AI 深度商务本地化润色与翻译 (AI Localization)**：
+   - 绝非机械机翻，基于大模型结合目标国家商务习惯进行术语转换与语调调节（Professional 专业稳重 / Direct 严谨直观 / Storytelling 品牌叙事）。
+3. **名片 AI 智能对话代表 (Card-Embedded AI Concierge)**：
+   - 每张名片可唤起浮动 AI 助手窗口。
+   - **知识库灌注 (RAG)**：名片主可上传个人简历、公司 FAQ、产品规格书、价格区间。
+   - 访客可直接向 AI 提问：“你们在中东有哪些成功案例？”、“这位顾问擅长哪类业务？”。
+   - 意图识别与留资：当检测到深度意向时，AI 自动引导：“我可以为您将具体方案发至您的邮箱，方便留下您的称呼和联系方式吗？”。
+4. **AI 销售辅助与商机生成 (AI Copilot for Seller)**：
+   - 根据访客行为生成《潜在客户意向度诊断报告》，并自动生成个性化邮件/WhatsApp 开场白跟进建议。
+
+#### 3.4 模块四：轻量级客户关系 CRM 与访客雷达 (Lead CRM & Radar)
+1. **实时访客雷达 (Visitor Radar)**：
+   - 当海外客户在展会或拜访后点开名片，销售 App 收到即时推送（Push Notification）：
+     *“来自阿联酋迪拜的访客正在浏览您的名片，已停留 3 分钟，正在重点查看‘新能源储能项目案例’！”*
+2. **无摩擦线索沉淀 (Frictionless Lead Exchange)**：
+   - “互换名片”弹窗：访客只需输入姓名、公司、邮箱/WhatsApp，或拍照上传纸质名片（接入 OCR 自动识别结构化入库）。
+3. **线索全生命周期看板 (Lead Pipeline)**：
+   - 状态流转：新线索 (New) → 已建立联系 (Contacted) → 深度意向 (Hot) → 赢单 (Won) / 沉睡 (Archived)。
+   - 客户详细画像：历次访问时间轴、阅读案例偏好、AI 智能跟进备忘录。
+4. **第三方生态打通**：
+   - 支持将线索一键同步至国际主流 CRM（HubSpot、Salesforce、Pipedrive）或 Webhook 转发至飞书/Slack。
+
+#### 3.5 模块五：NFC 电子名片与硬件设备管理 (NFC Fleet Hub)
+1. **硬件兼容性与双协议写入**：
+   - 兼容标准 NTAG213 / NTAG215 / NTAG216 芯片卡片、金属卡、竹木环保卡、手机后贴及智能徽章。
+   - **动态云端短链模式 (Dynamic Cloud URL)**：卡片只写入唯一的短链（如 `card.site/nfc/xyz123`），用户在 App 端可随时切换绑定的名片，无需重新烧录硬件。
+   - **离线名片备份 (NDEF vCard Fallback)**：支持在弱网/离线场景下直接写入离线联系人数据。
+2. **NFC 设备全生命周期管控**：
+   - 硬件绑定激活：App 端开启 NFC 读取，贴近新卡 0.5 秒完成安全激活。
+   - 场景化卡片模式切换：例如同一张卡，白天“商务展会模式”绑定公司英文官网名片，夜晚“社交模式”绑定个人社交主页。
+   - 安全防篡改与丢失注销：支持一键挂失冻结，防止卡片丢失后商业信息被恶意篡改。
+
+#### 3.6 模块六：多租户企业版管理 (Enterprise & Team Workspace)
+1. **统一品牌模板库 (Brand Kit)**：
+   - 企业管理员统一锁定 Logo、主色调、排版规范，员工仅可填充个人手机号、照片及特定语言简介。
+2. **团队权限与线索公海**：
+   - 分级权限：超级管理员 (Owner)、部门主管 (Manager)、销售成员 (Member)。
+   - 员工离职一键转接：离职员工的名片短链与二维码自动重定向至企业公海或新接替人员，确保客户资产不流失。
+3. **团队获客数据大屏 (Team Analytics)**：
+   - 展会期间统计各团队成员名片触达次数、线索获取数量、区域分布排行榜。
+
+---
+
+### 四、 移动端与交互体验大师设计方案 (App UI/UX Masterclass)
+
+#### 4.1 视觉风格与设计基准 (Design Tone & Aesthetics)
+- **设计哲学**：*“Less friction, Maximum impact”*（零摩擦交互，极致商业张力）。
+- **色彩体系**：
+  - 主色（Brand Primary）：`#0F172A` (深空曜黑) + `#3B82F6` (国际科技蓝)。
+  - 辅色（Accent）：`#10B981` (高意向翡翠绿 - 状态点与活跃标识)、`#F59E0B` (暖金色 - 高端质感微渐变)。
+  - 背景色（Background）：自适应深色模式 (`#0B0F19`) 与浅色模式 (`#F8FAFC`)。
+- **排版字体**：
+  - 英文优先：Inter / SF Pro Display（清晰、几何美感）。
+  - 阿拉伯文适配：IBM Plex Sans Arabic。
+  - 数字与 KPI：JetBrains Mono / DIN Next。
+- **微交互与质感**：
+  - 卡片边框采用 1px 微渐变描边（Subtle Rim Light），模拟 Apple 硬件质感。
+  - 按钮点击包含微震动触觉反馈（Haptic Feedback）。
+  - NFC 刷卡时屏幕呈现动态波纹扩散动效（Holographic Wave Effect）。
+
+#### 4.2 关键页面交互流程图 (User Journey & Wireflows)
+
+```
+[访客端路径]
+访客触碰 NFC 卡 / 扫描二维码
+   │
+   ├─► 识别 IP / 语言 ──► 加载微官网 (耗时 < 800ms)
+   │                           │
+   │      ┌────────────────────┴────────────────────┐
+   │      ▼                                         ▼
+   │  [浏览 Bento 卡片]                         [呼起 AI 助手]
+   │  - 查阅多语言案例                           - 询问企业背景/方案
+   │  - 阅读深度文章                             - AI 引导留资
+   │      │                                         │
+   │      └────────────────────┬────────────────────┘
+   │                           ▼
+   └──────────────────► 点击【保存通讯录】或【一键互换】
+                               │
+                               ▼
+                 销售端收到雷达 Push 推送 ──► 线索沉淀进 CRM
+```
+
+---
+
+### 五、 商业化订阅模型 (Monetization & Packaging)
+
+| 功能特权 | 免费版 (Free) | 专业版 (Pro) | 商业企业版 (Team/Enterprise) |
+| :--- | :--- | :--- | :--- |
+| **适用人群** | 个人体验、初创独立人 | 出海业务精英、独立顾问 | 外贸销售团队、出海跨国企业 |
+| **名片数量** | 1 张标准名片 | 5 张多语言/多场景名片 | 无限名片（按席位计费） |
+| **微官网案例/文章** | 限制 2 个案例，无独立文章 | 无限案例，支持富媒体文章 | 统一品牌案例库，团队协同发布 |
+| **多语言支持** | 基础双语 (自动翻译) | 全球 10+ 语言 AI 深度润色 | 全球语言 + 企业专有术语库 |
+| **AI 智能助手** | 基础版 (每月 50 次对话) | 专属知识库 AI (无限对话) | 企业级 RAG 知识库 + 销售线索自动转化 |
+| **NFC 卡管理** | 支持手动写入 | 动态短链、卡片模式随时切换 | 硬件批量入库、集中注销与资产转接 |
+| **访客雷达 CRM** | 仅显示访问次数 | 实时足迹、地理定位、意向度评分 | 团队线索池、HubSpot/Salesforce 对接 |
+| **自定义域名** | `name.card.site` | 支持独立域名 `me.yourdomain.com` | 企业主域通配 `*.brand.com` + 移除平台标志 |
+
+---
+
+### 六、 技术实施路径与演进路线 (Roadmap)
+
+1. **第一阶段：内核与微官网原型 (MVP)**
+   - 搭建跨平台高响应 Web 渲染端（Next.js / SSR 极速秒开）。
+   - 实现 Bento Grid 拖拽式编辑器，支持基本信息、案例及文章展示。
+   - 完成 vCard 一键下载与基础二维码生成。
+2. **第二阶段：多语言与 NFC 硬件互联**
+   - 接入国际化 i18n 引擎（包含 RTL 布局支持）。
+   - 实现 Web NFC 与移动端 NFC 卡片读写/动态绑定流程。
+3. **第三阶段：AI 智能体与 CRM 访客雷达**
+   - 接入大模型 API，上线 AI 一键建站、智能多语言润色。
+   - 部署名片内置 RAG 智能问答助理。
+   - 建立访客实时追踪（IP 地域定位、停留时长统计）与线索收集看板。
+4. **第四阶段：企业级团队协作与商业化**
+   - 企业多租户架构与团队权限系统。
+   - Stripe 国际信用卡支付及订阅体系接入。
+   - 外部 CRM 生态对接。
--- a/docs/UI_UX_DESIGN_SPEC.md
+++ b/docs/UI_UX_DESIGN_SPEC.md
@@ -0,0 +1,106 @@
+# OmniCard AI 体验设计大师规范 (UI/UX Design Specification)
+
+---
+
+### 一、 设计原则与设计语言 (Design Philosophy)
+
+1. **“Touch & Spark” 零阻力触达**：
+   - 访客端无需注册、无需下载 App，通过 NFC 碰触或扫码，800ms 内完成首屏渲染与语言适配。
+   - 核心商业动作（一键保存到手机通讯录、发起 WhatsApp/邮件、预约日程）在 1 次点击内触达。
+2. **Bento Grid 模块化美学**：
+   - 采用类似 Apple / Linear 风格的便当盒网格设计，不同维度的内容（身份、案例、文章、社交矩阵、视频）作为独立的响应式磁贴（Tiles）。
+3. **全球化包容设计 (Universal Inclusivity)**：
+   - 全语种排版适配：支持 LTR（左至右如英文、中文）和 RTL（右至左如阿拉伯文、希伯来文）的镜像翻转布局。
+   - 国际网络容错：弱网离线缓存联系人，高清媒体图片智能懒加载及 WebP 压缩。
+
+---
+
+### 二、 视觉与设计系统 (Design System Tokens)
+
+#### 2.1 颜色系统 (Color Tokens)
+- **品牌底色与质感**：
+  - `Dark Canvas`: `#090D16`（深邃黑曜石，减少夜间眩光，提升 OLED 屏质感）
+  - `Surface High`: `#131B2E`（卡片表面）
+  - `Surface Border`: `rgba(255, 255, 255, 0.08)`（1px 微光渐变描边）
+  - `Light Canvas`: `#F8FAFC`（纯净极简浅色自适应）
+- **功能性高光色 (Accent & Semantics)**：
+  - `Electric Blue`: `#2563EB` / `#3B82F6`（国际商务与科技，主行动按钮）
+  - `Emerald Radar`: `#10B981`（高意向访客状态、活跃在线指示灯）
+  - `Sunset Amber`: `#F59E0B`（重点案例、VIP标签）
+  - `Arabic Gold`: `#D97706`（中东/奢华定制版主题点缀）
+
+#### 2.2 排版与跨语言排版规范 (Typography)
+- **字体栈**：
+  - 西文字体：`Inter`, `-apple-system`, `BlinkMacSystemFont`, `sans-serif`
+  - 中文字体：`PingFang SC`, `MiSans`, `Microsoft YaHei`
+  - 阿拉伯文：`IBM Plex Sans Arabic`, `Tajawal`
+  - 数字/统计指标：`JetBrains Mono`, `DIN Next LT Pro`
+- **RTL 镜像规则**：
+  - 当语言切换为阿拉伯语 (ar) 时，整体 UI 自动启用 `dir="rtl"`，左右边距、图标箭头方向、返回按钮自动镜像对调。
+
+---
+
+### 三、 核心页面与界面构件字典 (Interface Components)
+
+#### 3.1 移动微官网主页（访客端）
+1. **Header 状态栏与语言选择器**：
+   - 左上角：品牌轻量水印或企业域名。
+   - 右上角：全球语言切换胶囊按钮（如 `🌐 EN ▾`），点击弹出丝滑毛玻璃底部抽屉，快速切换语言。
+2. **Hero 个人/企业身份卡 (Hero Bento Tile)**：
+   - 3D 浮雕/圆角头像，支持微动态呼吸光圈（代表在线状态或当前处于工作时间）。
+   - 姓名旁带有 **[发音播报按钮 🔊]**，解决跨国商务交流中姓名发音不标准的尴尬痛点。
+   - 所在地与时区标签：`📍 Singapore (GMT+8, 14:30 PM - Working hours)`。
+   - 快速连接矩阵：横向轻滑的社交图标群（WhatsApp、LinkedIn、WeChat、X 等）。
+3. **主行动号召栏 (Fixed Bottom Action Bar)**：
+   - 页面底部悬浮毛玻璃栏（Glassmorphism Dock）：
+     - **按钮 A【保存通讯录 (Save Contact)】**：一键触发 Safari / Chrome 的 vCard 导入通道。
+     - **按钮 B【互换名片 (Exchange)】**：快速弹出双向留资卡。
+     - **按钮 C【AI 顾问 💬】**：气泡呼吸动效，提示“Ask anything about our company”。
+4. **精选案例磁贴 (Portfolio Bento Tiles)**：
+   - 2x2 或 2x1 变宽卡片，封面采用高品质大图，下方展示项目成效（如：`+240% ROI`、`$1.2M 签约`）。
+   - 点击展开沉浸式全屏详情页，支持图文排版与多媒体播放。
+5. **深度洞察文章 (Insights & Articles)**：
+   - 简约瀑布流/横滑卡片，显示阅读预估时间（如 `3 min read`）和标签分类，支持一键生成适合分享到朋友圈/LinkedIn 的精美图文分享海报。
+
+#### 3.2 名片内置 AI 助理浮层 (Interactive AI Concierge)
+- **触发形式**：轻量级半屏抽屉式展开（Bottom Sheet），不遮挡主名片背景，保持轻快感。
+- **预设快捷提问泡泡 (Quick Prompt Chips)**：
+  - *“你们提供哪些服务？”*
+  - *“有针对欧洲市场的合作案例吗？”*
+  - *“如何预约 1 对 1 线上会议？”*
+- **留资转化钩子**：AI 回答完毕后，智能挂载下一步操作卡片（如发送产品白皮书至邮箱、直接呼起 WhatsApp 对话）。
+
+#### 3.3 NFC 实体卡互动触感与管理
+1. **触碰微交互**：
+   - 访客手机感应到 NFC 时，页面首先展现轻量加载光环动效，伴随平滑过渡淡入名片。
+2. **App 端 NFC 绑定中心**：
+   - 3D 拟真卡片视图，展示当前绑定的名片样式与绑定的实时短链。
+   - **一键切换模式 (Scene Switcher)**：
+     - `商务会展模式 (Business)`：跳转多语言微官网。
+     - `直接通讯录模式 (Direct vCard)`：触碰直接弹出新建联系人。
+     - `社交主页模式 (Social Hub)`：聚合个人社媒矩阵。
+   - **挂失状态**：一键切换为红灰色不可用状态，若有人刷卡，显示“此卡已由所有者临时挂失”的安全页。
+
+#### 3.4 销售工作台与 CRM 访客雷达
+1. **实时雷达推送卡片 (Radar Live Feed)**：
+   - 卡片式瀑布流：按时间倒序展示每一次名片被访问的事件。
+   - 视觉标识：国旗图标（如 🇦🇪 阿联酋、🇺🇸 美国）、访问来源（NFC 碰触 / 微信转发 / LinkedIn 外部链接）、阅读深度进度条（已阅读 80% 案例）。
+2. **潜在客户看板 (Lead Kanban)**：
+   - 依据 AI 意向度评分（Intention Score）分为：
+     - 🔥 **热意向 (High)**：停留时长 > 2分钟，查看了价格或案例详情，甚至尝试与 AI 助手对话。
+     - ⚡ **常规意向 (Medium)**：浏览了主页并点击了社交链接。
+     - ❄️ **低活跃 (Cold)**：仅打开主页后秒退。
+   - 销售人员在移动端可左滑标记跟进、右滑生成“AI 推荐跟进邮件/WhatsApp 开场白”。
+
+---
+
+### 四、 性能体验与交付指标 (Performance & Quality Budget)
+
+1. **秒开加载预算**：
+   - 访客首屏 (FCP - First Contentful Paint) < 500ms（全球 CDN 边缘节点缓存）。
+   - 可交互时间 (TTI - Time to Interactive) < 1.0s。
+   - 核心 Web 体验指标 (Core Web Vitals) 全绿 (LCP < 1.5s, CLS < 0.05)。
+2. **跨平台兼容矩阵**：
+   - iOS: Safari 14+, 适配 Dynamic Island (灵动岛) 及安全区域。
+   - Android: Chrome / Samsung Internet，深度支持 Web NFC API。
+   - 桌面端：大屏自适应为居中手机样机预览（Phone Mockup）+ 侧边交互区，兼具优雅展示效果。