diff --git a/uni-app/src/config.js b/uni-app/src/config.js
index d199787..8fe3eb4 100644
--- a/uni-app/src/config.js
+++ b/uni-app/src/config.js
@@ -10,11 +10,13 @@ export const STORAGE_KEYS = {
 
 export const PAGES = {
   INDEX: '/pages/index/index',
+  WORKSPACE_CUSTOMER: '/pages/workspace-customer/workspace-customer',
+  WORKSPACE_BIZ: '/pages/workspace-biz/workspace-biz',
+  PROFILE: '/pages/profile/profile',
   TRANSLATE: '/pages/translate/translate',
   CUSTOMERS: '/pages/customers/customers',
   MARKETING: '/pages/marketing/marketing',
   QUOTATION: '/pages/quotation/quotation',
-  PROFILE: '/pages/profile/profile',
   LOGIN: '/pages/login/login',
   PRODUCT: '/pages/product/product',
   UPGRADE: '/pages/upgrade/upgrade',
diff --git a/uni-app/src/pages.json b/uni-app/src/pages.json
index 3d46fa0..0646b4c 100644
--- a/uni-app/src/pages.json
+++ b/uni-app/src/pages.json
@@ -18,6 +18,20 @@
         "navigationBarTitleText": "客户管理"
       }
     },
+    {
+      "path": "pages/workspace-customer/workspace-customer",
+      "style": {
+        "navigationBarTitleText": "客户工作台",
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/workspace-biz/workspace-biz",
+      "style": {
+        "navigationBarTitleText": "业务工作台",
+        "navigationStyle": "custom"
+      }
+    },
     {
       "path": "pages/marketing/marketing",
       "style": {
@@ -145,16 +159,12 @@
         "text": "首页"
       },
       {
-        "pagePath": "pages/customers/customers",
+        "pagePath": "pages/workspace-customer/workspace-customer",
         "text": "客户"
       },
       {
-        "pagePath": "pages/marketing/marketing",
-        "text": "营销"
-      },
-      {
-        "pagePath": "pages/quotation/quotation",
-        "text": "报价"
+        "pagePath": "pages/workspace-biz/workspace-biz",
+        "text": "业务"
       },
       {
         "pagePath": "pages/profile/profile",
diff --git a/uni-app/src/pages/index/index.vue b/uni-app/src/pages/index/index.vue
index e175b34..9e6ac47 100644
--- a/uni-app/src/pages/index/index.vue
+++ b/uni-app/src/pages/index/index.vue
@@ -130,25 +130,33 @@
     </view>
 
     <view class="more-section">
-      <view class="section-title">功能矩阵</view>
+      <view class="section-title">快捷入口</view>
       <view class="more-grid">
-        <view class="more-item" @click="goToPage(PAGES.TRANSLATE)">
+        <view class="more-item" @click="goToPage(PAGES.WORKSPACE_BIZ)">
           <text class="more-icon">🔤</text>
           <text class="more-text">翻译</text>
         </view>
-        <view class="more-item" @click="goToPage(PAGES.DISCOVERY)">
+        <view class="more-item" @click="goToPage(PAGES.WORKSPACE_CUSTOMER)">
           <text class="more-icon">🔍</text>
-          <text class="more-text">挖掘新客</text>
+          <text class="more-text">客户</text>
         </view>
-        <view class="more-item" @click="hasLogin ? goToPage(PAGES.PRODUCT) : goToLogin()">
+        <view class="more-item" @click="hasLogin ? goToPage(PAGES.WORKSPACE_BIZ) : goToLogin()">
           <text class="more-icon">📦</text>
-          <text class="more-text">产品库</text>
+          <text class="more-text">产品</text>
         </view>
-        <view class="more-item" @click="hasLogin ? goToPage(PAGES.FOLLOWUP) : goToLogin()">
+        <view class="more-item" @click="hasLogin ? goToPage(PAGES.WORKSPACE_CUSTOMER) : goToLogin()">
           <text class="more-icon">📋</text>
           <text class="more-text">跟进</text>
           <text class="notif-badge" v-if="hasLogin && followupStats.pending > 0">{{ followupStats.pending > 99 ? '99+' : followupStats.pending }}</text>
         </view>
+        <view class="more-item" @click="hasLogin ? goToPage(PAGES.WORKSPACE_BIZ) : goToLogin()">
+          <text class="more-icon">💰</text>
+          <text class="more-text">报价</text>
+        </view>
+        <view class="more-item" @click="hasLogin ? goToPage(PAGES.WORKSPACE_BIZ) : goToLogin()">
+          <text class="more-icon">📝</text>
+          <text class="more-text">营销</text>
+        </view>
         <view class="more-item" @click="hasLogin ? goToPage(PAGES.NOTIFICATION) : goToLogin()">
           <text class="more-icon">🔔</text>
           <text class="more-text">通知</text>
diff --git a/uni-app/src/pages/profile/profile.vue b/uni-app/src/pages/profile/profile.vue
index 21b49e6..22540fc 100644
--- a/uni-app/src/pages/profile/profile.vue
+++ b/uni-app/src/pages/profile/profile.vue
@@ -19,6 +19,26 @@
       </view>
     </view>
 
+    <view class="section">
+      <view class="section-title">工作台</view>
+      <view class="menu-item" @click="goNotification">
+        <text class="menu-icon">🔔</text>
+        <text class="menu-text">通知中心</text>
+        <text class="badge-count" v-if="unreadCount > 0">{{ unreadCount > 99 ? '99+' : unreadCount }}</text>
+        <text class="menu-arrow">›</text>
+      </view>
+      <view class="menu-item" @click="goAnalytics">
+        <text class="menu-icon">📊</text>
+        <text class="menu-text">数据分析</text>
+        <text class="menu-arrow">›</text>
+      </view>
+      <view class="menu-item" @click="goTeam">
+        <text class="menu-icon">👥</text>
+        <text class="menu-text">团队协作</text>
+        <text class="menu-arrow">›</text>
+      </view>
+    </view>
+
     <view class="section">
       <view class="section-title">账号设置</view>
       <view class="menu-item" v-if="user.tier !== 'guest'" @click="showProfileEdit = true">
@@ -59,6 +79,16 @@
         <text class="menu-text">意见反馈</text>
         <text class="menu-arrow">›</text>
       </view>
+      <view class="menu-item" @click="goPage('/pages/upgrade/upgrade')">
+        <text class="menu-icon">💎</text>
+        <text class="menu-text">升级会员</text>
+        <text class="menu-arrow">›</text>
+      </view>
+      <view class="menu-item" @click="showWechatModal = true">
+        <text class="menu-icon">💁</text>
+        <text class="menu-text">联系客服</text>
+        <text class="menu-arrow">›</text>
+      </view>
     </view>
 
     <view class="section">
@@ -138,12 +168,13 @@
 <script setup>
 import { ref, computed, onMounted } from 'vue'
 import { onShow } from '@dcloudio/uni-app'
-import { authApi, creditApi } from '@/utils/api.js'
+import { authApi, creditApi, notificationApi } from '@/utils/api.js'
 import AiAssistant from '@/components/ai-assistant.vue'
 import { STORAGE_KEYS, PAGES, TIER_LABELS } from '@/config.js'
 
 const user = ref({})
 const creditBalance = ref(0)
+const unreadCount = ref(0)
 const showProfileEdit = ref(false)
 const showPassword = ref(false)
 const editForm = ref({ username: '', email: '' })
@@ -217,6 +248,17 @@ const goFeedback = () => uni.navigateTo({ url: PAGES.FEEDBACK })
 const goAgreement = (type) => uni.navigateTo({ url: `/pages/agreement/${type}` })
 const goCertification = () => uni.navigateTo({ url: PAGES.CERTIFICATION })
 const goInvoice = () => uni.navigateTo({ url: PAGES.INVOICE })
+const goNotification = () => uni.navigateTo({ url: PAGES.NOTIFICATION })
+const goAnalytics = () => uni.navigateTo({ url: PAGES.ANALYTICS })
+const goTeam = () => uni.navigateTo({ url: PAGES.TEAM })
+const goPage = (url) => uni.navigateTo({ url })
+
+const loadUnread = async () => {
+  try {
+    const res = await notificationApi.unreadCount()
+    unreadCount.value = res.count || 0
+  } catch { unreadCount.value = 0 }
+}
 
 const logout = () => {
   uni.showModal({
@@ -232,8 +274,8 @@ const logout = () => {
   })
 }
 
-onMounted(loadUser)
-onShow(loadUser)
+onMounted(() => { loadUser(); loadUnread() })
+onShow(() => { loadUser(); loadUnread() })
 </script>
 
 <style scoped>
diff --git a/uni-app/src/pages/workspace-biz/workspace-biz.vue b/uni-app/src/pages/workspace-biz/workspace-biz.vue
new file mode 100644
index 0000000..673880c
--- /dev/null
+++ b/uni-app/src/pages/workspace-biz/workspace-biz.vue
@@ -0,0 +1,1246 @@
+<template>
+  <view class="biz-container">
+    <!-- Custom Nav Bar -->
+    <view class="custom-nav" :style="{ paddingTop: statusBarHeight + 'px' }">
+      <view class="nav-content" :style="{ height: navBarHeight + 'px' }">
+        <text class="nav-title">业务工作台</text>
+      </view>
+    </view>
+
+    <!-- Inline Tabs -->
+    <view class="inline-tabs-wrapper" :style="{ top: (statusBarHeight + navBarHeight) + 'px' }">
+      <scroll-view class="inline-tabs" scroll-x :show-scrollbar="false">
+        <view
+          class="inline-tab"
+          v-for="(tab, idx) in tabs"
+          :key="idx"
+          :class="{ active: currentTab === idx }"
+          @click="currentTab = idx"
+        >
+          <text class="inline-tab-text">{{ tab.label }}</text>
+          <view class="inline-tab-indicator" v-if="currentTab === idx"></view>
+        </view>
+      </scroll-view>
+    </view>
+
+    <!-- Page Content -->
+    <scroll-view class="page-content" scroll-y :style="{ marginTop: (statusBarHeight + navBarHeight + 88) + 'px' }">
+      <!-- Tab 1: 翻译 -->
+      <view class="tab-panel" v-if="currentTab === 0">
+        <view class="card">
+          <view class="mode-switch">
+            <view class="mode-item" :class="{ active: translateMode === 'translate' }" @click="translateMode = 'translate'">文本翻译</view>
+            <view class="mode-item" :class="{ active: translateMode === 'reply' }" @click="translateMode = 'reply'">回复建议</view>
+          </view>
+
+          <view class="form-item">
+            <text class="form-label">{{ translateMode === 'translate' ? '输入原文' : '客户询盘' }}</text>
+            <textarea class="form-textarea" v-model="translateInput" :placeholder="translateMode === 'translate' ? '输入需要翻译的文本...' : '输入客户的询盘内容...'" />
+          </view>
+
+          <view class="form-item" v-if="translateMode === 'translate'">
+            <text class="form-label">目标语言</text>
+            <picker :range="translateLangs" range-key="name" @change="onTranslateLangChange">
+              <view class="picker-value">{{ translateLangs[translateLangIndex].name }}</view>
+            </picker>
+          </view>
+
+          <button class="primary-btn" @click="handleTranslate" :disabled="translateLoading">
+            {{ translateLoading ? '翻译中...' : '翻译' }}
+          </button>
+
+          <view class="result-block" v-if="translateResult">
+            <view class="result-header">
+              <text class="result-label">翻译结果</text>
+              <view class="result-actions">
+                <text class="result-action-btn extract" @click="handleExtract">抽取信息</text>
+                <text class="result-action-btn tts" @click="playTts">朗读</text>
+                <text class="result-action-btn copy" @click="copyText(translateResult)">复制</text>
+              </view>
+            </view>
+            <view class="result-text">{{ translateResult }}</view>
+          </view>
+
+          <view class="suggestions-block" v-if="translateSuggestions.length > 0">
+            <text class="section-label">回复建议</text>
+            <view class="suggestion-item" v-for="(s, i) in translateSuggestions" :key="i" @click="copyText(s.text)">
+              <text class="suggestion-text">{{ s.text }}</text>
+              <text class="suggestion-tone">{{ s.tone }}</text>
+            </view>
+          </view>
+
+          <view class="extracted-block" v-if="extractedInfo && Object.keys(extractedInfo).length">
+            <text class="section-label">抽取信息</text>
+            <view class="extracted-row" v-for="(val, key) in extractedInfo" :key="key">
+              <text class="extracted-label">{{ extractFieldLabels[key] || key }}</text>
+              <text class="extracted-value">{{ val || '-' }}</text>
+            </view>
+          </view>
+
+          <view class="view-full-link" @click="$router && $router.navigate(PAGES.TRANSLATE)">
+            <text>查看完整版 ›</text>
+          </view>
+        </view>
+      </view>
+
+      <!-- Tab 2: 产品库 -->
+      <view class="tab-panel" v-if="currentTab === 1">
+        <view class="card">
+          <view class="product-list" v-if="products.length > 0">
+            <view class="product-item" v-for="item in products" :key="item.id" @click="goToProduct">
+              <view class="product-main">
+                <view class="product-name-row">
+                  <text class="product-name">{{ item.name }}</text>
+                  <text class="product-category" v-if="item.category">{{ item.category }}</text>
+                </view>
+                <text class="product-price" v-if="item.price">{{ item.price }} {{ item.price_unit || 'USD' }}</text>
+                <view class="product-tags" v-if="item.keywords && item.keywords.length">
+                  <text class="tag" v-for="(kw, idx) in item.keywords.slice(0, 3)" :key="idx">{{ kw }}</text>
+                </view>
+              </view>
+              <text class="product-arrow">›</text>
+            </view>
+          </view>
+
+          <view class="empty-state" v-else>
+            <text class="empty-icon">📦</text>
+            <text class="empty-text">暂无产品，点击 + 添加</text>
+          </view>
+
+          <view class="view-full-link" @click="goToProduct">
+            <text>查看完整版 ›</text>
+          </view>
+        </view>
+
+        <!-- Bottom Actions -->
+        <view class="bottom-bar">
+          <view class="bar-btn" @click="handleExportProducts">
+            <text class="bar-icon">📤</text>
+            <text class="bar-label">导出</text>
+          </view>
+          <view class="bar-btn" @click="handleImportProducts">
+            <text class="bar-icon">📥</text>
+            <text class="bar-label">导入</text>
+          </view>
+          <view class="fab-btn" @click="goToProduct">
+            <text class="fab-icon">+</text>
+          </view>
+        </view>
+      </view>
+
+      <!-- Tab 3: 报价单 -->
+      <view class="tab-panel" v-if="currentTab === 2">
+        <view class="card">
+          <view class="filter-chips">
+            <view class="chip" :class="{ active: quoteFilter === 'all' }" @click="quoteFilter = 'all'; loadQuotations()">全部</view>
+            <view class="chip" :class="{ active: quoteFilter === 'draft' }" @click="quoteFilter = 'draft'; loadQuotations()">草稿</view>
+            <view class="chip" :class="{ active: quoteFilter === 'sent' }" @click="quoteFilter = 'sent'; loadQuotations()">已发送</view>
+            <view class="chip" :class="{ active: quoteFilter === 'accepted' }" @click="quoteFilter = 'accepted'; loadQuotations()">已成交</view>
+          </view>
+
+          <view class="quotation-list" v-if="quotations.length > 0">
+            <view class="quotation-item" v-for="item in quotations" :key="item.id">
+              <view class="quotation-main">
+                <view class="quotation-title-row">
+                  <text class="quotation-title">{{ item.title || '报价单' }}</text>
+                  <text class="quotation-badge" :class="item.status">{{ getStatusText(item.status) }}</text>
+                </view>
+                <view class="quotation-meta">
+                  <text class="meta-text">{{ item.currency || 'USD' }} {{ item.total || 0 }}</text>
+                  <text class="meta-text">{{ formatTime(item.created_at) }}</text>
+                </view>
+              </view>
+              <view class="quotation-actions">
+                <text class="q-action" @click.stop="copyQuotation(item)">复制</text>
+                <text class="q-action" @click.stop="exportPdf(item)">PDF</text>
+                <text class="q-action primary" v-if="item.status === 'draft'" @click.stop="sendQuote(item)">发送</text>
+              </view>
+            </view>
+          </view>
+
+          <view class="empty-state" v-else>
+            <text class="empty-icon">📋</text>
+            <text class="empty-text">暂无报价单</text>
+          </view>
+
+          <view class="view-full-link" @click="$router && $router.navigate(PAGES.QUOTATION)">
+            <text>查看完整版 ›</text>
+          </view>
+        </view>
+
+        <!-- Bottom Actions -->
+        <view class="bottom-bar">
+          <view class="bar-btn" @click="showSmartQuote">
+            <text class="bar-icon">🤖</text>
+            <text class="bar-label">智能报价</text>
+          </view>
+          <view class="fab-btn" @click="goToQuotation">
+            <text class="fab-icon">+</text>
+          </view>
+        </view>
+      </view>
+
+      <!-- Tab 4: 营销素材 -->
+      <view class="tab-panel" v-if="currentTab === 3">
+        <view class="card">
+          <view class="sub-tabs">
+            <view class="sub-tab" :class="{ active: marketingSubTab === 'letter' }" @click="marketingSubTab = 'letter'">开发信</view>
+            <view class="sub-tab" :class="{ active: marketingSubTab === 'whatsapp' }" @click="marketingSubTab = 'whatsapp'">WhatsApp话术</view>
+            <view class="sub-tab" :class="{ active: marketingSubTab === 'product' }" @click="marketingSubTab = 'product'">产品描述</view>
+            <view class="sub-tab" :class="{ active: marketingSubTab === 'keywords' }" @click="marketingSubTab = 'keywords'">关键词</view>
+          </view>
+
+          <view class="form-item">
+            <text class="form-label">产品名称</text>
+            <input class="form-input" v-model="marketingForm.product_name" :placeholder="mktTabConfig[marketingSubTab].namePlaceholder" />
+          </view>
+          <view class="form-item">
+            <text class="form-label">{{ mktTabConfig[marketingSubTab].descLabel }}</text>
+            <textarea class="form-textarea" v-model="marketingForm.description" :placeholder="mktTabConfig[marketingSubTab].descPlaceholder" />
+          </view>
+          <view class="form-item" v-if="mktTabConfig[marketingSubTab].showTarget">
+            <text class="form-label">目标市场</text>
+            <picker :range="targetMarkets" @change="onTargetChange">
+              <view class="picker-value">{{ marketingForm.target || '选择目标市场' }}</view>
+            </picker>
+          </view>
+          <view class="form-item" v-if="mktTabConfig[marketingSubTab].showStyle">
+            <text class="form-label">文案风格</text>
+            <view class="style-options">
+              <view class="style-option" :class="{ active: marketingForm.style === 'professional' }" @click="marketingForm.style = 'professional'">专业正式</view>
+              <view class="style-option" :class="{ active: marketingForm.style === 'friendly' }" @click="marketingForm.style = 'friendly'">亲切友好</view>
+              <view class="style-option" :class="{ active: marketingForm.style === 'persuasive' }" @click="marketingForm.style = 'persuasive'">促销风格</view>
+            </view>
+          </view>
+
+          <button class="primary-btn" @click="handleGenerate" :disabled="marketingLoading">
+            {{ marketingLoading ? '生成中...' : mktTabConfig[marketingSubTab].btnText }}
+          </button>
+
+          <view class="marketing-results" v-if="marketingResult && marketingResult.length > 0">
+            <view class="result-item" v-for="(item, idx) in marketingResult" :key="idx">
+              <text class="result-text">{{ typeof item === 'string' ? item : (item.content || item) }}</text>
+              <view class="result-actions">
+                <text class="result-action-btn copy" @click="copyText(typeof item === 'string' ? item : (item.content || item))">复制</text>
+                <text class="result-action-btn tts" @click="playTts(typeof item === 'string' ? item : (item.content || item))">朗读</text>
+              </view>
+            </view>
+          </view>
+
+          <view class="keyword-tags" v-if="marketingSubTab === 'keywords' && marketingResult && marketingResult.length">
+            <text class="section-label">关键词建议</text>
+            <view class="keyword-tag" v-for="(kw, idx) in marketingResult" :key="idx" @click="copyText(kw)">{{ kw }}</view>
+          </view>
+
+          <view class="empty-state" v-if="!marketingLoading && !marketingResult?.length">
+            <text class="empty-icon">✍️</text>
+            <text class="empty-text">输入产品信息开始生成</text>
+          </view>
+
+          <view class="view-full-link" @click="goToMarketing">
+            <text>查看完整版 ›</text>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+
+    <AiAssistant />
+  </view>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue'
+import { onShow } from '@dcloudio/uni-app'
+import AiAssistant from '@/components/ai-assistant.vue'
+import { translateApi, productApi, quotationApi, marketingApi, interactionApi, BASE_URL } from '@/utils/api.js'
+import { PAGES } from '@/config.js'
+
+// Navigation bar
+const statusBarHeight = ref(0)
+const navBarHeight = ref(44)
+const systemInfo = uni.getSystemInfoSync()
+statusBarHeight.value = systemInfo.statusBarHeight || 0
+navBarHeight.value = 44
+
+// Tabs
+const tabs = [
+  { label: '翻译' },
+  { label: '产品库' },
+  { label: '报价单' },
+  { label: '营销素材' },
+]
+const currentTab = ref(0)
+
+// ==================== Tab 1: 翻译 ====================
+const translateMode = ref('translate')
+const translateInput = ref('')
+const translateResult = ref('')
+const translateSuggestions = ref([])
+const translateLoading = ref(false)
+const translateLangIndex = ref(1)
+const extractedInfo = ref(null)
+
+const translateLangs = ref([
+  { code: 'auto', name: '自动检测' },
+  { code: 'zh', name: '中文' },
+  { code: 'en', name: 'English' },
+  { code: 'ja', name: '日本語' },
+  { code: 'ko', name: '한국어' },
+  { code: 'fr', name: 'Français' },
+  { code: 'de', name: 'Deutsch' },
+  { code: 'es', name: 'Español' },
+])
+
+const extractFieldLabels = {
+  product_name: '产品名称', quantity: '数量', price: '价格',
+  currency: '货币', delivery_terms: '交货条款', target_country: '目标国家',
+  intent: '意图', product_interest: '感兴趣产品', budget: '预算',
+  urgency: '紧迫程度', contact_info: '联系方式',
+}
+
+const onTranslateLangChange = (e) => {
+  translateLangIndex.value = e.detail.value
+}
+
+const handleTranslate = async () => {
+  if (!translateInput.value.trim()) {
+    uni.showToast({ title: '请输入内容', icon: 'none' })
+    return
+  }
+  translateLoading.value = true
+  try {
+    if (translateMode.value === 'translate') {
+      let targetLang = translateLangs.value[translateLangIndex.value].code
+      if (targetLang === 'auto') {
+        const hasChinese = /[\u4e00-\u9fa5]/.test(translateInput.value)
+        targetLang = hasChinese ? 'en' : 'zh'
+      }
+      const res = await translateApi.translate(translateInput.value, targetLang)
+      translateResult.value = res.translated || res.translated_text || ''
+      translateSuggestions.value = []
+    } else {
+      const res = await translateApi.getReply(translateInput.value, 'professional', 3)
+      translateSuggestions.value = res.suggestions || []
+      translateResult.value = ''
+    }
+  } catch (err) {
+    uni.showToast({ title: err.message || '翻译失败', icon: 'none' })
+  } finally {
+    translateLoading.value = false
+  }
+}
+
+const handleExtract = async () => {
+  if (!translateResult.value) return
+  try {
+    const res = await translateApi.extract(translateResult.value)
+    extractedInfo.value = typeof res.extracted === 'string' ? { raw: res.extracted } : res.extracted
+    uni.showToast({ title: '抽取成功', icon: 'success' })
+  } catch (err) {
+    uni.showToast({ title: err.message || '抽取失败', icon: 'none' })
+  }
+}
+
+const copyText = (text) => {
+  if (!text) {
+    uni.showToast({ title: '内容为空', icon: 'none' })
+    return
+  }
+  uni.setClipboardData({
+    data: text,
+    success: () => uni.showToast({ title: '已复制', icon: 'success' }),
+  })
+}
+
+const playTts = async (text) => {
+  const txt = text || translateResult.value
+  if (!txt) return
+  const lang = translateLangs.value[translateLangIndex.value].code
+  const token = uni.getStorageSync('token')
+
+  uni.showLoading({ title: '语音生成中...' })
+  // #ifdef H5
+  try {
+    const res = await new Promise((resolve, reject) => {
+      uni.request({
+        url: `${BASE_URL}/translate/tts?text=${encodeURIComponent(txt)}&lang=${lang}`,
+        method: 'GET',
+        header: { Authorization: `Bearer ${token}` },
+        responseType: 'arraybuffer',
+        success: resolve,
+        fail: reject,
+      })
+    })
+    uni.hideLoading()
+    if (res.statusCode === 200 && res.data) {
+      const audio = new Audio(URL.createObjectURL(new Blob([res.data], { type: 'audio/mpeg' })))
+      audio.play().catch(() => uni.showToast({ title: '播放失败', icon: 'none' }))
+    } else {
+      uni.showToast({ title: '语音生成失败', icon: 'none' })
+    }
+  } catch {
+    uni.hideLoading()
+    uni.showToast({ title: '语音生成失败', icon: 'none' })
+  }
+  // #endif
+  // #ifdef MP-WEIXIN
+  uni.request({
+    url: `${BASE_URL}/translate/tts?text=${encodeURIComponent(txt)}&lang=${lang}`,
+    header: { Authorization: `Bearer ${token}` },
+    responseType: 'arraybuffer',
+    success: (res) => {
+      uni.hideLoading()
+      if (res.statusCode === 200 && res.data) {
+        const tempPath = wx.getFileSystemManager().writeFileSync({
+          data: res.data,
+          path: `${wx.env.USER_DATA_PATH}/tts.mp3`,
+        })
+        const audio = wx.createInnerAudioContext()
+        audio.src = tempPath
+        audio.play()
+      } else {
+        uni.showToast({ title: '语音生成失败', icon: 'none' })
+      }
+    },
+    fail: () => { uni.hideLoading(); uni.showToast({ title: '语音生成失败', icon: 'none' }) },
+  })
+  // #endif
+}
+
+// ==================== Tab 2: 产品库 ====================
+const products = ref([])
+
+const loadProducts = async () => {
+  try {
+    const res = await productApi.list()
+    products.value = res.items || []
+  } catch (err) {
+    console.error('加载产品失败', err)
+  }
+}
+
+const handleExportProducts = () => {
+  const url = productApi.exportXlsx()
+  const token = uni.getStorageSync('token')
+  uni.downloadFile({
+    url,
+    header: { Authorization: `Bearer ${token}` },
+    success: (res) => {
+      if (res.statusCode === 200) uni.showToast({ title: '导出成功', icon: 'success' })
+      else uni.showToast({ title: '导出失败', icon: 'none' })
+    },
+    fail: () => uni.showToast({ title: '导出失败', icon: 'none' }),
+  })
+}
+
+const handleImportProducts = () => {
+  uni.chooseImage({
+    count: 1,
+    success: async (res) => {
+      uni.showLoading({ title: '导入中...' })
+      try {
+        const file = res.tempFilePaths[0]
+        const result = await productApi.importProducts(file)
+        uni.hideLoading()
+        uni.showToast({ title: `导入 ${result.imported || 0} 条`, icon: 'success' })
+        loadProducts()
+      } catch (err) {
+        uni.hideLoading()
+        uni.showToast({ title: err.message || '导入失败', icon: 'none' })
+      }
+    },
+  })
+}
+
+const goToProduct = () => {
+  uni.navigateTo({ url: PAGES.PRODUCT })
+}
+
+// ==================== Tab 3: 报价单 ====================
+const quotations = ref([])
+const quoteFilter = ref('all')
+
+const loadQuotations = async () => {
+  try {
+    const res = await quotationApi.list()
+    quotations.value = res.items || []
+    if (quoteFilter.value !== 'all') {
+      quotations.value = quotations.value.filter(q => q.status === quoteFilter.value)
+    }
+  } catch (err) {
+    console.error('加载报价单失败', err)
+  }
+}
+
+const getStatusText = (status) => {
+  const map = { draft: '草稿', sent: '已发送', accepted: '已成交', rejected: '已拒绝', expired: '已过期' }
+  return map[status] || status
+}
+
+const formatTime = (time) => {
+  if (!time) return ''
+  return time.slice(0, 16).replace('T', ' ')
+}
+
+const copyQuotation = (item) => {
+  uni.setClipboardData({
+    data: item.text || JSON.stringify(item),
+    success: () => uni.showToast({ title: '已复制', icon: 'success' }),
+  })
+}
+
+const exportPdf = (item) => {
+  const url = quotationApi.exportPdf(item.id)
+  const token = uni.getStorageSync('token')
+  uni.downloadFile({
+    url,
+    header: { Authorization: `Bearer ${token}` },
+    success: (res) => {
+      if (res.statusCode === 200) {
+        uni.openDocument({ filePath: res.tempFilePath, success: () => uni.showToast({ title: '打开成功', icon: 'success' }) })
+      } else {
+        uni.showToast({ title: 'PDF下载失败', icon: 'none' })
+      }
+    },
+    fail: () => uni.showToast({ title: 'PDF下载失败', icon: 'none' }),
+  })
+}
+
+const sendQuote = async (item) => {
+  try {
+    await quotationApi.updateStatus(item.id, 'sent')
+    uni.showToast({ title: '已标记为已发送', icon: 'success' })
+    loadQuotations()
+  } catch (err) {
+    uni.showToast({ title: err.message || '操作失败', icon: 'none' })
+  }
+}
+
+const showSmartQuote = () => {
+  uni.navigateTo({ url: PAGES.QUOTATION })
+}
+
+const goToQuotation = () => {
+  uni.navigateTo({ url: PAGES.QUOTATION })
+}
+
+// ==================== Tab 4: 营销素材 ====================
+const marketingSubTab = ref('letter')
+const marketingLoading = ref(false)
+const marketingResult = ref([])
+
+const mktTabConfig = {
+  letter: {
+    namePlaceholder: '如: 户外折叠椅',
+    descLabel: '产品描述',
+    descPlaceholder: '描述产品的特点、规格、优势...',
+    btnText: '生成开发信',
+    showTarget: true,
+    showStyle: true,
+    category: 'sales_letter',
+  },
+  whatsapp: {
+    namePlaceholder: '如: 户外折叠椅',
+    descLabel: '产品及沟通场景',
+    descPlaceholder: '描述产品特点，以及和客户沟通的具体场景...',
+    btnText: '生成WhatsApp话术',
+    showTarget: true,
+    showStyle: true,
+    category: 'whatsapp',
+  },
+  product: {
+    namePlaceholder: '如: 户外折叠椅',
+    descLabel: '产品详细规格',
+    descPlaceholder: '描述产品的材质、尺寸、承重、颜色、包装等...',
+    btnText: '生成产品描述',
+    showTarget: false,
+    showStyle: false,
+    category: 'product_description',
+  },
+  keywords: {
+    namePlaceholder: '如: 户外折叠椅',
+    descLabel: '产品卖点',
+    descPlaceholder: '描述产品的核心卖点和目标客户群体...',
+    btnText: '生成关键词',
+    showTarget: false,
+    showStyle: false,
+    category: '',
+  },
+}
+
+const marketingForm = reactive({
+  product_name: '',
+  description: '',
+  target: 'US importers',
+  style: 'professional',
+})
+
+const targetMarkets = ref(['US importers', 'European buyers', 'Southeast Asia', 'Latin America', 'Middle East'])
+
+const onTargetChange = (e) => {
+  marketingForm.target = targetMarkets.value[e.detail.value]
+}
+
+const handleGenerate = async () => {
+  if (!marketingForm.product_name.trim()) {
+    uni.showToast({ title: '请输入产品名称', icon: 'none' })
+    return
+  }
+  marketingLoading.value = true
+  marketingResult.value = []
+  const tab = marketingSubTab.value
+  const cfg = mktTabConfig[tab]
+
+  try {
+    if (tab === 'keywords') {
+      const res = await marketingApi.getKeywords(
+        marketingForm.product_name,
+        marketingForm.description,
+        ''
+      )
+      marketingResult.value = res.keywords || []
+    } else {
+      const res = await marketingApi.generate(
+        marketingForm.product_name,
+        marketingForm.description,
+        cfg.category,
+        marketingForm.target,
+        marketingForm.style
+      )
+      marketingResult.value = res.results || []
+    }
+  } catch (err) {
+    uni.showToast({ title: err.message || '生成失败', icon: 'none' })
+  } finally {
+    marketingLoading.value = false
+  }
+}
+
+const goToMarketing = () => {
+  uni.navigateTo({ url: PAGES.MARKETING })
+}
+
+// Lifecycle
+onShow(() => {
+  if (currentTab.value === 1) loadProducts()
+  if (currentTab.value === 2) loadQuotations()
+})
+</script>
+
+<style lang="scss" scoped>
+.biz-container {
+  min-height: 100vh;
+  background: #f5f5f5;
+  padding-bottom: calc(100rpx + env(safe-area-inset-bottom));
+  box-sizing: border-box;
+}
+
+/* Custom Nav Bar */
+.custom-nav {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+  background: #1890ff;
+}
+
+.nav-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 24rpx;
+}
+
+.nav-title {
+  color: #fff;
+  font-size: 32rpx;
+  font-weight: 600;
+  letter-spacing: 2rpx;
+}
+
+/* Inline Tabs */
+.inline-tabs-wrapper {
+  position: fixed;
+  left: 0;
+  right: 0;
+  z-index: 999;
+  background: #fff;
+  border-bottom: 2rpx solid #f0f0f0;
+}
+
+.inline-tabs {
+  white-space: nowrap;
+  padding: 0 16rpx;
+}
+
+.inline-tab {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 20rpx 32rpx;
+  position: relative;
+}
+
+.inline-tab-text {
+  font-size: 28rpx;
+  color: #999;
+  transition: color 0.2s;
+}
+
+.inline-tab.active .inline-tab-text {
+  color: #1890ff;
+  font-weight: 600;
+}
+
+.inline-tab-indicator {
+  width: 48rpx;
+  height: 6rpx;
+  background: #1890ff;
+  border-radius: 3rpx;
+  margin-top: 6rpx;
+}
+
+/* Page Content */
+.page-content {
+  padding: 0 24rpx;
+}
+
+.tab-panel {
+  padding-bottom: 20rpx;
+}
+
+/* Card */
+.card {
+  background: #fff;
+  border-radius: 16rpx;
+  padding: 24rpx;
+  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.04);
+  margin-bottom: 20rpx;
+}
+
+/* Mode Switch */
+.mode-switch {
+  display: flex;
+  background: #f5f5f5;
+  border-radius: 10rpx;
+  padding: 4rpx;
+  margin-bottom: 24rpx;
+}
+
+.mode-item {
+  flex: 1;
+  text-align: center;
+  padding: 16rpx;
+  font-size: 26rpx;
+  color: #666;
+  border-radius: 8rpx;
+  transition: all 0.2s;
+}
+
+.mode-item.active {
+  background: #fff;
+  color: #1890ff;
+  font-weight: 500;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
+}
+
+/* Form */
+.form-item {
+  margin-bottom: 24rpx;
+}
+
+.form-label {
+  font-size: 26rpx;
+  color: #666;
+  display: block;
+  margin-bottom: 10rpx;
+  font-weight: 500;
+}
+
+.form-textarea {
+  width: 100%;
+  min-height: 160rpx;
+  background: #f9f9f9;
+  border-radius: 12rpx;
+  padding: 20rpx;
+  font-size: 28rpx;
+  line-height: 1.6;
+  box-sizing: border-box;
+}
+
+.form-input {
+  width: 100%;
+  height: 72rpx;
+  background: #f9f9f9;
+  border-radius: 12rpx;
+  padding: 0 20rpx;
+  font-size: 28rpx;
+  box-sizing: border-box;
+}
+
+.picker-value {
+  height: 72rpx;
+  background: #f9f9f9;
+  border-radius: 12rpx;
+  padding: 0 20rpx;
+  display: flex;
+  align-items: center;
+  font-size: 28rpx;
+  color: #333;
+}
+
+/* Buttons */
+.primary-btn {
+  width: 100%;
+  height: 88rpx;
+  background: #1890ff;
+  color: #fff;
+  border-radius: 12rpx;
+  font-size: 30rpx;
+  font-weight: 500;
+  border: none;
+  margin-top: 8rpx;
+}
+
+.primary-btn[disabled] {
+  background: #a0cfff;
+}
+
+/* Result Block */
+.result-block {
+  margin-top: 24rpx;
+  padding: 24rpx;
+  background: #f0f7ff;
+  border-radius: 12rpx;
+  border: 2rpx solid #e6f7ff;
+}
+
+.result-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16rpx;
+}
+
+.result-label {
+  font-size: 24rpx;
+  color: #1890ff;
+  font-weight: 600;
+}
+
+.result-actions {
+  display: flex;
+  gap: 12rpx;
+}
+
+.result-action-btn {
+  font-size: 22rpx;
+  padding: 6rpx 14rpx;
+  border-radius: 6rpx;
+}
+
+.result-action-btn.copy {
+  background: #e6f7ff;
+  color: #1890ff;
+}
+
+.result-action-btn.tts {
+  background: #fff7e6;
+  color: #fa8c16;
+}
+
+.result-action-btn.extract {
+  background: #f9f0ff;
+  color: #722ed1;
+}
+
+.result-text {
+  font-size: 28rpx;
+  line-height: 1.6;
+  color: #333;
+  white-space: pre-wrap;
+}
+
+/* Suggestions */
+.suggestions-block {
+  margin-top: 24rpx;
+}
+
+.suggestion-item {
+  padding: 20rpx;
+  background: #f9f9f9;
+  border-radius: 12rpx;
+  margin-bottom: 12rpx;
+}
+
+.suggestion-text {
+  font-size: 26rpx;
+  line-height: 1.5;
+  color: #333;
+  display: block;
+  margin-bottom: 8rpx;
+}
+
+.suggestion-tone {
+  font-size: 22rpx;
+  color: #1890ff;
+  background: #e6f7ff;
+  padding: 4rpx 12rpx;
+  border-radius: 6rpx;
+  display: inline-block;
+}
+
+/* Extracted Info */
+.extracted-block {
+  margin-top: 24rpx;
+  padding: 20rpx;
+  background: #f9f0ff;
+  border-radius: 12rpx;
+}
+
+.extracted-row {
+  display: flex;
+  padding: 8rpx 0;
+  border-bottom: 1rpx solid rgba(114, 46, 209, 0.1);
+}
+
+.extracted-row:last-child {
+  border-bottom: none;
+}
+
+.extracted-label {
+  width: 180rpx;
+  font-size: 24rpx;
+  color: #722ed1;
+  flex-shrink: 0;
+}
+
+.extracted-value {
+  flex: 1;
+  font-size: 24rpx;
+  color: #333;
+}
+
+/* Section Label */
+.section-label {
+  font-size: 26rpx;
+  font-weight: 600;
+  color: #333;
+  display: block;
+  margin-bottom: 16rpx;
+}
+
+/* Filter Chips */
+.filter-chips {
+  display: flex;
+  gap: 12rpx;
+  margin-bottom: 24rpx;
+  overflow-x: auto;
+  padding-bottom: 4rpx;
+}
+
+.chip {
+  flex-shrink: 0;
+  padding: 12rpx 28rpx;
+  background: #f5f5f5;
+  border-radius: 24rpx;
+  font-size: 24rpx;
+  color: #666;
+}
+
+.chip.active {
+  background: #e6f7ff;
+  color: #1890ff;
+  font-weight: 500;
+}
+
+/* Product List */
+.product-list {
+  display: flex;
+  flex-direction: column;
+  gap: 16rpx;
+}
+
+.product-item {
+  display: flex;
+  align-items: center;
+  padding: 20rpx;
+  background: #f9f9f9;
+  border-radius: 12rpx;
+  transition: background 0.2s;
+}
+
+.product-item:active {
+  background: #f0f0f0;
+}
+
+.product-main {
+  flex: 1;
+}
+
+.product-name-row {
+  display: flex;
+  align-items: center;
+  gap: 12rpx;
+  margin-bottom: 8rpx;
+}
+
+.product-name {
+  font-size: 28rpx;
+  font-weight: 600;
+  color: #333;
+}
+
+.product-category {
+  font-size: 20rpx;
+  color: #1890ff;
+  background: #e6f7ff;
+  padding: 2rpx 12rpx;
+  border-radius: 6rpx;
+}
+
+.product-price {
+  font-size: 24rpx;
+  color: #fa8c16;
+  font-weight: 500;
+  margin-bottom: 8rpx;
+}
+
+.product-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8rpx;
+}
+
+.tag {
+  font-size: 20rpx;
+  color: #999;
+  background: #fff;
+  padding: 2rpx 10rpx;
+  border-radius: 4rpx;
+}
+
+.product-arrow {
+  font-size: 36rpx;
+  color: #ccc;
+  flex-shrink: 0;
+}
+
+/* Quotation List */
+.quotation-list {
+  display: flex;
+  flex-direction: column;
+  gap: 16rpx;
+}
+
+.quotation-item {
+  padding: 20rpx;
+  background: #f9f9f9;
+  border-radius: 12rpx;
+}
+
+.quotation-title-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 10rpx;
+}
+
+.quotation-title {
+  font-size: 28rpx;
+  font-weight: 600;
+  color: #333;
+}
+
+.quotation-badge {
+  font-size: 20rpx;
+  padding: 4rpx 14rpx;
+  border-radius: 6rpx;
+}
+
+.quotation-badge.draft { background: #f5f5f5; color: #999; }
+.quotation-badge.sent { background: #e6f7ff; color: #1890ff; }
+.quotation-badge.accepted { background: #f6ffed; color: #52c41a; }
+.quotation-badge.rejected { background: #fff1f0; color: #ff4d4f; }
+
+.quotation-meta {
+  display: flex;
+  gap: 24rpx;
+  margin-bottom: 14rpx;
+}
+
+.meta-text {
+  font-size: 24rpx;
+  color: #666;
+}
+
+.quotation-actions {
+  display: flex;
+  gap: 12rpx;
+}
+
+.q-action {
+  font-size: 22rpx;
+  padding: 8rpx 18rpx;
+  border-radius: 6rpx;
+  background: #fff;
+  color: #666;
+}
+
+.q-action.primary {
+  background: #1890ff;
+  color: #fff;
+}
+
+/* Marketing Sub Tabs */
+.sub-tabs {
+  display: flex;
+  gap: 12rpx;
+  margin-bottom: 24rpx;
+  overflow-x: auto;
+  padding-bottom: 4rpx;
+}
+
+.sub-tab {
+  flex-shrink: 0;
+  padding: 12rpx 24rpx;
+  background: #f5f5f5;
+  border-radius: 8rpx;
+  font-size: 24rpx;
+  color: #666;
+}
+
+.sub-tab.active {
+  background: #e6f7ff;
+  color: #1890ff;
+  font-weight: 500;
+}
+
+/* Style Options */
+.style-options {
+  display: flex;
+  gap: 12rpx;
+}
+
+.style-option {
+  flex: 1;
+  padding: 14rpx;
+  background: #f5f5f5;
+  border-radius: 8rpx;
+  text-align: center;
+  font-size: 24rpx;
+  color: #666;
+}
+
+.style-option.active {
+  background: #e6f7ff;
+  color: #1890ff;
+  border: 2rpx solid #1890ff;
+}
+
+/* Marketing Results */
+.marketing-results {
+  margin-top: 24rpx;
+}
+
+.result-item {
+  padding: 20rpx;
+  background: #f9f9f9;
+  border-radius: 12rpx;
+  margin-bottom: 12rpx;
+}
+
+.keyword-tags {
+  margin-top: 24rpx;
+}
+
+.keyword-tag {
+  display: inline-block;
+  padding: 12rpx 24rpx;
+  background: #e6f7ff;
+  color: #1890ff;
+  border-radius: 20rpx;
+  font-size: 24rpx;
+  margin: 0 12rpx 12rpx 0;
+}
+
+/* Empty State */
+.empty-state {
+  text-align: center;
+  padding: 80rpx 0;
+}
+
+.empty-icon {
+  font-size: 80rpx;
+  display: block;
+  margin-bottom: 16rpx;
+}
+
+.empty-text {
+  font-size: 26rpx;
+  color: #999;
+}
+
+/* View Full Link */
+.view-full-link {
+  text-align: center;
+  padding: 20rpx 0 8rpx;
+}
+
+.view-full-link text {
+  font-size: 24rpx;
+  color: #1890ff;
+}
+
+/* Bottom Bar */
+.bottom-bar {
+  position: fixed;
+  right: 32rpx;
+  bottom: calc(100rpx + env(safe-area-inset-bottom));
+  display: flex;
+  flex-direction: column;
+  gap: 20rpx;
+  z-index: 998;
+}
+
+.bar-btn {
+  width: 100rpx;
+  height: 100rpx;
+  border-radius: 50%;
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
+  border: 2rpx solid #f0f0f0;
+}
+
+.bar-icon {
+  font-size: 28rpx;
+  margin-bottom: 2rpx;
+}
+
+.bar-label {
+  font-size: 18rpx;
+  color: #666;
+}
+
+.fab-btn {
+  width: 100rpx;
+  height: 100rpx;
+  border-radius: 50%;
+  background: #1890ff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 6rpx 20rpx rgba(24, 144, 255, 0.35);
+}
+
+.fab-icon {
+  font-size: 44rpx;
+  color: #fff;
+  line-height: 1;
+}
+</style>
diff --git a/uni-app/src/pages/workspace-customer/workspace-customer.vue b/uni-app/src/pages/workspace-customer/workspace-customer.vue
new file mode 100644
index 0000000..4e404a5
--- /dev/null
+++ b/uni-app/src/pages/workspace-customer/workspace-customer.vue
@@ -0,0 +1,1202 @@
+<template>
+  <view class="page-container">
+    <!-- Custom Nav Bar -->
+    <view class="nav-bar" :style="{ paddingTop: safeAreaTop + 'px' }">
+      <text class="nav-title">客户工作台</text>
+    </view>
+
+    <!-- Inline Tabs -->
+    <view class="inline-tabs" :style="{ top: navHeight + 'px' }">
+      <view
+        class="tab-item"
+        :class="{ active: activeTab === 0 }"
+        @click="activeTab = 0"
+      >
+        <text class="tab-text">客户列表</text>
+        <view class="tab-indicator" v-if="activeTab === 0"></view>
+      </view>
+      <view
+        class="tab-item"
+        :class="{ active: activeTab === 1 }"
+        @click="activeTab = 1"
+      >
+        <text class="tab-text">挖掘新客</text>
+        <view class="tab-indicator" v-if="activeTab === 1"></view>
+      </view>
+      <view
+        class="tab-item"
+        :class="{ active: activeTab === 2 }"
+        @click="activeTab = 2"
+      >
+        <text class="tab-text">智能跟进</text>
+        <view class="tab-indicator" v-if="activeTab === 2"></view>
+      </view>
+    </view>
+
+    <!-- Tab Content Area -->
+    <scroll-view class="content-area" scroll-y :enable-flex="true">
+      <!-- Tab 0: 客户列表 -->
+      <view v-if="activeTab === 0" class="tab-panel customer-panel">
+        <!-- Health Overview -->
+        <view class="health-row" v-if="healthOverview">
+          <view class="health-chip active">
+            <text class="health-chip-val">{{ healthOverview.active }}</text>
+            <text class="health-chip-label">活跃</text>
+          </view>
+          <view class="health-chip watch">
+            <text class="health-chip-val">{{ healthOverview.watch }}</text>
+            <text class="health-chip-label">需关注</text>
+          </view>
+          <view class="health-chip critical">
+            <text class="health-chip-val">{{ healthOverview.critical }}</text>
+            <text class="health-chip-label">高危</text>
+          </view>
+          <view class="health-chip total">
+            <text class="health-chip-val">{{ healthOverview.total }}</text>
+            <text class="health-chip-label">共计</text>
+          </view>
+        </view>
+
+        <!-- Filter Chips -->
+        <scroll-view class="filter-scroll" scroll-x :show-scrollbar="false">
+          <view class="filter-row">
+            <view
+              class="filter-chip"
+              :class="{ active: filterStatus === '' }"
+              @click="filterStatus = ''; loadCustomers()"
+            >
+              <text>全部</text>
+            </view>
+            <view
+              class="filter-chip"
+              :class="{ active: filterStatus === 'lead' }"
+              @click="filterStatus = 'lead'; loadCustomers()"
+            >
+              <text>潜在</text>
+            </view>
+            <view
+              class="filter-chip"
+              :class="{ active: filterStatus === 'negotiating' }"
+              @click="filterStatus = 'negotiating'; loadCustomers()"
+            >
+              <text>谈判中</text>
+            </view>
+            <view
+              class="filter-chip"
+              :class="{ active: filterStatus === 'customer' }"
+              @click="filterStatus = 'customer'; loadCustomers()"
+            >
+              <text>已成交</text>
+            </view>
+            <view
+              class="filter-chip"
+              :class="{ active: filterStatus === 'silent' }"
+              @click="filterStatus = 'silent'; loadSilent()"
+            >
+              <text>沉默</text>
+            </view>
+          </view>
+        </scroll-view>
+
+        <!-- Customer List -->
+        <view class="customer-list" v-if="customers.length > 0">
+          <view
+            class="customer-card"
+            v-for="item in customers"
+            :key="item.id"
+            @click="goToCustomerDetail(item)"
+          >
+            <view class="cc-header">
+              <text class="cc-name">{{ item.name }}</text>
+              <text class="cc-status" :class="item.status">{{ getStatusText(item.status) }}</text>
+            </view>
+            <view class="cc-body">
+              <text class="cc-company" v-if="item.company">{{ item.company }}</text>
+              <text class="cc-country" v-if="item.country">{{ item.country }}</text>
+              <text class="cc-silence" v-if="item.silence_days > 0">沉默 {{ item.silence_days }} 天</text>
+            </view>
+            <view class="cc-footer">
+              <text class="cc-last" v-if="item.last_contact_at">{{ formatTime(item.last_contact_at) }}</text>
+            </view>
+          </view>
+        </view>
+
+        <view class="empty-state" v-else-if="!loading.customers">
+          <text class="empty-icon">👥</text>
+          <text class="empty-text">暂无客户数据</text>
+        </view>
+      </view>
+
+      <!-- Tab 1: 挖掘新客 -->
+      <view v-if="activeTab === 1" class="tab-panel discovery-panel">
+        <view class="discovery-form">
+          <view class="form-group">
+            <text class="form-label">产品信息</text>
+            <textarea
+              class="form-textarea"
+              v-model="discoveryForm.product"
+              placeholder="例如：太阳能电池板 200W 单晶硅，防水防晒"
+              maxlength="500"
+            />
+          </view>
+          <view class="form-group">
+            <text class="form-label">目标市场</text>
+            <input
+              class="form-input"
+              v-model="discoveryForm.market"
+              placeholder="例如：美国、欧洲、东南亚"
+            />
+          </view>
+          <button class="discover-btn" :disabled="loading.discovery" @click="doDiscovery">
+            <text v-if="loading.discovery">搜索中...</text>
+            <text v-else>开始挖掘</text>
+          </button>
+        </view>
+
+        <view class="discovery-results" v-if="discoveryResult">
+          <view class="result-card" v-for="(company, i) in discoveryResult.companies" :key="i">
+            <text class="rc-title">{{ company.title }}</text>
+            <text class="rc-url" @click="copyUrl(company.url)">{{ company.url }}</text>
+            <text class="rc-snippet" v-if="company.snippet">{{ company.snippet.slice(0, 120) }}</text>
+            <view class="rc-actions">
+              <view class="rc-btn mini" @click="analyzeCompany(company, i)">分析</view>
+              <view class="rc-btn mini add" @click="addToCustomer(company)">加入客户</view>
+            </view>
+            <view class="rc-analysis" v-if="company.analysis">
+              <view class="rc-score-bar">
+                <text class="rc-score-label">匹配度</text>
+                <view class="rc-track">
+                  <view class="rc-fill" :style="{ width: (company.analysis.match_score || 0) + '%' }"></view>
+                </view>
+                <text class="rc-score-val">{{ company.analysis.match_score || 0 }}</text>
+              </view>
+              <text class="rc-reason" v-if="company.analysis.match_reason">{{ company.analysis.match_reason }}</text>
+            </view>
+          </view>
+        </view>
+
+        <view class="empty-state" v-if="!discoveryResult && !loading.discovery">
+          <text class="empty-icon">🔍</text>
+          <text class="empty-text">输入产品信息开始挖掘客户</text>
+        </view>
+
+        <view class="full-link" @click="goToPage(PAGES.DISCOVERY)">
+          <text>查看完整版 ›</text>
+        </view>
+      </view>
+
+      <!-- Tab 2: 智能跟进 -->
+      <view v-if="activeTab === 2" class="tab-panel followup-panel">
+        <!-- Followup Stats -->
+        <view class="fu-stats" v-if="followupStats.pending !== undefined">
+          <view class="fu-stat">
+            <text class="fu-stat-val">{{ followupStats.pending || 0 }}</text>
+            <text class="fu-stat-lbl">待跟进</text>
+          </view>
+          <view class="fu-stat">
+            <text class="fu-stat-val">{{ followupStats.sent || 0 }}</text>
+            <text class="fu-stat-lbl">已发送</text>
+          </view>
+          <view class="fu-stat">
+            <text class="fu-stat-val">{{ followupStats.replied || 0 }}</text>
+            <text class="fu-stat-lbl">已回复</text>
+          </view>
+          <view class="fu-stat">
+            <text class="fu-stat-val">{{ followupStats.completion_rate || 0 }}%</text>
+            <text class="fu-stat-lbl">完成率</text>
+          </view>
+        </view>
+
+        <!-- FU Sub Tabs -->
+        <view class="fu-sub-tabs">
+          <view
+            class="fu-sub-tab"
+            :class="{ active: fuSubTab === 'pending' }"
+            @click="fuSubTab = 'pending'"
+          >
+            <text>待跟进</text>
+          </view>
+          <view
+            class="fu-sub-tab"
+            :class="{ active: fuSubTab === 'history' }"
+            @click="fuSubTab = 'history'"
+          >
+            <text>历史记录</text>
+          </view>
+        </view>
+
+        <!-- Pending List -->
+        <view class="fu-list" v-if="fuSubTab === 'pending'">
+          <view class="fu-card" v-for="item in followupPending" :key="item.id">
+            <view class="fu-card-header">
+              <text class="fu-name">{{ item.customer_name }}</text>
+              <text class="fu-badge" :class="item.silence_days <= 3 ? 'danger' : 'warn'">
+                沉默{{ item.silence_days }}天
+              </text>
+            </view>
+            <text class="fu-content">{{ (item.content || '').slice(0, 100) }}{{ (item.content || '').length > 100 ? '...' : '' }}</text>
+            <view class="fu-actions">
+              <view class="fu-btn primary" @click="handleSend(item)">一键发送</view>
+              <view class="fu-btn outline" @click="openEditor(item)">编辑后发送</view>
+            </view>
+          </view>
+          <view class="empty-state" v-if="followupPending.length === 0 && !loading.followup">
+            <text class="empty-icon">✅</text>
+            <text class="empty-text">暂无待跟进客户</text>
+          </view>
+        </view>
+
+        <!-- History List -->
+        <view class="fu-history" v-if="fuSubTab === 'history'">
+          <view class="fu-log" v-for="item in followupHistory" :key="item.id">
+            <view class="fu-log-header">
+              <text class="fu-log-name">{{ item.customer_name }}</text>
+              <text class="fu-log-status" :class="item.status">{{ getStatusMap(item.status) }}</text>
+            </view>
+            <text class="fu-log-preview">{{ (item.content || '').slice(0, 60) }}...</text>
+            <text class="fu-log-time">{{ formatTime(item.created_at) }}</text>
+          </view>
+          <view class="empty-state" v-if="followupHistory.length === 0 && !loading.followup">
+            <text class="empty-icon">📋</text>
+            <text class="empty-text">暂无跟进记录</text>
+          </view>
+        </view>
+
+        <view class="full-link" @click="goToPage(PAGES.FOLLOWUP)">
+          <text>查看完整版 ›</text>
+        </view>
+      </view>
+    </scroll-view>
+
+    <!-- FAB: Add Customer -->
+    <view class="fab-add" v-if="activeTab === 0" @click="goToPage(PAGES.CUSTOMERS)">
+      <text class="fab-icon">+</text>
+    </view>
+
+    <!-- Editor Overlay -->
+    <view class="editor-overlay" v-if="showEditor">
+      <view class="editor-modal" @click.stop>
+        <text class="editor-title">编辑跟进内容</text>
+        <textarea class="editor-input" v-model="editText" placeholder="编辑跟进消息内容..." />
+        <view class="editor-actions">
+          <view class="editor-btn primary" @click="submitEdit">确认发送</view>
+          <view class="editor-btn cancel" @click="showEditor = false">取消</view>
+        </view>
+      </view>
+    </view>
+
+    <AiAssistant />
+  </view>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue'
+import { onShow } from '@dcloudio/uni-app'
+import AiAssistant from '@/components/ai-assistant.vue'
+import { customerApi, healthApi, followupApi, BASE_URL } from '@/utils/api.js'
+import { PAGES, STORAGE_KEYS } from '@/config.js'
+
+const activeTab = ref(0)
+const fuSubTab = ref('pending')
+
+// Safe area
+const safeAreaTop = ref(0)
+const navHeight = ref(88)
+try {
+  const sysInfo = uni.getSystemInfoSync()
+  safeAreaTop.value = sysInfo.statusBarHeight || 0
+  navHeight.value = (sysInfo.statusBarHeight || 0) + 88
+} catch (_) {
+  safeAreaTop.value = 20
+  navHeight.value = 108
+}
+
+// --- Tab 0: Customer List ---
+const filterStatus = ref('')
+const customers = ref([])
+const healthOverview = ref(null)
+const loading = reactive({ customers: false, discovery: false, followup: false })
+
+const loadCustomers = async () => {
+  loading.customers = true
+  try {
+    const res = await customerApi.list(1, 20, filterStatus.value || undefined)
+    customers.value = res.items || []
+  } catch (err) {
+    uni.showToast({ title: '加载失败', icon: 'none' })
+  } finally {
+    loading.customers = false
+  }
+}
+
+const loadSilent = async () => {
+  loading.customers = true
+  try {
+    const res = await customerApi.getSilent(7)
+    customers.value = res.customers || []
+  } catch (err) {
+    uni.showToast({ title: '加载失败', icon: 'none' })
+  } finally {
+    loading.customers = false
+  }
+}
+
+const loadHealthOverview = async () => {
+  try {
+    const res = await healthApi.overview()
+    healthOverview.value = res
+  } catch (_) {}
+}
+
+const goToCustomerDetail = (item) => {
+  uni.navigateTo({ url: `${PAGES.CUSTOMERS}` })
+}
+
+// --- Tab 1: Discovery ---
+const discoveryForm = reactive({ product: '', market: 'US' })
+const discoveryResult = ref(null)
+const analysisLoading = ref(-1)
+
+const doDiscovery = async () => {
+  if (!discoveryForm.product.trim()) {
+    uni.showToast({ title: '请填写产品描述', icon: 'none' })
+    return
+  }
+  loading.discovery = true
+  discoveryResult.value = null
+  try {
+    const res = await uni.request({
+      url: `${BASE_URL}/discovery/search`,
+      method: 'POST',
+      data: {
+        product_description: discoveryForm.product,
+        target_market: discoveryForm.market || 'US',
+      },
+    })
+    const body = res.data
+    if (body.success && body.data) {
+      discoveryResult.value = body.data
+    } else {
+      uni.showToast({ title: '搜索失败', icon: 'none' })
+    }
+  } catch (e) {
+    uni.showToast({ title: '网络错误', icon: 'none' })
+  } finally {
+    loading.discovery = false
+  }
+}
+
+const analyzeCompany = async (company, index) => {
+  analysisLoading.value = index
+  try {
+    const res = await uni.request({
+      url: `${BASE_URL}/discovery/analyze`,
+      method: 'POST',
+      data: {
+        company_url: company.url,
+        product_description: discoveryForm.product,
+      },
+    })
+    const body = res.data
+    if (body.success && body.data) {
+      company.analysis = body.data
+    }
+  } catch (e) {
+    uni.showToast({ title: '分析失败', icon: 'none' })
+  } finally {
+    analysisLoading.value = -1
+  }
+}
+
+const addToCustomer = (company) => {
+  uni.showModal({
+    title: '加入客户列表',
+    content: `将「${company.title}」添加到客户管理？`,
+    success: async (res) => {
+      if (res.confirm) {
+        try {
+          const token = uni.getStorageSync(STORAGE_KEYS.TOKEN)
+          await uni.request({
+            url: `${BASE_URL}/customers`,
+            method: 'POST',
+            header: { Authorization: `Bearer ${token}` },
+            data: {
+              name: company.title,
+              company: company.title,
+              website: company.url,
+              notes: company.snippet || '',
+              status: 'lead',
+            },
+          })
+          uni.showToast({ title: '已加入', icon: 'success' })
+        } catch (e) {
+          uni.showToast({ title: '添加失败', icon: 'none' })
+        }
+      }
+    },
+  })
+}
+
+const copyUrl = (url) => {
+  uni.setClipboardData({ data: url, success: () => uni.showToast({ title: '已复制', icon: 'success' }) })
+}
+
+// --- Tab 2: Followup ---
+const followupStats = ref({ pending: 0, sent: 0, replied: 0, completion_rate: 0 })
+const followupPending = ref([])
+const followupHistory = ref([])
+const showEditor = ref(false)
+const editText = ref('')
+const editingId = ref(null)
+
+const loadFollowup = async () => {
+  loading.followup = true
+  try {
+    const [statsRes, pendingRes] = await Promise.all([
+      followupApi.stats(),
+      followupApi.pending(),
+    ])
+    followupStats.value = statsRes || {}
+    followupPending.value = pendingRes.items || []
+  } catch (e) {
+    console.error(e)
+  } finally {
+    loading.followup = false
+  }
+}
+
+const loadHistory = async () => {
+  try {
+    const res = await followupApi.logs()
+    followupHistory.value = res.items || []
+  } catch (e) {
+    console.error(e)
+  }
+}
+
+const handleSend = async (item) => {
+  try {
+    await followupApi.markSent(item.id)
+    uni.showToast({ title: '已标记发送', icon: 'success' })
+    loadFollowup()
+  } catch (e) {
+    uni.showToast({ title: '操作失败', icon: 'none' })
+  }
+}
+
+const openEditor = (item) => {
+  editText.value = item.content || ''
+  editingId.value = item.id
+  showEditor.value = true
+}
+
+const submitEdit = async () => {
+  if (!editText.value.trim()) {
+    uni.showToast({ title: '内容不能为空', icon: 'none' })
+    return
+  }
+  try {
+    await followupApi.editAndSend(editingId.value, editText.value)
+    uni.showToast({ title: '已发送', icon: 'success' })
+    showEditor.value = false
+    loadFollowup()
+  } catch (e) {
+    uni.showToast({ title: '发送失败', icon: 'none' })
+  }
+}
+
+// --- Helpers ---
+const getStatusText = (status) => {
+  const map = { lead: '潜在', negotiating: '谈判中', customer: '已成交', lost: '已丢失' }
+  return map[status] || status
+}
+
+const getStatusMap = (status) => {
+  const map = { pending: '待处理', sent: '已发送', replied: '已回复' }
+  return map[status] || status
+}
+
+const formatTime = (t) => {
+  if (!t) return ''
+  return t.slice(0, 16).replace('T', ' ')
+}
+
+const goToPage = (url) => {
+  uni.navigateTo({ url })
+}
+
+// --- Lifecycle ---
+onShow(() => {
+  const token = uni.getStorageSync(STORAGE_KEYS.TOKEN)
+  const isGuest = uni.getStorageSync(STORAGE_KEYS.IS_GUEST)
+  if (!token || isGuest) return
+  loadHealthOverview()
+  loadCustomers()
+  loadFollowup()
+})
+</script>
+
+<style lang="scss" scoped>
+.page-container {
+  min-height: 100vh;
+  background: #f5f5f5;
+  display: flex;
+  flex-direction: column;
+}
+
+/* Nav Bar */
+.nav-bar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  background: #1890ff;
+  z-index: 100;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-bottom: 8rpx;
+}
+
+.nav-title {
+  font-size: 34rpx;
+  font-weight: 600;
+  color: #fff;
+}
+
+/* Inline Tabs */
+.inline-tabs {
+  position: fixed;
+  left: 0;
+  right: 0;
+  display: flex;
+  background: #fff;
+  z-index: 99;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+}
+
+.tab-item {
+  flex: 1;
+  text-align: center;
+  padding: 24rpx 0 16rpx;
+  position: relative;
+}
+
+.tab-text {
+  font-size: 28rpx;
+  color: #666;
+  font-weight: 500;
+}
+
+.tab-item.active .tab-text {
+  color: #1890ff;
+  font-weight: 600;
+}
+
+.tab-indicator {
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 60rpx;
+  height: 6rpx;
+  background: #1890ff;
+  border-radius: 3rpx;
+}
+
+/* Content Area */
+.content-area {
+  flex: 1;
+  margin-top: 136rpx;
+  padding: 20rpx;
+  padding-bottom: calc(140rpx + env(safe-area-inset-bottom));
+}
+
+.tab-panel {
+  width: 100%;
+}
+
+/* Health Row */
+.health-row {
+  display: flex;
+  gap: 12rpx;
+  margin-bottom: 20rpx;
+}
+
+.health-chip {
+  flex: 1;
+  background: #fff;
+  border-radius: 12rpx;
+  padding: 20rpx 12rpx;
+  text-align: center;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+}
+
+.health-chip-val {
+  font-size: 36rpx;
+  font-weight: 700;
+  display: block;
+}
+
+.health-chip-label {
+  font-size: 20rpx;
+  color: #999;
+  margin-top: 4rpx;
+  display: block;
+}
+
+.health-chip.active .health-chip-val { color: #52c41a; }
+.health-chip.watch .health-chip-val { color: #fa8c16; }
+.health-chip.critical .health-chip-val { color: #ff4d4f; }
+.health-chip.total .health-chip-val { color: #1890ff; }
+
+/* Filter Scroll */
+.filter-scroll {
+  margin-bottom: 20rpx;
+}
+
+.filter-row {
+  display: flex;
+  gap: 16rpx;
+  white-space: nowrap;
+}
+
+.filter-chip {
+  display: inline-flex;
+  align-items: center;
+  padding: 12rpx 28rpx;
+  background: #fff;
+  border-radius: 32rpx;
+  font-size: 24rpx;
+  color: #666;
+  box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.04);
+}
+
+.filter-chip.active {
+  background: #e6f7ff;
+  color: #1890ff;
+  font-weight: 600;
+}
+
+/* Customer List */
+.customer-list {
+  display: flex;
+  flex-direction: column;
+  gap: 16rpx;
+}
+
+.customer-card {
+  background: #fff;
+  border-radius: 16rpx;
+  padding: 24rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
+}
+
+.cc-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 12rpx;
+}
+
+.cc-name {
+  font-size: 30rpx;
+  font-weight: 600;
+  color: #333;
+  margin-right: 16rpx;
+}
+
+.cc-status {
+  font-size: 22rpx;
+  padding: 4rpx 14rpx;
+  border-radius: 6rpx;
+}
+
+.cc-status.lead { background: #fff7e6; color: #fa8c16; }
+.cc-status.negotiating { background: #e6f7ff; color: #1890ff; }
+.cc-status.customer { background: #f6ffed; color: #52c41a; }
+.cc-status.lost { background: #fff1f0; color: #ff4d4f; }
+
+.cc-body {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12rpx;
+  margin-bottom: 10rpx;
+}
+
+.cc-company, .cc-country {
+  font-size: 24rpx;
+  color: #666;
+  background: #f5f5f5;
+  padding: 4rpx 14rpx;
+  border-radius: 6rpx;
+}
+
+.cc-silence {
+  font-size: 22rpx;
+  color: #ff4d4f;
+}
+
+.cc-footer {
+  display: flex;
+  justify-content: space-between;
+}
+
+.cc-last {
+  font-size: 22rpx;
+  color: #999;
+}
+
+/* Discovery Form */
+.discovery-form {
+  background: #fff;
+  border-radius: 16rpx;
+  padding: 28rpx;
+  margin-bottom: 20rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
+}
+
+.form-group {
+  margin-bottom: 24rpx;
+}
+
+.form-label {
+  font-size: 26rpx;
+  color: #333;
+  font-weight: 500;
+  display: block;
+  margin-bottom: 10rpx;
+}
+
+.form-textarea {
+  width: 100%;
+  min-height: 120rpx;
+  background: #f9f9f9;
+  border-radius: 12rpx;
+  padding: 20rpx;
+  font-size: 26rpx;
+  color: #333;
+  box-sizing: border-box;
+  line-height: 1.5;
+}
+
+.form-input {
+  width: 100%;
+  height: 72rpx;
+  background: #f9f9f9;
+  border-radius: 12rpx;
+  padding: 0 20rpx;
+  font-size: 26rpx;
+  color: #333;
+  box-sizing: border-box;
+}
+
+.discover-btn {
+  width: 100%;
+  height: 80rpx;
+  background: #1890ff;
+  color: #fff;
+  font-size: 28rpx;
+  font-weight: 600;
+  border-radius: 12rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  margin-top: 8rpx;
+}
+
+.discover-btn[disabled] {
+  opacity: 0.6;
+}
+
+/* Discovery Results */
+.discovery-results {
+  display: flex;
+  flex-direction: column;
+  gap: 16rpx;
+  margin-bottom: 20rpx;
+}
+
+.result-card {
+  background: #fff;
+  border-radius: 16rpx;
+  padding: 24rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
+}
+
+.rc-title {
+  font-size: 28rpx;
+  font-weight: 600;
+  color: #333;
+  display: block;
+  margin-bottom: 6rpx;
+}
+
+.rc-url {
+  font-size: 22rpx;
+  color: #1890ff;
+  display: block;
+  margin-bottom: 8rpx;
+}
+
+.rc-snippet {
+  font-size: 24rpx;
+  color: #666;
+  line-height: 1.5;
+  display: block;
+  margin-bottom: 14rpx;
+}
+
+.rc-actions {
+  display: flex;
+  gap: 14rpx;
+  margin-bottom: 12rpx;
+}
+
+.rc-btn {
+  font-size: 24rpx;
+  padding: 8rpx 24rpx;
+  border-radius: 8rpx;
+}
+
+.rc-btn.mini {
+  background: #eaf4ff;
+  color: #1890ff;
+}
+
+.rc-btn.mini.add {
+  background: #f0fff0;
+  color: #52c41a;
+}
+
+.rc-analysis {
+  background: #f9f9f9;
+  border-radius: 10rpx;
+  padding: 16rpx;
+}
+
+.rc-score-bar {
+  display: flex;
+  align-items: center;
+  gap: 10rpx;
+  margin-bottom: 8rpx;
+}
+
+.rc-score-label {
+  font-size: 22rpx;
+  color: #666;
+  flex-shrink: 0;
+}
+
+.rc-track {
+  flex: 1;
+  height: 10rpx;
+  background: #eee;
+  border-radius: 5rpx;
+  overflow: hidden;
+}
+
+.rc-fill {
+  height: 100%;
+  background: #1890ff;
+  border-radius: 5rpx;
+  transition: width 0.3s;
+}
+
+.rc-score-val {
+  font-size: 22rpx;
+  color: #1890ff;
+  font-weight: 600;
+  flex-shrink: 0;
+}
+
+.rc-reason {
+  font-size: 22rpx;
+  color: #666;
+  display: block;
+}
+
+/* Followup Stats */
+.fu-stats {
+  display: flex;
+  background: #fff;
+  border-radius: 16rpx;
+  padding: 24rpx;
+  margin-bottom: 20rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
+}
+
+.fu-stat {
+  flex: 1;
+  text-align: center;
+}
+
+.fu-stat-val {
+  font-size: 36rpx;
+  font-weight: 700;
+  color: #1890ff;
+  display: block;
+}
+
+.fu-stat-lbl {
+  font-size: 22rpx;
+  color: #999;
+  margin-top: 4rpx;
+  display: block;
+}
+
+/* FU Sub Tabs */
+.fu-sub-tabs {
+  display: flex;
+  background: #fff;
+  border-radius: 12rpx;
+  margin-bottom: 20rpx;
+  overflow: hidden;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+}
+
+.fu-sub-tab {
+  flex: 1;
+  text-align: center;
+  padding: 20rpx 0;
+  font-size: 28rpx;
+  color: #666;
+}
+
+.fu-sub-tab.active {
+  color: #1890ff;
+  font-weight: 600;
+  background: #e6f7ff;
+}
+
+/* FU List */
+.fu-list, .fu-history {
+  display: flex;
+  flex-direction: column;
+  gap: 16rpx;
+}
+
+.fu-card {
+  background: #fff;
+  border-radius: 16rpx;
+  padding: 24rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
+}
+
+.fu-card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12rpx;
+}
+
+.fu-name {
+  font-size: 30rpx;
+  font-weight: 600;
+  color: #333;
+}
+
+.fu-badge {
+  font-size: 22rpx;
+  padding: 4rpx 14rpx;
+  border-radius: 8rpx;
+}
+
+.fu-badge.warn { background: #fff7e6; color: #fa8c16; }
+.fu-badge.danger { background: #fff1f0; color: #f5222d; }
+
+.fu-content {
+  font-size: 26rpx;
+  color: #555;
+  line-height: 1.6;
+  display: block;
+  margin-bottom: 16rpx;
+}
+
+.fu-actions {
+  display: flex;
+  gap: 16rpx;
+}
+
+.fu-btn {
+  flex: 1;
+  height: 64rpx;
+  border-radius: 12rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 26rpx;
+}
+
+.fu-btn.primary {
+  background: #1890ff;
+  color: #fff;
+}
+
+.fu-btn.outline {
+  background: #fff;
+  color: #1890ff;
+  border: 2rpx solid #1890ff;
+}
+
+/* FU Log */
+.fu-log {
+  background: #fff;
+  border-radius: 12rpx;
+  padding: 20rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+}
+
+.fu-log-header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 8rpx;
+}
+
+.fu-log-name {
+  font-size: 28rpx;
+  font-weight: 500;
+  color: #333;
+}
+
+.fu-log-status {
+  font-size: 22rpx;
+  padding: 2rpx 10rpx;
+  border-radius: 6rpx;
+}
+
+.fu-log-status.pending { background: #fff7e6; color: #fa8c16; }
+.fu-log-status.sent { background: #e6f7ff; color: #1890ff; }
+.fu-log-status.replied { background: #f6ffed; color: #52c41a; }
+
+.fu-log-preview {
+  font-size: 24rpx;
+  color: #999;
+  display: block;
+  margin-bottom: 4rpx;
+}
+
+.fu-log-time {
+  font-size: 20rpx;
+  color: #ccc;
+}
+
+/* Full Link */
+.full-link {
+  text-align: center;
+  padding: 24rpx 0;
+}
+
+.full-link text {
+  font-size: 24rpx;
+  color: #1890ff;
+}
+
+/* Empty State */
+.empty-state {
+  text-align: center;
+  padding: 80rpx 0;
+}
+
+.empty-icon {
+  font-size: 80rpx;
+  display: block;
+  margin-bottom: 16rpx;
+}
+
+.empty-text {
+  font-size: 26rpx;
+  color: #999;
+}
+
+/* FAB */
+.fab-add {
+  position: fixed;
+  right: 40rpx;
+  bottom: calc(100rpx + env(safe-area-inset-bottom));
+  width: 100rpx;
+  height: 100rpx;
+  background: #1890ff;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 8rpx 24rpx rgba(24, 144, 255, 0.35);
+  z-index: 98;
+}
+
+.fab-icon {
+  font-size: 48rpx;
+  color: #fff;
+  font-weight: 300;
+  line-height: 1;
+}
+
+/* Editor Overlay */
+.editor-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 999;
+  padding: 40rpx;
+}
+
+.editor-modal {
+  background: #fff;
+  border-radius: 24rpx;
+  padding: 40rpx;
+  width: 100%;
+  max-width: 600rpx;
+}
+
+.editor-title {
+  font-size: 32rpx;
+  font-weight: 600;
+  display: block;
+  margin-bottom: 20rpx;
+}
+
+.editor-input {
+  width: 100%;
+  min-height: 240rpx;
+  background: #f5f5f5;
+  border-radius: 12rpx;
+  padding: 20rpx;
+  font-size: 26rpx;
+  color: #333;
+  box-sizing: border-box;
+  line-height: 1.5;
+}
+
+.editor-actions {
+  display: flex;
+  gap: 16rpx;
+  margin-top: 24rpx;
+}
+
+.editor-btn {
+  flex: 1;
+  height: 72rpx;
+  border-radius: 12rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 28rpx;
+}
+
+.editor-btn.primary {
+  background: #1890ff;
+  color: #fff;
+}
+
+.editor-btn.cancel {
+  background: #f5f5f5;
+  color: #666;
+}
+</style>