From 31e504a997399c0d85b69566eaf3d43f82d7e48b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BD=A0=C3=A7=C2=9Anepiedg?= <你的yunchuansong@163.com>
Date: Wed, 18 Mar 2026 00:06:01 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E5=8A=9F=E8=83=BD=E4=B8=8E=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 onboarding 页面中新增使用模式选择功能，用户可选择“戒烟打卡”或“记录抽烟”模式
- 更新个人资料页面以显示当前模式并允许用户切换模式
- 在 pages.json 中注册新的模式选择页面
- 优化首页和其他相关页面以适应新模式功能
---
 docs/smt双模式改造方案.md                | 532 +++++++++++++
 docs/戒烟产品分析-smt-vs-quit-checkin.md | 303 ++++++++
 pages.json                               |   6 +
 pages/index/index.vue                    | 934 ++++++++++++-----------
 pages/mode-select/index.vue              | 219 ++++++
 pages/onboarding/index.vue               | 126 ++-
 pages/profile/index.vue                  | 139 +++-
 stores/profile.js                        |   9 +
 stores/user.js                           |  13 +-
 utils/storage.js                         |   2 +
 10 files changed, 1818 insertions(+), 465 deletions(-)
 create mode 100644 docs/smt双模式改造方案.md
 create mode 100644 docs/戒烟产品分析-smt-vs-quit-checkin.md
 create mode 100644 pages/mode-select/index.vue

diff --git a/docs/smt双模式改造方案.md b/docs/smt双模式改造方案.md
new file mode 100644
index 0000000..7900a34
--- /dev/null
+++ b/docs/smt双模式改造方案.md
@@ -0,0 +1,532 @@
+# smt 双模式改造方案
+
+> 创建时间：2026-03-17
+> 状态：待开发
+> 相关文档：[[戒烟产品分析-smt-vs-quit-checkin]]
+
+---
+
+## 📁 现有项目结构
+
+```
+smt/
+├── api/                    # 接口封装
+│   ├── auth.js            # 登录认证
+│   ├── smoke.js           # 抽烟记录 API
+│   ├── profile.js         # 用户资料 API
+│   ├── request.js         # 请求封装
+│   └── index.js           # 统一导出
+├── components/             # 业务组件
+│   └── smoke-record-dialog/  # 记录弹框组件
+├── config/                 # 环境配置
+│   └── index.js           # BASE_URL 配置
+├── hooks/                  # 组合式逻辑
+│   └── useLogin.js        # 登录相关 hook
+├── pages/                  # 页面
+│   ├── index/             # 首页 ⭐ 需要改造
+│   ├── stats/             # 统计页
+│   ├── logs/              # 历史记录页
+│   ├── ai/                # AI 建议
+│   ├── ai_summary/        # AI 总结
+│   ├── share/             # 分享页
+│   ├── profile/           # 个人中心
+│   ├── quit-plan/         # 戒烟计划
+│   └── onboarding/        # 新用户引导 ⭐ 需要改造
+├── stores/                 # Pinia 状态管理
+│   ├── user.js            # 用户状态 ⭐ 需要扩展
+│   ├── profile.js         # 用户资料 ⭐ 需要扩展
+│   ├── logs.js            # 记录状态
+│   ├── dashboard.js       # 首页数据
+│   └── index.js           # 统一导出
+├── utils/                  # 工具函数
+│   ├── storage.js         # 本地存储 ⭐ 需要扩展
+│   ├── time.js            # 时间处理
+│   └── format.js          # 格式化
+├── static/                 # 静态资源
+├── App.vue                 # 应用入口
+├── main.js                 # 主入口
+├── pages.json              # 页面配置 ⭐ 需要修改
+└── manifest.json           # 小程序配置
+```
+
+---
+
+## 🔧 需要修改/新增的文件
+
+### 新增文件
+
+| 文件路径 | 说明 |
+|----------|------|
+| `pages/mode-select/index.vue` | **新增** - 模式选择引导页 |
+| `pages/quit-home/index.vue` | **新增** - 戒烟打卡模式首页 |
+| `pages/record-home/index.vue` | **新增** - 记录抽烟模式首页 |
+| `components/quit-checkin-btn/index.vue` | **新增** - 打卡按钮组件 |
+| `components/simple-counter/index.vue` | **新增** - 简易计数器组件 |
+
+### 需要修改的文件
+
+| 文件路径 | 修改内容 |
+|----------|----------|
+| `stores/user.js` | 添加 `mode` 字段存储用户模式 |
+| `stores/profile.js` | 添加 `quitDays` 戒烟天数计算 |
+| `utils/storage.js` | 添加 `USER_MODE_KEY` 常量 |
+| `pages.json` | 添加新页面路由，修改首页逻辑 |
+| `pages/onboarding/index.vue` | 完成引导后跳转到模式选择页 |
+| `pages/profile/index.vue` | 添加模式切换入口 |
+| `pages/index/index.vue` | 根据模式渲染不同首页（可选方案） |
+
+---
+
+## 📝 详细代码修改
+
+### 1. `utils/storage.js` - 新增常量
+
+```javascript
+export const USER_MODE_KEY = 'user_mode'  // 新增
+```
+
+---
+
+### 2. `stores/user.js` - 扩展用户模式
+
+```javascript
+import { defineStore } from 'pinia'
+import { storage, USER_KEY, SESSION_KEY, USER_MODE_KEY } from '@/utils/storage'
+
+export const useUserStore = defineStore('user', {
+  state: () => ({
+    user: storage.get(USER_KEY),
+    sessionKey: storage.get(SESSION_KEY),
+    isLoggedIn: !!storage.get(SESSION_KEY),
+    mode: storage.get(USER_MODE_KEY) || null  // 'quit' | 'record' | null
+  }),
+
+  actions: {
+    setUser(user, sessionKey) {
+      this.user = user
+      this.sessionKey = sessionKey
+      this.isLoggedIn = true
+      storage.set(USER_KEY, user)
+      storage.set(SESSION_KEY, sessionKey)
+    },
+
+    setMode(mode) {
+      this.mode = mode
+      storage.set(USER_MODE_KEY, mode)
+    },
+
+    logout() {
+      this.user = null
+      this.sessionKey = null
+      this.isLoggedIn = false
+      storage.remove(USER_KEY)
+      storage.remove(SESSION_KEY)
+    }
+  }
+})
+```
+
+---
+
+### 3. `pages.json` - 添加新页面
+
+```json
+{
+  "pages": [
+    {
+      "path": "pages/mode-select/index",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/quit-home/index",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/record-home/index",
+      "style": {
+        "navigationBarTitleText": "记录抽烟"
+      }
+    },
+    {
+      "path": "pages/index/index",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    }
+  ]
+}
+```
+
+---
+
+### 4. `pages/mode-select/index.vue` - 模式选择页
+
+```vue
+<template>
+  <view class="page">
+    <view class="content">
+      <text class="title">你想怎么戒烟？</text>
+      <text class="subtitle">选择适合你的方式</text>
+      
+      <view class="options">
+        <view class="option option-quit" @tap="selectMode('quit')">
+          <text class="option-icon">🌟</text>
+          <view class="option-text">
+            <text class="option-title">我要戒烟打卡</text>
+            <text class="option-desc">记录坚持的天数，获得成就感</text>
+          </view>
+        </view>
+        
+        <view class="option option-record" @tap="selectMode('record')">
+          <text class="option-icon">📊</text>
+          <view class="option-text">
+            <text class="option-title">我要记录抽烟</text>
+            <text class="option-desc">跟踪抽烟频率，分析戒烟进度</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { useUserStore } from '@/stores/user'
+
+const userStore = useUserStore()
+
+function selectMode(mode) {
+  userStore.setMode(mode)
+  
+  if (mode === 'quit') {
+    uni.redirectTo({ url: '/pages/quit-home/index' })
+  } else {
+    uni.redirectTo({ url: '/pages/record-home/index' })
+  }
+}
+</script>
+```
+
+---
+
+### 5. `pages/quit-home/index.vue` - 戒烟打卡首页
+
+**界面设计：**
+
+```
+┌─────────────────────────┐
+│  🔥 已坚持 23 天        │
+│                         │
+│      ┌─────────┐        │
+│      │  打卡   │        │
+│      │  今天没抽│       │
+│      └─────────┘        │
+│                         │
+│  💰 已省下 184 元       │
+│  🫁 肺部正在恢复中...   │
+│                         │
+│  ─────────────────────  │
+│  今日打卡 ✓ 08:30       │
+└─────────────────────────┘
+```
+
+**核心代码：**
+
+```vue
+<template>
+  <view class="page">
+    <view class="header">
+      <text class="days-label">已坚持</text>
+      <text class="days-value">{{ quitDays }}</text>
+      <text class="days-unit">天</text>
+    </view>
+    
+    <view class="checkin-section">
+      <view class="checkin-btn" :class="{ 'checked': todayChecked }" @tap="checkin">
+        <text class="checkin-icon">{{ todayChecked ? '✓' : '🔥' }}</text>
+        <text class="checkin-text">{{ todayChecked ? '今日已打卡' : '打卡' }}</text>
+      </view>
+    </view>
+    
+    <view class="stats-row">
+      <view class="stat-item">
+        <text class="stat-value">¥{{ savedMoney }}</text>
+        <text class="stat-label">已省下</text>
+      </view>
+      <view class="stat-item">
+        <text class="stat-value">{{ healthProgress }}%</text>
+        <text class="stat-label">健康恢复</text>
+      </view>
+    </view>
+    
+    <view class="health-tips">
+      <text class="tip-icon">🫁</text>
+      <text class="tip-text">{{ healthTip }}</text>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref, computed, onMounted } from 'vue'
+import { useUserStore } from '@/stores/user'
+import { useProfileStore } from '@/stores/profile'
+
+const userStore = useUserStore()
+const profileStore = useProfileStore()
+
+const todayChecked = ref(false)
+const quitStartDate = ref(null)
+
+const quitDays = computed(() => {
+  if (!quitStartDate.value) return 0
+  const diff = Date.now() - new Date(quitStartDate.value).getTime()
+  return Math.floor(diff / (1000 * 60 * 60 * 24))
+})
+
+const savedMoney = computed(() => {
+  const pricePerPack = profileStore.profile?.pack_price_cent || 2500
+  const cigsPerDay = profileStore.profile?.baseline_cigs_per_day || 10
+  const savedCigs = quitDays.value * cigsPerDay
+  return ((savedCigs / 20) * (pricePerPack / 100)).toFixed(0)
+})
+
+const healthProgress = computed(() => {
+  if (quitDays.value >= 365) return 100
+  if (quitDays.value >= 180) return 85
+  if (quitDays.value >= 90) return 70
+  if (quitDays.value >= 30) return 50
+  if (quitDays.value >= 14) return 30
+  if (quitDays.value >= 7) return 15
+  return 5
+})
+
+const healthTip = computed(() => {
+  if (quitDays.value >= 365) return '恭喜！你的肺部功能已基本恢复'
+  if (quitDays.value >= 180) return '你的血液循环已显著改善'
+  if (quitDays.value >= 30) return '你的味觉和嗅觉正在恢复'
+  if (quitDays.value >= 7) return '你的肺活量开始增加'
+  return '坚持下去，身体正在恢复中'
+})
+
+function checkin() {
+  if (todayChecked.value) return
+  todayChecked.value = true
+  // TODO: 调用 API 保存打卡记录
+  uni.showToast({ title: '打卡成功！', icon: 'success' })
+}
+
+onMounted(() => {
+  // 获取戒烟开始日期
+  // TODO: 从 API 或本地存储获取
+})
+</script>
+```
+
+---
+
+### 6. `pages/record-home/index.vue` - 记录抽烟首页
+
+**界面设计：**
+
+```
+┌─────────────────────────┐
+│  今天抽了 3 根          │
+│                         │
+│      ┌─────────┐        │
+│      │  +1 根  │        │
+│      │  点击记录│        │
+│      └─────────┘        │
+│                         │
+│  昨日：4 根             │
+│  本周：18 根            │
+│                         │
+│  ─────────────────────  │
+│  历史记录 >             │
+└─────────────────────────┘
+```
+
+**核心代码：**
+
+```vue
+<template>
+  <view class="page">
+    <view class="counter-section">
+      <text class="counter-label">今天抽了</text>
+      <text class="counter-value">{{ todayCount }}</text>
+      <text class="counter-unit">根</text>
+    </view>
+    
+    <view class="add-btn" @tap="addOne">
+      <text class="add-icon">+</text>
+      <text class="add-text">记录一根</text>
+    </view>
+    
+    <view class="summary">
+      <view class="summary-item">
+        <text class="summary-label">昨日</text>
+        <text class="summary-value">{{ yesterdayCount }} 根</text>
+      </view>
+      <view class="summary-item">
+        <text class="summary-label">本周</text>
+        <text class="summary-value">{{ weekCount }} 根</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import * as api from '@/api'
+
+const todayCount = ref(0)
+const yesterdayCount = ref(0)
+const weekCount = ref(0)
+
+async function addOne() {
+  todayCount.value++
+  // TODO: 调用 API 记录
+  try {
+    await api.createLog({
+      num: 1,
+      smoke_time: new Date().toISOString(),
+      smoke_at: new Date().toISOString()
+    })
+    uni.showToast({ title: '已记录', icon: 'success', duration: 1000 })
+  } catch (e) {
+    console.error('记录失败:', e)
+  }
+}
+</script>
+
+<style scoped>
+.add-btn {
+  width: 300rpx;
+  height: 300rpx;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #EF4444, #F87171);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  margin: 60rpx auto;
+  box-shadow: 0 20rpx 40rpx rgba(239, 68, 68, 0.3);
+}
+
+.add-icon {
+  font-size: 80rpx;
+  color: #FFF;
+  font-weight: 300;
+}
+
+.add-text {
+  font-size: 28rpx;
+  color: rgba(255, 255, 255, 0.9);
+  margin-top: 8rpx;
+}
+</style>
+```
+
+---
+
+### 7. `pages/profile/index.vue` - 添加模式切换
+
+在个人中心添加：
+
+```vue
+<view class="menu-item" @tap="showModeSwitch">
+  <text class="menu-icon">⚙️</text>
+  <text class="menu-text">模式切换</text>
+  <text class="menu-value">{{ modeText }}</text>
+</view>
+
+<script setup>
+import { computed } from 'vue'
+import { useUserStore } from '@/stores/user'
+
+const userStore = useUserStore()
+
+const modeText = computed(() => {
+  return userStore.mode === 'quit' ? '戒烟打卡' : '记录抽烟'
+})
+
+function showModeSwitch() {
+  uni.showActionSheet({
+    itemList: ['戒烟打卡模式', '记录抽烟模式'],
+    success: (res) => {
+      const modes = ['quit', 'record']
+      userStore.setMode(modes[res.tapIndex])
+      uni.showToast({ title: '已切换', icon: 'success' })
+    }
+  })
+}
+</script>
+```
+
+---
+
+## 📋 开发顺序
+
+| 阶段 | 任务 | 预估时间 | 状态 |
+|------|------|----------|------|
+| **第一阶段** | 1. 修改 `utils/storage.js`<br>2. 修改 `stores/user.js`<br>3. 创建 `pages/mode-select/index.vue`<br>4. 修改 `pages.json` | 1-2h | ⬜ 待开始 |
+| **第二阶段** | 1. 创建 `pages/quit-home/index.vue`<br>2. 打卡 API 对接<br>3. 省钱金额计算 | 2-3h | ⬜ 待开始 |
+| **第三阶段** | 1. 创建 `pages/record-home/index.vue`<br>2. 一键记录 API 对接 | 1-2h | ⬜ 待开始 |
+| **第四阶段** | 1. 修改 `pages/profile/index.vue` 模式切换<br>2. 修改引导流程跳转逻辑 | 1h | ⬜ 待开始 |
+
+**总预估：5-8 小时**
+
+---
+
+## ⚠️ 注意事项
+
+### 1. TabBar 问题
+
+如果要让两种模式共用 TabBar，首页需要根据 mode 动态渲染：
+
+```vue
+<!-- pages/index/index.vue -->
+<template>
+  <QuitHome v-if="userStore.mode === 'quit'" />
+  <RecordHome v-else />
+</template>
+```
+
+### 2. 数据兼容
+
+老用户没有 mode 字段，需要引导选择模式：
+
+```javascript
+// App.vue 或首页
+if (!userStore.mode) {
+  uni.redirectTo({ url: '/pages/mode-select/index' })
+}
+```
+
+### 3. API 对接
+
+打卡功能需要后端新增接口：
+
+```
+POST /api/checkin
+{
+  "date": "2026-03-17",
+  "quit_days": 23
+}
+```
+
+或复用现有 resisted 接口。
+
+---
+
+## 🔗 相关文档
+
+- [[戒烟产品分析-smt-vs-quit-checkin]]
+- [[smt - 技术文档]]
+- [[quit-checkin - 技术文档]]
+
+---
+
+#技术开发 #smt #戒烟 #小程序 #双模式
diff --git a/docs/戒烟产品分析-smt-vs-quit-checkin.md b/docs/戒烟产品分析-smt-vs-quit-checkin.md
new file mode 100644
index 0000000..8466c37
--- /dev/null
+++ b/docs/戒烟产品分析-smt-vs-quit-checkin.md
@@ -0,0 +1,303 @@
+# 戒烟产品分析 - smt vs quit-checkin
+
+> 创建时间：2026-03-17
+> 状态：进行中
+> 相关项目：[[smt]]、[[quit-checkin]]
+
+---
+
+## 📊 产品对比
+
+### 基本信息
+
+| 维度 | smt（戒烟助手） | quit-checkin（无烟打卡） |
+|------|----------------|------------------------|
+| **定位** | 戒烟助手（完整版） | 无烟打卡（轻量版） |
+| **技术栈** | uni-app + Vue 3 + Pinia | uni-app + Vue 3 + Vite |
+| **功能丰富度** | 高 | 低 |
+| **当前问题** | 日活少、推广难、记录违背人性 | 功能单一 |
+
+### 核心功能对比
+
+| 功能 | smt | quit-checkin |
+|------|-----|--------------|
+| 记录抽烟 | ✅ 详细记录（数量、等级、备注） | ❌ |
+| 记录忍住 | ✅ | ❌ |
+| 打卡 | ❌ | ✅ 核心功能 |
+| 统计分析 | ✅ 周/月/年趋势 | ✅ 基础统计 |
+| AI 建议 | ✅ | ❌ |
+| 健康恢复指标 | ✅ | ❌ |
+| 省钱计算 | ✅ | ❌ |
+| 戒烟计划 | ✅ | ❌ |
+| 梦想激励 | ❌ | ✅ |
+| 分享海报 | ❌ | ✅ |
+
+---
+
+## 🎯 产品定位差异
+
+### smt（戒烟助手）
+- **核心理念**：数据驱动戒烟
+- **用户行为**：主动记录抽烟/忍住
+- **心理感受**：审计失败（每次记录都是承认失败）
+- **价值点**：数据分析、AI建议、健康指标
+
+### quit-checkin（无烟打卡）
+- **核心理念**：正向激励戒烟
+- **用户行为**：每日打卡
+- **心理感受**：奖励成功（每次打卡都是成就积累）
+- **价值点**：天数累计、省钱金额、分享炫耀
+
+---
+
+## 👥 目标用户分析
+
+### smt 用户画像
+- 25-45岁，有一定烟龄
+- 想系统化戒烟，需要数据和指导
+- 愿意投入时间精力管理戒烟过程
+- 对数据分析有需求
+
+### quit-checkin 用户画像
+- 年轻用户，轻度戒烟需求
+- 想简单打卡记录
+- 注重社交分享和成就感
+- 使用场景：每日打卡、简单记录
+
+---
+
+## 📈 获取用户难度对比
+
+| 维度 | smt | quit-checkin | 评分 |
+|------|-----|--------------|------|
+| **获客门槛** | 中等（需引导流程） | 低（即开即用） | QC胜 ⭐⭐⭐⭐ |
+| **分享裂变** | 弱（展示失败） | 强（海报分享） | QC胜 ⭐⭐⭐⭐ |
+| **首次体验** | 需完成引导问卷 | 直接打卡 | QC胜 ⭐⭐⭐⭐ |
+| **推广成本** | 高 | 低（自带裂变） | QC胜 ⭐⭐⭐⭐⭐ |
+
+**结论：quit-checkin 更容易获取用户**
+
+---
+
+## 💪 用户活跃度/留存潜力对比
+
+| 维度 | smt | quit-checkin | 评分 |
+|------|-----|--------------|------|
+| **核心钩子** | AI建议、健康指标 | 打卡成就感 | smt胜 ⭐⭐⭐⭐ |
+| **回访理由** | 统计、省钱金额 | 天数累计 | smt胜 ⭐⭐⭐⭐ |
+| **社交属性** | 弱 | 海报分享，较强 | QC胜 ⭐⭐⭐ |
+| **激励体系** | 数据驱动 | 正向激励 | 平手 ⭐⭐⭐ |
+| **长期留存** | 高（功能丰富） | 中（功能单一） | smt胜 ⭐⭐⭐⭐⭐ |
+
+**结论：smt 活跃度潜力更高**
+
+---
+
+## 💰 商业化潜力对比
+
+| 维度 | smt | quit-checkin | 评分 |
+|------|-----|--------------|------|
+| **付费场景** | 高级AI、戒烟计划、专家咨询 | 会员特权、定制海报 | smt胜 ⭐⭐⭐⭐⭐ |
+| **广告场景** | 戒烟产品、健康产品 | 戒烟产品 | 平手 ⭐⭐⭐ |
+| **增值服务** | 数据报告、专家咨询 | 较少 | smt胜 ⭐⭐⭐⭐ |
+
+**结论：smt 商业化潜力更高**
+
+---
+
+## 🔍 核心问题诊断
+
+### 为什么 smt 日活少？
+
+#### 人性因素分析
+
+| 人性因素 | 具体表现 |
+|----------|----------|
+| **懒惰** | 每次抽烟都要打开小程序记录，太麻烦 |
+| **遗忘** | 抽烟是无意识行为，抽完就忘了记录 |
+| **逃避心理** | 记录=承认自己又抽了，心理负担重 |
+| **即时反馈弱** | 记录后没有即时奖励，动力不足 |
+| **挫败感** | 越记录越发现自己抽得多，想放弃 |
+
+**本质问题：产品要求用户"主动做额外的事"，而人是厌恶"额外负担"的。**
+
+---
+
+## 💡 PM 建议（2026-03-17）
+
+### 🎯 决策：全力转向 quit-checkin
+
+**核心理由：戒烟产品本质是"情绪按摩"，不是"数据监控"**
+
+| 维度 | smt | quit-checkin |
+|------|-----|--------------|
+| **心理契合** | 记录=审计失败 ❌ | 打卡=奖励成功 ✅ |
+| **传播力** | 没人分享抽烟记录 ❌ | 愿意分享"戒烟100天" ✅ |
+| **维护成本** | AI+统计，成本高 ❌ | 逻辑简单，好维护 ✅ |
+| **获客成本** | 高 ❌ | 自带裂变，0成本 ✅ |
+
+### 具体操作建议
+
+#### 1. 不要废弃 smt，而是"取其精华"
+
+把 smt 的高价值功能**降维**嵌入 quit-checkin：
+
+| smt 功能 | 如何嵌入 quit-checkin |
+|----------|----------------------|
+| 健康恢复指标 | 打卡满X天解锁视图 |
+| AI 建议 | 只在"快忍不住了"时弹出应急 |
+| 省钱账单 | 打卡页实时显示"已省XX元" |
+
+#### 2. 运营迁移
+
+- smt 首页加提示：**"轻量版上线，试试更简单的无烟打卡"**
+- 老用户可将 smt 数据同步到 quit-checkin（保留成就感）
+
+#### 3. quit-checkin 迭代重点
+
+- **视觉溢价**：把分享海报做得高级，让用户有面子
+- **梦想激励**：打卡省下的钱填补梦想进度条（如：给女儿买钢琴）
+- **仪式感**：打卡动效、勋章音效，让用户对"点一下"上瘾
+
+---
+
+## 🚀 改造方案：smt 双模式
+
+### 核心思路
+
+在现有 smt 基础上快速迭代，而不是推倒重来：
+
+1. **首次启动引导**：让用户选择"戒烟打卡"或"记录抽烟"
+2. **根据选择切换首页**：不同模式展示不同界面
+3. **保留历史数据**：用户历史数据兼容
+
+### 优势
+
+| 维度 | 说明 |
+|------|------|
+| **用户不流失** | 现有用户平滑过渡，无需迁移 |
+| **开发成本低** | 复用现有代码，增量修改 |
+| **数据保留** | 用户历史数据不丢失 |
+| **快速验证** | 改动小，可以快速上线测试 |
+
+---
+
+### 首次启动引导设计
+
+```
+┌─────────────────────────┐
+│   你想怎么戒烟？        │
+│                         │
+│  ┌───────────────────┐  │
+│  │ 🌟 我要戒烟打卡   │  │
+│  │   记录坚持的天数   │  │
+│  └───────────────────┘  │
+│                         │
+│  ┌───────────────────┐  │
+│  │ 📊 我要记录抽烟   │  │
+│  │   跟踪抽烟频率     │  │
+│  └───────────────────┘  │
+│                         │
+└─────────────────────────┘
+```
+
+---
+
+### 模式一：戒烟打卡（quit-checkin 风格）
+
+**首页改造：**
+
+```
+┌─────────────────────────┐
+│  🔥 已坚持 23 天        │
+│                         │
+│      ┌─────────┐        │
+│      │  打卡   │        │
+│      │  今天没抽│       │
+│      └─────────┘        │
+│                         │
+│  💰 已省下 184 元       │
+│  🫁 肺部正在恢复中...   │
+│                         │
+│  ─────────────────────  │
+│  今日打卡 ✓ 08:30       │
+└─────────────────────────┘
+```
+
+---
+
+### 模式二：记录抽烟（精简版）
+
+**首页改造：**
+
+```
+┌─────────────────────────┐
+│  今天抽了 3 根          │
+│                         │
+│      ┌─────────┐        │
+│      │  +1 根  │        │
+│      │  点击记录│        │
+│      └─────────┘        │
+│                         │
+│  昨日：4 根             │
+│  本周：18 根            │
+│                         │
+│  ─────────────────────  │
+│  历史记录 >             │
+└─────────────────────────┘
+```
+
+**点击按钮 → 直接 +1，无需弹框**
+
+---
+
+## 📋 开发清单
+
+### 第一阶段：引导 + 模式切换
+
+| 任务 | 预估时间 | 状态 |
+|------|----------|------|
+| 新增引导页 | 2h | ⬜ 待开始 |
+| 用户模式存储 | 0.5h | ⬜ 待开始 |
+| 首页条件渲染 | 1h | ⬜ 待开始 |
+| 模式切换入口（个人中心） | 1h | ⬜ 待开始 |
+
+### 第二阶段：戒烟打卡模式
+
+| 任务 | 预估时间 | 状态 |
+|------|----------|------|
+| 打卡按钮 + 动效 | 2h | ⬜ 待开始 |
+| 天数累计展示 | 1h | ⬜ 待开始 |
+| 省钱金额计算 | 0.5h | ⬜ 待开始 |
+| 健康恢复指标（从 smt 搬运） | 2h | ⬜ 待开始 |
+
+### 第三阶段：记录抽烟模式精简
+
+| 任务 | 预估时间 | 状态 |
+|------|----------|------|
+| 首页大按钮 +1 | 1h | ⬜ 待开始 |
+| 精简历史记录页 | 1h | ⬜ 待开始 |
+| 统计页精简 | 1h | ⬜ 待开始 |
+
+---
+
+## 🗓️ 下一步行动
+
+| 时间 | 行动 | 状态 |
+|------|------|------|
+| **本周** | 停止 smt 新功能开发，仅维持运行 | ⬜ 待开始 |
+| **下周** | 优化 quit-checkin 分享海报，搬运 smt 健康指标 | ⬜ 待开始 |
+| **下个月** | 小红书/即刻以"自律打卡"推广 quit-checkin | ⬜ 待开始 |
+
+---
+
+## 📎 相关文档
+
+- [[smt - 技术文档]]
+- [[quit-checkin - 技术文档]]
+- [[戒烟产品市场调研]]
+- [[微信小程序运营策略]]
+
+---
+
+#产品分析 #戒烟 #小程序 #smt #quit-checkin
diff --git a/pages.json b/pages.json
index 52ac202..99b3aa7 100644
--- a/pages.json
+++ b/pages.json
@@ -6,6 +6,12 @@
 		}
 	},
 	"pages": [
+		{
+			"path": "pages/mode-select/index",
+			"style": {
+				"navigationStyle": "custom"
+			}
+		},
 		{
 			"path": "pages/index/index",
 			"style": {
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 353d70f..5d80644 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,18 +1,19 @@
 <template>
 	<view class="page">
-		<!-- 自定义导航栏占位（状态栏 + 胶囊按钮区域） -->
 		<view class="nav-placeholder" :style="{ height: navBarHeight + 'px' }"></view>
-		
+
 		<view v-if="loading" class="skeleton">
-			<view class="skeleton-header"></view>
-			<view class="skeleton-tip"></view>
-			<view class="skeleton-timer"></view>
-			<view class="skeleton-cards"></view>
-			<view class="skeleton-buttons"></view>
+			<view class="skeleton-card skeleton-card-lg"></view>
+			<view class="skeleton-card skeleton-card-md"></view>
+			<view class="skeleton-grid">
+				<view class="skeleton-card"></view>
+				<view class="skeleton-card"></view>
+			</view>
+			<view class="skeleton-card skeleton-card-sm"></view>
 		</view>
 
 		<view v-else class="dashboard">
-			<view class="header">
+			<view class="header-card">
 				<view class="user-info">
 					<image class="avatar" :src="userAvatar" mode="aspectFill"></image>
 					<view class="greeting">
@@ -20,75 +21,84 @@
 						<text class="greeting-sub">{{ greetingSubtitle }}</text>
 					</view>
 				</view>
-			</view>
-
-			<!-- AI 提示卡片（MVP 阶段隐藏）
-			<view v-if="shouldShowAiTip" class="ai-tip">
-				<view class="ai-tip-icon">🤖</view>
-				<view class="ai-tip-content">
-					<text class="ai-tip-title">{{ aiTipTitle }}</text>
-					<text class="ai-tip-desc">{{ aiTipText }}</text>
-				</view>
-				<view class="ai-tip-close" @tap="closeAiTip">×</view>
-			</view>
-			-->
-
-			<view class="timer-section">
-				<view class="timer-ring">
-					<view class="timer-ring-bg"></view>
-					<view class="timer-ring-progress" :style="{ background: timerGradient }"></view>
-					<view class="timer-content">
-						<text class="timer-label">距上次抽烟</text>
-						<text class="timer-value">{{ timerDisplay }}</text>
-						<view class="next-time" v-if="nextSmokeTimeText">
-							<text class="next-time-text">✨ 下次建议: {{ nextSmokeTimeText }}</text>
-						</view>
-					</view>
+				<view class="mode-chip" :class="isQuitMode ? 'mode-chip-quit' : 'mode-chip-record'">
+					{{ isQuitMode ? '戒烟模式' : '记录模式' }}
 				</view>
 			</view>
 
-			<view class="stats-row">
-				<view class="stat-card">
-					<view class="stat-dot stat-dot-red"></view>
-					<text class="stat-label">今日已抽</text>
-					<view class="stat-value-row">
-						<text class="stat-value">{{ todayCount }}</text>
-						<text class="stat-target">/ {{ dailyTarget }}</text>
-						<view class="stat-change" :class="changeClass">{{ changeText }}</view>
+			<view v-if="isQuitMode">
+				<view class="hero-card hero-card-quit">
+					<text class="hero-label">已坚持</text>
+					<view class="hero-value-row">
+						<text class="hero-value">{{ quitDays }}</text>
+						<text class="hero-unit">天</text>
 					</view>
-					<view class="stat-progress">
-						<view class="stat-progress-bar stat-progress-red" :style="{ width: progressWidth }"></view>
+					<text class="hero-sub">{{ quitSubtitle }}</text>
+				</view>
+
+				<view class="primary-action" :class="{ 'primary-action-done': todayChecked }" @tap="handleQuitCheckin">
+					<text class="primary-action-icon">{{ todayChecked ? '✓' : '🔥' }}</text>
+					<text class="primary-action-title">{{ todayChecked ? '今日已打卡' : '今天没抽，去打卡' }}</text>
+					<text class="primary-action-desc">{{ todayChecked ? `已于 ${todayCheckinTime} 记录` : '把今天记成无烟的一天' }}</text>
+				</view>
+
+				<view class="stats-grid">
+					<view class="stat-card">
+						<text class="stat-label">已省下</text>
+						<text class="stat-value">¥{{ savedMoney }}</text>
+						<text class="stat-desc">按日均 {{ baselineCigsPerDay }} 支估算</text>
+					</view>
+					<view class="stat-card">
+						<text class="stat-label">恢复进度</text>
+						<text class="stat-value">{{ healthProgress }}%</text>
+						<text class="stat-desc">{{ healthTip }}</text>
 					</view>
 				</view>
 
-				<view class="stat-card">
-					<view class="stat-dot stat-dot-green"></view>
-					<text class="stat-label">烟瘾发作</text>
-					<view class="stat-value-row">
-						<text class="stat-value">{{ resistedCount }}</text>
-						<text class="stat-unit">已抵抗</text>
-					</view>
-					<view class="stat-progress">
-						<view class="stat-progress-bar stat-progress-green" :style="{ width: resistedProgressWidth }"></view>
-					</view>
+				<view class="note-card">
+					<text class="note-title">今日提醒</text>
+					<text class="note-text">{{ quitEncouragement }}</text>
 				</view>
 			</view>
 
-			<view class="action-buttons">
-				<view class="action-btn action-btn-secondary" @tap="openSmokeDialog">
-					<text class="action-icon">🚬</text>
-					<text>记录抽烟</text>
+			<view v-else>
+				<view class="hero-card hero-card-record">
+					<text class="hero-label">距上次抽烟</text>
+					<text class="hero-value hero-value-time">{{ timerDisplay }}</text>
+					<text class="hero-sub">{{ nextSmokeTimeText ? `下次建议：${nextSmokeTimeText}` : '先把今天的抽烟情况记下来' }}</text>
 				</view>
-				<view class="action-btn action-btn-primary" @tap="openResistedDialog">
-					<text class="action-icon">💪</text>
-					<text>想抽忍住了</text>
+
+				<view class="stats-grid">
+					<view class="stat-card">
+						<text class="stat-label">今日已抽</text>
+						<text class="stat-value">{{ todayCount }}<text class="stat-unit">根</text></text>
+						<text class="stat-desc">目标 {{ dailyTarget }} 根，{{ changeText }}</text>
+					</view>
+					<view class="stat-card">
+						<text class="stat-label">今天忍住</text>
+						<text class="stat-value">{{ resistedCount }}<text class="stat-unit">次</text></text>
+						<text class="stat-desc">每次忍住都在拉开间隔</text>
+					</view>
+				</view>
+
+				<view class="action-row">
+					<view class="action-btn action-btn-record" @tap="openSmokeDialog">
+						<text class="action-icon">🚬</text>
+						<text class="action-title">记录抽烟</text>
+						<text class="action-desc">补记这一根</text>
+					</view>
+					<view class="action-btn action-btn-resist" @tap="openResistedDialog">
+						<text class="action-icon">💪</text>
+						<text class="action-title">想抽忍住了</text>
+						<text class="action-desc">记一次成功抵抗</text>
+					</view>
 				</view>
 			</view>
 		</view>
-		
-		<!-- 记录弹框组件 -->
-		<smoke-record-dialog 
-			v-model:show="showDialog" 
+
+		<smoke-record-dialog
+			v-if="!isQuitMode"
+			v-model:show="showDialog"
 			:type="dialogType"
 			@submit="handleSubmit"
 		/>
@@ -98,71 +108,52 @@
 <script setup>
 import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { onShareAppMessage, onShow } from '@dcloudio/uni-app'
+import * as api from '@/api'
+import { useLogin } from '@/hooks/useLogin'
 import { useProfileStore } from '@/stores/profile'
 import { useUserStore } from '@/stores/user'
-import { useLogin } from '@/hooks/useLogin'
-import * as api from '@/api'
+import { storage, QUIT_CHECKIN_KEY } from '@/utils/storage'
 
 const profileStore = useProfileStore()
 const userStore = useUserStore()
 const { waitForLogin } = useLogin()
 
 const loading = ref(true)
-const showAiTip = ref(true)
 const navBarHeight = ref(0)
 const showDialog = ref(false)
-const dialogType = ref('smoke') // 'smoke' 或 'resisted'
+const dialogType = ref('smoke')
 const homeData = ref(null)
 const pageReady = ref(false)
+const quitState = ref(defaultQuitState())
 
 let timerInterval = null
-const timerSeconds = ref(0)
 const timerBaseSeconds = ref(-1)
+const timerSeconds = ref(0)
 
-const aiTipFallback = '你的烟瘾通常在下午2点达到高峰。我们为你准备了一个快速呼吸练习。'
+const isQuitMode = computed(() => userStore.mode === 'quit')
+const homeSummary = computed(() => homeData.value?.summary || {})
+const homeTimer = computed(() => homeData.value?.timer || {})
 
-const greeting = computed(() => {
-	const hour = new Date().getHours()
-	if (hour < 6) return '凌晨好'
-	if (hour < 12) return '早上好'
-	if (hour < 14) return '中午好'
-	if (hour < 18) return '下午好'
-	return '晚上好'
-})
-
-const userName = computed(() => {
-	return homeData.value?.greeting?.nickname || userStore.user?.nickname || 'Alex'
-})
-
-const userAvatar = computed(() => {
-	return homeData.value?.greeting?.avatar_url || userStore.user?.avatar_url || 'https://linghu-wmr.oss-cn-beijing.aliyuncs.com/smt/avatar.png'
-})
+const userName = computed(() => homeData.value?.greeting?.nickname || userStore.user?.nickname || '戒烟用户')
+const userAvatar = computed(() => homeData.value?.greeting?.avatar_url || userStore.user?.avatar_url || 'https://linghu-wmr.oss-cn-beijing.aliyuncs.com/smt/avatar.png')
 
 const greetingTitle = computed(() => {
-	return homeData.value?.greeting?.title || `${greeting.value}，${userName.value}`
+	const hour = new Date().getHours()
+	let greeting = '晚上好'
+	if (hour < 6) greeting = '凌晨好'
+	else if (hour < 12) greeting = '早上好'
+	else if (hour < 14) greeting = '中午好'
+	else if (hour < 18) greeting = '下午好'
+	return `${greeting}，${userName.value}`
 })
 
 const greetingSubtitle = computed(() => {
-	return homeData.value?.greeting?.subtitle || '保持连胜纪录！🔥'
+	if (isQuitMode.value) {
+		return todayChecked.value ? '今天已经记下来了，继续保持。' : '先把今天记成无烟的一天。'
+	}
+	return '记录越及时，后面的趋势越准。'
 })
 
-const aiTipTitle = computed(() => {
-	return homeData.value?.advice_card?.title || '发现规律'
-})
-
-const aiTipText = computed(() => {
-	const advice = homeData.value?.advice_card
-	if (advice?.message) return advice.message
-	if (advice?.status === 'locked') return '看广告解锁 AI 建议'
-	const motivation = homeData.value?.motivation?.message
-	return motivation || aiTipFallback
-})
-
-const shouldShowAiTip = computed(() => showAiTip.value && !!aiTipText.value)
-
-const homeSummary = computed(() => homeData.value?.summary || {})
-const homeTimer = computed(() => homeData.value?.timer || {})
-
 const todayCount = computed(() => homeSummary.value.today_count ?? 0)
 const dailyTarget = computed(() => {
 	const target = homeSummary.value.daily_target
@@ -171,33 +162,15 @@ const dailyTarget = computed(() => {
 })
 const resistedCount = computed(() => homeSummary.value.resisted_count ?? 0)
 
-const progressWidth = computed(() => {
-	const target = dailyTarget.value
-	if (!target) return '0%'
-	const percent = Math.min((todayCount.value / target) * 100, 100)
-	return `${percent}%`
-})
-
-const resistedProgressWidth = computed(() => {
-	const percent = Math.min((resistedCount.value / 10) * 100, 100)
-	return `${percent}%`
-})
-
 const changeText = computed(() => {
 	const reduced = homeSummary.value.reduced_from_yesterday
-	if (reduced === undefined || reduced === null) return '较昨日 --'
-	if (reduced === 0) return '较昨日 0'
-	return homeSummary.value.exceeded_yesterday ? `较昨日 +${reduced}` : `较昨日 -${reduced}`
-})
-
-const changeClass = computed(() => {
-	return homeSummary.value.exceeded_yesterday ? 'stat-change-up' : 'stat-change-down'
+	if (reduced === undefined || reduced === null) return '较昨日暂无对比'
+	if (reduced === 0) return '较昨日持平'
+	return homeSummary.value.exceeded_yesterday ? `较昨日多 ${reduced} 根` : `较昨日少 ${reduced} 根`
 })
 
 const timerDisplay = computed(() => {
-	if (timerBaseSeconds.value < 0) {
-		return '--:--:--'
-	}
+	if (timerBaseSeconds.value < 0) return '--:--:--'
 	const totalSeconds = timerBaseSeconds.value + timerSeconds.value
 	const hours = Math.floor(totalSeconds / 3600)
 	const minutes = Math.floor((totalSeconds % 3600) / 60)
@@ -205,38 +178,129 @@ const timerDisplay = computed(() => {
 	return `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`
 })
 
-const timerGradient = computed(() => {
-	return 'conic-gradient(#10B981 0deg 270deg, #E5E7EB 270deg 360deg)'
-})
-
 const nextSmokeTimeText = computed(() => {
 	const timer = homeTimer.value
 	if (!timer) return ''
 	if (timer.next_suggested_clock) return timer.next_suggested_clock
-	if (timer.next_suggested_at) {
-		const date = new Date(timer.next_suggested_at)
-		if (!isNaN(date.getTime())) {
-			return `${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`
-		}
-	}
-	return ''
+	if (!timer.next_suggested_at) return ''
+	const date = new Date(timer.next_suggested_at)
+	if (Number.isNaN(date.getTime())) return ''
+	return `${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`
 })
 
+const baselineCigsPerDay = computed(() => profileStore.profile?.baseline_cigs_per_day || 10)
+const packPriceYuan = computed(() => (profileStore.profile?.pack_price_cent || 2500) / 100)
+const quitDays = computed(() => {
+	if (!quitState.value.lastCheckinDate) return 0
+	const gap = diffDays(quitState.value.lastCheckinDate, formatDate(new Date()))
+	if (gap > 1) return 0
+	return Number(quitState.value.streakDays || 0)
+})
+const todayChecked = computed(() => quitState.value.lastCheckinDate === formatDate(new Date()))
+const todayCheckinTime = computed(() => formatClock(quitState.value.lastCheckinAt))
+const savedMoney = computed(() => {
+	const total = (quitDays.value * baselineCigsPerDay.value / 20) * packPriceYuan.value
+	return Math.round(total)
+})
+const healthProgress = computed(() => {
+	if (quitDays.value >= 365) return 100
+	if (quitDays.value >= 180) return 86
+	if (quitDays.value >= 90) return 72
+	if (quitDays.value >= 30) return 58
+	if (quitDays.value >= 14) return 38
+	if (quitDays.value >= 7) return 18
+	if (quitDays.value >= 1) return 6
+	return 0
+})
+const healthTip = computed(() => {
+	if (quitDays.value >= 365) return '肺部功能已进入长期恢复阶段'
+	if (quitDays.value >= 180) return '血液循环和咳嗽症状通常会继续改善'
+	if (quitDays.value >= 30) return '味觉和嗅觉通常会逐步恢复'
+	if (quitDays.value >= 7) return '一周后，呼吸会比开始时更轻松一些'
+	if (quitDays.value >= 1) return '第一阶段最难，坚持住就有意义'
+	return '打卡从今天开始，先拿下第一天'
+})
+const quitSubtitle = computed(() => {
+	if (!quitState.value.lastCheckinDate) return '还没有开始记录，先拿下第一天。'
+	const gap = diffDays(quitState.value.lastCheckinDate, formatDate(new Date()))
+	if (gap > 1) return '连续记录已中断，今天重新开始。'
+	if (todayChecked.value) return '今天已经打卡，明天继续。'
+	return '别漏掉今天这次打卡。'
+})
+const quitEncouragement = computed(() => {
+	if (todayChecked.value) return '今天的无烟记录已经落下，尽量把第一支拖得更晚一些。'
+	if (quitDays.value === 0) return '先不要想很久，只把今天守住就够了。'
+	return `连续 ${quitDays.value} 天很难得，今天再补上一天。`
+})
+
+function defaultQuitState() {
+	return {
+		lastCheckinDate: '',
+		lastCheckinAt: '',
+		streakDays: 0
+	}
+}
+
+function formatDate(date) {
+	const y = date.getFullYear()
+	const m = String(date.getMonth() + 1).padStart(2, '0')
+	const d = String(date.getDate()).padStart(2, '0')
+	return `${y}-${m}-${d}`
+}
+
+function diffDays(fromDate, toDate) {
+	if (!fromDate || !toDate) return 0
+	const from = new Date(`${fromDate}T00:00:00`)
+	const to = new Date(`${toDate}T00:00:00`)
+	const diff = to.getTime() - from.getTime()
+	return Math.floor(diff / (24 * 60 * 60 * 1000))
+}
+
+function formatClock(value) {
+	if (!value) return '--:--'
+	const date = new Date(value)
+	if (Number.isNaN(date.getTime())) return '--:--'
+	return `${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`
+}
+
+function setupNavBar() {
+	const systemInfo = uni.getSystemInfoSync()
+	const statusBarH = systemInfo.statusBarHeight || 0
+	try {
+		const menuBtn = uni.getMenuButtonBoundingClientRect()
+		navBarHeight.value = menuBtn.bottom + (menuBtn.top - statusBarH)
+	} catch (e) {
+		navBarHeight.value = statusBarH + 44
+	}
+}
+
+function loadQuitState() {
+	quitState.value = {
+		...defaultQuitState(),
+		...(storage.get(QUIT_CHECKIN_KEY) || {})
+	}
+}
+
+function saveQuitState(nextState) {
+	quitState.value = {
+		...defaultQuitState(),
+		...nextState
+	}
+	storage.set(QUIT_CHECKIN_KEY, quitState.value)
+}
+
 function startTimer() {
 	stopTimer()
-	if (timerBaseSeconds.value < 0) {
-		return
-	}
+	if (timerBaseSeconds.value < 0) return
 	timerInterval = setInterval(() => {
 		timerSeconds.value++
 	}, 1000)
 }
 
 function stopTimer() {
-	if (timerInterval) {
-		clearInterval(timerInterval)
-		timerInterval = null
-	}
+	if (!timerInterval) return
+	clearInterval(timerInterval)
+	timerInterval = null
 }
 
 function openSmokeDialog() {
@@ -257,7 +321,7 @@ function applyHomeData(data) {
 	startTimer()
 }
 
-async function fetchHomeData() {
+async function fetchRecordHomeData() {
 	const res = await api.getHome()
 	const data = res.data || {}
 	applyHomeData(data)
@@ -272,11 +336,6 @@ async function handleSubmit(submitData) {
 			timerSeconds.value = 0
 			startTimer()
 			uni.showToast({ title: '记录成功', icon: 'success' })
-			try {
-				await fetchHomeData()
-			} catch (e) {
-				console.error('refreshHomeData error:', e)
-			}
 		} else {
 			await api.createResistedLog({
 				smoke_time: submitData.smoke_time,
@@ -285,53 +344,87 @@ async function handleSubmit(submitData) {
 				level: submitData.level,
 				num: submitData.num
 			})
-			uni.showToast({ title: '太棒了！', icon: 'success' })
-			try {
-				await fetchHomeData()
-			} catch (e) {
-				console.error('refreshHomeData error:', e)
-			}
+			uni.showToast({ title: '已记下这次忍住', icon: 'success' })
 		}
+		await fetchRecordHomeData()
 	} catch (e) {
 		console.error('handleSubmit error:', e)
-		uni.showToast({ title: dialogType.value === 'smoke' ? '记录成功' : '太棒了！', icon: 'success' })
+		uni.showToast({ title: '保存失败', icon: 'none' })
 	}
 }
 
-async function initPage() {
-	const systemInfo = uni.getSystemInfoSync()
-	const statusBarH = systemInfo.statusBarHeight || 0
-	try {
-		const menuBtn = uni.getMenuButtonBoundingClientRect()
-		navBarHeight.value = menuBtn.bottom + (menuBtn.top - statusBarH)
-	} catch (e) {
-		navBarHeight.value = statusBarH + 44
+function handleQuitCheckin() {
+	if (todayChecked.value) {
+		uni.showToast({ title: '今天已经打过卡', icon: 'none' })
+		return
 	}
-	
+
+	const today = formatDate(new Date())
+	const previousDate = quitState.value.lastCheckinDate
+	let streakDays = 1
+
+	if (previousDate) {
+		const gap = diffDays(previousDate, today)
+		if (gap === 1) {
+			streakDays = Number(quitState.value.streakDays || 0) + 1
+		} else if (gap === 0) {
+			streakDays = Number(quitState.value.streakDays || 0)
+		}
+	}
+
+	saveQuitState({
+		lastCheckinDate: today,
+		lastCheckinAt: new Date().toISOString(),
+		streakDays
+	})
+
+	uni.showToast({ title: '打卡成功', icon: 'success' })
+}
+
+async function ensureProfileReady() {
+	const profileData = await profileStore.fetchProfile()
+	const profile = profileData.profile
+	const isCompleted = profileData.is_completed ||
+		(profile && profile.onboarding_completed_at) ||
+		(profile && profile.baseline_cigs_per_day > 0)
+
+	if (!profileData.exists || !isCompleted) {
+		uni.navigateTo({ url: '/pages/onboarding/index' })
+		return false
+	}
+
+	return true
+}
+
+async function refreshCurrentMode() {
+	if (!userStore.mode) return
+
+	const profileReady = await ensureProfileReady()
+	if (!profileReady) return
+
+	if (isQuitMode.value) {
+		stopTimer()
+		loadQuitState()
+		return
+	}
+
+	await fetchRecordHomeData()
+}
+
+async function initPage() {
+	setupNavBar()
 	loading.value = true
 
 	try {
 		await waitForLogin()
+		await profileStore.fetchProfile()
 
-		const home = await fetchHomeData()
-		const profileData = home.profile || {}
-		const profile = profileData.profile
-		const isCompleted = profileData.is_completed || 
-			(profile && profile.onboarding_completed_at) ||
-			(profile && profile.baseline_cigs_per_day > 0)
-		
-		if (!profileData.exists || !isCompleted) {
-			uni.redirectTo({ url: '/pages/onboarding/index' })
+		if (!userStore.mode) {
+			uni.navigateTo({ url: '/pages/mode-select/index' })
 			return
 		}
 
-		profileStore.exists = !!profileData.exists
-		profileStore.isCompleted = !!isCompleted
-		profileStore.awakeMinutes = profileData.awake_minutes || 960
-		profileStore.baselineIntervalMinutes = profileData.baseline_interval_minutes || 60
-		if (profile) {
-			profileStore.profile = profile
-		}
+		await refreshCurrentMode()
 	} catch (e) {
 		console.error('initPage error:', e)
 	} finally {
@@ -347,9 +440,9 @@ onMounted(() => {
 onShow(async () => {
 	if (!pageReady.value) return
 	try {
-		await fetchHomeData()
+		await refreshCurrentMode()
 	} catch (e) {
-		console.error('onShow refreshHomeData error:', e)
+		console.error('home onShow error:', e)
 	}
 })
 
@@ -359,7 +452,7 @@ onUnmounted(() => {
 
 onShareAppMessage(() => {
 	return {
-		title: '戒烟助手 - 记录与分析我的戒烟之路',
+		title: isQuitMode.value ? '我在坚持戒烟打卡' : '我在记录自己的抽烟变化',
 		path: 'pages/index/index'
 	}
 })
@@ -368,332 +461,303 @@ onShareAppMessage(() => {
 <style scoped>
 .page {
 	min-height: 100vh;
-	background: linear-gradient(to bottom, #D1FAE5 0%, #F0FDF4 45%, #FFFFFF 100%);
+	background:
+		radial-gradient(circle at top left, rgba(16, 185, 129, 0.16), transparent 36%),
+		linear-gradient(180deg, #ecfdf5 0%, #f0fdf4 42%, #ffffff 100%);
 	box-sizing: border-box;
 }
 
 .nav-placeholder {
-	background: linear-gradient(to bottom, #D1FAE5, #E9FDF2);
+	background: transparent;
 }
 
 .dashboard {
-	padding: 32rpx;
-	padding-bottom: 160rpx;
+	padding: 24rpx 24rpx 160rpx;
 }
 
-.skeleton {
+.header-card,
+.hero-card,
+.primary-action,
+.stat-card,
+.note-card,
+.action-btn,
+.skeleton-card {
+	background: rgba(255, 255, 255, 0.88);
+	border-radius: 28rpx;
+	border: 2rpx solid rgba(236, 253, 245, 0.9);
+	box-shadow: 0 16rpx 42rpx rgba(15, 23, 42, 0.08);
+}
+
+.header-card {
 	display: flex;
-	flex-direction: column;
-	gap: 32rpx;
-	padding: 32rpx;
-}
-
-.skeleton-header,
-.skeleton-tip,
-.skeleton-timer,
-.skeleton-cards,
-.skeleton-buttons {
-	background: linear-gradient(90deg, #D1FAE5 25%, #ECFDF5 50%, #D1FAE5 75%);
-	background-size: 200% 100%;
-	animation: shimmer 1.5s infinite;
-	border-radius: 24rpx;
-}
-
-.skeleton-header { height: 80rpx; }
-.skeleton-tip { height: 120rpx; }
-.skeleton-timer { height: 400rpx; border-radius: 50%; margin: 32rpx auto; width: 400rpx; }
-.skeleton-cards { height: 200rpx; }
-.skeleton-buttons { height: 96rpx; }
-
-@keyframes shimmer {
-	0% { background-position: -200% 0; }
-	100% { background-position: 200% 0; }
-}
-
-.header {
-	display: flex;
-	justify-content: space-between;
 	align-items: center;
-	margin-bottom: 32rpx;
+	justify-content: space-between;
+	padding: 28rpx;
+	margin-bottom: 24rpx;
 }
 
 .user-info {
 	display: flex;
 	align-items: center;
-	gap: 24rpx;
+	gap: 20rpx;
 }
 
 .avatar {
-	width: 80rpx;
-	height: 80rpx;
+	width: 88rpx;
+	height: 88rpx;
 	border-radius: 50%;
-	background-color: #ECFDF5;
-	border: 4rpx solid #A7F3D0;
+	border: 4rpx solid #a7f3d0;
+	background: #ecfdf5;
 }
 
 .greeting-text {
-	font-size: 36rpx;
-	font-weight: 600;
-	color: #111827;
 	display: block;
+	font-size: 34rpx;
+	font-weight: 700;
+	color: #111827;
 }
 
 .greeting-sub {
+	display: block;
+	margin-top: 8rpx;
 	font-size: 24rpx;
-	color: #6B7280;
-	display: block;
-	margin-top: 4rpx;
-}
-
-.ai-tip {
-	display: flex;
-	align-items: flex-start;
-	gap: 24rpx;
-	background-color: #FFFFFF;
-	border: 2rpx solid #D9FBE7;
-	border-radius: 24rpx;
-	padding: 28rpx;
-	margin-bottom: 24rpx;
-	box-shadow: 0 10rpx 20rpx rgba(16, 185, 129, 0.1);
-}
-
-.ai-tip-icon {
-	font-size: 36rpx;
-	background: linear-gradient(135deg, #34D399 0%, #10B981 100%);
-	width: 64rpx;
-	height: 64rpx;
-	border-radius: 20rpx;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	box-shadow: 0 8rpx 16rpx rgba(16, 185, 129, 0.2);
-}
-
-.ai-tip-content { flex: 1; }
-
-.ai-tip-title {
-	font-size: 28rpx;
-	font-weight: 600;
-	color: #111827;
-	display: block;
-	margin-bottom: 8rpx;
-}
-
-.ai-tip-desc {
-	font-size: 24rpx;
-	color: #6B7280;
-	display: block;
 	line-height: 1.5;
+	color: #6b7280;
 }
 
-.ai-tip-close {
-	font-size: 36rpx;
-	color: #9CA3AF;
-	padding: 8rpx;
-	width: 48rpx;
-	height: 48rpx;
-	display: flex;
-	align-items: center;
-	justify-content: center;
+.mode-chip {
+	padding: 10rpx 18rpx;
+	border-radius: 999rpx;
+	font-size: 22rpx;
+	font-weight: 600;
 }
 
-.timer-section {
-	display: flex;
-	justify-content: center;
-	padding: 24rpx 0 32rpx;
+.mode-chip-quit {
+	background: rgba(16, 185, 129, 0.12);
+	color: #047857;
 }
 
-.timer-ring {
-	position: relative;
-	width: 400rpx;
-	height: 400rpx;
+.mode-chip-record {
+	background: rgba(248, 113, 113, 0.12);
+	color: #b91c1c;
 }
 
-.timer-ring-bg {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	border-radius: 50%;
-	border: 16rpx solid #D1FAE5;
-	box-sizing: border-box;
-	background-color: #FFFFFF;
-	box-shadow: 0 12rpx 32rpx rgba(16, 185, 129, 0.1);
+.hero-card {
+	padding: 34rpx 30rpx;
+	margin-bottom: 24rpx;
 }
 
-.timer-ring-progress {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	border-radius: 50%;
-	mask: radial-gradient(transparent 55%, #000 56%);
-	-webkit-mask: radial-gradient(transparent 55%, #000 56%);
+.hero-card-quit {
+	background: linear-gradient(135deg, rgba(220, 252, 231, 0.92), rgba(255, 255, 255, 0.92));
 }
 
-.timer-content {
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	transform: translate(-50%, -50%);
-	text-align: center;
-	width: 100%;
+.hero-card-record {
+	background: linear-gradient(135deg, rgba(254, 242, 242, 0.92), rgba(255, 255, 255, 0.92));
 }
 
-.timer-label {
+.hero-label {
+	display: block;
 	font-size: 24rpx;
-	color: #64748B;
-	display: block;
-	margin-bottom: 16rpx;
-}
-
-.timer-value {
-	font-size: 64rpx;
-	font-weight: 700;
-	color: #111827;
-	display: block;
-	font-family: 'SF Mono', 'Monaco', 'Menlo', monospace;
+	color: #6b7280;
 	letter-spacing: 2rpx;
 }
 
-.next-time {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	margin-top: 20rpx;
-	background-color: #ECFDF5;
-	padding: 12rpx 24rpx;
-	border-radius: 32rpx;
-	border: 2rpx solid #D1FAE5;
-}
-
-.next-time-text {
-	font-size: 24rpx;
-	color: #059669;
-}
-
-.stats-row {
+.hero-value-row {
 	display: flex;
-	gap: 24rpx;
-	margin-bottom: 32rpx;
+	align-items: baseline;
+	gap: 12rpx;
+	margin-top: 18rpx;
+}
+
+.hero-value,
+.hero-value-time {
+	display: block;
+	margin-top: 18rpx;
+	font-size: 84rpx;
+	line-height: 1;
+	font-weight: 800;
+	color: #111827;
+}
+
+.hero-unit {
+	font-size: 28rpx;
+	color: #4b5563;
+}
+
+.hero-sub {
+	display: block;
+	margin-top: 18rpx;
+	font-size: 26rpx;
+	line-height: 1.6;
+	color: #4b5563;
+}
+
+.primary-action {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding: 38rpx 30rpx;
+	margin-bottom: 24rpx;
+	background: linear-gradient(135deg, #10b981 0%, #34d399 100%);
+	color: #ffffff;
+}
+
+.primary-action-done {
+	background: linear-gradient(135deg, #059669 0%, #10b981 100%);
+}
+
+.primary-action-icon {
+	font-size: 58rpx;
+	font-weight: 700;
+}
+
+.primary-action-title {
+	display: block;
+	margin-top: 12rpx;
+	font-size: 34rpx;
+	font-weight: 700;
+}
+
+.primary-action-desc {
+	display: block;
+	margin-top: 12rpx;
+	font-size: 24rpx;
+	opacity: 0.88;
+}
+
+.stats-grid {
+	display: grid;
+	grid-template-columns: repeat(2, minmax(0, 1fr));
+	gap: 20rpx;
+	margin-bottom: 24rpx;
 }
 
 .stat-card {
-	flex: 1;
-	background-color: #FFFFFF;
-	border-radius: 24rpx;
-	padding: 24rpx;
-	border: 2rpx solid #ECFDF3;
-	box-shadow: 0 10rpx 22rpx rgba(16, 185, 129, 0.08);
+	padding: 28rpx 24rpx;
 }
 
-.stat-dot {
-	width: 16rpx;
-	height: 16rpx;
-	border-radius: 50%;
-	margin-bottom: 16rpx;
-}
-
-.stat-dot-red { background-color: #EF4444; }
-.stat-dot-green { background-color: #10B981; }
-
 .stat-label {
-	font-size: 24rpx;
-	color: #64748B;
 	display: block;
-	margin-bottom: 8rpx;
-}
-
-.stat-value-row {
-	display: flex;
-	align-items: baseline;
-	gap: 8rpx;
-	margin-bottom: 16rpx;
-	flex-wrap: wrap;
+	font-size: 24rpx;
+	color: #6b7280;
 }
 
 .stat-value {
+	display: block;
+	margin-top: 18rpx;
 	font-size: 48rpx;
+	line-height: 1.1;
+	font-weight: 800;
+	color: #111827;
+}
+
+.stat-unit {
+	font-size: 26rpx;
+	font-weight: 600;
+	color: #6b7280;
+}
+
+.stat-desc {
+	display: block;
+	margin-top: 16rpx;
+	font-size: 23rpx;
+	line-height: 1.5;
+	color: #6b7280;
+}
+
+.note-card {
+	padding: 28rpx;
+}
+
+.note-title {
+	display: block;
+	font-size: 24rpx;
+	color: #047857;
+	font-weight: 700;
+}
+
+.note-text {
+	display: block;
+	margin-top: 14rpx;
+	font-size: 26rpx;
+	line-height: 1.7;
+	color: #374151;
+}
+
+.action-row {
+	display: grid;
+	grid-template-columns: repeat(2, minmax(0, 1fr));
+	gap: 20rpx;
+}
+
+.action-btn {
+	padding: 30rpx 24rpx;
+}
+
+.action-btn-record {
+	background: linear-gradient(135deg, rgba(254, 226, 226, 0.92), rgba(255, 255, 255, 0.92));
+}
+
+.action-btn-resist {
+	background: linear-gradient(135deg, rgba(220, 252, 231, 0.92), rgba(255, 255, 255, 0.92));
+}
+
+.action-icon {
+	font-size: 40rpx;
+}
+
+.action-title {
+	display: block;
+	margin-top: 14rpx;
+	font-size: 30rpx;
 	font-weight: 700;
 	color: #111827;
 }
 
-.stat-target,
-.stat-unit {
-	font-size: 24rpx;
-	color: #94A3B8;
+.action-desc {
+	display: block;
+	margin-top: 10rpx;
+	font-size: 23rpx;
+	color: #6b7280;
 }
 
-.stat-change {
-	font-size: 20rpx;
-	padding: 4rpx 12rpx;
-	border-radius: 999rpx;
-	margin-left: auto;
-	font-weight: 600;
+.skeleton {
+	padding: 24rpx;
 }
 
-.stat-change-down {
-	background-color: #E8FFF1;
-	color: #16A34A;
-	border: 2rpx solid #BBF7D0;
+.skeleton-grid {
+	display: grid;
+	grid-template-columns: repeat(2, minmax(0, 1fr));
+	gap: 20rpx;
+	margin-bottom: 20rpx;
 }
 
-.stat-change-up {
-	background-color: #FEF2F2;
-	color: #EF4444;
-	border: 2rpx solid #FECACA;
+.skeleton-card {
+	height: 180rpx;
+	background: linear-gradient(90deg, #d1fae5 25%, #ecfdf5 50%, #d1fae5 75%);
+	background-size: 200% 100%;
+	animation: shimmer 1.5s infinite;
+	margin-bottom: 20rpx;
 }
 
-.stat-progress {
-	height: 8rpx;
-	background-color: #F1F5F9;
-	border-radius: 999rpx;
-	overflow: hidden;
+.skeleton-card-lg {
+	height: 140rpx;
 }
 
-.stat-progress-bar {
-	height: 100%;
-	border-radius: 999rpx;
-	transition: width 0.3s ease;
+.skeleton-card-md {
+	height: 260rpx;
 }
 
-.stat-progress-red { background-color: #EF4444; }
-.stat-progress-green { background-color: #10B981; }
-
-.action-buttons {
-	display: flex;
-	gap: 24rpx;
+.skeleton-card-sm {
+	height: 120rpx;
 }
 
-.action-btn {
-	flex: 1;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	gap: 12rpx;
-	height: 96rpx;
-	border-radius: 48rpx;
-	font-size: 30rpx;
-	font-weight: 500;
+@keyframes shimmer {
+	0% {
+		background-position: -200% 0;
+	}
+	100% {
+		background-position: 200% 0;
+	}
 }
-
-.action-btn-primary {
-	background-color: #10B981;
-	color: #FFFFFF;
-	box-shadow: 0 12rpx 28rpx rgba(16, 185, 129, 0.25);
-}
-
-.action-btn-secondary {
-	background-color: #FFFFFF;
-	color: #111827;
-	border: 2rpx solid #ECFDF3;
-	box-shadow: 0 8rpx 20rpx rgba(16, 185, 129, 0.08);
-}
-
-.action-icon {
-	font-size: 32rpx;
-}
-
 </style>
diff --git a/pages/mode-select/index.vue b/pages/mode-select/index.vue
new file mode 100644
index 0000000..6d39478
--- /dev/null
+++ b/pages/mode-select/index.vue
@@ -0,0 +1,219 @@
+<template>
+	<view class="page">
+		<view class="nav-placeholder" :style="{ height: navBarHeight + 'px' }"></view>
+
+		<view class="content">
+			<view class="hero">
+				<text class="eyebrow">首次进入先选模式</text>
+				<text class="title">你现在想怎么用这个小程序？</text>
+				<text class="subtitle">先选“戒烟打卡”或“记录抽烟”，后续可以在个人中心随时切换。</text>
+			</view>
+
+			<view
+				class="mode-card"
+				:class="{ 'mode-card-active': currentMode === 'quit' }"
+				@tap="selectMode('quit')"
+			>
+				<view class="mode-icon mode-icon-quit">🔥</view>
+				<view class="mode-main">
+					<text class="mode-title">戒烟打卡</text>
+					<text class="mode-desc">按天记录“今天没抽”，用连续天数驱动坚持。</text>
+				</view>
+				<text class="mode-arrow">›</text>
+			</view>
+
+			<view
+				class="mode-card"
+				:class="{ 'mode-card-active': currentMode === 'record' }"
+				@tap="selectMode('record')"
+			>
+				<view class="mode-icon mode-icon-record">🚬</view>
+				<view class="mode-main">
+					<text class="mode-title">记录抽烟</text>
+					<text class="mode-desc">继续按支数记录，观察自己的频率和变化趋势。</text>
+				</view>
+				<text class="mode-arrow">›</text>
+			</view>
+
+			<text class="footer-tip">当前选择：{{ currentModeText }}</text>
+		</view>
+	</view>
+</template>
+
+<script setup>
+import { ref, computed, onMounted } from 'vue'
+import { useLogin } from '@/hooks/useLogin'
+import { useUserStore } from '@/stores/user'
+import { useProfileStore } from '@/stores/profile'
+
+const userStore = useUserStore()
+const profileStore = useProfileStore()
+const { waitForLogin } = useLogin()
+
+const navBarHeight = ref(0)
+const submitting = ref(false)
+
+const currentMode = computed(() => userStore.mode)
+const currentModeText = computed(() => {
+	if (userStore.mode === 'quit') return '戒烟打卡'
+	if (userStore.mode === 'record') return '记录抽烟'
+	return '未选择'
+})
+
+function setupNavBar() {
+	const sys = uni.getSystemInfoSync()
+	const statusBarH = sys.statusBarHeight || 0
+	try {
+		const menuBtn = uni.getMenuButtonBoundingClientRect()
+		navBarHeight.value = menuBtn.bottom + (menuBtn.top - statusBarH)
+	} catch (e) {
+		navBarHeight.value = statusBarH + 44
+	}
+}
+
+async function selectMode(mode) {
+	if (submitting.value) return
+	submitting.value = true
+	userStore.setMode(mode)
+
+	try {
+		const profileData = await profileStore.saveProfile({ mode })
+		const profile = profileData.profile
+		const isCompleted = profileData.is_completed ||
+			(profile && profile.onboarding_completed_at) ||
+			(profile && profile.baseline_cigs_per_day > 0)
+
+		if (!profileData.exists || !isCompleted) {
+			uni.redirectTo({ url: '/pages/onboarding/index' })
+			return
+		}
+
+		uni.switchTab({ url: '/pages/index/index' })
+	} catch (e) {
+		console.error('selectMode error:', e)
+		uni.switchTab({ url: '/pages/index/index' })
+	} finally {
+		submitting.value = false
+	}
+}
+
+onMounted(async () => {
+	setupNavBar()
+	await waitForLogin()
+})
+</script>
+
+<style scoped>
+.page {
+	min-height: 100vh;
+	background:
+		radial-gradient(circle at top left, rgba(16, 185, 129, 0.18), transparent 34%),
+		linear-gradient(180deg, #ecfdf5 0%, #f7fee7 42%, #ffffff 100%);
+}
+
+.nav-placeholder {
+	background: transparent;
+}
+
+.content {
+	padding: 40rpx 32rpx 56rpx;
+}
+
+.hero {
+	margin-bottom: 40rpx;
+}
+
+.eyebrow {
+	display: inline-flex;
+	padding: 8rpx 18rpx;
+	border-radius: 999rpx;
+	background: rgba(16, 185, 129, 0.12);
+	color: #047857;
+	font-size: 22rpx;
+	margin-bottom: 20rpx;
+}
+
+.title {
+	display: block;
+	font-size: 48rpx;
+	font-weight: 700;
+	color: #111827;
+	line-height: 1.28;
+}
+
+.subtitle {
+	display: block;
+	margin-top: 16rpx;
+	font-size: 28rpx;
+	line-height: 1.6;
+	color: #4b5563;
+}
+
+.mode-card {
+	display: flex;
+	align-items: center;
+	gap: 24rpx;
+	padding: 30rpx 28rpx;
+	margin-bottom: 24rpx;
+	border-radius: 28rpx;
+	background: rgba(255, 255, 255, 0.82);
+	border: 2rpx solid rgba(255, 255, 255, 0.6);
+	box-shadow: 0 16rpx 44rpx rgba(15, 23, 42, 0.08);
+}
+
+.mode-card-active {
+	border-color: rgba(16, 185, 129, 0.35);
+	box-shadow: 0 20rpx 52rpx rgba(16, 185, 129, 0.14);
+}
+
+.mode-icon {
+	width: 92rpx;
+	height: 92rpx;
+	border-radius: 24rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 42rpx;
+	flex-shrink: 0;
+}
+
+.mode-icon-quit {
+	background: linear-gradient(135deg, #d1fae5 0%, #86efac 100%);
+}
+
+.mode-icon-record {
+	background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
+}
+
+.mode-main {
+	flex: 1;
+}
+
+.mode-title {
+	display: block;
+	font-size: 34rpx;
+	font-weight: 700;
+	color: #111827;
+}
+
+.mode-desc {
+	display: block;
+	margin-top: 10rpx;
+	font-size: 25rpx;
+	line-height: 1.5;
+	color: #6b7280;
+}
+
+.mode-arrow {
+	font-size: 42rpx;
+	color: #9ca3af;
+}
+
+.footer-tip {
+	display: block;
+	margin-top: 20rpx;
+	font-size: 24rpx;
+	color: #6b7280;
+	text-align: center;
+}
+</style>
diff --git a/pages/onboarding/index.vue b/pages/onboarding/index.vue
index 9faa01c..8048594 100644
--- a/pages/onboarding/index.vue
+++ b/pages/onboarding/index.vue
@@ -10,9 +10,25 @@
 		</view>
 
 		<view class="content">
+			<view class="mode-section">
+				<text class="mode-section-label">使用模式</text>
+				<view class="mode-switch">
+					<view
+						v-for="item in modeOptions"
+						:key="item.value"
+						class="mode-switch-item"
+						:class="{ 'mode-switch-item-active': currentMode === item.value }"
+						@tap="selectMode(item.value)"
+					>
+						<text class="mode-switch-title">{{ item.label }}</text>
+						<text class="mode-switch-desc">{{ item.desc }}</text>
+					</view>
+				</view>
+			</view>
+
 			<view v-if="step === 1" class="step">
 				<text class="step-title">你每天抽多少支烟？</text>
-				<text class="step-desc">这将帮助我们为你制定个性化的戒烟计划</text>
+				<text class="step-desc">{{ baselineDesc }}</text>
 				<view class="input-group">
 					<view class="input-row">
 						<view class="input-btn" @tap="decreaseCigs">-</view>
@@ -40,8 +56,8 @@
 			</view>
 
 			<view v-if="step === 3" class="step">
-				<text class="step-title">你为什么想戒烟？</text>
-				<text class="step-desc">选择对你最重要的原因（可多选）</text>
+				<text class="step-title">{{ motivationTitle }}</text>
+				<text class="step-desc">{{ motivationDesc }}</text>
 				<view class="options options-wrap">
 					<view
 						v-for="option in quitMotivationOptions"
@@ -96,7 +112,7 @@
 		<view class="footer">
 			<view v-if="step > 1" class="btn-secondary" @tap="prevStep">上一步</view>
 			<view class="btn-primary" :class="{ 'btn-full': step === 1 }" @tap="nextStep">
-				{{ step === 5 ? '开始戒烟之旅 🚀' : '下一步' }}
+				{{ step === 5 ? finishButtonText + ' 🚀' : '下一步' }}
 			</view>
 		</view>
 	</view>
@@ -106,16 +122,24 @@
 import { ref, computed, onMounted } from 'vue'
 import { onShareAppMessage } from '@dcloudio/uni-app'
 import { useProfileStore } from '@/stores/profile'
+import { useUserStore } from '@/stores/user'
 import { useLogin } from '@/hooks/useLogin'
 
 const profileStore = useProfileStore()
+const userStore = useUserStore()
 const { waitForLogin } = useLogin()
 
 const navBarHeight = ref(0)
 const step = ref(1)
 const totalSteps = 5
+const modeSaving = ref(false)
+const modeOptions = [
+	{ value: 'quit', label: '戒烟打卡', desc: '按天记录今天没抽' },
+	{ value: 'record', label: '记录抽烟', desc: '按支数记录变化' }
+]
 
 const formData = ref({
+	mode: 'record',
 	baseline_cigs_per_day: 10,
 	smoking_years: 5,
 	quit_motivations: [],
@@ -128,6 +152,12 @@ const formData = ref({
 const priceYuan = ref('25')
 
 const progressWidth = computed(() => `${(step.value / totalSteps) * 100}%`)
+const currentMode = computed(() => formData.value.mode || userStore.mode || 'record')
+const isRecordMode = computed(() => currentMode.value === 'record')
+const baselineDesc = computed(() => isRecordMode.value ? '这会成为你后续记录和统计的基线' : '这将帮助我们为你制定更合适的戒烟节奏')
+const motivationTitle = computed(() => isRecordMode.value ? '你为什么想先开始记录抽烟？' : '你为什么想戒烟？')
+const motivationDesc = computed(() => isRecordMode.value ? '选择最符合你当前状态的原因（可多选）' : '选择对你最重要的原因（可多选）')
+const finishButtonText = computed(() => isRecordMode.value ? '开始记录之旅' : '开始戒烟之旅')
 
 const smokingYearsOptions = [
 	{ label: '少于1年', value: 1 },
@@ -165,6 +195,20 @@ function toggleMotivation(option) {
 	}
 }
 
+async function selectMode(mode) {
+	formData.value.mode = mode
+	userStore.setMode(mode)
+	if (!profileStore.exists || modeSaving.value) return
+	modeSaving.value = true
+	try {
+		await profileStore.saveProfile({ mode })
+	} catch (e) {
+		console.error('saveModeInOnboarding error:', e)
+	} finally {
+		modeSaving.value = false
+	}
+}
+
 function onWakeTimeChange(e) {
 	formData.value.wake_up_time = e.detail.value
 }
@@ -191,6 +235,10 @@ async function nextStep() {
 		uni.showLoading({ title: '保存中...' })
 		await profileStore.saveProfile(formData.value)
 		uni.hideLoading()
+		if (!formData.value.mode) {
+			uni.redirectTo({ url: '/pages/mode-select/index' })
+			return
+		}
 		uni.switchTab({ url: '/pages/index/index' })
 	} catch (e) {
 		uni.hideLoading()
@@ -208,6 +256,30 @@ onMounted(async () => {
 		navBarHeight.value = statusBarH + 44
 	}
 	await waitForLogin()
+	try {
+		const profileData = await profileStore.fetchProfile()
+		if (profileData?.profile) {
+			const profile = profileData.profile
+			formData.value = {
+				...formData.value,
+				mode: profile.mode || userStore.mode || formData.value.mode,
+				baseline_cigs_per_day: profile.baseline_cigs_per_day || formData.value.baseline_cigs_per_day,
+				smoking_years: profile.smoking_years || formData.value.smoking_years,
+				quit_motivations: Array.isArray(profile.quit_motivations) ? profile.quit_motivations : formData.value.quit_motivations,
+				smoke_motivations: Array.isArray(profile.smoke_motivations) ? profile.smoke_motivations : formData.value.smoke_motivations,
+				wake_up_time: profile.wake_up_time || formData.value.wake_up_time,
+				sleep_time: profile.sleep_time || formData.value.sleep_time,
+				pack_price_cent: profile.pack_price_cent || formData.value.pack_price_cent
+			}
+			if (profile.pack_price_cent) {
+				priceYuan.value = String((profile.pack_price_cent / 100).toFixed(2)).replace(/\.00$/, '')
+			}
+		} else if (userStore.mode) {
+			formData.value.mode = userStore.mode
+		}
+	} catch (e) {
+		console.error('loadProfileForOnboarding error:', e)
+	}
 })
 
 onShareAppMessage(() => {
@@ -270,6 +342,52 @@ onShareAppMessage(() => {
 	justify-content: center;
 }
 
+.mode-section {
+	margin-bottom: 40rpx;
+}
+
+.mode-section-label {
+	display: block;
+	margin-bottom: 16rpx;
+	font-size: 24rpx;
+	font-weight: 600;
+	color: #047857;
+}
+
+.mode-switch {
+	display: grid;
+	grid-template-columns: repeat(2, minmax(0, 1fr));
+	gap: 16rpx;
+}
+
+.mode-switch-item {
+	padding: 24rpx;
+	border-radius: 20rpx;
+	background: rgba(255, 255, 255, 0.82);
+	border: 2rpx solid #d1fae5;
+	box-shadow: 0 8rpx 20rpx rgba(16, 185, 129, 0.08);
+}
+
+.mode-switch-item-active {
+	background: #ecfdf5;
+	border-color: #10b981;
+}
+
+.mode-switch-title {
+	display: block;
+	font-size: 28rpx;
+	font-weight: 700;
+	color: #111827;
+}
+
+.mode-switch-desc {
+	display: block;
+	margin-top: 10rpx;
+	font-size: 22rpx;
+	line-height: 1.5;
+	color: #6b7280;
+}
+
 .step {
 	animation: fadeIn 0.3s ease;
 }
diff --git a/pages/profile/index.vue b/pages/profile/index.vue
index f9f7773..77c9770 100644
--- a/pages/profile/index.vue
+++ b/pages/profile/index.vue
@@ -6,25 +6,30 @@
 		</view>
 
 		<view class="section">
+			<view class="mode-card">
+				<view class="mode-card-header">
+					<view class="menu-icon menu-icon-green">🧭</view>
+					<view class="menu-content">
+						<text class="menu-label">打卡模式</text>
+						<text class="menu-desc">直接切换成“戒烟打卡”或“记录抽烟”</text>
+					</view>
+				</view>
+				<view class="mode-switch">
+					<view
+						v-for="item in modeOptions"
+						:key="item.value"
+						class="mode-switch-item"
+						:class="{ 'mode-switch-item-active': userStore.mode === item.value }"
+						@tap="changeMode(item.value)"
+					>
+						<text class="mode-switch-title">{{ item.label }}</text>
+						<text class="mode-switch-desc">{{ item.desc }}</text>
+					</view>
+				</view>
+				<text class="mode-hint">当前：{{ modeText }}</text>
+			</view>
+
 			<view class="menu-list">
-				<view class="menu-item" @tap="goAISuggest">
-					<view class="menu-icon menu-icon-green">🤖</view>
-					<view class="menu-content">
-						<text class="menu-label">AI 建议</text>
-						<text class="menu-desc">查看今日 AI 控烟节奏与建议节点</text>
-					</view>
-					<text class="menu-arrow">›</text>
-				</view>
-
-				<view class="menu-item" @tap="goAISummary">
-					<view class="menu-icon menu-icon-green">📝</view>
-					<view class="menu-content">
-						<text class="menu-label">AI 总结</text>
-						<text class="menu-desc">按日期生成抽烟总结和明日建议</text>
-					</view>
-					<text class="menu-arrow">›</text>
-				</view>
-
 				<view class="menu-item">
 					<view class="menu-icon menu-icon-green">🔗</view>
 					<view class="menu-content">
@@ -79,18 +84,30 @@
 import { computed, ref } from 'vue'
 import { onShareAppMessage, onShow } from '@dcloudio/uni-app'
 import * as api from '@/api'
+import { useProfileStore } from '@/stores/profile'
 import { useUserStore } from '@/stores/user'
 import { useLogin } from '@/hooks/useLogin'
 
+const profileStore = useProfileStore()
 const userStore = useUserStore()
 const { waitForLogin } = useLogin()
 
 const shareToken = ref('')
 const shareExpireAt = ref('')
 const shareLoading = ref(false)
+const modeSaving = ref(false)
+const modeOptions = [
+	{ value: 'quit', label: '戒烟打卡', desc: '按天记录今天没抽' },
+	{ value: 'record', label: '记录抽烟', desc: '按支数记录变化' }
+]
 
 const userName = computed(() => userStore.user?.nickname || '戒烟用户')
 const userAvatar = computed(() => userStore.user?.avatar_url || 'https://linghu-wmr.oss-cn-beijing.aliyuncs.com/smt/avatar.png')
+const modeText = computed(() => {
+	if (userStore.mode === 'quit') return '戒烟打卡'
+	if (userStore.mode === 'record') return '记录抽烟'
+	return '未选择'
+})
 
 const shareDesc = computed(() => {
 	if (!shareToken.value) {
@@ -152,12 +169,23 @@ function previewSharePage() {
 	})
 }
 
-function goAISuggest() {
-	uni.navigateTo({ url: '/pages/ai/index' })
-}
-
-function goAISummary() {
-	uni.navigateTo({ url: '/pages/ai_summary/index' })
+async function changeMode(nextMode) {
+	if (!nextMode || nextMode === userStore.mode || modeSaving.value) return
+	modeSaving.value = true
+	try {
+		uni.showLoading({ title: '切换中...' })
+		await profileStore.saveProfile({ mode: nextMode })
+		uni.hideLoading()
+		uni.showToast({ title: '模式已切换', icon: 'success' })
+		setTimeout(() => {
+			uni.switchTab({ url: '/pages/index/index' })
+		}, 250)
+	} catch (e) {
+		uni.hideLoading()
+		uni.showToast({ title: '切换失败', icon: 'none' })
+	} finally {
+		modeSaving.value = false
+	}
 }
 
 function goOnboarding() {
@@ -199,6 +227,7 @@ onShareAppMessage(() => {
 
 onShow(async () => {
 	await waitForLogin()
+	await profileStore.fetchProfile()
 	await prepareShareToken(false)
 })
 </script>
@@ -238,6 +267,22 @@ onShow(async () => {
 	margin-bottom: 24rpx;
 }
 
+.mode-card {
+	background-color: #FFFFFF;
+	border-radius: 24rpx;
+	padding: 28rpx 24rpx;
+	border: 2rpx solid #ECFDF3;
+	box-shadow: 0 8rpx 20rpx rgba(16, 185, 129, 0.08);
+	margin-bottom: 16rpx;
+}
+
+.mode-card-header {
+	display: flex;
+	align-items: center;
+	gap: 24rpx;
+	margin-bottom: 20rpx;
+}
+
 .menu-list {
 	display: flex;
 	flex-direction: column;
@@ -313,6 +358,52 @@ onShow(async () => {
 	color: #9CA3AF;
 }
 
+.menu-value {
+	font-size: 24rpx;
+	font-weight: 600;
+	color: #10B981;
+}
+
+.mode-switch {
+	display: grid;
+	grid-template-columns: repeat(2, minmax(0, 1fr));
+	gap: 16rpx;
+}
+
+.mode-switch-item {
+	padding: 22rpx 20rpx;
+	border-radius: 18rpx;
+	background: #F9FAFB;
+	border: 2rpx solid #E5E7EB;
+}
+
+.mode-switch-item-active {
+	background: #ECFDF5;
+	border-color: #10B981;
+}
+
+.mode-switch-title {
+	display: block;
+	font-size: 28rpx;
+	font-weight: 700;
+	color: #111827;
+}
+
+.mode-switch-desc {
+	display: block;
+	margin-top: 8rpx;
+	font-size: 22rpx;
+	line-height: 1.5;
+	color: #6B7280;
+}
+
+.mode-hint {
+	display: block;
+	margin-top: 16rpx;
+	font-size: 22rpx;
+	color: #10B981;
+}
+
 .share-btn {
 	margin: 0;
 	padding: 10rpx 20rpx;
diff --git a/stores/profile.js b/stores/profile.js
index 116e3a6..f526444 100644
--- a/stores/profile.js
+++ b/stores/profile.js
@@ -1,6 +1,7 @@
 import { defineStore } from 'pinia'
 import { storage, PROFILE_KEY } from '@/utils/storage'
 import { getProfile, updateProfile } from '@/api/profile'
+import { useUserStore } from '@/stores/user'
 
 export const useProfileStore = defineStore('profile', {
 	state: () => ({
@@ -19,6 +20,7 @@ export const useProfileStore = defineStore('profile', {
 		async fetchProfile() {
 			try {
 				const res = await getProfile()
+				const userStore = useUserStore()
 				this.exists = res.data.exists
 				this.awakeMinutes = res.data.awake_minutes || 960
 				this.baselineIntervalMinutes = res.data.baseline_interval_minutes || 60
@@ -26,6 +28,9 @@ export const useProfileStore = defineStore('profile', {
 				if (res.data.profile) {
 					this.profile = res.data.profile
 					storage.set(PROFILE_KEY, res.data.profile)
+					if (res.data.profile.mode) {
+						userStore.setMode(res.data.profile.mode)
+					}
 					this.isCompleted = res.data.is_completed || 
 						!!res.data.profile.onboarding_completed_at ||
 						res.data.profile.baseline_cigs_per_day > 0
@@ -43,10 +48,14 @@ export const useProfileStore = defineStore('profile', {
 		async saveProfile(data) {
 			try {
 				const res = await updateProfile(data)
+				const userStore = useUserStore()
 				this.exists = res.data.exists
 				this.isCompleted = res.data.is_completed
 				this.profile = res.data.profile
 				storage.set(PROFILE_KEY, res.data.profile)
+				if (res.data.profile?.mode) {
+					userStore.setMode(res.data.profile.mode)
+				}
 				return res.data
 			} catch (e) {
 				console.error('saveProfile error:', e)
diff --git a/stores/user.js b/stores/user.js
index 69e3af6..b1a4811 100644
--- a/stores/user.js
+++ b/stores/user.js
@@ -1,11 +1,12 @@
 import { defineStore } from 'pinia'
-import { storage, USER_KEY, SESSION_KEY } from '@/utils/storage'
+import { storage, USER_KEY, SESSION_KEY, USER_MODE_KEY, QUIT_CHECKIN_KEY } from '@/utils/storage'
 
 export const useUserStore = defineStore('user', {
 	state: () => ({
 		user: storage.get(USER_KEY),
 		sessionKey: storage.get(SESSION_KEY),
-		isLoggedIn: !!storage.get(SESSION_KEY)
+		isLoggedIn: !!storage.get(SESSION_KEY),
+		mode: storage.get(USER_MODE_KEY)
 	}),
 
 	actions: {
@@ -17,12 +18,20 @@ export const useUserStore = defineStore('user', {
 			storage.set(SESSION_KEY, sessionKey)
 		},
 
+		setMode(mode) {
+			this.mode = mode
+			storage.set(USER_MODE_KEY, mode)
+		},
+
 		logout() {
 			this.user = null
 			this.sessionKey = null
 			this.isLoggedIn = false
+			this.mode = null
 			storage.remove(USER_KEY)
 			storage.remove(SESSION_KEY)
+			storage.remove(USER_MODE_KEY)
+			storage.remove(QUIT_CHECKIN_KEY)
 		}
 	}
 })
diff --git a/utils/storage.js b/utils/storage.js
index fc4937b..cd0a36c 100644
--- a/utils/storage.js
+++ b/utils/storage.js
@@ -39,3 +39,5 @@ export const storage = {
 export const SESSION_KEY = 'session_key'
 export const USER_KEY = 'user'
 export const PROFILE_KEY = 'profile'
+export const USER_MODE_KEY = 'user_mode'
+export const QUIT_CHECKIN_KEY = 'quit_checkin'