diff --git a/.gitignore b/.gitignore
index 2c45bba..6785f82 100755
--- a/.gitignore
+++ b/.gitignore
@@ -26,3 +26,6 @@ dge.gynhc.com_*.tar.gz
 # 本地目录，不纳入仓库（AGENTS.md 含账号密码，切勿入库）
 /AGENTS.md
 /fluniapp/
+
+# 小程序端源码（uniapp/）内的本地凭据文件，同样切勿入库
+/uniapp/AGENTS.md
diff --git a/README.md b/README.md
index b37f04f..4ef8050 100755
--- a/README.md
+++ b/README.md
@@ -1,5 +1,30 @@
 FastAdmin是一款基于ThinkPHP+Bootstrap的极速后台开发框架。
 
+---
+
+## 本项目结构（同城分类信息）
+
+| 目录 | 内容 |
+| --- | --- |
+| `application/` | 后端（FastAdmin + ThinkPHP 5.0）：`api/controller/` 用户端 v1 接口、`admin/controller/fc/` 后台业务模块、`admin/command/FcInstall.php` 业务表安装器（`php think fc:install`） |
+| `uniapp/` | **小程序端（用户端 uni-app · Vue3）源码**：13 页面 + 74 图标 + 3 轮播插画 + 本地 Mock 兜底 + 零依赖全链路用例；构建与上传说明见 `uniapp/README.md` |
+| `docs/` | 后端实现规范（`05-后端实现规范.md`）、后台字段中文化规范（`06-后台字段中文化规范.md`） |
+| `tools/` | 后端校验脚本：`verify-api.mjs`（线上接口端到端验证）、`check-admin-i18n.mjs`、`check-theme.mjs` |
+
+### 部署链路
+
+```
+本地 git push origin main
+  ├─→ gitcode 镜像（ssh://git@gitcode.gynhc.com:2222/.../fenleixinxi.git）
+  └─→ 服务器裸仓库 /www/repos/fenleixinxi.git
+        └─ hooks/post-receive → git reset --hard → /www/wwwroot/fenleixinxi.gzyakj.com.cn
+```
+
+> `uniapp/` 入库的是**源码快照**（不含构建产物 `unpackage/`）。小程序端真正的「上线」仍需用微信开发者工具
+> `cli upload` 上传版本（命令见 `uniapp/README.md` §8.2）；服务器与远程仓库里的 `uniapp/` 用于版本归档与协作。
+
+---
+
 
 ## 主要特性
 
diff --git a/uniapp/.gitignore b/uniapp/.gitignore
new file mode 100644
index 0000000..38ed8c5
--- /dev/null
+++ b/uniapp/.gitignore
@@ -0,0 +1,16 @@
+# 依赖
+node_modules/
+
+# uni-app / HBuilderX 构建产物
+unpackage/
+dist/
+
+# 编辑器与系统文件
+.DS_Store
+.idea/
+.vscode/
+.hbuilderx/
+*.log
+
+# 微信开发者工具本地私有配置
+project.private.config.json
diff --git a/uniapp/App.vue b/uniapp/App.vue
new file mode 100644
index 0000000..7e18b45
--- /dev/null
+++ b/uniapp/App.vue
@@ -0,0 +1,209 @@
+<script>
+export default {
+	onLaunch: function () {
+		console.log('App Launch')
+	},
+	onShow: function () {
+		console.log('App Show')
+	},
+	onHide: function () {
+		console.log('App Hide')
+	}
+}
+</script>
+
+<style>
+/* ============================================================
+ * 全局基础样式 · 生态绿（Eco Green）
+ * ========================================================== */
+page {
+	--fc-primary: #00e070;
+	--fc-primary-ink: #04301e;
+	--fc-primary-light: #5cf3a6;
+	--fc-primary-lighter: #e4fdf0;
+	--fc-bg: #f2fef7;
+	--fc-text: #04291c;
+	--fc-text-secondary: #3f6b57;
+	--fc-border: #d6f3e3;
+	--fc-price: #e0891b;
+
+	background-color: var(--fc-bg);
+	color: var(--fc-text);
+	font-size: 28rpx;
+	font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+	-webkit-font-smoothing: antialiased;
+}
+
+view,
+text,
+scroll-view,
+swiper,
+image {
+	box-sizing: border-box;
+}
+
+/* 通用容器 */
+.fc-page {
+	min-height: 100vh;
+	background: var(--fc-bg);
+	padding-bottom: 120rpx;
+}
+
+.fc-card {
+	background: #ffffff;
+	border-radius: 24rpx;
+	padding: 30rpx;
+	margin: 24rpx;
+	box-shadow: 0 6rpx 24rpx rgba(4, 48, 30, 0.08);
+}
+
+/* 主按钮 */
+.fc-btn {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: 88rpx;
+	border-radius: 999rpx;
+	font-size: 30rpx;
+	font-weight: 600;
+	color: var(--fc-primary-ink);
+	background: linear-gradient(135deg, #00e070 0%, #00c860 55%, #00b85c 100%);
+	box-shadow: 0 8rpx 24rpx rgba(0, 168, 85, 0.28);
+}
+.fc-btn--ghost {
+	background: #ffffff;
+	color: var(--fc-primary-text);
+	border: 2rpx solid var(--fc-primary);
+	box-shadow: none;
+}
+.fc-btn--disabled {
+	background: #d6f3e3;
+	color: #ffffff;
+	box-shadow: none;
+}
+
+/* 标签 */
+.fc-tag {
+	display: inline-flex;
+	align-items: center;
+	padding: 4rpx 14rpx;
+	border-radius: 999rpx;
+	font-size: 22rpx;
+	background: var(--fc-primary-lighter);
+	color: var(--fc-primary-text);
+}
+
+/* 价格 */
+.fc-price {
+	color: var(--fc-price);
+	font-weight: 700;
+}
+.fc-price__symbol {
+	font-size: 24rpx;
+}
+
+/* 渐变占位图（无外链图片时使用） */
+.fc-thumb {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	border-radius: 20rpx;
+	background: linear-gradient(135deg, #d9fbe9 0%, #b6f3d4 50%, #8fecbd 100%);
+	font-size: 56rpx;
+	color: #ffffff;
+}
+
+.fc-safe-bottom {
+	height: env(safe-area-inset-bottom);
+}
+
+/* 文本截断 */
+.fc-ellipsis {
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+.fc-ellipsis-2 {
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+	overflow: hidden;
+}
+
+.fc-empty {
+	padding: 120rpx 0;
+	text-align: center;
+	color: var(--fc-text-secondary);
+	font-size: 26rpx;
+}
+
+@keyframes fc-shimmer {
+	0% { opacity: 0.55; }
+	50% { opacity: 1; }
+	100% { opacity: 0.55; }
+}
+.fc-skeleton {
+	animation: fc-shimmer 1.2s ease-in-out infinite;
+	background: #e6fbf1;
+	border-radius: 16rpx;
+}
+
+/* ============================================================
+ * 图标（图片）与 LOGO
+ * 所有图标均为 static/icons/ 下的图片，可在后台
+ * 「系统设置 → LOGO 与图标」中替换。
+ * ========================================================== */
+.fc-icon {
+	display: block;
+	width: 40rpx;
+	height: 40rpx;
+	flex-shrink: 0;
+}
+.fc-icon--xs { width: 30rpx; height: 30rpx; }
+.fc-icon--sm { width: 36rpx; height: 36rpx; }
+.fc-icon--md { width: 48rpx; height: 48rpx; }
+.fc-icon--lg { width: 64rpx; height: 64rpx; }
+.fc-icon--xl { width: 88rpx; height: 88rpx; }
+
+/* 徽章图标（图片自带圆角底色） */
+.fc-icon--badge {
+	width: 96rpx;
+	height: 96rpx;
+	border-radius: 28rpx;
+}
+.fc-icon--badge-sm {
+	width: 76rpx;
+	height: 76rpx;
+	border-radius: 22rpx;
+}
+
+/* LOGO（图片自带 21.9% 圆角，CSS 圆角与之对齐避免裁切） */
+.fc-logo {
+	display: block;
+}
+.fc-logo--sm {
+	width: 60rpx;
+	height: 60rpx;
+	border-radius: 13rpx;
+}
+.fc-logo--md {
+	width: 96rpx;
+	height: 96rpx;
+	border-radius: 21rpx;
+}
+.fc-logo--lg {
+	width: 140rpx;
+	height: 140rpx;
+	border-radius: 31rpx;
+	box-shadow: 0 10rpx 30rpx rgba(0, 0, 0, 0.12);
+}
+
+/* 图标 + 文字 的行内组合 */
+.fc-inline {
+	display: flex;
+	align-items: center;
+}
+.fc-inline__text {
+	margin-left: 10rpx;
+}
+</style>
diff --git a/uniapp/README.md b/uniapp/README.md
new file mode 100644
index 0000000..1e15719
--- /dev/null
+++ b/uniapp/README.md
@@ -0,0 +1,336 @@
+# 同城分类信息小程序（fenleixinxi）
+
+春绿（Spring Green，品牌亮绿取自设计稿 `#00E070`）主题同城分类信息平台：**招聘 / 房产 / 二手 / 车辆 / 本地服务** 信息发布与检索。
+技术栈：uni-app（Vue 3）+ 统一请求层 + 本地 Mock 兜底 + 零依赖全链路测试。
+
+---
+
+## 一、交付物索引
+
+| 交付物 | 文件 | 说明 |
+| --- | --- | --- |
+| **① 功能模块清单（PM）** | [`docs/01-产品功能模块清单.md`](docs/01-产品功能模块清单.md) | 用户端 + 后台管理端模块清单、优先级、业务规则、接口映射 |
+| **② UI 设计规范（UI）** | [`docs/02-UI设计规范.md`](docs/02-UI设计规范.md) | 春绿设计令牌、排版、组件、动效规范 |
+| **③ 接口文档（前后端）** | [`docs/03-接口文档.md`](docs/03-接口文档.md) | 52 个接口字段级契约 + Mock 兜底机制 + 联调清单 |
+| **④ 全链路测试报告（QA）** | [`docs/04-全链路测试用例与报告.md`](docs/04-全链路测试用例与报告.md) | 139 条用例、15 步 E2E、14 个缺陷记录与修复 |
+
+## 二、目录结构
+
+```
+fenleixinxi/
+├── App.vue                     # 全局主题样式（春绿 CSS 变量 + 原子类）
+├── uni.scss                    # 设计令牌（$fc-* 自动注入所有 scss）
+├── pages.json                  # 13 个页面路由
+├── pages/                      # 用户端页面
+│   ├── index/index.vue         # 首页：定位/搜索/轮播/分类/会员条/筛选/信息流
+│   ├── search/index.vue        # 智能搜索：历史 + 热门
+│   ├── post/list.vue           # 分类列表：多维筛选 + 分页
+│   ├── post/create.vue         # 发布：表单/发布方式（免费·单条·套餐）/草稿箱
+│   ├── post/mine.vue           # 我的发布：审核状态筛选 + 驳回原因 + 删除（v1.0.7 新增）
+│   ├── detail/detail.vue       # 详情：图文/地图/付费查看/评价/海报
+│   ├── member/index.vue        # 会员：权益/开通/资产
+│   ├── member/orders.vue       # 订单管理
+│   ├── distribution/index.vue  # 分销：佣金/邀请/团队/提现
+│   ├── message/index.vue       # 消息中心
+│   ├── mine/index.vue          # 我的
+│   └── auth/login.vue          # 认证与登录（身份切换 + 资质）
+├── components/                 # fc-navbar / fc-tabbar / fc-post-card / fc-empty
+├── common/
+│   ├── config/index.js         # 网关地址、开关、常量
+│   ├── utils/request.js        # 统一请求层（鉴权/解包/401/降级）
+│   ├── utils/{storage,format,pay}.js
+│   ├── api/                    # auth/home/post/member/distribution/message/admin
+│   ├── assets/                 # 图标注册表（icons.js）+ 轮播取图与主题护栏（banners.js）
+│   ├── mock/                   # 52 条 mock 路由 + 数据集（离线可跑）
+│   ├── constants/ui.js         # 状态/图标映射
+│   └── store/index.js          # 轻量全局状态
+├── static/                     # 74 枚图标 + 3 张轮播插画（banners/）+ LOGO
+├── docs/                       # 4 份交付文档
+└── tests/                      # 零依赖测试与结构校验
+```
+
+## 三、快速开始
+
+### 3.1 运行小程序（HBuilderX）
+
+1. 用 **HBuilderX** 打开本目录（项目名为 `fenleixinxi`）。
+2. 运行 → 运行到小程序模拟器 → 微信开发者工具（或运行到浏览器 H5）。
+3. `manifest.json` 中 `mp-weixin.appid` 已配置为本项目小程序账号 `wxbfcb778f3019cff8`，
+   如需换成自己的小程序，请同步修改（并保证后端 `fa_fc_config.wx.appid` 一致，见 README 8.2）。
+
+> 未联调后端时无需任何配置：请求层会在网络不可用时自动降级到本地 Mock，**首页、发布、详情、会员、分销、消息、我的全链路均可离线体验**。
+
+### 3.2 切换真实后端
+
+编辑 `common/config/index.js`：
+
+```js
+forceMock: false,          // 关闭强制 mock
+enableMockFallback: false, // 生产建议关闭降级，暴露真实问题
+```
+
+网关默认：`https://fenleixinxi.gzyakj.com.cn/api`（与后台同域）。
+
+## 五、图标与 LOGO 与轮播配图（全部为图片，可后台自定义）
+
+### 5.1 图标体系（配图 v2 · 全图片，真实透明）
+
+- **不使用任何矢量线条图标 / emoji**：全站图标均为 `static/icons/` 下的 **填充插画 PNG**（74 个，192×192，**真实透明通道**）。
+- **插画造型**：纯填充色块，形体饱满、笔画厚重；`主色 + 第二色 + 纯白高光` 三档配方，画面干净统一。
+- **配图与文字一一对应**：招聘求职→公文包、房产租售→房子、二手闲置→立体包裹箱、车辆买卖→汽车、本地服务→八齿齿轮、教育培训→学士帽、家政保洁→三重闪光、同城交友→爱心。
+- **徽章底**：浅色**垂直渐变**圆角块（如 `#E9F7F2 → #D2EFE5`），圆角 31%，与插画形成质感层次。
+- **统一注册表**：`common/assets/icons.js` 定义每个图标的 `key / 中文名 / 默认文件`，分 8 组。
+- **解析优先级**：后端下发的自定义地址 > `static/icons/` 内置默认图
+  - 纯函数层：`common/utils/icon.js`（`iconUrl / logoUrl / categoryIconUrl`）
+  - 响应式层：`common/store/ui.js`（模板里直接调用即为响应式，后台改完立即生效）
+- **重新生成配图**：修改 `tools/icon-svg.mjs`（`ART` 图形 + `OUTPUTS` 配色/渐变）后执行
+  ```bash
+  node tools/gen-icons.mjs      # 白底/黑底两遍渲染 + alpha 反解 + 降采样
+  node tools/preview-theme.mjs --render   # 出预览图并扫描旧色残留（改主题后必跑）
+  ```
+  > 品牌色只集中在 `tools/icon-svg.mjs` 的 `OUTPUTS` 与 `uni.scss` 两处：**改主题 = 改这两处 + 重跑上面两条命令**。
+
+### 5.2 首页轮播配图（Banner v2 · 绿底 + 白色插画）
+
+首页轮播由 **1 层后台底色 + 4 层页面绘制的装饰/文字** 叠加而成，**不使用整幅位图 banner**：
+
+```
+① 后台渐变底色 color          ② 光晕 + 叶脉斜纹 + 双层远山（仅用中性半透明色）
+③ 双圆环 + 白色插画大徽章      ④ 左侧压暗罩（保白字对比度）    ⑤ 文字浮层（标签/标题/CTA）
+```
+
+- **白色插画**：`static/banners/banner-art-{1,2,3}.png`（192×192，真实透明，合计 6.0KB），按轮播位置循环：
+  ① 立体包裹箱（二手）② 公文包（招聘）③ 屋顶 + 门的小家（本地服务/上门）。
+- **主题护栏**：`common/assets/banners.js` 的 `bannerBg(banner, i)` **只认结构完整的渐变**（`linear-gradient(...)` 且含≥2 个色标、以 `)` 收尾）；
+  后台若仍是历史暖色纯色（`#FF8A5B` 等）、空值、或被字段宽度截断的半截值，都会自动回落内置春绿渐变 —— 换主题时即使线上数据没同步，
+  首页也不会再冒出旧配色（后端可执行 `php think fc:install` 幂等对齐线上库）。
+- **金只给价值**：`bannerHasValue()` 为真（「直降 / 免费」）时，圆环右上嵌一颗金色宝石点；平台服务类不带金色。
+- **白字对比度实测**：4.93:1（banner 1）、7.09:1（banner 2）、5.86:1（banner 3），均 ≥ WCAG AA 4.5:1。
+- **重新生成插画**（仅在调整插画造型/配色时需要）：
+  ```bash
+  node tools/gen-banner-art.mjs   # SVG → 白底/黑底两遍渲染 + alpha 反解 → 192×192 透明 PNG
+  ```
+- **后台换整幅位图**：在「轮播管理」填 `image` 后铺满卡面并自动隐藏装饰层（该条轮播无需再用内置插画）。
+- **数据库字段**：`fc_banner.color` 已由 `varchar(16)` 扩到 `varchar(255)`（渐变串约 70 字符，16 会被截断成半截值）；
+  老库在服务器执行 `php think fc:install` 会自动扩容并把内置 3 条轮播回填为春绿渐变（亮绿 `#00E070` → 深绿 `#046B3B`）。
+
+### 5.3 LOGO
+
+`static/logo.png`（512×512，春绿渐变 `#00E070→#00A855→#046B3B` 圆角方块 + 白色定位针 + 金色分类列表三条），统一用于：
+- 小程序**首页左上角**（60rpx）
+- **登录页**品牌区（140rpx）
+- 后台设置页预览
+
+### 5.4 后台自定义（可替换任意配图与 LOGO）
+
+打开 **我的 → LOGO 与图标设置**（`pages/admin/setting.vue`），或直接访问 `pages/admin/setting`：
+
+| 能力 | 说明 |
+| --- | --- |
+| 更换 LOGO | 上传图片 → 预览 → 保存，用户端首页/登录页同步生效 |
+| 逐个替换配图 | 按分组列出全部 74 个图标，每个可「替换 / 默认」，已改动的显示「已改」角标 |
+| 修改小程序名称 | 同步用于登录页标题 |
+| 一键恢复 | 单个恢复默认 / 全部恢复默认 |
+
+对应接口（详见 `docs/03-接口文档.md`）：
+
+| 方法 | 路径 | 说明 |
+| --- | --- | --- |
+| GET | `/setting/ui` | 用户端读取 `{ siteName, logo, icons }` |
+| GET | `/admin/setting/ui` | 后台读取（含 `updatedAt`） |
+| POST | `/admin/setting/ui` | 后台保存 `{ siteName, logo, icons }` |
+| POST | `/admin/setting/ui/reset` | 全部恢复默认 |
+| POST | `/admin/upload` | 图片上传（multipart，返回 `{ url }`） |
+
+## 六、执行测试
+
+```bash
+sh tests/run.sh
+# 等价于依次执行：
+#   1) node tests/validate.mjs   项目结构校验（路由/.vue 标签/SCSS 括号/import 依赖）
+#   2) node tools/check-scss.cjs 用 dart-sass 编译全部 SCSS
+#   3) node tests/run.mjs        全链路接口测试（139 例）
+```
+
+## 七、设计主色调（春绿 · Spring Green）
+
+| Token | 色值 | 用途 |
+| --- | --- | --- |
+| 品牌亮绿（主色） | `#00E070` | **面**：主按钮底、徽章、胶囊、选中态、轮播底（= 后台登录页同一品牌色号） |
+| 亮绿上的字 | `#04301E` | 亮绿面上的文字（**8.2:1**；白字压亮绿只有 1.8:1，故一律不用白字） |
+| 白字安全绿 | `#04874A` | 白字区（头部 / Hero / 渐变收尾，**4.6:1**）；也是白底绿字、描边按钮用色 |
+| 主色渐变（亮绿面） | `#00E070 → #00C860 → #00B85C` | 主按钮、选中态、指示条（配墨绿字） |
+| Hero 渐变（深绿面） | `#04874A → #046B3B → #023A21` | 首页头部、我的 / 会员 / 分销头部、渐变导航条（配白字） |
+| 深绿 / 极深绿 | `#046B3B` / `#023A21` | 会员资产卡、白字区收尾 |
+| 辅助色（金） | `#F5A623` | 会员、热度、价格（只给「值得关注」的信息） |
+| 页面底色 | `#F2FEF7` | 薄荷白底 |
+| 主文字 | `#04291C` | 墨绿黑（替代纯黑） |
+
+> 设计立意：**春绿立品牌、收获金点价值** —— 亮绿只做「面」（按钮 / 徽章 / 胶囊 / 轮播底）并统一配墨绿字，
+> 白字只落在 `#04874A` 及更深的绿面上；「绿=平台与内容、金=价值与特权」仍是品牌记忆点。
+> 90 分钟可复核：`node tools/preview-theme.mjs --render` 出图 + `node tools/run.mjs` 的「亮绿面不得配白字」回归用例。
+
+配色自检 / 预览出图（改配色后必跑）：
+
+```bash
+node tools/preview-theme.mjs --render   # 首页仿真 + 全量令牌色板；并自动扫描旧色残留
+```
+
+详见 [`docs/02-UI设计规范.md`](docs/02-UI设计规范.md)。
+
+## 八、当前验证状态
+
+```
+[1/3] 项目结构校验    : 错误 0，警告 0
+[2/3] SCSS 编译校验   : 通过 17 个，失败 0（dart-sass）
+[3/3] 全链路接口测试  : 用例总数 139   通过 139   失败 0   （通过率 100%）
+      —— 含 配图完整性与后台自定义闭环 16 例 + 轮播配图与主题护栏 14 例
+      —— 含 v1.0.7 新增：我的发布 / 发布配置与计费 / 后台置顶闭环 15 例
+```
+
+| 视觉资源 | 状态 |
+| --- | --- |
+| 配图数量 | 74 / 74（192×192，真实透明，尺寸统一） |
+| 轮播插画 | 3 / 3（192×192 白色插画，合计 6.0KB） |
+| 静态资源体积 | `static/` 616K（`icons/` 492K + `banners/` 12K[实际 6.0KB] + LOGO） |
+| 小程序包体积 | 约 1.3M（主包上限 2M，余量充足） |
+| 字号体系 | 24 / 26 / 28 / 32 / 36 / 42rpx（六档，跨度 1.75×） |
+
+### 8.1 后端接口（线上真实环境）
+
+后端 v1 业务接口已实现并部署到 `https://fenleixinxi.gzyakj.com.cn/api/v1`，
+与本前端 `common/api/*.js` 的 65 个端点**逐一对应**，契约见 `docs/03-接口文档.md`。
+
+```
+后端接口端到端验证（tools/verify-api.mjs）
+用例总数: 183   通过: 183   失败: 0
+  —— 65 端点契约 + 12 条业务规则文案比对 + 8 步双端业务闭环
+     （用户发布 → 后台待审 → 后台审核 → 前台可见 → 消息通知 → 操作留痕）
+```
+
+**后端种子数据与本前端 `common/mock/data.js` 逐字段对齐**，因此把
+`common/config/index.js` 的 `forceMock` 关闭后，页面数据与离线演示完全一致。
+
+> 切真实后端：将 `common/config/index.js` 的 `enableMockFallback` 置为 `false`
+> （生产建议关闭降级，以便暴露真实问题）。
+
+### 8.2 小程序线上发布记录
+
+| 项 | 值 |
+| --- | --- |
+| AppID（前端 `manifest.json`） | `wxbfcb778f3019cff8` |
+| AppSecret（仅后端持有） | `fa_fc_config.wx.secret`（**不下发前端**，仅服务端 `jscode2session` 调用） |
+| 上传包体积 | **788.0 KB**（v1.0.7 上传实测，CLI 输出 806,887 字节；本地 173 文件 `wc -c` 合计 751,376 字节；v1.0.4 738,797 字节；主包上限 2MB，余量充足） |
+| 待上传 | **v1.0.9**（173 文件 / 755,921 字节）已本地构建完成，正在等待开发者工具登录（本轮上传时登录态过期，报 `code 10 需要重新登录`）；v1.0.8 构建完成但未上传，其改动已全部包含在 1.0.9 中，随 1.0.9 一并上传 |
+| 上传状态 | v1.0.7 已于 2026-10-15 上传成功（`✔ Using AppID: wxbfcb778f3019cff8` → `✔ upload`，TOTAL 788.0 KB / 806,887 字节）；v1.0.6 同日上传成功：`✔ Using AppID: wxbfcb778f3019cff8` → `✔ upload`（待人工在 mp 平台设为体验版 / 提交审核，并确认请求合法域名 `https://fenleixinxi.gzyakj.com.cn`） |
+| 构建方式 | 生产构建（`unpackage/dist/build/mp-weixin`，无 sourcemap） |
+| 接口指向 | `https://fenleixinxi.gzyakj.com.cn/api`（线上真实后端） |
+| 产物校验 | 13 页面（含 `pages/post/mine`）· 74 配图 + 3 轮播插画 + LOGO · 春绿令牌已编译（`--fc-primary:#00e070`、主按钮 `linear-gradient(135deg,#00e070,…)`、头部 `linear-gradient(150deg,#04874a,#046b3b 55%,#023a21)`）· appid 正确 |
+
+| 版本 | 时间 | 内容 |
+| --- | --- | --- |
+| **1.0.0** | 2026-10-15 | 首个完整版本：用户端 9 大模块 + 后台管理端 10 大模块 |
+| **1.0.1** | 2026-10-15 | 修复「后台改完前端不变」：关闭 mock 静默降级、首页 `onShow` 强制刷新后台配置 |
+| **1.0.2** | 2026-10-15 | 打通余额支付：详情页新增「余额支付/微信支付」选择器；默认支付方式可配置 |
+| **1.0.3** | 2026-10-15 | 修复发布页分类图标：原先把图标地址当文本显示（8 条路径重叠），改为 `image` 正常渲染 |
+| **1.0.4** | 2026-10-15 | 小程序账号同步：AppID 由 `wxf611d31accda42e8` 更新为 `wxbfcb778f3019cff8`；前端 `manifest.json` 与后端 `fa_fc_config.wx.appid/wx.secret` 双端一致 |
+| **1.0.5** | 2026-10-15 | 生态绿主题收尾 · **首页轮播配图重做**：后台底色 + 光晕/叶脉/远山装饰 + 双圆环白色插画大徽章 + 左侧压暗罩 + 文字浮层五层结构；白字对比度实测 ≥ 4.93:1；前端新增 `bannerBg()` 主题护栏（旧暖色纯色自动回落生态绿），后端 `FcInstall::BANNERS` 统一种子并新增幂等底色升级；新增 14 条轮播自动化用例（总用例 116，全绿） |
+| **1.0.6** | 2026-10-15 | **春绿主题 v4（全站换色）**：品牌主色改为设计稿亮绿 `#00E070`（只做「面」，面上统一墨绿字 `#04301E` 8.2:1）；新增 `$fc-primary-ink` / `$fc-primary-text` / `$fc-gradient-hero` 三枚令牌，白字只保留在深绿 Hero 与深绿渐变上；**74 枚图标 + LOGO + 3 张轮播插画全量重配春绿**；轮播卡由「绿底白字」改为「亮绿底 + 墨绿字 + 右侧深绿白插画」（105deg），实测最差对比度 4.71:1；页面底色 `#F2FEF7`、正文 `#04291C`；新增 3 条主题回归用例（总用例 119，全绿） |
+| **1.0.7** | 2026-10-15 | **发布侧三件事（缺陷 + 两个新功能）**：① **「我的发布」页上线**——原先「我的」页入口指向 `/pages/post/list`（分类信息列表，只显示别人审核通过的信息），用户发完**看不到自己的发布记录**，现新增 `GET /post/mine`（按 全部/待审核/已通过/已驳回/已下架 筛选 + 各类计数 + 驳回原因）与 `pages/post/mine.vue`，发布成功后直接跳转该页；② **后台手动置顶**——`fc_post.is_top` 正式接入用户端：后台「信息管理」新增「置顶/取消置顶」（工具栏批量 + 行内按钮 + 状态徽章，附站内消息通知），`Home::feed` 与 `/post/mine` 均按 `is_top desc` 排序，卡片显示「置顶」角标；③ **免费/付费发布开关**——后台新增「发布与费用配置」页（同城业务 → 基础数据）：发布模式（免费发布 / 付费发布）+ 会员单条发布价格 + 按月（价格 + 含条数）+ 按年（价格 + 含条数），保存后同步会员套餐（月卡 M1 / 年卡 M12）；`fc_user_ext` 新增发布额度 `post_quota_left`，开通月/年卡自动发放额度、额度内免费发布（付费模式下仍保留「每日免费条数」避免硬付费墙）；④ **计费改为服务端定价**（BUG-012）：原先发布金额由前端 `amount` 传入并被后端直接采信，客户端可改价（0.01 元发帖），现金额一律按后台配置在服务端计算；新增 15 条用例（总用例 134，全绿） |
+| **1.0.8** | 2026-10-16 | **会员手机号真绑定 + 后台会员列表字段调整**：① **修复「手机号授权绑定」假实现**（BUG-013）——原先登录页点击绑定只在前端拼 `138 + 时间戳` 的假号、从不落库，导致微信注册会员 `fa_user.mobile` 恒为空、后台会员列表手机号大面积为空；现改为 `<button open-type="getPhoneNumber">` 调用新增的 `POST /auth/wx-phone`（后端用小程序 access_token 调微信 `phonenumber.getPhoneNumber` 真实取号并写入 `fa_user.mobile`，access_token 带缓存），微信侧不可用时自动回落手动输入 `bind-phone`；② **后台会员列表**按要求去掉「角色组 / 电子邮箱 / 等级」三列，手机号列前置并**全量展示**：未绑定号时回落显示该会员最近一条发布信息里的联系电话并标注「来自发布信息」（`mobile_source=post`），两者都无显示「未绑定」；③ 后台 JS 变更后 bump `site.version` 强制刷新浏览器静态资源缓存；新增 2 条用例（总用例 136，全绿） |
+| **1.0.9** | 2026-10-16 | **采集会员微信昵称与头像**（BUG-014）：微信自 2022 年已回收主动拉取资料接口，登录页改用官方 `open-type="chooseAvatar"` + `<input type="nickname">` 由用户授权采集，登录时随 `wx-login` 提交；新增 `POST /auth/avatar`（用户端 multipart 上传头像，落盘并写 `fa_user.avatar`）与 `POST /auth/profile`（随时补填资料）；后台「会员列表」昵称/头像列由此显示真实微信资料（无头像仍显示字母头像）；另含 v1.0.8 的会员手机号真绑定与列表字段调整。新增 3 条用例（总用例 139，全绿） |
+
+**生产构建命令**（无需 HBuilderX GUI，复用同级项目的 uni-app 工具链）：
+
+```bash
+OLD="/Users/linda/Desktop/project/uni-preset-vue-vite-ts  shanchan/uni-preset-vue-vite-ts  shanchan"
+NEW="/Users/linda/Desktop/project/uni-preset-vue-vite-ts  shanchan/fenleixinxi"
+cd "$OLD" && \
+UNI_INPUT_DIR="$NEW" \
+UNI_OUTPUT_DIR="$NEW/unpackage/dist/build/mp-weixin" \
+NODE_ENV=production node_modules/.bin/uni build -p mp-weixin
+```
+
+**上传命令**：
+
+```bash
+# 建议先复制到干净目录再上传：微信工具会缓存项目路径，
+# 若产物目录被 rm -rf 重建过，直接用原路径会报「未找到 app.json」
+rm -rf /tmp/fcmp && cp -R "$OUTPUT_DIR" /tmp/fcmp
+/Applications/wechatwebdevtools.app/Contents/MacOS/cli upload \
+  --project /tmp/fcmp -v 1.0.4 -d "版本描述"
+# 端口无需指定：CLI 会自动探测本机运行中的微信开发者工具（本项目实测 127.0.0.1:63622）；
+# 但开发者工具必须用「拥有该 AppID 的微信号」登录，否则会上传失败。
+# 日志出现 `✔ Using AppID: xxx` + `✔ upload` 即成功。
+```
+
+**后续需在 mp.weixin.qq.com 手动完成（CLI 无法代劳）**
+
+> ⚠️ `wxbfcb778f3019cff8` 是**新账号**，以下两项都要在新账号后台重新配置，旧账号的配置不会迁移过来。
+
+1. `开发 → 开发设置 → 服务器域名 → request 合法域名` 添加 **`https://fenleixinxi.gzyakj.com.cn`**
+   （否则真机请求会被拦截；开发者工具勾选「不校验合法域名」可临时绕过）
+2. `管理 → 版本管理` → 找到对应版本 → **设为体验版**（内测）或 **提交审核** → 审核通过后 **发布**
+
+### 8.3 后台与前端的数据同步机制
+
+> 曾出现「后台改了，前端不变」，原因是 3 处，已全部修复。
+
+| # | 原因 | 修复 |
+| --- | --- | --- |
+| 1 | **`enableMockFallback: true`**：真实请求失败时请求层静默降级到本地 mock，页面照常显示**假数据**，后台怎么改都不变（最具迷惑性） | 默认改为 `false`；生产压缩时该分支会被常量折叠为死代码并消除 |
+| 2 | **UI 配置只在首页 `onLoad` 拉一次**：`loadUiConfig()` 内部 `if (loaded && !force) return`，后台改完必须**重启小程序**才生效 | 首页新增 `onShow` 与下拉刷新强制 `loadUiConfig(true)`；store 是 `reactive` 的，配置一变所有页面即时重渲染 |
+| 3 | **后台管理界面缺失**：35 个 `/api/v1/admin/**` 接口无任何界面可操作 | 已在 FastAdmin PC 后台补齐 17 个业务模块（见 `docs/05-后端实现规范.md`） |
+
+> 底部导航为自定义组件 `components/fc-tabbar/`（每页 `<fc-tabbar :current="n" />`），
+> 因此 `app.json` 中没有原生 `tabBar` 字段，属设计如此。
+
+### 8.4 余额支付测试指引（微信支付未配置时的替代方案）
+
+微信支付商户参数（`mchId`/`apiKey`）尚未配置，因此**测试阶段统一走余额支付**。
+
+**① 支付方式由一处开关控制**
+
+`common/config/index.js`：
+
+```js
+// 'balance' 余额支付 / 'wxpay' 微信支付
+defaultPayType: 'balance',
+```
+
+配置好真实商户参数后改回 `'wxpay'` 即可，**各页面无需改动**（三个支付点都读这个值）。
+
+**② 三个支付点均已支持余额**
+
+| 场景 | 页面 | 说明 |
+| --- | --- | --- |
+| 会员开通 | `pages/member/index.vue` | 微信/余额选择器 |
+| 付费发布 | `pages/post/create.vue` | 微信/余额选择器 |
+| 付费查看联系方式 | `pages/detail/detail.vue` | **1.0.2 新增**选择器（原先硬编码微信支付） |
+
+**③ 给用户充值余额（后台操作）**
+
+`FastAdmin 后台 (/s.php) → 同城业务 → 用户与商家 → 会员管理`
+
+1. 列表已直接显示 **昵称 / 手机号 / 账户余额**（关联 `fa_user`）
+2. 勾选用户 → 点工具栏 **「余额充值」** → 输入金额 → 确定
+3. 系统自动：加余额 + 写资金流水（`fa_fc_finance_flow`）+ 发站内通知（`fa_fc_message`）
+
+> 单次金额需 `>0` 且 `≤100000`。
+
+**④ 余额支付的两种即时性语义**
+
+| 支付方式 | 下单后订单状态 | 说明 |
+| --- | --- | --- |
+| `balance` | **立即 `paid`** + 记录 `paytime` | 下单即扣款，无需收银台 |
+| `wxpay` | `pending` | 由微信支付回调置为 `paid` |
+
+**⑤ 已验证的完整链路**
+
+```
+后台充值 ¥200  →  余额 12.00 → 212.00（流水 + 站内信）
+会员开通 余额   →  212.00 → 192.10，订单 MO… 月卡 ¥19.90 paid balance
+付费发布 余额   →  192.10 → 187.10，订单 PO… ¥5.00 paid balance
+付费查看 余额   →   10.00 →   8.00，付费记录 ¥2.00 balance（重复查看不再扣款）
+余额不足        →  「余额不足」，余额不变，且**不产生假订单**
+```
diff --git a/uniapp/common/api/admin.js b/uniapp/common/api/admin.js
new file mode 100644
index 0000000..517fb2e
--- /dev/null
+++ b/uniapp/common/api/admin.js
@@ -0,0 +1,70 @@
+/**
+ * 接口模块 · 后台管理端 PC
+ * 对应模块：数据总览 / 商家管理 / 会员管理 / 信息审核 / 评价管理 /
+ *          分销管理 / 订单管理 / 财务管理 / 权限管理 / 系统设置
+ */
+import { get, post } from '../utils/request.js'
+
+export const adminApi = {
+  // ---------- 数据总览 ----------
+  dashboardOverview: () => get('/admin/dashboard/overview', {}, { silent: true }),
+  dashboardTrend: (type = 'traffic') => get('/admin/dashboard/trend', { type }, { silent: true }),
+
+  // ---------- 商家管理 ----------
+  merchants: (params = {}) => get('/admin/merchants', params, { silent: true }),
+  auditMerchant: (id, auditStatus) => post(`/admin/merchant/${id}/audit`, { auditStatus }, { silent: true }),
+
+  // ---------- 会员管理 ----------
+  users: (params = {}) => get('/admin/users', params, { silent: true }),
+  saveMemberBenefit: (payload) => post('/admin/member/benefit', payload, { silent: true }),
+
+  // ---------- 信息审核 ----------
+  pendingPosts: (params = {}) => get('/admin/posts/pending', params, { silent: true }),
+  auditPost: (id, auditStatus, reason) => post(`/admin/post/${id}/audit`, { auditStatus, reason }, { silent: true }),
+  offlinePost: (id) => post(`/admin/post/${id}/offline`, {}, { silent: true }),
+
+  // ---------- 评价管理 ----------
+  comments: (params = {}) => get('/admin/comments', params, { silent: true }),
+  replyComment: (id, reply) => post(`/admin/comment/${id}/reply`, { id, reply }, { silent: true }),
+  reports: () => get('/admin/reports', {}, { silent: true }),
+
+  // ---------- 分销管理 ----------
+  distSetting: () => get('/admin/dist/setting', {}, { silent: true }),
+  saveDistSetting: (payload) => post('/admin/dist/setting', payload, { silent: true }),
+  withdraws: () => get('/admin/dist/withdraws', {}, { silent: true }),
+  handleWithdraw: (id, op, reason) => post(`/admin/dist/withdraw/${id}/pay`, { id, op, reason }, { silent: true }),
+
+  // ---------- 订单管理 ----------
+  orders: (params = {}) => get('/admin/orders', params, { silent: true }),
+  refund: (id, amount, reason) => post(`/admin/order/${id}/refund`, { amount, reason }, { silent: true }),
+  supplement: (orderNo) => post('/admin/order/supplement', { orderNo }, { silent: true }),
+
+  // ---------- 财务管理 ----------
+  financeFlows: (params = {}) => get('/admin/finance/flows', params, { silent: true }),
+  financeReport: (period = 'day') => get('/admin/finance/report', { period }, { silent: true }),
+
+  // ---------- 权限管理 ----------
+  roles: () => get('/admin/roles', {}, { silent: true }),
+  saveRole: (payload) => post('/admin/role', payload, { silent: true }),
+  accounts: () => get('/admin/accounts', {}, { silent: true }),
+  logs: (params = {}) => get('/admin/logs', params, { silent: true }),
+
+  // ---------- 系统设置 ----------
+  baseSetting: () => get('/admin/setting/base', {}, { silent: true }),
+  saveBaseSetting: (payload) => post('/admin/setting/base', payload, { silent: true }),
+  savePaySetting: (payload) => post('/admin/setting/pay', payload, { silent: true }),
+  feeSetting: () => get('/admin/setting/fee', {}, { silent: true }),
+  saveFeeSetting: (payload) => post('/admin/setting/fee', payload, { silent: true }),
+  areas: () => get('/admin/setting/areas', {}, { silent: true }),
+  saveArea: (payload) => post('/admin/setting/area', payload, { silent: true }),
+
+  // ---------- 系统设置 · LOGO 与图标自定义 ----------
+  /** 读取 UI 配置（LOGO + 全部图标） */
+  uiSetting: () => get('/admin/setting/ui', {}, { silent: true }),
+  /** 保存 UI 配置：{ logo, icons: { key: url } } */
+  saveUiSetting: (payload) => post('/admin/setting/ui', payload, { silent: true }),
+  /** 恢复默认 LOGO 与图标 */
+  resetUiSetting: () => post('/admin/setting/ui/reset', {}, { silent: true }),
+}
+
+export default adminApi
diff --git a/uniapp/common/api/auth.js b/uniapp/common/api/auth.js
new file mode 100644
index 0000000..093fe93
--- /dev/null
+++ b/uniapp/common/api/auth.js
@@ -0,0 +1,55 @@
+/**
+ * 接口模块 · 认证与登录（用户端）
+ * 对应模块：认证与登录
+ */
+import { get, post, buildUrl, buildHeaders } from '../utils/request.js'
+
+export const authApi = {
+  /** 微信一键授权登录：code -> token */
+  wxLogin: (payload) => post('/auth/wx-login', payload, { silent: true }),
+  /** 手机号绑定（手动输入 11 位手机号） */
+  bindPhone: (payload) => post('/auth/bind-phone', payload, { silent: true }),
+  /** 微信手机号快捷获取（<button open-type="getPhoneNumber"> 回调的 code） */
+  wxPhone: (payload) => post('/auth/wx-phone', payload, { silent: true }),
+  /** 更新个人资料（微信昵称 / 头像路径） */
+  saveProfile: (payload) => post('/auth/profile', payload, { silent: true }),
+  /**
+   * 上传微信头像（chooseAvatar 得到的临时文件路径）
+   * 小程序环境走 uni.uploadFile（multipart/form-data）；Node 测试环境回落 mock 路由。
+   * @returns {Promise<{url:string, avatar:string}>}
+   */
+  uploadAvatar(filePath) {
+    if (typeof uni === 'undefined' || !uni.uploadFile) {
+      return post('/auth/avatar', { file: filePath }, { silent: true })
+    }
+    return new Promise((resolve, reject) => {
+      const header = buildHeaders()
+      // uni.uploadFile 自行设置 multipart 边界，不能带 application/json
+      delete header['Content-Type']
+      uni.uploadFile({
+        url: buildUrl('/auth/avatar'),
+        filePath,
+        name: 'file',
+        header,
+        success: (res) => {
+          let body = res && res.data
+          try {
+            body = JSON.parse(res.data)
+          } catch (e) {}
+          if (body && body.code === 0) {
+            resolve(body.data)
+            return
+          }
+          reject(new Error((body && body.message) || '头像上传失败'))
+        },
+        fail: () => reject(new Error('头像上传失败')),
+      })
+    })
+  },
+  /** 个人 / 商家用户类型切换（商家需资质） */
+  switchType: (payload) => post('/auth/switch-type', payload, { silent: true }),
+  /** 获取当前用户资料 */
+  profile: () => get('/auth/profile', {}, { silent: true }),
+}
+
+export default authApi
diff --git a/uniapp/common/api/distribution.js b/uniapp/common/api/distribution.js
new file mode 100644
index 0000000..df37dd2
--- /dev/null
+++ b/uniapp/common/api/distribution.js
@@ -0,0 +1,18 @@
+/**
+ * 接口模块 · 分销中心（用户端）
+ * 对应模块：分销首页 / 团队管理 / 佣金提现
+ */
+import { get, post } from '../utils/request.js'
+
+export const distributionApi = {
+  /** 佣金概览（含邀请码/海报） */
+  overview: () => get('/distribution/overview', {}, { silent: true }),
+  /** 一/二级下线列表与业绩 */
+  team: (params = {}) => get('/distribution/team', params, { silent: true }),
+  /** 申请提现（提现至微信零钱） */
+  withdraw: (payload) => post('/distribution/withdraw', payload, { silent: true }),
+  /** 提现记录 */
+  withdrawRecords: () => get('/distribution/withdraw-records', {}, { silent: true }),
+}
+
+export default distributionApi
diff --git a/uniapp/common/api/home.js b/uniapp/common/api/home.js
new file mode 100644
index 0000000..5be8dc1
--- /dev/null
+++ b/uniapp/common/api/home.js
@@ -0,0 +1,18 @@
+/**
+ * 接口模块 · 首页与展示（用户端）
+ * 对应模块：分类导航 / 智能搜索 / 信息流推荐 / 筛选排序
+ */
+import { get } from '../utils/request.js'
+
+export const homeApi = {
+  /** 轮播广告位 */
+  banners: () => get('/home/banners', {}, { silent: true }),
+  /** 分类导航 */
+  categories: () => get('/home/categories', {}, { silent: true }),
+  /** 信息流（LBS + 筛选排序） */
+  feed: (params = {}) => get('/home/feed', params, { silent: true }),
+  /** 热门搜索词 */
+  hotKeywords: () => get('/home/search/hot', {}, { silent: true }),
+}
+
+export default homeApi
diff --git a/uniapp/common/api/index.js b/uniapp/common/api/index.js
new file mode 100644
index 0000000..f8fd8fa
--- /dev/null
+++ b/uniapp/common/api/index.js
@@ -0,0 +1,12 @@
+/**
+ * 接口统一出口
+ * 前端页面只从这里引入具体模块，降低耦合。
+ */
+export { authApi } from './auth.js'
+export { homeApi } from './home.js'
+export { postApi } from './post.js'
+export { memberApi } from './member.js'
+export { distributionApi } from './distribution.js'
+export { messageApi } from './message.js'
+export { settingApi } from './setting.js'
+export { adminApi } from './admin.js'
diff --git a/uniapp/common/api/member.js b/uniapp/common/api/member.js
new file mode 100644
index 0000000..321d9a2
--- /dev/null
+++ b/uniapp/common/api/member.js
@@ -0,0 +1,20 @@
+/**
+ * 接口模块 · 会员中心（用户端）
+ * 对应模块：会员权益 / 会员开通 / 订单管理 / 我的资产
+ */
+import { get, post } from '../utils/request.js'
+
+export const memberApi = {
+  /** 会员套餐（月/季/年） */
+  plans: () => get('/member/plans', {}, { silent: true }),
+  /** 会员权益（后台可配置） */
+  benefits: () => get('/member/benefits', {}, { silent: true }),
+  /** 开通会员 */
+  open: (payload) => post('/member/open', payload, { silent: true }),
+  /** 订单管理（发布/会员/充值） */
+  orders: (params = {}) => get('/member/orders', params, { silent: true }),
+  /** 我的资产（余额/优惠券/积分） */
+  assets: () => get('/member/assets', {}, { silent: true }),
+}
+
+export default memberApi
diff --git a/uniapp/common/api/message.js b/uniapp/common/api/message.js
new file mode 100644
index 0000000..42f0ab6
--- /dev/null
+++ b/uniapp/common/api/message.js
@@ -0,0 +1,14 @@
+/**
+ * 接口模块 · 消息中心（用户端）
+ * 对应模块：系统通知 / 互动消息
+ */
+import { get, post } from '../utils/request.js'
+
+export const messageApi = {
+  /** 消息列表（type: system / interact） */
+  list: (params = {}) => get('/message/list', params, { silent: true }),
+  /** 标记已读 */
+  read: (id) => post(`/message/${id}/read`, {}, { silent: true }),
+}
+
+export default messageApi
diff --git a/uniapp/common/api/post.js b/uniapp/common/api/post.js
new file mode 100644
index 0000000..3d08468
--- /dev/null
+++ b/uniapp/common/api/post.js
@@ -0,0 +1,29 @@
+/**
+ * 接口模块 · 信息发布 与 信息详情（用户端）
+ * 对应模块：发布表单 / 付费置帖 / 套餐发帖 / 草稿箱 / 内容展示 / 付费查看 / 评价互动
+ */
+import { get, post, del } from '../utils/request.js'
+
+export const postApi = {
+  /** 发布信息（返回审核状态，付费时返回支付订单；金额由服务端按后台配置计算） */
+  create: (payload) => post('/post/create', payload, { silent: true }),
+  /** 我的发布（status: all 默认 / pending 待审核 / passed 已通过 / rejected 已驳回 / offline 已下架） */
+  mine: (params = {}) => get('/post/mine', params, { silent: true }),
+  /** 发布配置（发布模式 free/paid、单条与月/年卡价格条数、我的剩余额度） */
+  publishConfig: () => get('/post/publish-config', {}, { silent: true }),
+  /** 草稿：列表 */
+  drafts: () => get('/post/drafts', {}, { silent: true }),
+  /** 草稿：保存 */
+  saveDraft: (payload) => post('/post/draft', payload, { silent: true }),
+  /** 删除信息 */
+  remove: (id) => del(`/post/${id}`, {}, { silent: true }),
+
+  /** 详情 */
+  detail: (id) => get(`/post/${id}`, {}, { silent: true }),
+  /** 付费查看联系方式（微信/余额） */
+  payView: (id, payload) => post(`/post/${id}/pay-view`, payload, { silent: true }),
+  /** 发表评价（评分 + 图文） */
+  comment: (id, payload) => post(`/post/${id}/comment`, payload, { silent: true }),
+}
+
+export default postApi
diff --git a/uniapp/common/api/setting.js b/uniapp/common/api/setting.js
new file mode 100644
index 0000000..c9a155f
--- /dev/null
+++ b/uniapp/common/api/setting.js
@@ -0,0 +1,12 @@
+/**
+ * 接口模块 · UI 配置（LOGO / 图标）
+ * 用户端读取后台下发的自定义 LOGO 与图标地址。
+ */
+import { get } from '../utils/request.js'
+
+export const settingApi = {
+  /** 读取站点 UI 配置（LOGO、图标、名称） */
+  ui: () => get('/setting/ui', {}, { silent: true }),
+}
+
+export default settingApi
diff --git a/uniapp/common/assets/banners.js b/uniapp/common/assets/banners.js
new file mode 100644
index 0000000..5e54158
--- /dev/null
+++ b/uniapp/common/assets/banners.js
@@ -0,0 +1,69 @@
+/**
+ * 轮播配图注册表（前端唯一轮播视觉清单）
+ * ------------------------------------------------------------
+ * 首页轮播卡 = 「后台下发的渐变底色 + 页面 CSS 装饰层 + 一张白色插画」：
+ *   · 底色 color —— 后台 `fc_banner.color`（可随时换季调整，装饰层是中性半透明白/深绿，不串色）
+ *   · 装饰层     —— `pages/index/index.vue` 的 `.home__banner-*`（圆环 / 远山 / 光晕 / 叶脉）
+ *   · 插画       —— `static/banners/` 下的白色透明 PNG，`tools/gen-banner-art.mjs` 生成
+ * 若后台给某条轮播配置了 `image`（整幅配图），前端直接铺满并隐藏装饰层。
+ */
+export const BANNER_BASE = '/static/banners/'
+
+/** 3 套内置插画：二手包裹箱 / 公文包 / 上门小家（与 icon-svg.mjs 母版同源） */
+export const BANNER_ART = ['banner-art-1.png', 'banner-art-2.png', 'banner-art-3.png']
+
+/** 内置生态绿渐变（1/2/3 号，取自 uni.scss 主色家族），后台未配置颜色时按位置取用 */
+export const BANNER_BG = [
+  'linear-gradient(105deg, #00e070 0%, #00c860 42%, #046b3b 100%)',
+  'linear-gradient(105deg, #00d96c 0%, #00b85c 40%, #023a21 100%)',
+  'linear-gradient(105deg, #00e878 0%, #049e52 45%, #045c34 100%)',
+]
+
+/**
+ * 后台下发的底色是否「完整可用」。
+ * 只认**结构完整**的渐变：`linear-gradient(...)` / `radial-gradient(...)` 等，
+ * 括号配平、至少两个色标（顶层含逗号）、以 `)` 收尾。
+ * 这样既能拦下历史暖色纯色（`#FF8A5B`），也能拦下被字段宽度**截断**的半截值
+ * （如 `linear-gradient(` / `linear-gradient(135deg`），避免出现「样式非法 → 卡片空白」。
+ * 顶层括号计数而非正则，是为了兼容 `rgba(24,165,135,.9)` 这类**色标内自带括号/逗号**的写法。
+ */
+function isCompleteGradient(value) {
+  const head = /^(repeating-)?(linear|radial|conic)-gradient\(/i.exec(value)
+  if (!head || value.charAt(value.length - 1) !== ')') return false
+  let depth = 1 // 渐变函数自身的左括号已在 head 内，先计入
+  let commas = 0
+  for (let i = head[0].length; i < value.length; i++) {
+    const ch = value.charAt(i)
+    if (ch === '(') depth++
+    else if (ch === ')') depth--
+    else if (ch === ',' && depth === 1) commas++ // 只数「渐变函数这一层」的逗号（色标分隔）
+  }
+  return depth === 0 && commas >= 1
+}
+
+/**
+ * 轮播底色：只信任后台下发的**完整渐变**，其余一律回落内置春绿渐变（105deg 亮绿→深绿）。
+ * 历史遗留的纯色值（如旧暖色 `#FF8A5B` / `#FFB86B` / `#FF6F61`）、空值、被截断的半截值
+ * 都会被视为「未配置」，保证后台数据没同步时首页也不会出现与新主题冲突的暖色或空白卡；文案固定用墨绿字，故换底色不会改坏可读性。
+ * 需要纯色时后台填 `linear-gradient(105deg, #00E070 0%, #00E070 100%)` 即可（亮绿面 + 前端墨绿字）。
+ */
+export function bannerBg(banner, index = 0) {
+  const color = String((banner && banner.color) || '').trim()
+  if (isCompleteGradient(color)) return color
+  return BANNER_BG[Math.abs(index) % BANNER_BG.length]
+}
+
+/** 第 i 条轮播的默认插画（按位置循环） */
+export function bannerArtUrl(index = 0) {
+  return BANNER_BASE + BANNER_ART[Math.abs(index) % BANNER_ART.length]
+}
+
+/**
+ * 是否展示金色「价值点缀」。
+ * 规则：绿 = 平台与内容、金 = 价值与特权 —— 只有「直降 / 免费」这类价值主张才配金色。
+ */
+export function bannerHasValue(index = 0) {
+  return Math.abs(index) % BANNER_ART.length !== 2
+}
+
+export default { BANNER_BASE, BANNER_ART, BANNER_BG, bannerArtUrl, bannerHasValue, bannerBg }
diff --git a/uniapp/common/assets/icons.js b/uniapp/common/assets/icons.js
new file mode 100644
index 0000000..d1a300a
--- /dev/null
+++ b/uniapp/common/assets/icons.js
@@ -0,0 +1,150 @@
+/**
+ * 图标注册表（前端唯一图标清单）
+ * ------------------------------------------------------------
+ * 每个图标有：
+ *   key  —— 业务代码引用键（后端按 key 覆盖）
+ *   name —— 中文名（后台管理界面展示）
+ *   file —— static/icons/ 下的默认文件
+ * 后端可通过 /admin/setting/ui 按 key 覆盖为自传图片 URL。
+ */
+export const ICON_BASE = '/static/icons/'
+
+export const ICON_GROUPS = [
+  {
+    group: '底部导航',
+    items: [
+      { key: 'tab-home', name: '首页（常态）', file: 'tab-home.png' },
+      { key: 'tab-home-on', name: '首页（选中）', file: 'tab-home-on.png' },
+      { key: 'tab-post', name: '发布（常态）', file: 'tab-post.png' },
+      { key: 'tab-post-on', name: '发布（选中）', file: 'tab-post-on.png' },
+      { key: 'tab-message', name: '消息（常态）', file: 'tab-message.png' },
+      { key: 'tab-message-on', name: '消息（选中）', file: 'tab-message-on.png' },
+      { key: 'tab-mine', name: '我的（常态）', file: 'tab-mine.png' },
+      { key: 'tab-mine-on', name: '我的（选中）', file: 'tab-mine-on.png' },
+    ],
+  },
+  {
+    group: '同城分类',
+    items: [
+      { key: 'cat-job', name: '招聘求职', file: 'cat-job.png' },
+      { key: 'cat-house', name: '房产租售', file: 'cat-house.png' },
+      { key: 'cat-goods', name: '二手闲置', file: 'cat-goods.png' },
+      { key: 'cat-car', name: '车辆买卖', file: 'cat-car.png' },
+      { key: 'cat-service', name: '本地服务', file: 'cat-service.png' },
+      { key: 'cat-education', name: '教育培训', file: 'cat-education.png' },
+      { key: 'cat-clean', name: '家政保洁', file: 'cat-clean.png' },
+      { key: 'cat-friend', name: '同城交友', file: 'cat-friend.png' },
+    ],
+  },
+  {
+    group: '首页与展示',
+    items: [
+      { key: 'home-location', name: '定位（头部/白）', file: 'home-location.png' },
+      { key: 'location', name: '定位（橙）', file: 'location.png' },
+      { key: 'home-search', name: '搜索（头部）', file: 'home-search.png' },
+      { key: 'home-bell', name: '消息铃铛', file: 'home-bell.png' },
+      { key: 'home-crown', name: '会员王冠（头部）', file: 'home-crown.png' },
+    ],
+  },
+  {
+    group: '通用功能',
+    items: [
+      { key: 'search', name: '搜索', file: 'search.png' },
+      { key: 'plus-white', name: '发布加号（白）', file: 'plus-white.png' },
+      { key: 'plus-ink', name: '发布加号（墨绿）', file: 'plus-ink.png' },
+      { key: 'close', name: '关闭/清空', file: 'close.png' },
+      { key: 'fire', name: '热门', file: 'fire.png' },
+      { key: 'crown', name: '会员王冠', file: 'crown.png' },
+      { key: 'check', name: '权益已享', file: 'check.png' },
+      { key: 'shield', name: '认证/安全', file: 'shield.png' },
+      { key: 'image', name: '图片', file: 'image.png' },
+      { key: 'image-white', name: '图片（白）', file: 'image-white.png' },
+      { key: 'wallet', name: '余额钱包', file: 'wallet.png' },
+      { key: 'paywechat', name: '微信支付', file: 'paywechat.png' },
+      { key: 'phone', name: '电话（白）', file: 'phone.png' },
+      { key: 'phone-orange', name: '电话', file: 'phone-orange.png' },
+      { key: 'phonebind', name: '手机绑定', file: 'phonebind.png' },
+      { key: 'lock', name: '锁定', file: 'lock.png' },
+      { key: 'star', name: '星标（实）', file: 'star.png' },
+      { key: 'star-o', name: '星标（空）', file: 'star-o.png' },
+      { key: 'share', name: '分享', file: 'share.png' },
+      { key: 'qrcode', name: '扫码', file: 'qrcode.png' },
+      { key: 'eye', name: '浏览量', file: 'eye.png' },
+      { key: 'comment-gray', name: '评论数', file: 'comment-gray.png' },
+      { key: 'edit', name: '编辑/发布', file: 'edit.png' },
+      { key: 'folder', name: '草稿箱', file: 'folder.png' },
+      { key: 'inbox', name: '空消息', file: 'inbox.png' },
+      { key: 'users', name: '团队/下线', file: 'users.png' },
+      { key: 'settings', name: '设置', file: 'settings.png' },
+      { key: 'info', name: '关于/说明', file: 'info.png' },
+      { key: 'receipt', name: '订单凭据', file: 'receipt.png' },
+      { key: 'network', name: '分销网络', file: 'network.png' },
+    ],
+  },
+  {
+    group: '登录与消息',
+    items: [
+      { key: 'login-person', name: '个人用户', file: 'login-person.png' },
+      { key: 'login-shop', name: '商家用户', file: 'login-shop.png' },
+      { key: 'msg-system', name: '系统通知', file: 'msg-system.png' },
+      { key: 'msg-interact', name: '互动消息', file: 'msg-interact.png' },
+    ],
+  },
+  {
+    group: '我的',
+    items: [
+      { key: 'mine-post', name: '我的发布', file: 'mine-post.png' },
+      { key: 'mine-order', name: '我的订单', file: 'mine-order.png' },
+      { key: 'mine-dist', name: '分销中心', file: 'mine-dist.png' },
+      { key: 'mine-vip', name: '会员中心', file: 'mine-vip.png' },
+      { key: 'mine-draft', name: '草稿箱', file: 'mine-draft.png' },
+      { key: 'mine-history', name: '搜索记录', file: 'mine-history.png' },
+      { key: 'mine-setting', name: '系统设置', file: 'mine-setting.png' },
+      { key: 'mine-about', name: '关于我们', file: 'mine-about.png' },
+    ],
+  },
+  {
+    group: '会员与订单',
+    items: [
+      { key: 'link-order', name: '订单管理', file: 'link-order.png' },
+      { key: 'link-recharge', name: '余额充值', file: 'link-recharge.png' },
+      { key: 'link-dist', name: '分销中心入口', file: 'link-dist.png' },
+      { key: 'order-post', name: '发布订单', file: 'order-post.png' },
+      { key: 'order-member', name: '会员订单', file: 'order-member.png' },
+      { key: 'order-recharge', name: '充值订单', file: 'order-recharge.png' },
+      { key: 'order-other', name: '其他订单', file: 'order-other.png' },
+    ],
+  },
+  {
+    group: '详情操作栏',
+    items: [
+      { key: 'bar-fav', name: '收藏（未收藏）', file: 'bar-fav.png' },
+      { key: 'bar-fav-on', name: '收藏（已收藏）', file: 'bar-fav-on.png' },
+      { key: 'bar-share', name: '分享', file: 'bar-share.png' },
+      { key: 'bar-poster', name: '海报', file: 'bar-poster.png' },
+    ],
+  },
+]
+
+/** 扁平化：{ key: 默认文件 } */
+export const ICON_DEFAULTS = ICON_GROUPS.reduce((acc, g) => {
+  for (const it of g.items) acc[it.key] = it.file
+  return acc
+}, {})
+
+/** 分类 ID → 分类图标 key */
+export const CATEGORY_ICON_KEY = {
+  1: 'cat-job',
+  2: 'cat-house',
+  3: 'cat-goods',
+  4: 'cat-car',
+  5: 'cat-service',
+  6: 'cat-education',
+  7: 'cat-clean',
+  8: 'cat-friend',
+}
+
+/** 默认 LOGO */
+export const DEFAULT_LOGO = '/static/logo.png'
+
+export default { ICON_BASE, ICON_GROUPS, ICON_DEFAULTS, CATEGORY_ICON_KEY, DEFAULT_LOGO }
diff --git a/uniapp/common/config/index.js b/uniapp/common/config/index.js
new file mode 100644
index 0000000..e093ae1
--- /dev/null
+++ b/uniapp/common/config/index.js
@@ -0,0 +1,54 @@
+/**
+ * 全局配置
+ * 说明：小程序端默认走真实后端；在未联调/离线演示时自动降级到 mock。
+ */
+
+// 条件编译：H5 / 小程序 / App 分别可指向不同网关
+let BASE_URL = 'https://fenleixinxi.gzyakj.com.cn/api'
+// #ifdef H5
+BASE_URL = '/api'
+// #endif
+// #ifdef MP-WEIXIN
+BASE_URL = 'https://fenleixinxi.gzyakj.com.cn/api'
+// #endif
+
+export const config = {
+  // 后端服务地址（后台地址来自 AGENTS.md）
+  baseURL: BASE_URL,
+  // 接口版本
+  apiVersion: 'v1',
+  // 请求超时（ms）
+  timeout: 15000,
+  // 是否允许失败后降级到本地 mock（离线演示/无后端时开启）
+  // ⚠️ 生产必须为 false：否则真实接口一旦失败会**静默返回 mock 假数据**，
+  //    表现为「后台改了但前端不变」，且真实问题被完全掩盖。
+  enableMockFallback: false,
+  // 强制使用 mock（联调前本地联调可置 true）
+  forceMock: false,
+  // 默认支付方式：'balance' 余额支付 / 'wxpay' 微信支付
+  // ⚠️ 微信支付商户参数（mchId/apiKey）尚未配置，测试阶段默认走余额支付；
+  //    配置好真实商户参数后改回 'wxpay' 即可，无需改动各页面。
+  defaultPayType: 'balance',
+  // 本地存储键
+  storageKeys: {
+    token: 'fc_token',
+    refreshToken: 'fc_refresh_token',
+    userInfo: 'fc_user_info',
+    userType: 'fc_user_type',
+    history: 'fc_search_history',
+    cart: 'fc_purchase_cart',
+  },
+  // 业务常量
+  constants: {
+    // 用户类型：个人 / 商家
+    USER_TYPE: { PERSON: 1, BUSINESS: 2 },
+    // 付费方式：微信 / 余额
+    PAY_TYPE: { WXPAY: 'wxpay', BALANCE: 'balance' },
+    // 信息审核状态
+    AUDIT: { PENDING: 0, PASS: 1, REJECT: 2 },
+    // 分佣层级
+    DIST_LEVEL: { L1: 1, L2: 2 },
+  },
+}
+
+export default config
diff --git a/uniapp/common/constants/ui.js b/uniapp/common/constants/ui.js
new file mode 100644
index 0000000..a459830
--- /dev/null
+++ b/uniapp/common/constants/ui.js
@@ -0,0 +1,50 @@
+/**
+ * UI 常量映射（状态文案 / 颜色 / 图标 key）
+ * 统一前后台展示口径，避免各页面硬编码。
+ * 图标一律引用 common/assets/icons.js 中的 key，由后台可替换。
+ */
+
+/** 信息审核状态 */
+export const AUDIT_TEXT = { 0: '待审核', 1: '已通过', 2: '已驳回' }
+export const AUDIT_COLOR = { 0: '#f5a623', 1: '#04874a', 2: '#e5484d' }
+
+/** 商家店铺状态 */
+export const SHOP_TEXT = { normal: '正常', pending: '待审核', banned: '已封禁' }
+
+/** 订单状态 */
+export const ORDER_TEXT = { pending: '待支付', paid: '已支付', refunded: '已退款', closed: '已关闭' }
+
+/** 提现状态 */
+export const WITHDRAW_TEXT = { auditing: '审核中', paid: '已打款', rejected: '已驳回' }
+
+/** 订单类型 */
+export const ORDER_TYPE_TEXT = { post: '发布订单', member: '会员订单', recharge: '充值订单' }
+
+/** 订单类型 -> 图标 key */
+export const ORDER_ICON_KEY = {
+  post: 'order-post',
+  member: 'order-member',
+  recharge: 'order-recharge',
+}
+
+/** 资金流水类型 */
+export const FLOW_TYPE_TEXT = { income: '收入', expense: '支出' }
+
+/** 消息类型 -> 文案 / 图标 key */
+export const MESSAGE_TYPE = {
+  system: { text: '系统通知', iconKey: 'msg-system', color: '#04874a' },
+  interact: { text: '互动消息', iconKey: 'msg-interact', color: '#f5a623' },
+}
+
+export default {
+  AUDIT_TEXT,
+  AUDIT_COLOR,
+  SHOP_TEXT,
+  ORDER_TEXT,
+  WITHDRAW_TEXT,
+  ORDER_TYPE_TEXT,
+  ORDER_ICON_KEY,
+  FLOW_TYPE_TEXT,
+  MESSAGE_TYPE,
+}
+
diff --git a/uniapp/common/mock/data.js b/uniapp/common/mock/data.js
new file mode 100644
index 0000000..1ba2c7c
--- /dev/null
+++ b/uniapp/common/mock/data.js
@@ -0,0 +1,370 @@
+/**
+ * Mock 数据集
+ * 说明：所有封面图为空字符串，页面使用生态绿渐变占位，避免依赖外部图床/域名白名单。
+ */
+
+const now = Date.now()
+const day = 86400000
+const iso = (offsetDays) => new Date(now - offsetDays * day).toISOString()
+
+export const datasets = {
+  /** 当前登录用户 */
+  user: {
+    id: 1001,
+    nickname: '同城小助手',
+    avatar: '',
+    phone: '13800001111',
+    userType: 1, // 1 个人 / 2 商家
+    isMember: true,
+    memberLevel: '年卡会员',
+    memberExpireAt: new Date(now + 300 * day).toISOString(),
+    balance: 128.5, // 元
+    realnameStatus: 1,
+  },
+
+  /** 首页轮播广告位（color 为生态绿家族渐变，image 为空时前端用「绿底 + 白色插画」内置配图） */
+  banners: [
+    { id: 1, title: '同城好物节 · 二手直降', image: '', link: '/pages/post/list?categoryId=3', color: 'linear-gradient(105deg, #00e070 0%, #00c860 42%, #046b3b 100%)' },
+    { id: 2, title: '招聘旺季 · 免费发布', image: '', link: '/pages/post/create', color: 'linear-gradient(105deg, #00d96c 0%, #00b85c 40%, #023a21 100%)' },
+    { id: 3, title: '本地服务 · 上门更省心', image: '', link: '/pages/post/list?categoryId=5', color: 'linear-gradient(105deg, #00e878 0%, #049e52 45%, #045c34 100%)' },
+  ],
+
+  /** 分类导航 */
+  categories: [
+    { id: 1, name: '招聘求职', iconKey: 'cat-job', color: '#04874a', count: 1280 },
+    { id: 2, name: '房产租售', iconKey: 'cat-house', color: '#1f8c4c', count: 860 },
+    { id: 3, name: '二手闲置', iconKey: 'cat-goods', color: '#5f9a2f', count: 2340 },
+    { id: 4, name: '车辆买卖', iconKey: 'cat-car', color: '#0e8c6a', count: 430 },
+    { id: 5, name: '本地服务', iconKey: 'cat-service', color: '#17bf7a', count: 760 },
+    { id: 6, name: '教育培训', iconKey: 'cat-education', color: '#3e8c5e', count: 320 },
+    { id: 7, name: '家政保洁', iconKey: 'cat-clean', color: '#17b368', count: 210 },
+    { id: 8, name: '同城交友', iconKey: 'cat-friend', color: '#e9a23b', count: 190 },
+  ],
+
+  /** 热门搜索 */
+  hotKeywords: ['租房 一室一厅', '二手电动车', '急招快递员', '钢琴家教', '空调维修'],
+
+  /** 信息流（含待审核/已通过/已驳回，供两端联调） */
+  posts: [
+    {
+      id: 101, categoryId: 1, categoryName: '招聘求职', title: '急招快递分拣员（日结）',
+      content: '站点直招，日结 180-220 元，包工作餐，当日结算。有意者电话联系。',
+      cover: '', price: 0, priceUnit: '面议', area: '云岩区', address: '贵阳北站物流园',
+      contact: '139****8888', contactFull: '13988888888', views: 1892, likes: 32,
+      isPaid: false, auditStatus: 1, createdAt: iso(0.2), tags: ['日结', '包吃'],
+      publisher: { id: 2001, name: '顺捷物流', avatar: '', isMerchant: true, verified: true },
+      commentCount: 12, distance: 1200,
+    },
+    {
+      id: 102, categoryId: 2, categoryName: '房产租售', title: '整租·未来方舟精装一室一厅',
+      content: '家电齐全，拎包入住，近地铁 2 号线，押一付一，可短租。',
+      cover: '', price: 1800, priceUnit: '元/月', area: '南明区', address: '未来方舟 B 区',
+      contact: '135****6666', contactFull: '13566666666', views: 3204, likes: 88,
+      isPaid: true, auditStatus: 1, createdAt: iso(0.5), tags: ['精装', '近地铁'],
+      publisher: { id: 2002, name: '安家房产', avatar: '', isMerchant: true, verified: true },
+      commentCount: 26, distance: 3400,
+    },
+    {
+      id: 103, categoryId: 3, categoryName: '二手闲置', title: '九成新山地自行车 转让',
+      content: '骑行不到 300 公里，27 速，原价 1599，现 680 出，可小刀，同城自提。',
+      cover: '', price: 680, priceUnit: '元', area: '观山湖区', address: '世纪城',
+      contact: '137****1234', contactFull: '13712341234', views: 640, likes: 21,
+      isPaid: false, isTop: true, auditStatus: 1, createdAt: iso(1), tags: ['自提', '9成新'],
+      publisher: { id: 2003, name: '骑行爱好者', avatar: '', isMerchant: false, verified: false },
+      commentCount: 4, distance: 820,
+    },
+    {
+      id: 104, categoryId: 4, categoryName: '车辆买卖', title: '2019 款家用轿车 一手车',
+      content: '车况精品，无事故无泡水，4S 店保养记录齐全，支持第三方检测。',
+      cover: '', price: 68000, priceUnit: '元', area: '云岩区', address: '贵阳市云岩区',
+      contact: '138****0000', contactFull: '13800000000', views: 1120, likes: 40,
+      isPaid: true, auditStatus: 0, createdAt: iso(0.1), tags: ['无事故', '可检测'],
+      publisher: { id: 2004, name: '车行天下', avatar: '', isMerchant: true, verified: true },
+      commentCount: 0, distance: 5100,
+    },
+    {
+      id: 105, categoryId: 5, categoryName: '本地服务', title: '专业空调清洗 / 加氟上门',
+      content: '10 年老师傅，上门服务，清洗 60 元/台，加氟 80 元起，不满意不收费。',
+      cover: '', price: 60, priceUnit: '元/台', area: '南明区', address: '花果园',
+      contact: '131****5678', contactFull: '13156785678', views: 2310, likes: 66,
+      isPaid: false, auditStatus: 0, createdAt: iso(0.05), tags: ['上门', '不满意不收费'],
+      publisher: { id: 2005, name: '洁净到家', avatar: '', isMerchant: true, verified: true },
+      commentCount: 18, distance: 2600,
+    },
+    {
+      id: 106, categoryId: 3, categoryName: '二手闲置', title: 'iPad 2021 64G 深空灰',
+      content: '学生自用，无磕碰，配件齐全，支持当面验机。',
+      cover: '', price: 1450, priceUnit: '元', area: '观山湖区', address: '贵阳奥体中心',
+      contact: '150****3344', contactFull: '15033443344', views: 480, likes: 15,
+      isPaid: false, auditStatus: 2, createdAt: iso(2), tags: ['验机'],
+      publisher: { id: 2006, name: '小王同学', avatar: '', isMerchant: false, verified: false },
+      commentCount: 1, distance: 1500,
+    },
+  ],
+
+  /** 付费查看后的完整联系方式 */
+  secretContact: { phone: '13988888888', wechat: 'tongcheng_101', note: '请说明来自同城分类信息' },
+
+  /** 草稿箱 */
+  drafts: [
+    { draftId: 9001, title: '转租单间（草稿）', content: '还未填完……', categoryId: 2, savedAt: iso(0.1) },
+  ],
+
+  /**
+   * 发布配置（后台「发布与费用配置」下发；与 fa_fc_config 的 post.* 对齐）
+   * mode：free 免费发布 / paid 付费发布（付费模式下按 singlePrice 或套餐额度）
+   * quotaLeft：当前用户的剩余发布条数（套餐额度，随会员有效期）
+   */
+  publishRule: {
+    mode: 'paid',
+    singlePrice: 5,
+    monthPrice: 19.9,
+    monthQuota: 30,
+    yearPrice: 168,
+    yearQuota: 500,
+    quotaLeft: 30,
+    freePerDay: 2,      // 每日免费发布条数（付费模式下仍保留的免费次数）
+    freeUsedToday: 0,
+    quotaExpireAt: iso(-25),
+    isMember: true,
+    memberExpireAt: iso(-25),
+  },
+
+  /** 我的发布（用户端「我的发布」页数据源；覆盖待审核/已通过/已驳回/已下架四种状态） */
+  myPosts: [
+    {
+      id: 9001, title: '急招快递分拣员（日结）', content: '站点直招，日结 180-220 元。',
+      categoryId: 1, categoryName: '招聘求职', cover: '', price: 0, priceUnit: '面议',
+      area: '云岩区', address: '贵阳北站物流园', auditStatus: 0, auditReason: '', status: 1,
+      isTop: false, isPaid: false, amount: 0, views: 0, likes: 0, commentCount: 0, createdAt: iso(0.05),
+    },
+    {
+      id: 9002, title: '九成新山地自行车 转让', content: '骑行不到 300 公里，27 速，同城自提。',
+      categoryId: 3, categoryName: '二手闲置', cover: '', price: 680, priceUnit: '元',
+      area: '观山湖区', address: '世纪城', auditStatus: 1, auditReason: '', status: 1,
+      isTop: true, isPaid: true, amount: 5, views: 128, likes: 6, commentCount: 2, createdAt: iso(1),
+    },
+    {
+      id: 9003, title: '求租一室一厅（云岩区）', content: '预算 1500，可押一付一。',
+      categoryId: 2, categoryName: '房产租售', cover: '', price: 0, priceUnit: '面议',
+      area: '云岩区', address: '', auditStatus: 2, auditReason: '联系方式不完整，请补充手机号', status: 1,
+      isTop: false, isPaid: false, amount: 0, views: 12, likes: 0, commentCount: 0, createdAt: iso(2),
+    },
+    {
+      id: 9004, title: '高价回收家电', content: '上门回收冰箱洗衣机。',
+      categoryId: 7, categoryName: '家政保洁', cover: '', price: 0, priceUnit: '面议',
+      area: '南明区', address: '', auditStatus: 1, auditReason: '', status: 0,
+      isTop: false, isPaid: false, amount: 0, views: 33, likes: 1, commentCount: 0, createdAt: iso(3),
+    },
+  ],
+
+  /** 发布费用标准（后台可配） */
+  priceRule: {
+    singlePost: 5, // 元/条
+    freePostPerDay: 2,
+    memberMonth: 19.9,
+    memberQuarter: 49.9,
+    memberYear: 168,
+  },
+
+  /** 会员套餐 */
+  memberPlans: [
+    // postQuota：套餐含发布条数（后台「发布与费用配置」同步）
+    { planId: 'M1', name: '月卡', price: 19.9, originPrice: 29.9, days: 30, tag: '尝鲜', postQuota: 30 },
+    { planId: 'M3', name: '季卡', price: 49.9, originPrice: 89.7, days: 90, tag: '最划算', postQuota: 90 },
+    { planId: 'M12', name: '年卡', price: 168, originPrice: 358.8, days: 365, tag: '省心', postQuota: 500 },
+  ],
+
+  /** 会员权益 */
+  memberBenefits: {
+    freeView: 20, // 每日免费查看联系方式条数
+    postDiscount: '8 折',
+    distRate: '一级 20% / 二级 10%',
+    benefits: ['每日免费查看 20 条联系方式', '发布信息 8 折', '专属会员标识', '分销佣金加速结算'],
+  },
+
+  /** 我的资产 */
+  assets: {
+    balance: 128.5,
+    coupons: [{ id: 1, name: '发布立减 3 元', amount: 3, expireAt: iso(-20) }],
+    points: 320,
+  },
+
+  /** 订单（发布/会员/充值 三类，供用户端与后台共用） */
+  orders: [
+    { id: 3001, orderNo: 'PO20240101001', type: 'post', title: '单条付费发布', amount: 5, payType: 'wxpay', status: 'paid', createdAt: iso(1) },
+    { id: 3002, orderNo: 'MO20240102002', type: 'member', title: '年卡会员', amount: 168, payType: 'wxpay', status: 'paid', createdAt: iso(2) },
+    { id: 3003, orderNo: 'RO20240103003', type: 'recharge', title: '余额充值', amount: 100, payType: 'wxpay', status: 'paid', createdAt: iso(3) },
+    { id: 3004, orderNo: 'PO20240104004', type: 'post', title: '单条付费发布', amount: 5, payType: 'balance', status: 'pending', createdAt: iso(0.5) },
+  ],
+
+  /** 分销中心概览 */
+  distOverview: {
+    totalCommission: 1286.4,
+    settled: 980.0,
+    withdrawable: 186.4,
+    todayCommission: 32.6,
+    teamCount: 28,
+    l1Count: 12,
+    l2Count: 16,
+    inviteCode: 'TC8A9K',
+    posterUrl: '',
+  },
+
+  /** 分销团队 */
+  distTeam: [
+    { id: 1, nickname: '小李', level: 1, joinedAt: iso(10), performance: 320, commission: 64 },
+    { id: 2, nickname: '阿强', level: 1, joinedAt: iso(20), performance: 180, commission: 36 },
+    { id: 3, nickname: '果果', level: 2, joinedAt: iso(6), performance: 90, commission: 9 },
+    { id: 4, nickname: '老周', level: 2, joinedAt: iso(30), performance: 260, commission: 26 },
+  ],
+
+  /** 提现记录 */
+  withdrawRecords: [
+    { id: 1, withdrawNo: 'WD20231220001', amount: 100, status: 'paid', createdAt: iso(25) },
+    { id: 2, withdrawNo: 'WD20240105002', amount: 50, status: 'auditing', createdAt: iso(1) },
+  ],
+
+  /** 消息中心 */
+  messages: [
+    { id: 1, type: 'system', title: '审核通过', content: '您发布的信息「急招快递分拣员（日结）」已审核通过。', read: false, createdAt: iso(0.2) },
+    { id: 2, type: 'system', title: '会员到期提醒', content: '您的年卡会员将于 30 天后到期，续费可享 9 折。', read: false, createdAt: iso(1) },
+    { id: 3, type: 'interact', title: '收到新评价', content: '用户「小王同学」评价了您的信息：服务很到位，五星好评！', read: true, createdAt: iso(2) },
+    { id: 4, type: 'interact', title: '点赞提醒', content: '您发布的信息获得 5 个赞。', read: true, createdAt: iso(3) },
+  ],
+
+  /** 后台数据总览 */
+  dashboard: {
+    overview: {
+      pv: 128932, uv: 20431, todayPostCount: 156, todayOrderAmount: 2864.5,
+      memberCount: 1320, merchantCount: 86, commissionTotal: 12864.3, pendingAudit: 23,
+      postGrowth: 12.5, orderGrowth: -3.2, userGrowth: 8.1,
+    },
+    trend: {
+      traffic: [
+        { date: '2024-01-01', pv: 3200, uv: 820 }, { date: '2024-01-02', pv: 3600, uv: 910 },
+        { date: '2024-01-03', pv: 3100, uv: 780 }, { date: '2024-01-04', pv: 4200, uv: 1100 },
+        { date: '2024-01-05', pv: 4800, uv: 1290 }, { date: '2024-01-06', pv: 5100, uv: 1380 },
+        { date: '2024-01-07', pv: 4700, uv: 1210 },
+      ],
+      revenue: [
+        { date: '2024-01-01', amount: 320 }, { date: '2024-01-02', amount: 410 },
+        { date: '2024-01-03', amount: 280 }, { date: '2024-01-04', amount: 560 },
+        { date: '2024-01-05', amount: 720 }, { date: '2024-01-06', amount: 680 },
+        { date: '2024-01-07', amount: 610 },
+      ],
+      userGrowth: [
+        { date: '2024-01-01', newUser: 42, totalUser: 1200 }, { date: '2024-01-02', newUser: 55, totalUser: 1255 },
+        { date: '2024-01-03', newUser: 38, totalUser: 1293 }, { date: '2024-01-04', newUser: 66, totalUser: 1359 },
+        { date: '2024-01-05', newUser: 71, totalUser: 1430 }, { date: '2024-01-06', newUser: 88, totalUser: 1518 },
+        { date: '2024-01-07', newUser: 60, totalUser: 1578 },
+      ],
+    },
+  },
+
+  /** 后台 · 商家列表 */
+  merchants: [
+    { id: 2001, name: '顺捷物流', logo: '', contact: '13988888888', category: '物流服务', auditStatus: 1, license: '营业执照.jpg', shopStatus: 'normal', violations: 0, postCount: 32, createdAt: iso(120) },
+    { id: 2002, name: '安家房产', logo: '', contact: '13566666666', category: '房产中介', auditStatus: 1, license: '营业执照.jpg', shopStatus: 'normal', violations: 1, postCount: 68, createdAt: iso(200) },
+    { id: 2005, name: '洁净到家', logo: '', contact: '13156785678', category: '家政服务', auditStatus: 0, license: '营业执照.jpg', shopStatus: 'pending', violations: 0, postCount: 12, createdAt: iso(3) },
+    { id: 2007, name: '优选二手车', logo: '', contact: '13700000000', category: '汽车服务', auditStatus: 2, license: '', shopStatus: 'banned', violations: 3, postCount: 0, createdAt: iso(60) },
+  ],
+
+  /** 后台 · 用户列表 */
+  users: [
+    { id: 1001, nickname: '同城小助手', phone: '13800001111', userType: 1, isMember: true, status: 1, registerAt: iso(180) },
+    { id: 1002, nickname: '小王同学', phone: '15033443344', userType: 1, isMember: false, status: 1, registerAt: iso(30) },
+    { id: 1003, nickname: '洁净到家', phone: '13156785678', userType: 2, isMember: true, status: 1, registerAt: iso(3) },
+    { id: 1004, nickname: '违规用户A', phone: '13000000000', userType: 1, isMember: false, status: 0, registerAt: iso(9) },
+  ],
+
+  /** 后台 · 评价列表 */
+  comments: [
+    { id: 5001, postId: 101, postTitle: '急招快递分拣员（日结）', user: '小王同学', score: 5, content: '联系很及时，当天就上岗了。', images: [], reply: '', top: false, createdAt: iso(0.5) },
+    { id: 5002, postId: 102, postTitle: '整租·未来方舟精装一室一厅', user: '果果', score: 4, content: '房子不错，房东好说话。', images: [], reply: '感谢支持，欢迎续租～', top: true, createdAt: iso(2) },
+    { id: 5003, postId: 103, postTitle: '九成新山地自行车 转让', user: '匿名用户', score: 1, content: '广告信息，疑似虚假。', images: [], reply: '', top: false, createdAt: iso(0.2) },
+  ],
+
+  /** 后台 · 举报处理 */
+  reports: [
+    { id: 1, targetType: 'comment', targetId: 5003, reason: '疑似虚假信息', reporter: '1002', status: 'pending', createdAt: iso(0.2) },
+    { id: 2, targetType: 'post', targetId: 106, reason: '重复发布', reporter: '1004', status: 'handled', createdAt: iso(4) },
+  ],
+
+  /** 后台 · 分销设置 */
+  distSetting: { enabled: true, level: 2, level1Rate: 20, level2Rate: 10, settleCycle: 'T+7', minWithdraw: 50 },
+
+  /** 后台 · 提现审核列表 */
+  adminWithdraws: [
+    { id: 2, withdrawNo: 'WD20240105002', user: '同城小助手', amount: 50, status: 'auditing', channel: 'wxpay', createdAt: iso(1) },
+    { id: 3, withdrawNo: 'WD20240106003', user: '小李', amount: 200, status: 'auditing', channel: 'wxpay', createdAt: iso(0.4) },
+    { id: 1, withdrawNo: 'WD20231220001', user: '同城小助手', amount: 100, status: 'paid', channel: 'wxpay', createdAt: iso(25) },
+  ],
+
+  /** 后台 · 资金流水 */
+  financeFlows: [
+    { id: 1, flowNo: 'F20240107001', type: 'income', scene: '发布付费', amount: 5, balance: 2864.5, createdAt: iso(0.2) },
+    { id: 2, flowNo: 'F20240107002', type: 'income', scene: '会员开通', amount: 168, balance: 2859.5, createdAt: iso(0.5) },
+    { id: 3, flowNo: 'F20240106003', type: 'expense', scene: '佣金提现', amount: 100, balance: 2691.5, createdAt: iso(1) },
+    { id: 4, flowNo: 'F20240105004', type: 'income', scene: '余额充值', amount: 100, balance: 2791.5, createdAt: iso(2) },
+  ],
+
+  /** 后台 · 财务报表 */
+  financeReport: [
+    { period: '2024-01-01', postIncome: 320, memberIncome: 199, rechargeIncome: 500, withdraw: 100, net: 919 },
+    { period: '2024-01-02', postIncome: 410, memberIncome: 349, rechargeIncome: 300, withdraw: 0, net: 1059 },
+    { period: '2024-01-03', postIncome: 280, memberIncome: 168, rechargeIncome: 200, withdraw: 50, net: 598 },
+  ],
+
+  /** 后台 · 角色 */
+  roles: [
+    { id: 1, name: '超级管理员', permissions: ['*'], remark: '拥有全部权限' },
+    { id: 2, name: '运营', permissions: ['dashboard', 'post', 'merchant', 'member', 'dist'], remark: '日常运营' },
+    { id: 3, name: '客服', permissions: ['comment', 'message', 'order'], remark: '处理用户反馈' },
+    { id: 4, name: '财务', permissions: ['finance', 'order', 'dist'], remark: '对账与提现审核' },
+  ],
+
+  /** 后台 · 子账号 */
+  accounts: [
+    { id: 1, username: 'admin', roleId: 1, roleName: '超级管理员', status: 1, lastLoginAt: iso(0.01) },
+    { id: 2, username: 'oper01', roleId: 2, roleName: '运营', status: 1, lastLoginAt: iso(1) },
+    { id: 3, username: 'cs01', roleId: 3, roleName: '客服', status: 0, lastLoginAt: iso(15) },
+  ],
+
+  /** 后台 · 操作日志 */
+  logs: [
+    { id: 1, account: 'admin', action: '审核通过信息 #105', ip: '8.137.181.63', createdAt: iso(0.1) },
+    { id: 2, account: 'oper01', action: '修改分销比例 一级20%/二级10%', ip: '8.137.181.63', createdAt: iso(0.6) },
+    { id: 3, account: 'admin', action: '下架违规信息 #106', ip: '8.137.181.63', createdAt: iso(1) },
+  ],
+
+  /** 后台 · 基础配置 */
+  baseSetting: {
+    appName: '同城分类信息',
+    logo: '',
+    servicePhone: '400-000-0000',
+    aboutUs: '本地同城分类信息服务平台，招聘/房产/二手/服务一站直达。',
+    shareTitle: '同城分类信息 · 身边的好帮手',
+  },
+
+  /** 后台 · 地区管理 */
+  areas: [
+    { id: 1, name: '云岩区', sort: 1, enabled: true },
+    { id: 2, name: '南明区', sort: 2, enabled: true },
+    { id: 3, name: '观山湖区', sort: 3, enabled: true },
+    { id: 4, name: '花溪区', sort: 4, enabled: true },
+    { id: 5, name: '白云区', sort: 5, enabled: false },
+  ],
+
+  /**
+   * 站点 UI 配置（LOGO + 图标覆盖）
+   * 说明：logo 为空表示使用前端内置 /static/logo.png；icons 为空使用内置图标。
+   * 后台「系统设置 → LOGO 与图标」保存后会写入这里，用户端读取后立即生效。
+   */
+  uiConfig: {
+    siteName: '同城分类信息',
+    logo: '',
+    icons: {},
+    updatedAt: iso(0),
+  },
+}
diff --git a/uniapp/common/mock/index.js b/uniapp/common/mock/index.js
new file mode 100644
index 0000000..2563f8f
--- /dev/null
+++ b/uniapp/common/mock/index.js
@@ -0,0 +1,470 @@
+/**
+ * 本地 Mock 路由表
+ * key 格式：`METHOD /path`，支持 `:param` 占位符
+ *
+ * 作用：
+ * 1) 后端未联调 / 离线演示时兜底，保证前端全链路可跑通
+ * 2) 供 Node 端全链路测试直接调用，验证接口契约与业务规则
+ */
+import config from '../config/index.js'
+import { datasets } from './data.js'
+
+/** 解析 /post/12 -> { id: '12' } */
+function parseParams(pattern, url) {
+  const pSeg = pattern.split('/').filter(Boolean)
+  const uSeg = url.split('?')[0].split('/').filter(Boolean)
+  const params = {}
+  pSeg.forEach((seg, i) => {
+    if (seg.startsWith(':')) params[seg.slice(1)] = uSeg[i]
+  })
+  return params
+}
+
+/** 统一成功响应包装 */
+function ok(data) {
+  return { code: 0, message: 'ok', data }
+}
+function fail(message, code = 1) {
+  const e = new Error(message)
+  e.code = code
+  throw e
+}
+
+/** 生成分页结构 */
+function paginate(list, page = 1, size = 10) {
+  const p = Number(page) || 1
+  const s = Number(size) || 10
+  return {
+    list: list.slice((p - 1) * s, p * s),
+    page: p,
+    size: s,
+    total: list.length,
+    hasMore: p * s < list.length,
+  }
+}
+
+export const mockRoutes = {
+  // ==================== 用户端 · 认证与登录 ====================
+  'POST /auth/wx-login': ({ data }) => {
+    if (!data || !data.code) fail('缺少微信授权 code')
+    // v1.0.9：登录可携带微信昵称/头像（chooseAvatar + nickname 采集），有则落库回显
+    if (data.nickname) datasets.user.nickname = String(data.nickname).slice(0, 32)
+    if (data.avatar) datasets.user.avatar = String(data.avatar)
+    return ok({
+      token: 'mock_token_' + Date.now(),
+      refreshToken: 'mock_refresh_' + Date.now(),
+      userInfo: { ...datasets.user, openid: 'openid_mock' },
+    })
+  },
+  'POST /auth/avatar': ({ data }) => {
+    // 真实后端为 multipart 上传并落库；mock 直接返回可用的相对路径 + 完整地址
+    if (!data || !data.file) fail('未接收到上传文件')
+    const path = '/uploads/mock/avatar_' + Date.now() + '.png'
+    datasets.user.avatar = path
+    return ok({ url: 'https://fenleixinxi.gzyakj.com.cn' + path, avatar: path })
+  },
+  'POST /auth/bind-phone': ({ data }) => {
+    if (!data || !/^1\d{10}$/.test(String(data.phone))) fail('手机号格式不正确')
+    return ok({ phone: data.phone })
+  },
+  'POST /auth/switch-type': ({ data }) => {
+    const t = Number(data && data.userType)
+    if (![1, 2].includes(t)) fail('用户类型不合法')
+    if (t === 2 && !(data && data.license)) fail('商家用户需上传营业执照完成资质认证')
+    return ok({ userType: t, needAudit: t === 2 })
+  },
+  'POST /auth/wx-phone': ({ data }) => {
+    // 微信手机号快捷获取：真实后端用 code + access_token 换号，这里返回数据集里的手机号
+    if (!data || !data.code) fail('缺少手机号授权 code')
+    return ok({ phone: datasets.user.phone })
+  },
+  'GET /auth/profile': () => ok(datasets.user),
+  'POST /auth/profile': ({ data }) => {
+    // 更新微信昵称/头像（登录后补填）
+    if (!data || (!data.nickname && !data.avatar)) fail('没有需要更新的资料')
+    if (data.nickname) datasets.user.nickname = String(data.nickname).slice(0, 32)
+    if (data.avatar) datasets.user.avatar = String(data.avatar)
+    return ok(datasets.user)
+  },
+
+  // ==================== 用户端 · 首页与展示 ====================
+  'GET /home/banners': () => ok(datasets.banners),
+  'GET /home/categories': () => ok(datasets.categories),
+  'GET /home/feed': ({ data }) => {
+    // 置顶优先（与后端 Home::feed 的 is_top desc 口径一致）
+    let list = datasets.posts.map((p) => ({ ...p, isTop: !!p.isTop }))
+    if (data && data.categoryId) list = list.filter((p) => p.categoryId === Number(data.categoryId))
+    if (data && data.keyword) list = list.filter((p) => p.title.includes(data.keyword))
+    if (data && data.area) list = list.filter((p) => p.area === data.area)
+    list.sort((a, b) => (Number(b.isTop) - Number(a.isTop)) || (new Date(b.createdAt) - new Date(a.createdAt)))
+    if (data && data.sort === 'price') list.sort((a, b) => (Number(b.isTop) - Number(a.isTop)) || ((a.price || 0) - (b.price || 0)))
+    if (data && data.sort === 'hot') list.sort((a, b) => (Number(b.isTop) - Number(a.isTop)) || (b.views - a.views))
+    return ok(paginate(list, data && data.page, data && data.size))
+  },
+  'GET /home/search/hot': () => ok(datasets.hotKeywords),
+
+  // ==================== 用户端 · 信息发布 ====================
+  'POST /post/create': ({ data }) => {
+    if (!data || !data.title) fail('标题不能为空')
+    if (!data.content) fail('内容不能为空')
+
+    // 计费口径与后端一致：金额只由「后台配置」决定，忽略客户端传入的 amount
+    const rule = datasets.publishRule
+    let plan = data.plan || (data.paid ? 'single' : 'free')
+    if (plan === 'month' || plan === 'year') fail('发布方式不支持，请先开通会员套餐')
+
+    let amount = 0
+    if (rule.mode === 'paid') {
+      if (plan === 'single') {
+        amount = Number(rule.singlePrice)
+        if (![config.constants.PAY_TYPE.WXPAY, config.constants.PAY_TYPE.BALANCE].includes(data.payType)) {
+          fail('支付方式不支持')
+        }
+      } else if (rule.quotaLeft > 0) {
+        rule.quotaLeft -= 1 // 套餐额度内免费发布
+        plan = 'quota'
+      } else if (Number(rule.freePerDay) > Number(rule.freeUsedToday)) {
+        rule.freeUsedToday += 1 // 每日免费额度内免费发布
+        plan = 'free'
+      } else {
+        fail('请选择发布方式')
+      }
+    } else {
+      plan = 'free'
+    }
+
+    const order = amount > 0
+      ? {
+        orderNo: 'PO' + Date.now(),
+        amount,
+        payType: data.payType,
+        status: data.payType === config.constants.PAY_TYPE.BALANCE ? 'paid' : 'pending',
+      }
+      : null
+
+    // 落入「我的发布」，供 /post/mine 与全链路测试读取
+    const id = Date.now()
+    datasets.myPosts.unshift({
+      id,
+      title: data.title,
+      content: data.content,
+      categoryId: Number(data.categoryId) || 1,
+      categoryName: '招聘求职',
+      cover: '',
+      price: Number(data.price) || 0,
+      priceUnit: data.priceUnit || '面议',
+      area: data.area || '',
+      address: data.address || '',
+      auditStatus: config.constants.AUDIT.PENDING,
+      auditReason: '',
+      status: 1,
+      isTop: false,
+      isPaid: amount > 0,
+      amount,
+      views: 0,
+      likes: 0,
+      commentCount: 0,
+      createdAt: new Date().toISOString(),
+    })
+
+    return ok({
+      postId: id,
+      auditStatus: config.constants.AUDIT.PENDING,
+      order,
+      plan,
+      amount,
+      quotaLeft: rule.mode === 'paid' ? rule.quotaLeft : 0,
+    })
+  },
+  'GET /post/publish-config': () => {
+    const r = datasets.publishRule
+    return ok({ ...r, freeLeftToday: Math.max(0, Number(r.freePerDay) - Number(r.freeUsedToday)) })
+  },
+  'GET /post/mine': ({ data }) => {
+    const status = (data && data.status) || 'all'
+    const match = (p) => {
+      if (status === 'pending') return p.auditStatus === 0 && p.status === 1
+      if (status === 'passed') return p.auditStatus === 1 && p.status === 1
+      if (status === 'rejected') return p.auditStatus === 2
+      if (status === 'offline') return p.status === 0
+      return true
+    }
+    const list = datasets.myPosts
+      .filter(match)
+      .map((p) => ({ ...p, isTop: !!p.isTop }))
+      .sort((a, b) => (Number(b.isTop) - Number(a.isTop)) || (new Date(b.createdAt) - new Date(a.createdAt)))
+    const counts = {
+      all: datasets.myPosts.length,
+      pending: datasets.myPosts.filter((p) => p.auditStatus === 0 && p.status === 1).length,
+      passed: datasets.myPosts.filter((p) => p.auditStatus === 1 && p.status === 1).length,
+      rejected: datasets.myPosts.filter((p) => p.auditStatus === 2).length,
+      offline: datasets.myPosts.filter((p) => p.status === 0).length,
+    }
+    return ok({ ...paginate(list, data && data.page, data && data.size), counts })
+  },
+  'GET /post/drafts': () => ok(datasets.drafts),
+  'POST /post/draft': ({ data }) => ok({ draftId: Date.now(), savedAt: new Date().toISOString(), ...data }),
+  'DELETE /post/:id': ({ params }) => {
+    // 与后端「软删」对用户可见的效果一致：删除后不再出现在「我的发布」
+    const idx = datasets.myPosts.findIndex((p) => String(p.id) === String(params.id))
+    if (idx > -1) datasets.myPosts.splice(idx, 1)
+    return ok({ deleted: true })
+  },
+  'GET /post/:id': ({ params }) => {
+    const post = datasets.posts.find((p) => String(p.id) === String(params.id)) || datasets.posts[0]
+    if (!post) fail('信息不存在', 404)
+    return ok(post)
+  },
+  'POST /post/:id/pay-view': ({ data }) => {
+    const pt = data && data.payType
+    if (![config.constants.PAY_TYPE.WXPAY, config.constants.PAY_TYPE.BALANCE].includes(pt)) fail('支付方式不支持')
+    return ok({ unlocked: true, contact: datasets.secretContact })
+  },
+  'POST /post/:id/comment': ({ data }) => {
+    if (!data || !data.content) fail('评价内容不能为空')
+    if (data.score && (data.score < 1 || data.score > 5)) fail('评分需在 1-5 之间')
+    return ok({ commentId: Date.now(), ...data })
+  },
+
+  // ==================== 用户端 · 会员中心 ====================
+  'GET /member/plans': () => ok(datasets.memberPlans),
+  'GET /member/benefits': () => ok(datasets.memberBenefits),
+  'POST /member/open': ({ data }) => {
+    if (!data || !data.planId) fail('请选择会员套餐')
+    if (![config.constants.PAY_TYPE.WXPAY, config.constants.PAY_TYPE.BALANCE].includes(data.payType)) fail('支付方式不支持')
+    // 开通会员同时发放「含发布条数」额度（与后端 Member::open 一致）
+    const plan = datasets.memberPlans.find((p) => p.planId === data.planId)
+    if (!plan) fail('套餐不存在')
+    const quota = Number(plan.postQuota) || 0
+    datasets.publishRule.quotaLeft += quota
+    datasets.publishRule.isMember = true
+    return ok({
+      orderNo: 'MO' + Date.now(),
+      status: 'paid',
+      expireAt: datasets.user.memberExpireAt,
+      postQuota: quota,
+      quotaLeft: datasets.publishRule.quotaLeft,
+      quotaExpireAt: datasets.user.memberExpireAt,
+    })
+  },
+  'GET /member/orders': ({ data }) => ok(paginate(datasets.orders, data && data.page, data && data.size)),
+  'GET /member/assets': () => ok(datasets.assets),
+
+  // ==================== 用户端 · 分销中心 ====================
+  'GET /distribution/overview': () => ok(datasets.distOverview),
+  'GET /distribution/team': ({ data }) => {
+    let list = datasets.distTeam.slice()
+    if (data && data.level) list = list.filter((t) => t.level === Number(data.level))
+    return ok(paginate(list, data && data.page, data && data.size))
+  },
+  'POST /distribution/withdraw': ({ data }) => {
+    const amt = Number(data && data.amount)
+    if (!amt || amt <= 0) fail('提现金额不合法')
+    if (amt > datasets.distOverview.withdrawable) fail('提现金额超过可提现余额')
+    return ok({ withdrawNo: 'WD' + Date.now(), status: 'auditing' })
+  },
+  'GET /distribution/withdraw-records': () => ok(datasets.withdrawRecords),
+
+  // ==================== 用户端 · 消息中心 ====================
+  'GET /message/list': ({ data }) => {
+    let list = datasets.messages.slice()
+    if (data && data.type) list = list.filter((m) => m.type === data.type)
+    return ok(paginate(list, data && data.page, data && data.size))
+  },
+  'POST /message/:id/read': () => ok({ read: true }),
+
+  // ==================== 后台管理端 · 数据总览 ====================
+  'GET /admin/dashboard/overview': () => ok(datasets.dashboard.overview),
+  'GET /admin/dashboard/trend': ({ data }) => {
+    const type = (data && data.type) || 'traffic'
+    return ok(datasets.dashboard.trend[type] || datasets.dashboard.trend.traffic)
+  },
+
+  // ==================== 后台管理端 · 商家管理 ====================
+  'GET /admin/merchants': ({ data }) => {
+    let list = datasets.merchants.slice()
+    if (data && data.status !== undefined && data.status !== '') {
+      list = list.filter((m) => m.auditStatus === Number(data.status))
+    }
+    if (data && data.keyword) list = list.filter((m) => m.name.includes(data.keyword))
+    return ok(paginate(list, data && data.page, data && data.size))
+  },
+  'POST /admin/merchant/:id/audit': ({ data, params }) => {
+    if (![1, 2].includes(Number(data && data.auditStatus))) fail('审核状态仅支持通过(1)/驳回(2)')
+    return ok({ id: params.id, auditStatus: Number(data.auditStatus) })
+  },
+
+  // ==================== 后台管理端 · 会员管理 ====================
+  'GET /admin/users': ({ data }) => ok(paginate(datasets.users, data && data.page, data && data.size)),
+  'POST /admin/member/benefit': ({ data }) => {
+    if (data && Number(data.freeView) < 0) fail('免费查看条数不能为负')
+    return ok({ ...datasets.memberBenefits, ...data })
+  },
+
+  // ==================== 后台管理端 · 信息审核 ====================
+  'GET /admin/posts/pending': ({ data }) => {
+    const list = datasets.posts.filter((p) => p.auditStatus === config.constants.AUDIT.PENDING)
+    return ok(paginate(list, data && data.page, data && data.size))
+  },
+  'POST /admin/post/:id/audit': ({ data, params }) => {
+    if (![1, 2].includes(Number(data && data.auditStatus))) fail('审核状态仅支持通过(1)/驳回(2)')
+    return ok({ id: params.id, auditStatus: Number(data.auditStatus) })
+  },
+  'POST /admin/post/:id/offline': ({ params }) => ok({ id: params.id, offline: true }),
+
+  // ==================== 后台管理端 · 评价管理 ====================
+  'GET /admin/comments': ({ data }) => ok(paginate(datasets.comments, data && data.page, data && data.size)),
+  'POST /admin/comment/:id/reply': ({ data }) => {
+    if (!data || !data.reply) fail('回复内容不能为空')
+    return ok({ id: data.id, reply: data.reply })
+  },
+  'GET /admin/reports': () => ok(datasets.reports),
+
+  // ==================== 后台管理端 · 分销管理 ====================
+  'GET /admin/dist/setting': () => ok(datasets.distSetting),
+  'POST /admin/dist/setting': ({ data }) => {
+    const l1 = Number(data && data.level1Rate)
+    const l2 = Number(data && data.level2Rate)
+    if (!isNaN(l1) && !isNaN(l2) && l1 + l2 > 100) fail('一级+二级分佣比例不能超过 100%')
+    return ok({ ...datasets.distSetting, ...data })
+  },
+  'GET /admin/dist/withdraws': () => ok(datasets.adminWithdraws),
+  'POST /admin/dist/withdraw/:id/pay': ({ data, params }) => {
+    if (data && data.op === 'reject' && !data.reason) fail('驳回需填写原因')
+    return ok({ id: params.id, status: data && data.op === 'reject' ? 'rejected' : 'paid' })
+  },
+
+  // ==================== 后台管理端 · 订单管理 ====================
+  'GET /admin/orders': ({ data }) => {
+    let list = datasets.orders.slice()
+    if (data && data.type) list = list.filter((o) => o.type === data.type)
+    return ok(paginate(list, data && data.page, data && data.size))
+  },
+  'POST /admin/order/:id/refund': ({ data, params }) => {
+    if (Number(data && data.amount) <= 0) fail('退款金额需大于 0')
+    return ok({ id: params.id, refunded: true })
+  },
+  'POST /admin/order/supplement': ({ data }) => ok({ orderNo: data && data.orderNo, supplemented: true }),
+
+  // ==================== 后台管理端 · 财务管理 ====================
+  'GET /admin/finance/flows': ({ data }) => {
+    let list = datasets.financeFlows.slice()
+    if (data && data.type) list = list.filter((f) => f.type === data.type)
+    return ok(paginate(list, data && data.page, data && data.size))
+  },
+  'GET /admin/finance/report': ({ data }) => ok({ period: (data && data.period) || 'day', rows: datasets.financeReport }),
+
+  // ==================== 后台管理端 · 权限管理 ====================
+  'GET /admin/roles': () => ok(datasets.roles),
+  'POST /admin/role': ({ data }) => {
+    if (!data || !data.name) fail('角色名称不能为空')
+    if (!data.permissions || !data.permissions.length) fail('请至少分配一项权限')
+    return ok({ id: Date.now(), ...data })
+  },
+  'GET /admin/accounts': () => ok(datasets.accounts),
+  'GET /admin/logs': ({ data }) => ok(paginate(datasets.logs, data && data.page, data && data.size)),
+
+  // ==================== 后台管理端 · 系统设置 ====================
+  'GET /admin/setting/base': () => ok(datasets.baseSetting),
+  'POST /admin/setting/base': ({ data }) => {
+    if (!data || !data.appName) fail('小程序名称不能为空')
+    return ok({ ...datasets.baseSetting, ...data })
+  },
+  'POST /admin/setting/pay': ({ data }) => {
+    if (!data || !data.mchId) fail('微信支付商户号不能为空')
+    if (!data || !data.apiKey) fail('支付密钥不能为空')
+    return ok({ configured: true })
+  },
+  'GET /admin/setting/fee': () => ok(datasets.priceRule),
+  'POST /admin/setting/fee': ({ data }) => {
+    if (data && Number(data.singlePost) < 0) fail('单条发布价格不能为负')
+    return ok({ ...datasets.priceRule, ...data })
+  },
+  'GET /admin/setting/areas': () => ok(datasets.areas),
+  'POST /admin/setting/area': ({ data }) => {
+    if (!data || !data.name) fail('区域名称不能为空')
+    return ok({ id: Date.now(), ...data })
+  },
+
+  // ==================== 站点 UI 配置（LOGO / 图标，前后台共用） ====================
+  'GET /setting/ui': () =>
+    ok({
+      siteName: datasets.uiConfig.siteName,
+      logo: datasets.uiConfig.logo,
+      icons: { ...datasets.uiConfig.icons },
+    }),
+  'GET /admin/setting/ui': () =>
+    ok({
+      siteName: datasets.uiConfig.siteName,
+      logo: datasets.uiConfig.logo,
+      icons: { ...datasets.uiConfig.icons },
+      updatedAt: datasets.uiConfig.updatedAt,
+    }),
+  'POST /admin/setting/ui': ({ data }) => {
+    if (!data) fail('配置内容不能为空')
+    const icons = data.icons || {}
+    for (const k of Object.keys(icons)) {
+      if (typeof icons[k] !== 'string') fail(`图标 ${k} 的地址必须是字符串`)
+    }
+    datasets.uiConfig.siteName = data.siteName !== undefined ? data.siteName : datasets.uiConfig.siteName
+    datasets.uiConfig.logo = data.logo !== undefined ? data.logo : datasets.uiConfig.logo
+    datasets.uiConfig.icons = { ...datasets.uiConfig.icons, ...icons }
+    datasets.uiConfig.updatedAt = new Date().toISOString()
+    return ok({
+      siteName: datasets.uiConfig.siteName,
+      logo: datasets.uiConfig.logo,
+      icons: { ...datasets.uiConfig.icons },
+      updatedAt: datasets.uiConfig.updatedAt,
+    })
+  },
+  'POST /admin/setting/ui/reset': () => {
+    datasets.uiConfig.logo = ''
+    datasets.uiConfig.icons = {}
+    datasets.uiConfig.updatedAt = new Date().toISOString()
+    return ok({ siteName: datasets.uiConfig.siteName, logo: '', icons: {}, reset: true })
+  },
+}
+
+/** 获取路由表（供 request.js 降级判断） */
+export function getMockRoutes() {
+  return mockRoutes
+}
+
+/**
+ * 匹配并执行 mock 路由
+ * @param {Object} req { url, method, data }
+ * @returns {Promise<any>} 解包后的 data
+ */
+export function matchMock(req) {
+  const { url = '', method = 'GET', data = {} } = req
+  const cleanUrl = String(url).split('?')[0]
+  const m = String(method).toUpperCase()
+
+  return new Promise((resolve, reject) => {
+    let hit = null
+    let params = {}
+    for (const key of Object.keys(mockRoutes)) {
+      const [rm, ru] = key.split(' ')
+      if (rm !== m) continue
+      const pattern = new RegExp('^' + ru.replace(/:[^/]+/g, '([^/]+)') + '$')
+      if (pattern.test(cleanUrl)) {
+        hit = mockRoutes[key]
+        params = parseParams(ru, cleanUrl)
+        break
+      }
+    }
+    if (!hit) {
+      const e = new Error(`[mock] 未匹配到路由: ${m} ${cleanUrl}`)
+      e.code = 404
+      return reject(e)
+    }
+    try {
+      const result = hit({ data, params })
+      resolve(result && result.data !== undefined ? result.data : result)
+    } catch (e) {
+      reject(e)
+    }
+  })
+}
+
+export default { mockRoutes, matchMock, getMockRoutes }
diff --git a/uniapp/common/package.json b/uniapp/common/package.json
new file mode 100644
index 0000000..477e5c1
--- /dev/null
+++ b/uniapp/common/package.json
@@ -0,0 +1,4 @@
+{
+  "type": "module",
+  "description": "共享工具/接口层，声明为 ES Module 以便 uni-app 与 Node 测试脚本同时复用"
+}
diff --git a/uniapp/common/store/index.js b/uniapp/common/store/index.js
new file mode 100644
index 0000000..8c97baa
--- /dev/null
+++ b/uniapp/common/store/index.js
@@ -0,0 +1,70 @@
+/**
+ * 轻量全局状态（Vue3 reactive，无需引入 Pinia）
+ * 负责登录态、用户信息、用户类型的集中管理。
+ */
+import { reactive, computed } from 'vue'
+import config from '../config/index.js'
+import storage from '../utils/storage.js'
+import authApi from '../api/auth.js'
+
+const state = reactive({
+  token: storage.get(config.storageKeys.token, ''),
+  userInfo: storage.get(config.storageKeys.userInfo, null),
+  userType: Number(storage.get(config.storageKeys.userType, config.constants.USER_TYPE.PERSON)),
+  unread: 2,
+})
+
+export const useUserStore = () => {
+  const isLogin = computed(() => !!state.token)
+  const isBusiness = computed(() => state.userType === config.constants.USER_TYPE.BUSINESS)
+  const isMember = computed(() => !!(state.userInfo && state.userInfo.isMember))
+
+  /** 微信登录 */
+  async function login(payload) {
+    const res = await authApi.wxLogin(payload)
+    state.token = res.token
+    state.userInfo = res.userInfo
+    state.userType = Number(res.userInfo.userType || config.constants.USER_TYPE.PERSON)
+    storage.set(config.storageKeys.token, state.token)
+    storage.set(config.storageKeys.userInfo, state.userInfo)
+    storage.set(config.storageKeys.userType, state.userType)
+    return res
+  }
+
+  /** 切换用户类型 */
+  async function switchType(userType, license) {
+    const res = await authApi.switchType({ userType, license })
+    state.userType = res.userType
+    storage.set(config.storageKeys.userType, state.userType)
+    return res
+  }
+
+  /** 拉取资料 */
+  async function fetchProfile() {
+    const info = await authApi.profile()
+    state.userInfo = info
+    storage.set(config.storageKeys.userInfo, info)
+    return info
+  }
+
+  /** 退出登录 */
+  function logout() {
+    state.token = ''
+    state.userInfo = null
+    storage.remove(config.storageKeys.token)
+    storage.remove(config.storageKeys.userInfo)
+  }
+
+  return {
+    state,
+    isLogin,
+    isBusiness,
+    isMember,
+    login,
+    switchType,
+    fetchProfile,
+    logout,
+  }
+}
+
+export default useUserStore
diff --git a/uniapp/common/store/ui.js b/uniapp/common/store/ui.js
new file mode 100644
index 0000000..0ef46fb
--- /dev/null
+++ b/uniapp/common/store/ui.js
@@ -0,0 +1,65 @@
+/**
+ * UI 配置全局状态（LOGO / 图标）
+ * 启动时从后台拉取一次并缓存；后台保存后调用 loadUiConfig(true) 强制刷新。
+ * ------------------------------------------------------------
+ * 注意：iconUrl / logoUrl / categoryIconUrl 在读取 reactive 的 uiState，
+ * 因此组件模板中直接调用即可获得「后台改完立刻生效」的响应式效果。
+ */
+import { reactive } from 'vue'
+import settingApi from '../api/setting.js'
+import { CATEGORY_ICON_KEY } from '../assets/icons.js'
+import {
+  setRemoteUi,
+  iconUrl as rawIconUrl,
+  logoUrl as rawLogoUrl,
+  categoryIconUrl as rawCategoryIconUrl,
+} from '../utils/icon.js'
+
+export const uiState = reactive({
+  logo: '',
+  icons: {},
+  siteName: '',
+  loaded: false,
+})
+
+/** 应用一份 UI 配置（同时同步给纯函数层 icon.js） */
+export function applyUiConfig(cfg = {}) {
+  uiState.logo = cfg.logo || ''
+  uiState.icons = cfg.icons || {}
+  uiState.siteName = cfg.siteName || ''
+  setRemoteUi(cfg)
+}
+
+/** 拉取 UI 配置（失败静默降级为内置默认图） */
+export async function loadUiConfig(force = false) {
+  if (uiState.loaded && !force) return uiState
+  try {
+    const cfg = await settingApi.ui()
+    applyUiConfig(cfg || {})
+  } catch (e) {
+    applyUiConfig({})
+  }
+  uiState.loaded = true
+  return uiState
+}
+
+/** 响应式图标地址 */
+export function iconUrl(key) {
+  const override = key ? uiState.icons[key] : ''
+  return override || rawIconUrl(key)
+}
+
+/** 响应式 LOGO 地址 */
+export function logoUrl() {
+  return uiState.logo || rawLogoUrl()
+}
+
+/** 响应式分类图标地址 */
+export function categoryIconUrl(categoryId) {
+  const key = CATEGORY_ICON_KEY[categoryId]
+  const override = key ? uiState.icons[key] : ''
+  return override || rawCategoryIconUrl(categoryId)
+}
+
+export default { uiState, applyUiConfig, loadUiConfig, iconUrl, logoUrl, categoryIconUrl }
+
diff --git a/uniapp/common/utils/format.js b/uniapp/common/utils/format.js
new file mode 100644
index 0000000..2e748aa
--- /dev/null
+++ b/uniapp/common/utils/format.js
@@ -0,0 +1,59 @@
+/**
+ * 格式化工具集
+ */
+
+/** 金额分转元 */
+export function fen2yuan(fen) {
+  return (Number(fen || 0) / 100).toFixed(2)
+}
+
+/** 金额元转分 */
+export function yuan2fen(yuan) {
+  return Math.round(Number(yuan || 0) * 100)
+}
+
+/** 统一解析时间入参，避免 ISO / '-' / '/' 混用导致 Invalid Date */
+function toDate(input) {
+  if (input instanceof Date) return input
+  const s = String(input)
+  let d = new Date(s)
+  if (isNaN(d.getTime())) d = new Date(s.replace(/-/g, '/'))
+  return d
+}
+
+/** 时间戳/日期串 -> YYYY-MM-DD HH:mm */
+export function formatTime(input) {
+  if (!input) return ''
+  const d = toDate(input)
+  if (isNaN(d.getTime())) return String(input)
+  const p = (n) => String(n).padStart(2, '0')
+  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`
+}
+
+/** 相对时间：刚刚 / N分钟前 / N小时前 / N天前 */
+export function fromNow(input) {
+  if (!input) return ''
+  const d = toDate(input)
+  if (isNaN(d.getTime())) return String(input)
+  const diff = Math.floor((Date.now() - d.getTime()) / 1000)
+  if (diff < 60) return '刚刚'
+  if (diff < 3600) return `${Math.floor(diff / 60)}分钟前`
+  if (diff < 86400) return `${Math.floor(diff / 3600)}小时前`
+  if (diff < 86400 * 30) return `${Math.floor(diff / 86400)}天前`
+  return formatTime(input)
+}
+
+/** 手机号脱敏 */
+export function maskPhone(phone) {
+  const s = String(phone || '')
+  return s.length === 11 ? s.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2') : s
+}
+
+/** 距离格式化（米） */
+export function formatDistance(meters) {
+  const m = Number(meters || 0)
+  if (m < 1000) return `${Math.round(m)}m`
+  return `${(m / 1000).toFixed(1)}km`
+}
+
+export default { fen2yuan, yuan2fen, formatTime, fromNow, maskPhone, formatDistance }
diff --git a/uniapp/common/utils/icon.js b/uniapp/common/utils/icon.js
new file mode 100644
index 0000000..6fa03f5
--- /dev/null
+++ b/uniapp/common/utils/icon.js
@@ -0,0 +1,61 @@
+/**
+ * 图标地址解析（纯函数，便于 Node 单测）
+ * ------------------------------------------------------------
+ * 优先级：后端下发的覆盖地址 > static/icons/ 下的内置默认图
+ * 后端可通过 /admin/setting/ui 按 key 覆盖任意图标与 LOGO。
+ */
+import { ICON_BASE, ICON_DEFAULTS, CATEGORY_ICON_KEY, DEFAULT_LOGO } from '../assets/icons.js'
+
+let remote = { logo: '', icons: {} }
+
+/** 注入后端下发的 UI 配置 */
+export function setRemoteUi(cfg = {}) {
+  remote = {
+    logo: cfg.logo || '',
+    icons: { ...(cfg.icons || {}) },
+  }
+}
+
+/** 读取当前生效的后端配置 */
+export function getRemoteUi() {
+  return { logo: remote.logo, icons: { ...remote.icons } }
+}
+
+/** 恢复默认（后端未配置时） */
+export function resetRemoteUi() {
+  remote = { logo: '', icons: {} }
+}
+
+/** 取图标地址：key -> url */
+export function iconUrl(key) {
+  if (!key) return ''
+  const override = remote.icons[key]
+  if (override) return override
+  const file = ICON_DEFAULTS[key]
+  return file ? ICON_BASE + file : ''
+}
+
+/** 取 LOGO 地址 */
+export function logoUrl() {
+  return remote.logo || DEFAULT_LOGO
+}
+
+/** 分类 ID -> 分类图标地址 */
+export function categoryIconUrl(categoryId) {
+  return iconUrl(CATEGORY_ICON_KEY[categoryId] || 'cat-job')
+}
+
+/** 判断某图标是否已被后台自定义 */
+export function isIconOverridden(key) {
+  return !!remote.icons[key]
+}
+
+export default {
+  setRemoteUi,
+  getRemoteUi,
+  resetRemoteUi,
+  iconUrl,
+  logoUrl,
+  categoryIconUrl,
+  isIconOverridden,
+}
diff --git a/uniapp/common/utils/pay.js b/uniapp/common/utils/pay.js
new file mode 100644
index 0000000..3047081
--- /dev/null
+++ b/uniapp/common/utils/pay.js
@@ -0,0 +1,39 @@
+/**
+ * 统一支付封装
+ * 支持：微信支付（uni.requestPayment）/ 余额支付（服务端直接扣减）
+ */
+import config from '../config/index.js'
+
+/**
+ * 发起支付
+ * @param {Object} order 订单信息 { orderNo, amount, payType }
+ * @returns {Promise<{success:boolean, payType:string, orderNo:string}>}
+ */
+export function pay(order = {}) {
+  const payType = order.payType || config.constants.PAY_TYPE.WXPAY
+
+  // 余额支付：直接调用服务端确认接口（此处由调用方传入回调）
+  if (payType === config.constants.PAY_TYPE.BALANCE) {
+    return Promise.resolve({ success: true, payType, orderNo: order.orderNo })
+  }
+
+  // 微信支付
+  return new Promise((resolve, reject) => {
+    if (typeof uni === 'undefined' || !uni.requestPayment) {
+      // 非小程序环境（如 H5/测试）直接视为成功，便于联调
+      return resolve({ success: true, payType, orderNo: order.orderNo, mock: true })
+    }
+    uni.requestPayment({
+      provider: 'wxpay',
+      timeStamp: order.timeStamp,
+      nonceStr: order.nonceStr,
+      package: order.package,
+      signType: order.signType || 'RSA',
+      paySign: order.paySign,
+      success: () => resolve({ success: true, payType, orderNo: order.orderNo }),
+      fail: (err) => reject(Object.assign(new Error('支付已取消'), { raw: err, code: 'PAY_CANCEL' })),
+    })
+  })
+}
+
+export default { pay }
diff --git a/uniapp/common/utils/request.js b/uniapp/common/utils/request.js
new file mode 100644
index 0000000..307ccf7
--- /dev/null
+++ b/uniapp/common/utils/request.js
@@ -0,0 +1,150 @@
+/**
+ * 全链路统一请求层
+ * - 统一拼接 baseURL / 版本号
+ * - 自动注入 token
+ * - 统一响应结构解包：{ code, message, data }
+ * - 401 自动清理登录态并跳转登录
+ * - 支持 mock 降级（无后端 / 联调前）
+ *
+ * 该文件为纯 ES Module，Node 测试脚本可直接 import（需先注入 globalThis.uni）。
+ */
+import config from '../config/index.js'
+import storage from './storage.js'
+import { matchMock } from '../mock/index.js'
+
+// 便于测试注入的运行时环境（默认使用全局 uni）
+export function getRuntime() {
+  return {
+    request: typeof uni !== 'undefined' && uni.request ? uni.request.bind(uni) : null,
+    showToast: typeof uni !== 'undefined' && uni.showToast ? uni.showToast.bind(uni) : () => {},
+    navigateTo: typeof uni !== 'undefined' && uni.navigateTo ? uni.navigateTo.bind(uni) : () => {},
+    showLoading: typeof uni !== 'undefined' && uni.showLoading ? uni.showLoading.bind(uni) : () => {},
+    hideLoading: typeof uni !== 'undefined' && uni.hideLoading ? uni.hideLoading.bind(uni) : () => {},
+  }
+}
+
+/** 拼接完整地址 */
+export function buildUrl(url) {
+  if (/^https?:\/\//i.test(url)) return url
+  const path = url.startsWith('/') ? url : `/${url}`
+  return `${config.baseURL}/${config.apiVersion}${path}`
+}
+
+/** 组装请求头 */
+export function buildHeaders(extra = {}) {
+  const token = storage.get(config.storageKeys.token, '')
+  const headers = {
+    'Content-Type': 'application/json;charset=UTF-8',
+    'X-Client': 'fenleixinxi',
+    ...extra,
+  }
+  if (token) headers.Authorization = `Bearer ${token}`
+  return headers
+}
+
+/**
+ * 底层请求（返回 Promise<data>）
+ * @param {Object} options { url, method, data, header, silent, mock }
+ */
+export function request(options = {}) {
+  const {
+    url,
+    method = 'GET',
+    data = {},
+    header = {},
+    silent = false, // 失败是否静默（不弹 toast）
+    mock = config.forceMock, // 强制走 mock
+  } = options
+
+  const runtime = getRuntime()
+  const finalUrl = buildUrl(url)
+  const headers = buildHeaders(header)
+
+  const doMock = () =>
+    matchMock({ url, method: method.toUpperCase(), data }).then((res) => res)
+
+  // 强制 mock 或运行环境无 uni.request
+  if (mock || !runtime.request) {
+    return doMock()
+  }
+
+  return new Promise((resolve, reject) => {
+    runtime.request({
+      url: finalUrl,
+      method: method.toUpperCase(),
+      data,
+      header: headers,
+      timeout: config.timeout,
+      success(res) {
+        // HTTP 层
+        if (res.statusCode === 401) {
+          onUnauthorized(runtime)
+          return reject(toErr('登录已过期，请重新登录', 401))
+        }
+        if (res.statusCode < 200 || res.statusCode >= 300) {
+          return handleFail(
+            { message: `网络异常(${res.statusCode})`, statusCode: res.statusCode },
+            { url, method, data, silent, runtime, resolve, reject }
+          )
+        }
+        const body = res.data || {}
+        // 业务层：约定 code===0 或 code===200 为成功
+        if (body.code === 0 || body.code === 200) {
+          resolve(body.data !== undefined ? body.data : body)
+        } else {
+          const err = toErr(body.message || body.msg || '请求失败', body.code)
+          if (!silent) runtime.showToast({ title: err.message, icon: 'none' })
+          reject(err)
+        }
+      },
+      fail(err) {
+        handleFail(err, { url, method, data, silent, runtime, resolve, reject })
+      },
+    })
+  })
+}
+
+/**
+ * 失败处理：
+ * 1) 若开启 mock 降级，则使用本地 mock 路由兜底（保证离线可演示）
+ * 2) 否则抛出异常
+ */
+function handleFail(err, ctx) {
+  const { url, method, data, silent, runtime, resolve, reject } = ctx
+  if (config.enableMockFallback) {
+    // 尝试用本地 mock 路由兜底（离线可演示；无匹配路由时 mock 会 reject）
+    matchMock({ url, method: String(method).toUpperCase(), data })
+      .then(resolve)
+      .catch(() => {
+        const e = toErr(err && (err.errMsg || err.message) ? err.errMsg || err.message : '网络请求失败')
+        if (!silent) runtime.showToast({ title: e.message, icon: 'none' })
+        reject(e)
+      })
+    return
+  }
+  const e = toErr(err && (err.errMsg || err.message) ? err.errMsg || err.message : '网络请求失败')
+  if (!silent) runtime.showToast({ title: e.message, icon: 'none' })
+  reject(e)
+}
+
+/** 401 处理 */
+function onUnauthorized(runtime) {
+  storage.remove(config.storageKeys.token)
+  storage.remove(config.storageKeys.userInfo)
+  runtime.showToast({ title: '登录已过期', icon: 'none' })
+  runtime.navigateTo({ url: '/pages/auth/login' })
+}
+
+function toErr(message, code = -1) {
+  const e = new Error(message)
+  e.code = code
+  return e
+}
+
+/** 语法糖 */
+export const get = (url, data, opts = {}) => request({ url, method: 'GET', data, ...opts })
+export const post = (url, data, opts = {}) => request({ url, method: 'POST', data, ...opts })
+export const put = (url, data, opts = {}) => request({ url, method: 'PUT', data, ...opts })
+export const del = (url, data, opts = {}) => request({ url, method: 'DELETE', data, ...opts })
+
+export default request
diff --git a/uniapp/common/utils/storage.js b/uniapp/common/utils/storage.js
new file mode 100644
index 0000000..6e6a724
--- /dev/null
+++ b/uniapp/common/utils/storage.js
@@ -0,0 +1,50 @@
+/**
+ * 本地存储封装（兼容 uni-app 与 Node 测试环境）
+ * Node 环境下自动降级为内存 Map，便于单元测试。
+ */
+const memory = new Map()
+
+function hasUni() {
+  return typeof uni !== 'undefined' && uni && typeof uni.getStorageSync === 'function'
+}
+
+export const storage = {
+  get(key, def = '') {
+    try {
+      if (hasUni()) {
+        const v = uni.getStorageSync(key)
+        return v === '' || v === undefined || v === null ? def : v
+      }
+      return memory.has(key) ? memory.get(key) : def
+    } catch (e) {
+      return def
+    }
+  },
+  set(key, value) {
+    try {
+      if (hasUni()) uni.setStorageSync(key, value)
+      else memory.set(key, value)
+    } catch (e) {
+      /* 忽略存储异常 */
+    }
+    return value
+  },
+  remove(key) {
+    try {
+      if (hasUni()) uni.removeStorageSync(key)
+      else memory.delete(key)
+    } catch (e) {
+      /* noop */
+    }
+  },
+  clear() {
+    memory.clear()
+    try {
+      if (hasUni() && uni.clearStorageSync) uni.clearStorageSync()
+    } catch (e) {
+      /* noop */
+    }
+  },
+}
+
+export default storage
diff --git a/uniapp/common/utils/upload.js b/uniapp/common/utils/upload.js
new file mode 100644
index 0000000..c09362e
--- /dev/null
+++ b/uniapp/common/utils/upload.js
@@ -0,0 +1,43 @@
+/**
+ * 图片上传封装
+ * - 真实环境：POST /admin/upload（multipart），返回 { url }
+ * - Mock/无 uni 环境：直接返回本地临时路径，便于离线演示
+ */
+import config from '../config/index.js'
+import storage from './storage.js'
+
+/**
+ * 上传单张图片
+ * @param {String} filePath 本地临时路径
+ * @returns {Promise<{url:String, mock?:Boolean}>}
+ */
+export function uploadImage(filePath) {
+  if (config.forceMock || typeof uni === 'undefined' || !uni.uploadFile) {
+    return Promise.resolve({ url: filePath, mock: true })
+  }
+  return new Promise((resolve, reject) => {
+    uni.uploadFile({
+      url: `${config.baseURL}/${config.apiVersion}/admin/upload`,
+      filePath,
+      name: 'file',
+      header: {
+        Authorization: `Bearer ${storage.get(config.storageKeys.token, '')}`,
+        'X-Client': 'fenleixinxi',
+      },
+      success(res) {
+        try {
+          const body = JSON.parse(res.data)
+          if (body.code === 0 || body.code === 200) resolve(body.data || {})
+          else reject(new Error(body.message || '上传失败'))
+        } catch (e) {
+          reject(new Error('上传响应解析失败'))
+        }
+      },
+      fail(err) {
+        reject(new Error((err && err.errMsg) || '上传失败'))
+      },
+    })
+  })
+}
+
+export default { uploadImage }
diff --git a/uniapp/components/fc-empty/fc-empty.vue b/uniapp/components/fc-empty/fc-empty.vue
new file mode 100644
index 0000000..1f9ada0
--- /dev/null
+++ b/uniapp/components/fc-empty/fc-empty.vue
@@ -0,0 +1,66 @@
+<template>
+	<view class="fc-empty">
+		<view class="fc-empty__icon">
+			<image class="fc-empty__img" :src="iconUrl(icon)" mode="aspectFit" />
+		</view>
+		<text class="fc-empty__text">{{ text }}</text>
+		<view v-if="btnText" class="fc-empty__btn" @click="$emit('action')">
+			<text>{{ btnText }}</text>
+		</view>
+	</view>
+</template>
+
+<script>
+import { iconUrl } from '@/common/store/ui.js'
+
+export default {
+	name: 'FcEmpty',
+	props: {
+		// 图标 key（见 common/assets/icons.js，可由后台替换）
+		icon: { type: String, default: 'inbox' },
+		text: { type: String, default: '暂无数据' },
+		btnText: { type: String, default: '' },
+	},
+	methods: {
+		iconUrl,
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+.fc-empty {
+	padding: 120rpx 0;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+.fc-empty__icon {
+	width: 160rpx;
+	height: 160rpx;
+	border-radius: 50%;
+	background: $fc-gradient-soft;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	box-shadow: $fc-shadow;
+}
+.fc-empty__img {
+	width: 76rpx;
+	height: 76rpx;
+}
+.fc-empty__text {
+	margin-top: 28rpx;
+	font-size: $fc-font;
+	color: $fc-text-secondary;
+}
+.fc-empty__btn {
+	margin-top: 32rpx;
+	padding: 16rpx 48rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-gradient-primary;
+	color: $fc-primary-ink;
+	font-size: $fc-font;
+	font-weight: 600;
+	box-shadow: $fc-shadow;
+}
+</style>
diff --git a/uniapp/components/fc-navbar/fc-navbar.vue b/uniapp/components/fc-navbar/fc-navbar.vue
new file mode 100644
index 0000000..47abbb5
--- /dev/null
+++ b/uniapp/components/fc-navbar/fc-navbar.vue
@@ -0,0 +1,113 @@
+<template>
+	<view class="fc-navbar" :class="[`fc-navbar--${theme}`]">
+		<view class="fc-navbar__status" :style="{ height: statusBarHeight + 'px' }"></view>
+		<view class="fc-navbar__bar" :style="{ height: barHeight + 'px' }">
+			<view v-if="showBack" class="fc-navbar__back" @click="onBack">
+				<text class="fc-navbar__back-icon">‹</text>
+			</view>
+			<view class="fc-navbar__title" :class="{ 'fc-navbar__title--center': center }">
+				<slot>
+					<text class="fc-navbar__title-text">{{ title }}</text>
+				</slot>
+			</view>
+			<view class="fc-navbar__right">
+				<slot name="right"></slot>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	name: 'FcNavbar',
+	props: {
+		title: { type: String, default: '' },
+		theme: { type: String, default: 'gradient' }, // gradient | white
+		showBack: { type: Boolean, default: false },
+		center: { type: Boolean, default: true },
+	},
+	data() {
+		return { statusBarHeight: 20, barHeight: 44 }
+	},
+	created() {
+		try {
+			const info = uni.getSystemInfoSync()
+			this.statusBarHeight = info.statusBarHeight || 20
+		} catch (e) {
+			/* 忽略（非 uni 环境） */
+		}
+	},
+	methods: {
+		onBack() {
+			const pages = getCurrentPages()
+			if (pages && pages.length > 1) uni.navigateBack()
+			else uni.reLaunch({ url: '/pages/index/index' })
+		},
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+.fc-navbar {
+	position: sticky;
+	top: 0;
+	z-index: 99;
+	&--gradient {
+		background: $fc-gradient-hero;
+		.fc-navbar__title-text {
+			color: #ffffff;
+		}
+		.fc-navbar__back-icon {
+			color: #ffffff;
+		}
+	}
+	&--white {
+		background: #ffffff;
+		border-bottom: 2rpx solid $fc-border;
+		.fc-navbar__title-text {
+			color: $fc-text;
+		}
+		.fc-navbar__back-icon {
+			color: $fc-text;
+		}
+	}
+}
+.fc-navbar__bar {
+	display: flex;
+	align-items: center;
+	padding: 0 24rpx;
+	position: relative;
+}
+.fc-navbar__back {
+	width: 60rpx;
+	height: 60rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.fc-navbar__back-icon {
+	font-size: 52rpx;
+	line-height: 1;
+	font-weight: 300;
+}
+.fc-navbar__title {
+	flex: 1;
+	&--center {
+		position: absolute;
+		left: 0;
+		right: 0;
+		text-align: center;
+		pointer-events: none;
+	}
+}
+.fc-navbar__title-text {
+	font-size: $fc-font-xl;
+	font-weight: 600;
+}
+.fc-navbar__right {
+	position: relative;
+	z-index: 1;
+	display: flex;
+	align-items: center;
+}
+</style>
diff --git a/uniapp/components/fc-post-card/fc-post-card.vue b/uniapp/components/fc-post-card/fc-post-card.vue
new file mode 100644
index 0000000..dfe1708
--- /dev/null
+++ b/uniapp/components/fc-post-card/fc-post-card.vue
@@ -0,0 +1,157 @@
+<template>
+	<view class="fc-post-card" @click="$emit('click', post)">
+		<view class="fc-post-card__thumb">
+			<image class="fc-post-card__thumb-img" :src="categoryIconUrl(post.categoryId)" mode="aspectFit" />
+		</view>
+		<view class="fc-post-card__body">
+			<view class="fc-post-card__title fc-ellipsis-2">{{ post.title }}</view>
+			<view class="fc-post-card__tags">
+				<text v-for="t in (post.tags || []).slice(0, 2)" :key="t" class="fc-tag fc-post-card__tag">{{ t }}</text>
+				<text v-if="post.isTop" class="fc-post-card__tag fc-post-card__tag--top">置顶</text>
+			</view>
+			<view class="fc-post-card__meta">
+				<text class="fc-post-card__area">{{ post.area }}</text>
+				<text class="fc-post-card__dot">·</text>
+				<text class="fc-post-card__time">{{ timeText }}</text>
+			</view>
+			<view class="fc-post-card__bottom">
+				<view class="fc-price">
+					<text v-if="post.price > 0" class="fc-price__symbol">¥</text>
+					<text v-if="post.price > 0" class="fc-post-card__amount">{{ post.price }}</text>
+					<text v-else class="fc-post-card__neg">面议</text>
+					<text class="fc-post-card__unit">{{ post.priceUnit }}</text>
+				</view>
+				<view class="fc-post-card__stats">
+					<view class="fc-post-card__stat">
+						<image class="fc-icon fc-icon--xs" :src="iconUrl('eye')" mode="aspectFit" />
+						<text class="fc-post-card__stat-num">{{ post.views }}</text>
+					</view>
+					<view class="fc-post-card__stat">
+						<image class="fc-icon fc-icon--xs" :src="iconUrl('comment-gray')" mode="aspectFit" />
+						<text class="fc-post-card__stat-num">{{ post.commentCount || 0 }}</text>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import { iconUrl, categoryIconUrl } from '@/common/store/ui.js'
+import { fromNow } from '@/common/utils/format.js'
+
+export default {
+	name: 'FcPostCard',
+	props: {
+		post: { type: Object, required: true },
+	},
+	computed: {
+		timeText() {
+			return fromNow(this.post.createdAt)
+		},
+	},
+	methods: {
+		iconUrl,
+		categoryIconUrl,
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+.fc-post-card {
+	display: flex;
+	padding: 24rpx;
+	margin: 0 24rpx 20rpx;
+	background: $fc-bg-card;
+	border-radius: $fc-radius-lg;
+	box-shadow: $fc-shadow;
+	transition: transform 0.15s ease;
+	&:active {
+		transform: scale(0.985);
+	}
+}
+.fc-post-card__thumb {
+	width: 200rpx;
+	height: 200rpx;
+	flex: 0 0 200rpx;
+	margin-right: 24rpx;
+	border-radius: 20rpx;
+	background: $fc-gradient-soft;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	overflow: hidden;
+}
+.fc-post-card__thumb-img {
+	width: 100%;
+	height: 100%;
+}
+.fc-post-card__body {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	min-width: 0;
+}
+.fc-post-card__title {
+	font-size: $fc-font-lg;
+	font-weight: 600;
+	color: $fc-text;
+	line-height: 1.35;
+}
+.fc-post-card__tags {
+	display: flex;
+	flex-wrap: wrap;
+	margin-top: 10rpx;
+}
+.fc-post-card__tag {
+	margin-right: 10rpx;
+}
+.fc-post-card__tag--top {
+	// 置顶：亮绿面 + 墨绿字（主题 v4 规则：亮绿面只配墨绿字）
+	background: $fc-gradient-primary;
+	color: $fc-primary-ink;
+	font-weight: 700;
+}
+.fc-post-card__meta {
+	margin-top: 12rpx;
+	display: flex;
+	align-items: center;
+	font-size: $fc-font-xs;
+	color: $fc-text-placeholder;
+}
+.fc-post-card__dot {
+	margin: 0 8rpx;
+}
+.fc-post-card__bottom {
+	margin-top: auto;
+	display: flex;
+	align-items: flex-end;
+	justify-content: space-between;
+}
+.fc-post-card__amount {
+	font-size: 38rpx;
+}
+.fc-post-card__neg {
+	font-size: $fc-font-lg;
+	font-weight: 700;
+}
+.fc-post-card__unit {
+	margin-left: 6rpx;
+	font-size: $fc-font-xs;
+	color: $fc-text-secondary;
+	font-weight: 400;
+}
+.fc-post-card__stats {
+	display: flex;
+}
+.fc-post-card__stat {
+	display: flex;
+	align-items: center;
+	margin-left: 16rpx;
+}
+.fc-post-card__stat-num {
+	margin-left: 6rpx;
+	font-size: $fc-font-xs;
+	color: $fc-text-placeholder;
+}
+</style>
diff --git a/uniapp/components/fc-tabbar/fc-tabbar.vue b/uniapp/components/fc-tabbar/fc-tabbar.vue
new file mode 100644
index 0000000..2e17999
--- /dev/null
+++ b/uniapp/components/fc-tabbar/fc-tabbar.vue
@@ -0,0 +1,110 @@
+<template>
+	<view class="fc-tabbar">
+		<view
+			v-for="(item, idx) in tabs"
+			:key="item.path"
+			class="fc-tabbar__item"
+			:class="{ 'fc-tabbar__item--active': current === idx, 'fc-tabbar__item--primary': item.primary }"
+			@click="switchTo(item, idx)"
+		>
+			<view class="fc-tabbar__icon" :class="{ 'fc-tabbar__icon--circle': item.primary }">
+				<image v-if="item.primary" class="fc-tabbar__plus" :src="iconUrl('plus-ink')" mode="aspectFit" />
+				<image v-else class="fc-tabbar__img" :src="iconUrl(current === idx ? item.active : item.icon)" mode="aspectFit" />
+			</view>
+			<text class="fc-tabbar__text">{{ item.text }}</text>
+		</view>
+		<view class="fc-safe-bottom"></view>
+	</view>
+</template>
+
+<script>
+import { iconUrl } from '@/common/store/ui.js'
+
+export default {
+	name: 'FcTabbar',
+	props: {
+		current: { type: Number, default: 0 },
+	},
+	data() {
+		return {
+			tabs: [
+				{ text: '首页', icon: 'tab-home', active: 'tab-home-on', path: '/pages/index/index' },
+				{ text: '发布', icon: 'tab-post', active: 'tab-post-on', path: '/pages/post/create', primary: true },
+				{ text: '消息', icon: 'tab-message', active: 'tab-message-on', path: '/pages/message/index' },
+				{ text: '我的', icon: 'tab-mine', active: 'tab-mine-on', path: '/pages/mine/index' },
+			],
+		}
+	},
+	methods: {
+		// 暴露给模板：图标地址由后台配置决定（未配置则用内置图标）
+		iconUrl,
+		switchTo(item, idx) {
+			if (idx === this.current) return
+			uni.reLaunch({ url: item.path })
+		},
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+.fc-tabbar {
+	position: fixed;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	z-index: 100;
+	display: flex;
+	align-items: center;
+	justify-content: space-around;
+	padding-top: 10rpx;
+	background: #ffffff;
+	border-top: 2rpx solid $fc-border;
+	box-shadow: 0 -6rpx 24rpx rgba(4, 48, 30, 0.08);
+}
+.fc-tabbar__item {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding-bottom: 8rpx;
+	&--active {
+		.fc-tabbar__text {
+			color: $fc-primary-text;
+			font-weight: 600;
+		}
+	}
+	&--primary {
+		.fc-tabbar__text {
+			color: $fc-primary-text;
+		}
+	}
+}
+.fc-tabbar__icon {
+	height: 52rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	&--circle {
+		width: 76rpx;
+		height: 76rpx;
+		margin-top: -34rpx;
+		border-radius: 50%;
+		background: $fc-gradient-primary;
+		box-shadow: 0 8rpx 20rpx rgba(4, 48, 30, 0.4);
+	}
+}
+.fc-tabbar__img {
+	width: 44rpx;
+	height: 44rpx;
+}
+.fc-tabbar__plus {
+	width: 40rpx;
+	height: 40rpx;
+}
+.fc-tabbar__text {
+	font-size: $fc-font-xs;
+	color: $fc-text-secondary;
+	margin-top: 4rpx;
+}
+</style>
diff --git a/uniapp/docs/01-产品功能模块清单.md b/uniapp/docs/01-产品功能模块清单.md
new file mode 100644
index 0000000..c4d35f5
--- /dev/null
+++ b/uniapp/docs/01-产品功能模块清单.md
@@ -0,0 +1,233 @@
+# 同城分类信息小程序 · 产品功能模块清单
+
+> 角色视角：产品经理（PM）
+> 需求来源：客户提供的《同城分类信息小程序功能清单》功能表（角色端 / 一级模块 / 二级模块 / 核心功能描述）
+> 输出物：**用户端（小程序）**、**后台管理端（PC）** 功能模块清单 + 优先级 + 业务规则 + 接口映射
+> 版本：v1.0.0　编制日期：2026-10-15
+
+---
+
+## 一、产品定位与目标
+
+| 项 | 说明 |
+| --- | --- |
+| 产品名称 | 同城分类信息小程序（`fenleixinxi`） |
+| 产品定位 | 面向同城（LBS 定位）的分类信息撮合平台：**招聘 / 房产 / 二手 / 车辆 / 本地服务** 等信息发布与检索 |
+| 核心价值 | 信息发布门槛低、同城触达快；通过「付费发帖 + 会员订阅 + 二级分销」形成商业闭环 |
+| 目标用户 | ① 个人用户（发布闲置、找房、求职）② 商家用户（招聘、门店推广，需资质认证） |
+| 商业模型 | 单条付费发布 / 套餐发帖 / 会员月·季·年卡 / 付费查看联系方式 / 二级分销佣金 |
+| 技术形态 | uni-app（Vue 3）小程序端 + 后台管理端 PC Web + 统一后端 API（`fenleixinxi.gzyakj.com.cn`） |
+
+## 二、角色与端划分
+
+| 端 | 角色 | 载体 | 核心诉求 |
+| --- | --- | --- | --- |
+| 用户端 | 个人用户 / 商家用户 / 分销商 / 会员 | 微信小程序 | 浏览、搜索、发布、付费、分销赚钱 |
+| 后台管理端 | 超级管理员 / 运营 / 客服 / 财务 | PC Web | 审核、配置、结算、数据运营 |
+
+> 说明：原始需求表将「后台管理端 PC」列为一端，本清单按运营细分拆为 **内容审核域 / 交易财务域 / 平台配置域 / 数据运营域** 四个域，便于团队分工与权限分配。
+
+---
+
+## 三、用户端（小程序）功能模块清单
+
+### 3.1 认证与登录（Module-AUTH）
+
+| 编号 | 二级模块 | 核心功能描述 | 优先级 | 对应接口 |
+| --- | --- | --- | --- | --- |
+| A1 | 微信授权登录 | 一键获取微信头像、昵称；`code` 换取登录态 token | P0 | `POST /auth/wx-login` |
+| A2 | 手机号授权绑定 | 优先微信手机号**快捷获取**（一键授权，真实落库到 `fa_user.mobile`）；微信侧不可用时自动回落手动输入；格式强校验 `^1\d{10}$` | P0 | `POST /auth/wx-phone`、`POST /auth/bind-phone` |
+| A3 | 用户类型切换 | 支持个人用户 / 商家用户身份切换；**商家需上传营业执照完成资质认证** | P0 | `POST /auth/switch-type` |
+| A4 | 个人资料 | 拉取昵称、头像、手机号、会员状态、余额 | P1 | `GET /auth/profile` |
+
+### 3.2 首页与展示（Module-HOME）
+
+| 编号 | 二级模块 | 核心功能描述 | 优先级 | 对应接口 |
+| --- | --- | --- | --- | --- |
+| H1 | 分类导航 | 招聘、房产、二手、车辆、本地服务等一级分类展示（含图标、信息量） | P0 | `GET /home/categories` |
+| H2 | 轮播广告位 | 首页顶部轮播 Banner（**亮绿渐变底 + 墨绿字 + 白色插画大徽章**，可后台换色/换图），支持跳转分类/活动页 | P0 | `GET /home/banners` |
+| H3 | 信息流推荐 | 基于 LBS 定位的同城信息推荐，下拉刷新 + 上拉分页加载 | P0 | `GET /home/feed` |
+| H4 | 智能搜索 | 关键词搜索、搜索历史（本地留存 10 条）、热门搜索词 | P0 | `GET /home/feed`、`GET /home/search/hot` |
+| H5 | 筛选排序 | 按区域、价格、发布时间、热度多维度筛选与排序 | P0 | `GET /home/feed?area=&sort=` |
+| H6 | 会员引导位 | 首页会员权益卡片，引导开通（提升转化） | P1 | `GET /member/benefits` |
+
+### 3.3 信息发布（Module-POST）
+
+| 编号 | 二级模块 | 核心功能描述 | 优先级 | 对应接口 |
+| --- | --- | --- | --- | --- |
+| P1 | 发布表单 | 标题、内容、图片/视频上传、联系人、联系电话、地址定位 | P0 | `POST /post/create` |
+| P2 | 付费发布 | 按后台配置的单条价格付费发布（金额由**服务端**计算，客户端不可传价）；支持微信 / 余额支付 | P0 | `POST /post/create` |
+| P3 | 套餐发帖 | 由后台「发布与费用配置」决定呈现：**免费发布**（全免）或**付费发布**（单条价格 / 按月含 N 条 / 按年含 M 条）；购买后获得发布额度 | P1 | `GET /post/publish-config`、`GET /member/plans`、`POST /member/open` |
+| P4 | 草稿箱 | 编辑中自动保存（防抖 800ms），支持再次编辑发布 | P1 | `GET /post/drafts`、`POST /post/draft` |
+| P5 | 发布校验 | 必填校验、手机号格式校验、分类必选 | P0 | 前端 + `POST /post/create` |
+| P6 | 我的发布 | 我的发布记录：全部/待审核/已通过/已驳回/已下架 筛选 + 计数、驳回原因、置顶标识、浏览与评价数、删除；发布成功后直达本页 | P0 | `GET /post/mine`、`DELETE /post/{id}` |
+
+### 3.4 信息详情（Module-DETAIL）
+
+| 编号 | 二级模块 | 核心功能描述 | 优先级 | 对应接口 |
+| --- | --- | --- | --- | --- |
+| D1 | 内容展示 | 图文详情、价格、区域地址、发布者信息 | P0 | `GET /post/{id}` |
+| D2 | 地图导航 | 点击地址调用 `uni.openLocation` 唤起地图导航 | P1 | 端能力 |
+| D3 | 收藏 / 分享 | 收藏信息；分享链接；生成分享海报 | P1 | 端能力 |
+| D4 | 付费查看 | 非会员查看联系方式/完整内容需付费或开通会员；后台可配置免费或付费 | P0 | `POST /post/{id}/pay-view` |
+| D5 | 评价互动 | 会员可对信息评价/打分（1-5 星），支持图文评价 | P1 | `POST /post/{id}/comment` |
+| D6 | 联系与关注 | 拨打电话、复制微信号、关注发布者 | P1 | 端能力 |
+
+### 3.5 会员中心（Module-MEMBER）
+
+| 编号 | 二级模块 | 核心功能描述 | 优先级 | 对应接口 |
+| --- | --- | --- | --- | --- |
+| M1 | 会员权益 | 免费查看信息条数、发布折扣、分销比例；价格变化/到期状态提醒 | P0 | `GET /member/benefits` |
+| M2 | 会员开通 | 购买月卡 / 季卡 / 年卡；微信支付 / 余额支付 | P0 | `GET /member/plans`、`POST /member/open` |
+| M3 | 订单管理 | 查看发布订单、会员订单、充值订单状态 | P0 | `GET /member/orders` |
+| M4 | 我的资产 | 账户余额、优惠券管理、积分 | P1 | `GET /member/assets` |
+| M5 | 余额充值 | 余额充值下单与对账 | P2 | `POST /order/recharge` |
+
+### 3.6 分销中心（Module-DIST）
+
+| 编号 | 二级模块 | 核心功能描述 | 优先级 | 对应接口 |
+| --- | --- | --- | --- | --- |
+| S1 | 分销首页 | 佣金概览（累计/已结算/可提现/今日）、邀请海报、推广链接、邀请码 | P1 | `GET /distribution/overview` |
+| S2 | 团队管理 | 一级 / 二级下线列表、业绩统计、等级展示 | P1 | `GET /distribution/team` |
+| S3 | 佣金提现 | 申请提现至微信零钱，最低提现门槛校验 | P1 | `POST /distribution/withdraw` |
+| S4 | 提现记录 | 提现记录查询（审核中/已打款/已驳回） | P1 | `GET /distribution/withdraw-records` |
+
+### 3.7 消息中心（Module-MESSAGE）
+
+| 编号 | 二级模块 | 核心功能描述 | 优先级 | 对应接口 |
+| --- | --- | --- | --- | --- |
+| N1 | 系统通知 | 审核结果、会员到期、活动通知等 | P1 | `GET /message/list?type=system` |
+| N2 | 互动消息 | 评价回复、点赞提醒 | P1 | `GET /message/list?type=interact` |
+| N3 | 已读状态 | 未读红点计数、点击标记已读 | P2 | `POST /message/{id}/read` |
+
+### 3.8 我的（Module-MINE）
+
+| 编号 | 二级模块 | 核心功能描述 | 优先级 | 对应接口 |
+| --- | --- | --- | --- | --- |
+| U1 | 用户卡与资产 | 头像昵称、身份标签、余额/积分/优惠券概览 | P0 | `GET /member/assets` |
+| U2 | 功能入口 | 我的发布（→ `pages/post/mine`）、我的订单、分销中心、会员中心 | P0 | `GET /post/mine` |
+| U3 | 设置与关于 | 草稿箱、搜索记录、系统设置、关于我们 | P2 | `GET /admin/setting/base` |
+
+---
+
+## 四、后台管理端（PC）功能模块清单
+
+### 4.1 数据总览（Module-ADM-DASHBOARD）
+
+| 编号 | 二级模块 | 核心功能描述 | 优先级 | 对应接口 |
+| --- | --- | --- | --- | --- |
+| AD1 | 核心数据看板 | 今日/历史 PV·UV、发布量、订单额、会员数、商家数、分销佣金、待审核数 | P0 | `GET /admin/dashboard/overview` |
+| AD2 | 趋势分析 | 流量趋势图、营收趋势图、用户增长曲线 | P0 | `GET /admin/dashboard/trend?type=` |
+
+### 4.2 商家管理（Module-ADM-MERCHANT）
+
+| 编号 | 二级模块 | 核心功能描述 | 优先级 | 对应接口 |
+| --- | --- | --- | --- | --- |
+| AM1 | 商家列表 | 商家信息、认证状态、店铺信息、违规记录检索 | P0 | `GET /admin/merchants` |
+| AM2 | 资质审核 | 营业执照、法人身份证人工审核，支持通过/驳回 | P0 | `POST /admin/merchant/{id}/audit` |
+| AM3 | 店铺管理 | 店铺装修、推荐位设置、店铺状态（封禁/恢复） | P1 | `POST /admin/merchant/{id}/shop` |
+
+### 4.3 会员管理（Module-ADM-MEMBER）
+
+| 编号 | 二级模块 | 核心功能描述 | 优先级 | 对应接口 |
+| --- | --- | --- | --- | --- |
+| AU1 | 用户列表 | 个人 / 商家用户检索、详情查看、状态启用停用 | P0 | `GET /admin/users` |
+| AU2 | 会员权益设置 | 免费查看条数、发布折扣、分销比例等动态配置 | P0 | `POST /admin/member/benefit` |
+
+### 4.4 信息审核（Module-ADM-AUDIT）
+
+| 编号 | 二级模块 | 核心功能描述 | 优先级 | 对应接口 |
+| --- | --- | --- | --- | --- |
+| AP1 | 待审核列表 | 新发布信息人工审核，支持快速通过 / 驳回（可填原因） | P0 | `GET /admin/posts/pending`、`POST /admin/post/{id}/audit` |
+| AP2 | 已审核管理 | 历史审核记录查询，违规信息强制下架 | P0 | `POST /admin/post/{id}/offline` |
+| AP3 | **手动置顶** | 批量/单条「置顶 / 取消置顶」，置顶后在**用户端首页与「我的发布」中优先展示**，并给发布者发站内消息 | P0 | 后台 `fc/post/top` |
+
+### 4.5 评价管理（Module-ADM-COMMENT）
+
+| 编号 | 二级模块 | 核心功能描述 | 优先级 | 对应接口 |
+| --- | --- | --- | --- | --- |
+| AC1 | 评价列表 | 全平台评价查看，支持回复、置顶、删除 | P1 | `GET /admin/comments`、`POST /admin/comment/{id}/reply` |
+| AC2 | 举报处理 | 用户举报评价/信息的核实与处理 | P1 | `GET /admin/reports` |
+
+
+### 4.6 分销管理（Module-ADM-DIST）
+
+| 编号 | 二级模块 | 核心功能描述 | 优先级 | 对应接口 |
+| --- | --- | --- | --- | --- |
+| AS1 | 分润设置 | 开启/关闭分佣、分佣层级（一级/二级）、比例设置（合计 ≤ 100%） | P1 | `GET/POST /admin/dist/setting` |
+| AS2 | 分销商管理 | 分销商申请审核、清退、等级调整 | P1 | `GET /admin/dist/withdraws` |
+| AS3 | 佣金结算 | 未结算 / 已结算佣金统计，提现审核与微信打款 | P1 | `POST /admin/dist/withdraw/{id}/pay` |
+
+### 4.7 订单管理（Module-ADM-ORDER）
+
+| 编号 | 二级模块 | 核心功能描述 | 优先级 | 对应接口 |
+| --- | --- | --- | --- | --- |
+| AO1 | 发布订单 | 单条付费记录查询，支持补单、退款操作 | P0 | `GET /admin/orders`、`POST /admin/order/{id}/refund`、`POST /admin/order/supplement` |
+| AO2 | 会员订单 | 会员开通/续费记录，发票管理 | P1 | `GET /admin/orders?type=member` |
+| AO3 | 充值订单 | 余额充值记录，对账功能 | P1 | `GET /admin/orders?type=recharge` |
+
+### 4.8 财务管理（Module-ADM-FINANCE）
+
+| 编号 | 二级模块 | 核心功能描述 | 优先级 | 对应接口 |
+| --- | --- | --- | --- | --- |
+| AF1 | 资金流水 | 全平台收入 / 支出明细，支持按类型筛选 | P0 | `GET /admin/finance/flows` |
+| AF2 | 提现管理 | 用户 / 分销商提现申请审核，微信打款操作 | P0 | `POST /admin/dist/withdraw/{id}/pay` |
+| AF3 | 财务报表 | 日 / 月 / 年营收报表导出（Excel） | P1 | `GET /admin/finance/report?period=` |
+
+### 4.9 权限管理（Module-ADM-RBAC）
+
+| 编号 | 二级模块 | 核心功能描述 | 优先级 | 对应接口 |
+| --- | --- | --- | --- | --- |
+| AR1 | 角色管理 | 自定义角色（超级管理员、运营、客服、财务等）及权限集 | P0 | `GET /admin/roles`、`POST /admin/role` |
+| AR2 | 账号管理 | 后台子账号增删改查，分配角色权限 | P0 | `GET /admin/accounts` |
+| AR3 | 操作日志 | 后台关键操作留痕，支持追溯 | P1 | `GET /admin/logs` |
+
+### 4.10 系统设置（Module-ADM-SETTING）
+
+| 编号 | 二级模块 | 核心功能描述 | 优先级 | 对应接口 |
+| --- | --- | --- | --- | --- |
+| AZ1 | 基础配置 | 小程序名称、Logo、客服电话、关于我们、分享标题 | P0 | `GET/POST /admin/setting/base` |
+| AZ2 | 支付配置 | 微信支付商户号、API 密钥配置 | P0 | `POST /admin/setting/pay` |
+| AZ3 | 费用标准 | 单条发布价格、会员套餐价格（月/季/年）动态设置 | P0 | `GET/POST /admin/setting/fee` |
+| AZ5 | **发布与费用配置** | 发布模式开关（**免费发布 / 付费发布**）+ 会员单条发布价格 + 按月（价格 + 含条数）+ 按年（价格 + 含条数）；保存后同步月卡(M1)/年卡(M12) 套餐 | P0 | 后台 `fc/publish/index` |
+| AZ4 | 地区管理 | 同城服务区域划分（增删改、排序、启用） | P0 | `GET /admin/setting/areas`、`POST /admin/setting/area` |
+
+---
+
+## 五、核心业务规则（产品约束）
+
+| 编号 | 规则 | 说明 | 校验位置 |
+| --- | --- | --- | --- |
+| BR-01 | 商家资质 | 切换商家身份必须提交营业执照；提交后进入待审核 | 前端 + `switch-type` |
+| BR-02 | 手机号 | 必须符合 `^1\d{10}$` | 前端 + `bind-phone` |
+| BR-03 | 发布必填 | 分类、标题、内容为必填；标题 ≤ 40 字，内容 ≤ 500 字 | 前端 + `post/create` |
+| BR-04 | 发布审核 | 所有新发布信息默认「待审核」，审核通过后才进入信息流 | 后台 `post/{id}/audit` |
+| BR-05 | 付费查看 | 非会员查看联系方式需付费或开会员；付费方式仅支持 `wxpay` / `balance` | `post/{id}/pay-view` |
+| BR-06 | 评价评分 | 评分区间 1–5，评价内容必填 | `post/{id}/comment` |
+| BR-07 | 会员套餐 | 月卡 / 季卡 / 年卡三档，套餐必选 | `member/open` |
+| BR-08 | 分销比例 | 一级 + 二级分佣比例合计 ≤ 100% | `admin/dist/setting` |
+| BR-09 | 提现 | 金额 > 0 且 ≤ 可提现余额；驳回必须填写原因 | 用户端 & 后台 |
+| BR-10 | 退款 | 退款金额必须 > 0 | `admin/order/{id}/refund` |
+| BR-11 | 审核状态 | 审核动作仅允许「通过(1) / 驳回(2)」，历史状态只读 | `admin/*/audit` |
+| BR-12 | 角色权限 | 新建角色必须有名称且至少分配 1 项权限 | `admin/role` |
+| BR-13 | 发布计费 | 免费模式全部免费；付费模式按「套餐额度 → 每日免费条数 → 单条付费」顺序判定 | `post/create` |
+| BR-14 | 服务端定价 | 发布金额一律按后台配置计算，客户端传入的 `amount` 无效 | `post/create` |
+| BR-15 | 置顶优先 | 后台置顶的信息在首页信息流与「我的发布」中优先展示 | `post/top`、`home/feed` |
+
+## 六、优先级与迭代规划
+
+| 阶段 | 目标 | 模块范围 | 交付判定 |
+| --- | --- | --- | --- |
+| **MVP（P0）** | 跑通「浏览 → 登录 → 发布 → 审核 → 查看 → 付费」最小闭环 | AUTH、HOME、POST、DETAIL(D1/D4)、MEMBER(M1–M3)、ADM-DASHBOARD、ADM-MERCHANT、ADM-AUDIT、ADM-RBAC、ADM-SETTING、ADM-ORDER(AO1)、ADM-FINANCE(AF1/AF2) | 用户可发布付费信息并被审核，管理员可配置价格与区域 |
+| **迭代一（P1）** | 商业化增强：会员订阅 + 分销裂变 | MEMBER(M4)、DIST 全部、MESSAGE、DETAIL(D5/D6)、ADM-COMMENT、ADM-DIST、ADM-FINANCE(AF3)、ADM-ORDER(AO2/AO3) | 会员可开通、分销可提现、后台可结算 |
+| **迭代二（P2）** | 体验与运营精细化 | 余额充值、消息已读、设置与关于、店铺装修 | 全流程无阻塞，可支撑日常运营 |
+
+## 七、接口映射总览
+
+| 端 | 接口前缀 | 接口数量 | 说明 |
+| --- | --- | --- | --- |
+| 用户端 | `/api/v1/auth`、`/home`、`/post`、`/member`、`/distribution`、`/message` | 24 | 小程序端调用 |
+| 后台管理端 | `/api/v1/admin/**` | 28 | PC 端调用 |
+
+> 完整字段级契约见 `docs/03-接口文档.md`；全链路验证结论见 `docs/04-全链路测试用例与报告.md`。
+
diff --git a/uniapp/docs/02-UI设计规范.md b/uniapp/docs/02-UI设计规范.md
new file mode 100644
index 0000000..0983f04
--- /dev/null
+++ b/uniapp/docs/02-UI设计规范.md
@@ -0,0 +1,370 @@
+# 同城分类信息小程序 · UI 设计规范（春绿）
+
+> 角色视角：UI/UX 设计师
+> 设计目标：**环保、生态、健康、高端大气，强化品牌形象**
+> 主色调：**春绿（Spring Green）+ 阳光金** —— 以「亮绿」立品牌、以「收获金」点价值，
+> 传递「天然、健康、可信赖、有品质感」的本地生活平台气质（主色与后台管理系统 / 登录页同一色号，前后台一套品牌）
+> 图标规范：**全站使用图片图标（非 emoji）**，统一走 `common/assets/icons.js` 注册表，支持后台一键替换
+> 版本：v1.3.0（春绿主题 · 全站换色 + 轮播改墨绿字）　编制日期：2026-10-15
+
+---
+
+## 一、设计理念（Design Concept）
+
+| 关键词 | 设计落点 |
+| --- | --- |
+| **生态感** | 森林绿主色 + 薄荷白底 + 收获金点缀，回避高饱和的电商红橙，营造「天然、健康、清透」的生态质感 |
+| **高端大气** | 深绿 Hero（`$fc-gradient-deep`）+ 大圆角（16–24rpx）+ 大留白（24–48rpx 栅格）+ 大字号层级，信息块整块呈现 |
+| **品牌强化** | 颜色即层级：**绿=平台与内容**、**金=价值与特权**（会员/热度/价格），一眼即可辨认品牌 |
+| **操作简便** | 每个页面「一眼看到主操作」：首页=搜索、详情=联系/付费、发布=底部双按钮 |
+| **流畅** | 骨架屏 + 上拉分页 + 按压回弹（`scale(0.985)`）+ 过渡动效，避免等待焦虑 |
+| **一致性** | 全端共用一套设计令牌（Design Token）；品牌亮绿 `#00E070` 与后台登录页 `--brand-bright` 完全一致，用户端与后台端同一套色板与圆角体系 |
+
+## 二、色彩系统（Color Tokens）
+
+### 2.1 品牌主色 · 春绿（Spring Green v4）
+
+> 色源：设计稿亮绿，图片取样均值 `#04E06E` / 众数 `#00DF6C` → 规范取值 **`#00E070`**。
+> **核心规则（v4 起强制）**：亮绿只做「面」（按钮底 / 徽章 / 胶囊 / 选中态 / 轮播底），**面上的字一律墨绿 `#04301E`**；
+> 白字只允许出现在 `#04874A` 及更深的绿面上。原因：白字压亮绿仅 **1.77:1**，墨绿字压亮绿 **8.22:1**。
+
+| Token | 色值 | 用途 |
+| --- | --- | --- |
+| `$fc-primary` | `#00E070` | 品牌亮绿·面：主按钮底、徽章、胶囊、选中态、未读点、轮播底（= 后台登录页 `--brand-bright`） |
+| `$fc-primary-ink` | `#04301E` | **亮绿面上的字**（8.2:1）：按钮文字、选中态文字、轮播标题 |
+| `$fc-primary-text` | `#04874A` | 白底上的绿字 / 强调文字、描边按钮文字（4.6:1） |
+| `$fc-primary-light` | `#5CF3A6` | 主色浅：仅装饰（描边、进度、高光） |
+| `$fc-primary-lighter` | `#E4FDF0` | 主色极浅：选中背景块、标签底色 |
+| `$fc-primary-dark` | `#00B85C` | 主色中段：按压态、渐变中段 |
+| `$fc-primary-deep` | `#046B3B` | 深绿面：白字区收尾、会员资产卡（白字 6.6:1） |
+| `$fc-primary-deeper` | `#023A21` | 极深绿：Hero 收尾、深色浮层（白字 12.9:1） |
+| `$fc-primary-soft` | `#A9F2CE` | 浅绿点缀：进度、分割、图示 |
+| `$fc-accent` | `#F5A623` | 辅助色·阳光金：会员、热度、收藏、价格（**只给「值得关注」的信息**） |
+| `$fc-accent-lighter` | `#FFF4E0` | 金色极浅：会员类标签底 |
+
+### 2.2 渐变（Gradient）
+
+| Token | 定义 | 用途 |
+| --- | --- | --- |
+| `$fc-gradient-primary` | `linear-gradient(135deg,#00E070 0%,#00C860 55%,#00B85C 100%)` | **亮绿面**：主按钮、选中态、底部主操作、指示条（配 `$fc-primary-ink`） |
+| `$fc-gradient-hero` | `linear-gradient(150deg,#04874A 0%,#046B3B 55%,#023A21 100%)` | **深绿面**：首页头部、我的 / 会员 / 分销头部、渐变导航条（配白字，≥4.6:1） |
+| `$fc-gradient-deep` | `linear-gradient(150deg,#046B3B 0%,#023A21 100%)` | 会员资产卡等「高端大气」场景（配白字） |
+| `$fc-gradient-gold` | `linear-gradient(135deg,#FFC25C 0%,#F5A623 55%,#D98A0B 100%)` | 会员卡、邀请海报、置顶标签、价格条 |
+| `$fc-gradient-warm` | 同 `$fc-gradient-gold` | 旧名兼容（会员/徽章/价格条） |
+| `$fc-gradient-soft` | `linear-gradient(180deg,#EEF9F4 0%,#F7FCFA 100%)` | 空状态图标底、柔和卡片、缩略图占位 |
+
+### 2.3 中性色（文字 / 背景 / 边框）
+
+| Token | 色值 | 用途 |
+| --- | --- | --- |
+| `$fc-text` | `#04291C` | 主文字（墨绿黑，比纯黑透气、比暖褐更净；15.7:1） |
+| `$fc-text-regular` | `#2F5A46` | 常规正文 |
+| `$fc-text-secondary` | `#3F6B57` | 次要说明、辅助信息（薄荷底 5.9:1） |
+| `$fc-text-placeholder` | `#8FB3A3` | 占位符、极弱信息 |
+| `$fc-bg` | `#F2FEF7` | 页面底色（薄荷白，衬托绿与金） |
+| `$fc-bg-card` | `#FFFFFF` | 卡片底色 |
+| `$fc-bg-hover` | `#E4FDF0` | 按压 / 悬停底 |
+| `$fc-border` | `#D6F3E3` | 分隔线、卡片描边 |
+
+### 2.4 功能色
+
+| 语义 | 色值 | 用途 |
+| --- | --- | --- |
+| 成功 `$fc-success` | `#04874A` | 已通过、已支付、已认证（小字号白底可读 4.6:1） |
+| 警告 `$fc-warning` | `#F5A623` | 待审核、审核中 |
+| 危险 `$fc-danger` | `#E5484D` | 已驳回、必填星号、违规 |
+| 信息 `$fc-info` | `#3F6B57` | 中性提示 |
+| 价格 `$fc-price` | `#E0891B` | 价格强调（金色，与绿色主色形成高对比、显品质） |
+
+> **对比度校验**（WCAG 实算，v4 春绿）：`#04291C` on `#F2FEF7` ≈ **15.2:1**（AAA）；`#04301E` on `#00E070` ≈ **8.2:1**（AAA 亮绿面）；
+> `#FFFFFF` on `#04874A` ≈ **4.6:1** / on `#046B3B` ≈ **6.6:1** / on `#023A21` ≈ **12.9:1**（白字区全部 AA 达标）；
+> 被淘汰的组合：`#FFFFFF` on `#00E070` ≈ **1.77:1** —— 因此 v4 起**禁止**在亮绿面上用白字（已有回归用例）。
+> 金色 `#F5A623` 仅用于**图标 / 大字号 / 色块**，不用于小字号正文，避免低对比。
+> **禁用**：`$fc-danger` 不与主色渐变同屏大面积叠加，保证「危险」语义唯一。
+
+## 三、排版系统（Typography）
+
+> v2 调整：整体字号**上移一档**，小字号（22/24rpx）不再"发虚"，层级更清晰。基准 750 设计稿，正文 28rpx。
+
+| Token | 字号 | 行高 | 用途 |
+| --- | --- | --- | --- |
+| `$fc-font-title` | **42rpx** | 1.3 | 页面大标题、详情标题 |
+| `$fc-font-xl` | 36rpx | 1.3 | 导航栏标题、区块标题 |
+| `$fc-font-lg` | 32rpx | 1.4 | 卡片标题、按钮文字、分类项标题 |
+| `$fc-font` | 28rpx | 1.5 | 正文默认 |
+| `$fc-font-sm` | **26rpx** | 1.5 | 分类名、辅助说明、占位符 |
+| `$fc-font-xs` | **24rpx** | 1.5 | 标签、时间戳、Tab 文字 |
+
+**行高令牌**：`$fc-leading-tight: 1.3` / `$fc-leading: 1.5` / `$fc-leading-loose: 1.7`
+
+**字重规则**
+
+| 场景 | 字重 | 说明 |
+| --- | --- | --- |
+| 页面/区块大标题 | 700 | 强层级 |
+| 卡片标题、按钮、价格 | 600–700 | 中强 |
+| 正文 | 400 | 常规 |
+| 辅助说明 | 400 | 色值降级而非字重降级 |
+
+- 字体族：`-apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, sans-serif`
+- **禁止使用 < 400 的细字重**（小程序渲染易发虚）
+- 字号对比靠"色阶 + 字重"配合，不靠极端字号差（最小 24rpx、最大 42rpx，跨度 1.75×，视觉稳定）
+
+
+## 四、圆角 / 间距 / 阴影（Layout System）
+
+### 4.1 圆角
+
+| Token | 值 | 用途 |
+| --- | --- | --- |
+| `$fc-radius-sm` | 8rpx | 小标签、内嵌块 |
+| `$fc-radius` | 16rpx | 输入框、普通卡片 |
+| `$fc-radius-lg` | 24rpx | 信息卡片、弹层卡片 |
+| `$fc-radius-pill` | 999rpx | 按钮、分类 Chip、搜索框 |
+
+### 4.2 间距（8rpx 基准栅格）
+
+| Token | 值 | 用途 |
+| --- | --- | --- |
+| `$fc-gap-xs` | 8rpx | 图标与文字 |
+| `$fc-gap-sm` | 16rpx | 行内元素间距 |
+| `$fc-gap` | 24rpx | 卡片内边距 / 页面左右边距 |
+| `$fc-gap-lg` | 32rpx | 区块之间 |
+| `$fc-gap-xl` | 48rpx | 大区块分隔 |
+
+### 4.3 阴影（绿色投影，避免灰黑脏感）
+
+| Token | 值 | 用途 |
+| --- | --- | --- |
+| `$fc-shadow` | `0 6rpx 24rpx rgba(14,124,102,0.12)` | 常规卡片 |
+| `$fc-shadow-lg` | `0 12rpx 40rpx rgba(4,48,30,0.18)` | 轮播、会员卡、浮层 |
+| `$fc-shadow-gold` | `0 10rpx 28rpx rgba(245,166,35,0.28)` | 金色会员条 / 付费 CTA |
+
+> **禁忌**：不使用纯黑阴影 `rgba(0,0,0,.2)`；统一使用**主色低透明度投影**（绿系卡片用绿投影、金色 CTA 用金投影），保证画面通透不脏。
+
+## 五、组件规范（Components）
+
+| 组件 | 路径 | 规范要点 |
+| --- | --- | --- |
+| 导航栏 `fc-navbar` | `components/fc-navbar` | 渐变主题 / 白色主题两种；自适应状态栏高度；返回按钮 60rpx 热区 |
+| 底部 Tab `fc-tabbar` | `components/fc-tabbar` | 4 项布局，中间「发布」为 76rpx 渐变圆形悬浮主操作，`margin-top:-34rpx` |
+| 信息卡片 `fc-post-card` | `components/fc-post-card` | 200rpx 渐变缩略图（emoji 占位）+ 标题 2 行截断 + 标签 + 价格 + 曝光/互动数据；**置顶角标**（`isTop` 为真时显示，亮绿渐变面 + 墨绿字，见 §5.5） |
+| 空状态 `fc-empty` | `components/fc-empty` | 160rpx 圆形柔和底 + emoji + 文案 + 可选行动按钮 |
+
+### 5.1 关键状态设计
+
+| 状态 | 视觉表达 |
+| --- | --- |
+| 加载中 | 骨架屏（`fc-skeleton` 微光动效），不使用全屏 loading 遮罩 |
+| 空数据 | `fc-empty` 绿色圆形图标底 + 引导按钮（如「去发布」） |
+| 按钮按压 | `transform: scale(0.97)`；卡片按压 `scale(0.985)` |
+| 选中态 | 主色描边 + `$fc-primary-lighter` 底色（如分类 Chip、套餐卡） |
+| 未读 | 22rpx 主色圆点 / 导航角标（白底绿字 `$fc-primary`） |
+| 禁用 | 背景 `#CFE0D9`，文字白色（`fc-btn--disabled`） |
+
+### 5.2 页面级布局范式
+
+| 页面 | 布局范式 |
+| --- | --- |
+| 首页 | 渐变头部（定位+搜索+铃铛）→ 浮起轮播 → 分类九宫格 → 会员条 → 筛选栏 → 信息流 |
+| 发布页 | 表单卡片化分区（分类/表单/联系方式/发布方式/草稿箱）→ 底部固定双按钮（存草稿 + 支付并发布） |
+| 详情页 | 大图 → 标题价格卡 → 发布者卡 → 描述卡 → 联系方式卡（锁定/解锁两态）→ 评价卡 → 底部悬浮操作栏 |
+| 会员中心 | 渐变头部资产卡 → 权益卡 → 套餐三选一 + 支付方式 → 快捷入口 |
+| 分销中心 | 渐变佣金总览（大数字）→ 邀请推广 → 团队（等级 Tab）→ 提现记录 → 提现底部弹层 |
+| **我的发布** | 状态筛选行（5 个 Chip + 数量角标）→ 信息卡片列表（标题 + 状态标 + 置顶角标 + 分类/区域/时间 + 驳回原因条 + 数据 + 查看/删除）→ 底部悬浮「＋ 发布」 |
+
+### 5.3 图标与 LOGO 视觉规范（配图 v2 · 全图片，可后台替换）
+
+> 全站**不使用任何矢量线条图标 / emoji**，所有图标均为「填充插画」PNG，图形内容与文字名称一一对应。
+
+| 项 | 规范 |
+| --- | --- |
+| 图标来源 | `static/icons/*.png`（SVG 插画渲染 → 两遍 alpha 反解 → 192×192，**真实透明**） |
+| 造型语言 | **纯填充色块插画**（flat illustration v2）：形体饱满、笔画厚重、无细描边 |
+| 三色配方 | `c1 主色` + `c2 第二色`（结构/阴影/副体） + **纯白高光**，画面干净统一 |
+| 占画布比例 | 图形占 6%~90%，保证 36rpx 与 96rpx 两种场景下视觉重量一致 |
+| 徽章底 | **垂直渐变圆角块**（浅色→稍深，如 `#E9F7F2 → #D2EFE5`），圆角 `rx=30/96`（≈31%） |
+| 两种呈现 | ① **配图徽章**：渐变底 + 66% 居中插画 → 分类、功能入口、消息类型、身份选择<br>② **独立配图**：透明底、铺满画布 → 导航、页内按钮、状态标识 |
+| 尺寸阶梯 | `xs 30rpx` / `sm 36rpx` / `md 48rpx` / `lg 64rpx` / `xl 88rpx`；徽章 `badge-sm 76rpx` / `badge 96rpx` |
+| 与文字关系 | 图标 + 文字水平组合统一用 `.fc-inline`（间距 10rpx） |
+| 分类配图 | 招聘·公文包 / 房产·房子 / 二手·立体包裹箱 / 车辆·汽车 / 服务·八齿齿轮 / 教育·学士帽 / 家政·三重闪光 / 交友·爱心 |
+| 分类配色 | 统一**春绿系**（招聘 `#04874A` / 房产 `#1F8C4C` / 二手 `#5F9A2F` / 车辆 `#0E8C6A` / 服务 `#17BF7A` / 教育 `#3E8C5E` / 家政 `#17B368`），仅「同城交友」用暖金 `#E9A23B` 点缀；徽章底为对应浅绿渐变 —— 目的是**用统一色系强化品牌识别**，而非七彩分类 |
+| LOGO 规格 | `static/logo.png`（春绿渐变 `#00E070→#00A855→#046B3B` 圆角方块 + 白色定位针 + **金色**分类列表三条）—— 亮绿立品牌、金点价值，白色针脚落在深绿端保证可读 |
+| LOGO 用法 | 首页左上角 `60rpx`（`.fc-logo--sm`）/ 登录页 `140rpx`（`.fc-logo--lg`）/ 后台预览 |
+
+**配图与文案对应关系（节选）**
+
+| 文案 | 图标 key | 配图内容 |
+| --- | --- | --- |
+| 招聘求职 | `cat-job` | 公文包（提手 + 锁扣） |
+| 房产租售 | `cat-house` | 屋顶 + 门 + 窗 |
+| 二手闲置 | `cat-goods` | 三面立体包裹箱 |
+| 车辆买卖 | `car` | 车身 + 双车窗 + 双轮 |
+| 本地服务 | `gear` | 八齿齿轮 + 中心轴 |
+| 教育培训 | `graduation` | 学士帽 + 流苏 |
+| 家政保洁 | `sparkle` | 三重闪光 |
+| 同城交友 | `heart` | 爱心 + 椭圆高光 |
+| 会员 | `crown` / `mine-vip` | 三尖皇冠 + 三颗宝石 |
+| 订单 | `box` / `receipt` | 立体箱 / 锯齿票据 |
+| 分销 | `network` | 三级节点连线 |
+| 微信支付 | `paywechat` | 圆角方块 + ¥ |
+| 绑定手机 | `phonebind` | 手机 + 白色屏幕 |
+
+**生成链路**（`tools/`）
+
+```
+icon-svg.mjs   ART（41 个图形母版）+ OUTPUTS（74 项春绿配色/渐变）
+      ↓
+gen-icons.mjs  同一 SVG 渲染「白底」「黑底」两遍
+      ↓  contentBox 定位真实内容区 → crop → extractAlpha 反解 alpha → downscale 2×
+png-util.mjs   零依赖 PNG 解码 / 编码 / 透明提取 / 盒式降采样
+      ↓
+static/icons/*.png   192×192 真实透明配图 + static/logo.png（512×512 春绿 LOGO）
+```
+
+**配色自检**（改主题必跑）：
+
+```bash
+node tools/preview-theme.mjs --render   # 出「首页仿真 + 全量令牌色板」预览图
+# 同时自动扫描 pages/components/common/App.vue/uni.scss，
+# 若还残留旧暖色（#FF6F3C / rgba(255,111,60…) 等）会直接列出并以退出码 1 报错
+```
+
+**命名与替换**：每个图标有唯一 `key`（如 `tab-home`、`cat-job`、`mine-vip`），
+后台「LOGO 与图标设置」按 `key` 上传替换，前端 `iconUrl(key)` 自动优先取后台地址。
+
+### 5.4 轮播卡视觉规范（Banner v3 · 亮绿底 + 墨绿字 + 右侧白色插画）
+
+> 由 v1.1 的「后台纯色底 + 白字」升级为**五层结构**：底色由后台下发，其余修饰全部由页面 CSS 绘制，
+> 装饰只用中性半透明色，因此后台换任何季节底色都不会串色。
+> v3（春绿）关键变化：底色改为 **105deg 亮绿（左）→ 深绿（右）**，文字区在亮绿端改用**墨绿字**（8.2:1），
+> 白色插画落在右侧深绿端（白字/白图形只在深绿区）——亮绿面与白字彻底解耦。
+
+```
+① 后台渐变底色（color）：105deg，亮绿 #00E070（左）→ 深绿 #046B3B（右）
+② 装饰层：径向光晕（弱化至 .14，保住右侧白插画对比）+ 叶脉斜纹 + 双层远山（rgba 中性）
+③ 大徽章：双圆环（实线 + 点线）+ 白色插画（落在右侧深绿端；与 LOGO 的白色定位针同一手法）
+④ 左侧提亮罩：linear-gradient(90deg, rgba(255,255,255,.22) → 0) 提升墨绿字对比
+⑤ 文字浮层：标签 → 标题 → 立即查看（全部墨绿字 $fc-primary-ink）
+```
+
+| 项 | 规范 |
+| --- | --- |
+| 尺寸 | 高 `300rpx`、左右 `24rpx`、上浮 `-50rpx`（压住渐变头部）；圆角 `$fc-radius-lg`、阴影 `$fc-shadow-lg` |
+| 插画 | `static/banners/banner-art-{1,2,3}.png`（192×192，**白色 + 薄荷**、真实透明，单张 ≤ 2.5KB），按轮播位置循环取用 |
+| 插画内容 | ① 立体包裹箱（二手）② 公文包（招聘）③ 屋顶 + 门的小家（本地服务/上门） |
+| 装饰配色 | 只使用**中性半透明**：`rgba(255,255,255,·)` 与 `rgba(4,48,42,·)` —— 跟随任何后台底色都不串色；文字色由主题令牌 `$fc-primary-ink` 决定，后台换底色也不会改坏文字可读性 |
+| 文字层级 | 标签「同城精选」22rpx 白毛玻璃药丸（`rgba(255,255,255,.72)` + 白描边 + 墨绿字）→ 标题 **34rpx / 700 墨绿字 `#04301E`**（最多 2 行，白色柔和投影）→ CTA「立即查看 ›」白底 `#04874A` 字药丸 24rpx |
+| 对比度（实测） | **标题区墨绿字 vs 底色最差 6.69:1**（banner 1）/ 5.70:1（banner 2）/ **4.71:1**（banner 3），全部 ≥ WCAG AA；白色插画落在深绿端（≥3.6:1 图形对比）。解析法脚本按真实几何复算（135deg 旧版量得白字最差仅 3.00:1 故弃用白字方案） |
+| 金色规则 | **金只给价值**：`bannerHasValue()` 为真（「直降 / 免费」）时，圆环右上嵌一颗金色宝石点；平台服务类轮播不带金色 |
+| 后台自定义 | ① 换底色：后台「轮播管理 → 背景色」填 `linear-gradient(...)`（建议沿用 105deg 亮绿→深绿），前端原样生效；② 换整幅图：填 `image` 后铺满并自动隐藏装饰层；③ 历史纯色值、空值、**被字段宽度截断的半截值**（如 `linear-gradient(`）均被视为未配置并回落内置绿渐变 |
+| 存储与扩容 | 该底色的字段是 `fc_banner.color`：**由 `varchar(16)` 扩容为 `varchar(255)`**（渐变串约 70 字符，16 会截断成非法样式 → 卡片空白）；老库执行 `php think fc:install` 自动扩容并回填春绿渐变 |
+| 生成工具 | `tools/banner-art.mjs`（白色插画配色，复用 `icon-svg.mjs` 的 `ART` 母版）+ `tools/gen-banner-art.mjs`（两遍 alpha 反解 → 192×192 透明 PNG） |
+| 资源体积 | 3 张插画合计 **6.0KB**（主包友好；整幅位图方案单张就需数十倍体积，故只将「插画」图片化） |
+
+**对比度测量方法**（可复现）：同一页面渲染「显示 / 隐藏文字层」两版 PNG → 逐像素求差定位文字块
+（标签 / 标题 / 按钮）→ 在「标题」条的 x 区间内取背景像素亮度 → 以 99 分位（最亮 = 白字最坏情况）
+代入 `1.05 / (L + 0.05)` 得到最差对比度。
+
+### 5.5 我的发布页 / 置顶角标 / 发布方式（v1.0.7 新增）
+
+**① 置顶角标（信息卡片通用）**
+
+| 项 | 规范 |
+| --- | --- |
+| 触发条件 | `post.isTop === true`（后台「信息管理 → 置顶」）。**不再用 `isPaid` 判断**——v1.0.6 之前这里曾把「置顶」角标误绑到 `isPaid` 上，导致付费信息被标成置顶、真正的 `is_top` 无人使用 |
+| 视觉 | 亮绿渐变 `$fc-gradient-primary` 面 + 墨绿字 `$fc-primary-ink`；20–22rpx、圆角 `$fc-radius-sm`，位于标签行/元信息行最前 |
+| 排序一致 | 首页信息流与「我的发布」均按 `is_top desc` 优先展示，角标与排序口径一致 |
+
+**② 我的发布页（`pages/post/mine.vue`）**
+
+| 区块 | 规范 |
+| --- | --- |
+| 状态筛选 | 5 个 Chip：全部 / 待审核 / 已通过 / 已驳回 / 已下架；选中态 = 亮绿渐变面 + 墨绿字（与其他页面 Chip 一致）；每项带 22rpx 数量角标 |
+| 状态标 | 待审核 = 金色系 `$fc-accent-lighter` 底 + `$fc-accent-dark`；已通过 = `$fc-primary-lighter` 底 + `$fc-primary-text`；已驳回 = 浅红底 + `$fc-danger`；已下架 = 灰底 + `$fc-text-secondary`（**颜色不单独承载语义**，均带文字） |
+| 驳回原因条 | 浅红底提示条「驳回原因：xxx」，让用户知道怎么改 |
+| 已下架提示 | 灰提示条「该信息已被后台下架」 |
+| 操作 | 卡片点击进详情；「删除」二次确认（`uni.showModal`），删除后列表与计数即时刷新 |
+| 空态 | `fc-empty`「还没有发布信息」+「去发布」按钮 |
+| 数据契约 | `GET /post/mine`（含 `counts`），置顶优先 + 发布时间倒序 |
+
+**③ 发布页「发布方式」动态渲染（`pages/post/create.vue`）**
+
+| 后台配置 | 前端呈现 |
+| --- | --- |
+| `post.mode = free`（免费发布） | 不显示价格与支付方式，提示条「当前为免费发布，所有用户均可免费发布信息」，主按钮文案「免费发布」 |
+| `post.mode = paid`（付费发布） | 标题行右侧显示「套餐额度：剩余 N 条」；方式卡按可用性渲染：**套餐额度**（有额度时，免费）/ **今日免费**（每日免费条数未用完，免费）/ **会员单条**（`¥singlePrice`）/ **按月发布**（`¥monthPrice`，含 N 条）/ **按年发布**（`¥yearPrice`，含 M 条）；只有需要付费时才出现支付方式（微信 / 余额） |
+| 价格来源 | 一律来自 `GET /post/publish-config`（后台配置），前端**不写死**任何金额；提交只传 `plan` 与 `payType`（金额由服务端计算） |
+
+> 规则一致性：亮绿面的文字一律用墨绿 `$fc-primary-ink`（含选中 Chip、置顶角标、主按钮），白字只出现在深绿面（`$fc-primary-deep` 及更深）——见 §2.1。
+
+## 六、动效规范（Motion）
+
+| 场景 | 时长 | 缓动 | 说明 |
+| --- | --- | --- | --- |
+| 按钮按压 | 150ms | ease | `scale(0.97)` |
+| 卡片按压 | 150ms | ease | `scale(0.985)` |
+| 轮播切换 | 500ms | 默认 | 4s 自动播放，循环 |
+| 骨架微光 | 1200ms | ease-in-out | 循环 opacity 0.55↔1 |
+| 弹层出现 | 200ms | ease-out | 底部上滑 |
+
+## 七、实现落地（Code Mapping）
+
+| 设计令牌 | 代码位置 |
+| --- | --- |
+| SCSS 变量 | `uni.scss`（`$fc-*`，全局自动注入） |
+| CSS 变量 | `App.vue` 的 `page {}`（`--fc-*`，运行时可读） |
+| 通用原子类 | `App.vue`：`.fc-page` `.fc-card` `.fc-btn` `.fc-tag` `.fc-price` `.fc-thumb` `.fc-empty` `.fc-skeleton` `.fc-ellipsis` |
+| 组件 | `components/fc-navbar` `fc-tabbar` `fc-post-card` `fc-empty` |
+| 图标 / LOGO 生成 | `tools/icon-svg.mjs`（OUTPUTS 配色）+ `tools/gen-icons.mjs`（渲染 PNG）——**品牌色只在这两处定义** |
+| 轮播配图生成 | `tools/banner-art.mjs`（白色插画配色，复用 `ART` 母版）+ `tools/gen-banner-art.mjs`（透明 PNG → `static/banners/`） |
+| 轮播取图与护栏 | `common/assets/banners.js`（`bannerArtUrl` / `bannerHasValue` / `bannerBg`）+ `pages/index/index.vue` 的 `.home__banner-*` |
+| 配色自检 / 预览 | `tools/preview-theme.mjs`（首页仿真 + 令牌色板 + 旧色残留扫描 + 轮播三态演示） |
+
+### 7.1 使用示例
+
+```vue
+<template>
+  <view class="fc-page">
+    <view class="fc-card">
+      <text class="fc-tag">置顶</text>
+      <view class="fc-price"><text class="fc-price__symbol">¥</text><text>680</text></view>
+      <view class="fc-btn" @click="submit">立即发布</view>
+    </view>
+  </view>
+</template>
+```
+
+## 八、可访问性与体验细则
+
+1. **点击热区** ≥ 88rpx×88rpx（返回、铃铛、Tab 项均满足）。
+2. **文字不截断关键信息**：价格、联系方式、订单号完整显示；标题最多 2 行截断。
+3. **颜色不单独承载语义**：审核状态同时有文字（待审核/已通过/已驳回），不仅靠颜色区分。
+4. **安全区适配**：底部固定栏均带 `fc-safe-bottom`（`env(safe-area-inset-bottom)`）。
+5. **首屏性能**：使用骨架屏而非 loading 遮罩，保证「使用流畅」的感知。
+6. **暗色兼容**：当前为浅色春绿主题；如后续支持深色模式，仅需覆写 `page` 上的 CSS 变量（`App.vue`）并补一组暗色令牌，业务样式零改动（已按 Token 化设计）。
+
+## 九、与原始需求图的一致性核对
+
+| 需求图模块 | 设计落点 | 状态 |
+| --- | --- | --- |
+| 认证与登录（微信授权/手机号/身份切换） | 登录页渐变品牌区 + 身份双选卡 + 资质上传 | ✅ |
+| 首页与展示（分类/搜索/信息流/筛选） | 首页渐变头部 + 轮播 + 九宫格 + 筛选栏 + 卡片流 | ✅ |
+| 信息发布（表单/付费置帖/套餐/草稿箱） | 发布页四段卡片 + 底部双按钮 + 草稿箱区 | ✅ |
+| 信息详情（内容/付费查看/评价） | 详情页六段卡片 + 联系锁态/解锁态 | ✅ |
+| 会员中心（权益/开通/订单/资产） | 会员页资产头卡 + 权益 + 套餐三选一 + 订单页 | ✅ |
+| 分销中心（概览/团队/提现） | 分销页佣金大数字 + 团队 Tab + 提现弹层 | ✅ |
+| 消息中心（系统/互动） | 消息页双 Tab + 未读红点 | ✅ |
+| 后台管理端 10 大模块 | 模块清单见 `docs/01-产品功能模块清单.md` 第四章 | ✅ |
+
+## 十、版本记录
+
+| 版本 | 主题 | 变更要点 |
+| --- | --- | --- |
+| v1.0.0 | 暖色调 | 初版设计规范（暖橙主色 + 奶油底），确立令牌化体系 |
+| v1.1.0 | 暖色调 | 字号整体上移一档；配图 v2（全图片图标 + 真实透明）；分页/骨架屏规范 |
+| **v1.2.0** | **生态绿（Eco Green）** | 主色改为生态绿 `#0E7C66`（与后台登录页同色号）；新增深绿 Hero / 阳光金双色体系；正文改墨绿系、底色改薄荷白；**74 枚图标全量重配绿系颜色**、LOGO 改绿+金；新增 `tools/preview-theme.mjs` 配色自检与预览出图 |
+| **v1.2.1** | **生态绿（Eco Green）** | **首页轮播配图重做**（§5.4）：由「后台纯色底 + 白字」升级为「生态绿渐变 + 光晕/叶脉/远山装饰 + 双圆环白色插画大徽章 + 左侧压暗罩 + 文字浮层」五层结构，白字对比度实测 ≥4.93:1；新增 `common/assets/banners.js`（取图 / 金色点缀 / 旧纯色回落护栏）、`static/banners/` 3 张白色插画（6.0KB）、`tools/banner-art.mjs` + `tools/gen-banner-art.mjs` 生成链路与 12 条自动化用例 |
+| **v1.3.0** | **春绿（Spring Green v4）** | **全站换色**：品牌主色改为设计稿亮绿 `#00E070`（图样均值 `#04E06E`）；确立「亮绿=面 + 墨绿字 `#04301E`（8.2:1）／白字只落在 `#04874A` 及更深绿面」双面规则，新增 `$fc-primary-ink` / `$fc-primary-text` / `$fc-gradient-hero` 令牌；**74 枚图标 + LOGO + 3 张轮播插画全量重配春绿**；页面底色 `#F2FEF7`、正文 `#04291C`、辅助 `#3F6B57`；轮播改 v3（105deg 亮绿底 + 墨绿字 + 右侧白插画，最差 4.71:1）；`tools/preview-theme.mjs` 退役色扫描扩展到整套 v1.2 生态绿，新增 3 条主题回归用例 |
+| **v1.4.0** | **春绿（Spring Green v4）** | **发布侧三件事**（§5.5）：① 新增「我的发布」页 （状态 Chip + 计数 + 驳回原因条 + 删除，置顶优先）；② 信息卡片「置顶」角标改由 `isTop` 驱动（原误绑 `isPaid`），首页与我的发布均 `is_top desc` 优先展示；③ 发布页「发布方式」改为按后台「发布与费用配置」动态渲染（免费模式下只留提示条；付费模式显示 套餐额度/今日免费/单条/按月含 N 条/按年含 M 条），价格一律来自接口、前端不再写死 |
+
diff --git a/uniapp/docs/03-接口文档.md b/uniapp/docs/03-接口文档.md
new file mode 100644
index 0000000..7df9e1f
--- /dev/null
+++ b/uniapp/docs/03-接口文档.md
@@ -0,0 +1,413 @@
+# 同城分类信息小程序 · 前后端接口文档
+
+> 角色视角：后端 / 前端联调工程师
+> 网关地址：`https://fenleixinxi.gzyakj.com.cn/api`
+> 版本前缀：`/api/v1`
+> 版本：v1.0.0　编制日期：2026-10-15
+
+---
+
+## 一、约定（Convention）
+
+### 1.1 统一响应结构
+
+```json
+{ "code": 0, "message": "ok", "data": {} }
+```
+
+| 字段 | 类型 | 说明 |
+| --- | --- | --- |
+| `code` | number | `0` 或 `200` 表示成功；其余为业务错误码 |
+| `message` | string | 提示文案（失败时直接用于 Toast） |
+| `data` | any | 业务数据，前端请求层自动解包（页面直接拿到 `data`） |
+
+### 1.2 请求头
+
+| Header | 值 | 说明 |
+| --- | --- | --- |
+| `Content-Type` | `application/json;charset=UTF-8` | 固定 |
+| `Authorization` | `Bearer {token}` | 登录后由请求层自动注入 |
+| `X-Client` | `fenleixinxi` | 客户端标识 |
+
+### 1.3 错误码
+
+| code | 含义 | 前端处理 |
+| --- | --- | --- |
+| 0 / 200 | 成功 | 解包 `data` |
+| 401 | 登录态失效 | 清 token → 跳转 `/pages/auth/login` |
+| 404 | 资源不存在 | 抛出「信息不存在」 |
+| 其他 | 业务校验失败 | Toast 展示 `message` |
+
+### 1.4 分页结构
+
+```json
+{ "list": [], "page": 1, "size": 10, "total": 6, "hasMore": false }
+```
+
+### 1.5 请求层能力（`common/utils/request.js`）
+
+| 能力 | 说明 |
+| --- | --- |
+| URL 拼接 | `buildUrl()` 自动补 `/api/v1` 前缀 |
+| 鉴权注入 | `buildHeaders()` 自动读取本地 token |
+| 响应解包 | `code===0/200` → 返回 `data`；否则 `reject(Error)` |
+| 401 处理 | `onUnauthorized()` 清登录态并跳登录页 |
+| 失败降级 | 网络异常时自动尝试本地 mock 路由（`enableMockFallback`） |
+| 语法糖 | `get / post / put / del` |
+
+---
+
+## 二、用户端接口（小程序）
+
+### 2.1 认证与登录 `common/api/auth.js`
+
+| 方法 | 路径 | 入参 | 返回 |
+| --- | --- | --- | --- |
+| POST | `/auth/wx-login` | `{ code, nickname?, avatar? }` | `{ token, refreshToken, userInfo }` |
+| POST | `/auth/bind-phone` | `{ phone }` | `{ phone }` |
+| POST | `/auth/wx-phone` | `{ code }` | `{ phone }` |
+| POST | `/auth/avatar` | multipart `file` | `{ url, avatar }` |
+| POST | `/auth/switch-type` | `{ userType: 1\|2, license? }` | `{ userType, needAudit }` |
+| GET | `/auth/profile` | — | `userInfo` |
+| POST | `/auth/profile` | `{ nickname?, avatar? }` | `userInfo`（更新后的资料） |
+
+**业务规则**：`userType=2` 时 `license` 必填（营业执照），否则返回「商家用户需上传营业执照完成资质认证」。
+
+**手机号绑定（v1.0.8 起为真绑定）**：
+
+- 优先走 `POST /auth/wx-phone`：小程序用 `<button open-type="getPhoneNumber">` 拿 `e.detail.code`，后端用小程序 `access_token` 调微信 `phonenumber.getPhoneNumber` 换号并写入 `fa_user.mobile`；
+  access_token 由 `AppID + AppSecret` 换取并缓存在 `fa_config.wx.accessToken / wx.accessTokenExpire`（提前 5 分钟失效，不下发前端）。
+- 微信侧失败（快捷验证未开通 / 额度用尽 / code 失效 / 用户拒绝）会返回业务失败文案，前端**自动回落**`POST /auth/bind-phone`（手动输入 11 位手机号），保证任何情况下都能拿到号码。
+- 原先前端是「拼一个假号只写本地」，从未落库 —— 这是后台会员列表手机号为空的原因（BUG-013，已修）。
+
+**微信资料（v1.0.9）**：`/auth/wx-login` 可携带 `nickname` / `avatar`（小程序用官方 `open-type="chooseAvatar"` + `<input type="nickname">` 采集），新用户直接落库、老用户带上新值时更新；头像因是本地临时文件，需先登录再调 `POST /auth/avatar`（multipart）上传，服务端用 FastAdmin 上传库存盘并写入 `fa_user.avatar`，返回 `{url 完整地址, avatar 相对路径}`；登录后也可随时用 `POST /auth/profile` 补填昵称/头像。后台「会员列表」的头像列即取 `fa_user.avatar`（空则显示字母头像）。
+
+### 2.2 首页与展示 `common/api/home.js`
+
+| 方法 | 路径 | 入参 | 返回 |
+| --- | --- | --- | --- |
+| GET | `/home/banners` | — | `[{ id, title, image, link, color }]` |
+| GET | `/home/categories` | — | `[{ id, name, icon, color, count }]` |
+| GET | `/home/feed` | `{ page, size, categoryId?, keyword?, area?, sort? }` | 分页 `list:[Post]`（含 `isTop`） |
+| GET | `/home/search/hot` | — | `[string]` |
+
+- `sort` 枚举：`new`（默认，按发布时间）/ `hot`（按浏览量）/ `price`（按价格升序）
+- **置顶优先（v1.0.7）**：三种排序都先按 `is_top desc` 再按所选排序，即后台置顶的信息**始终排在非置顶之前**；
+  `Post` 结构新增 `isTop: boolean`，卡片据此显示「置顶」角标
+
+> **轮播配色约定（v1.3.0）**：`color` 返回 CSS 渐变字符串（春绿家族 `linear-gradient(...)`，约 70 字符，
+> 内置 3 条为 **105deg 亮绿 `#00E070`（左）→ 深绿 `#046B3B`（右）**；卡片文字由前端固定用墨绿 `$fc-primary-ink`，
+> 因此后台换底色不影响文字可读性，
+> 对应字段 `fc_banner.color` 已由 `varchar(16)` 扩为 `varchar(255)`）；`image` 为空时小程序按位置取内置白色插画渲染
+> （`common/assets/banners.js`）。若 `color` 是历史暖色纯色、空值或被截断的半截值，前端会视为「未配置」
+> 并回落内置春绿渐变 —— 即**换主题时线上数据可暂不同步**；需要彻底同步时，在后台服务器执行 `php think fc:install`
+> （幂等：自动扩容 `color` 列 + 按标题精确匹配覆盖内置 3 条轮播的 `color`，不新增/删除记录，
+> 也不影响发布、订单、会员等业务数据）。
+
+### 2.3 信息发布与详情 `common/api/post.js`
+
+| 方法 | 路径 | 入参 | 返回 |
+| --- | --- | --- | --- |
+| POST | `/post/create` | `{ categoryId, title, content, media[], contact, phone, address, plan, payType }` | `{ postId, auditStatus, order?, plan, amount, quotaLeft }` |
+| GET | `/post/mine` | `{ status?, page, size }` | 分页 `list:[MyPost]` + `counts{all,pending,passed,rejected,offline}` |
+| GET | `/post/publish-config` | — | `{ mode, singlePrice, monthPrice, monthQuota, yearPrice, yearQuota, quotaLeft, freePerDay, freeUsedToday, freeLeftToday, isMember }` |
+| GET | `/post/drafts` | — | `[{ draftId, title, content, categoryId, savedAt }]` |
+| POST | `/post/draft` | 草稿内容 | `{ draftId, savedAt }` |
+| DELETE | `/post/{id}` | — | `{ deleted: true }` |
+| GET | `/post/{id}` | — | `Post`（含 `publisher`、`commentCount`） |
+| POST | `/post/{id}/pay-view` | `{ payType: 'wxpay'\|'balance' }` | `{ unlocked, contact: { phone, wechat } }` |
+| POST | `/post/{id}/comment` | `{ score:1-5, content }` | `{ commentId }` |
+
+**业务规则**：标题/内容必填；`payType` 仅支持 `wxpay`/`balance`；`score` 必须 1–5。
+
+**发布计费（v1.0.7 起为服务端定价）**：
+
+| `plan` | 语义 | 金额 | 说明 |
+| --- | --- | --- | --- |
+| `free` | 免费 / 额度内发布 | 0 | ① 免费模式（`post.mode=free`）直接免费；② 付费模式下优先扣**套餐额度**（`post_quota_left`），无额度时用**每日免费条数**（`fee.freePostPerDay`） |
+| `single` | 单条付费 | `post.singlePrice` | 未开通套餐时按条计费 |
+
+- 月卡/年卡（含发布条数）**不在此接口购买**，走 `POST /member/open`（开通后由额度免费发布），
+  这样「套餐」只有一处计费口径；`plan` 传 `month`/`year` 会被拒绝并提示先开通会员套餐。
+- **金额一律由服务端按后台配置计算**：客户端传入的 `amount` 会被忽略（v1.0.6 及更早客户端传 `paid=true` 的旧形态仍兼容，按单条计费）。
+- `plan` 返回值为实际采用的方式：`free`（免费/每日免费额度）/ `quota`（套餐额度）/ `single`（单条付费）。
+- 额度与有效期：开通月/年卡时按套餐 `post_quota` 发放到 `fc_user_ext.post_quota_left`，有效期随会员到期时间，过期由服务端自动清零。
+
+**我的发布（P8）状态口径**：`status` 支持 `all`（默认）/`pending` 待审核/`passed` 已通过/`rejected` 已驳回/`offline` 已下架；
+`MyPost` 含 `auditStatus`、`auditReason`（驳回原因）、`status`、`isTop`、`isPaid`、`amount`、`views`、`commentCount`、`createdAt`。
+
+### 2.4 会员中心 `common/api/member.js`
+
+| 方法 | 路径 | 入参 | 返回 |
+| --- | --- | --- | --- |
+| GET | `/member/plans` | — | `[{ planId, name, price, originPrice, days, tag, postQuota }]` |
+| GET | `/member/benefits` | — | `{ freeView, postDiscount, distRate, benefits[] }` |
+| POST | `/member/open` | `{ planId, payType }` | `{ orderNo, status, expireAt, postQuota, quotaLeft, quotaExpireAt }` |
+| GET | `/member/orders` | `{ page, size }` | 分页订单（`type: post\|member\|recharge`） |
+| GET | `/member/assets` | — | `{ balance, coupons[], points }` |
+
+### 2.5 分销中心 `common/api/distribution.js`
+
+| 方法 | 路径 | 入参 | 返回 |
+| --- | --- | --- | --- |
+| GET | `/distribution/overview` | — | `{ totalCommission, settled, withdrawable, todayCommission, teamCount, l1Count, l2Count, inviteCode }` |
+| GET | `/distribution/team` | `{ level?, page, size }` | 分页 `[{ id, nickname, level, performance, commission, joinedAt }]` |
+| POST | `/distribution/withdraw` | `{ amount, channel }` | `{ withdrawNo, status }` |
+| GET | `/distribution/withdraw-records` | — | `[{ withdrawNo, amount, status, createdAt }]` |
+
+**业务规则**：提现 `amount > 0` 且 `≤ withdrawable`。
+
+### 2.6 消息中心 `common/api/message.js`
+
+| 方法 | 路径 | 入参 | 返回 |
+| --- | --- | --- | --- |
+| GET | `/message/list` | `{ type: 'system'\|'interact', page, size }` | 分页 `[{ id, type, title, content, read, createdAt }]` |
+| POST | `/message/{id}/read` | — | `{ read: true }` |
+
+---
+
+## 三、后台管理端接口（PC）`common/api/admin.js`
+
+### 3.1 数据总览
+
+| 方法 | 路径 | 返回 |
+| --- | --- | --- |
+| GET | `/admin/dashboard/overview` | `{ pv, uv, todayPostCount, todayOrderAmount, memberCount, merchantCount, commissionTotal, pendingAudit, postGrowth, orderGrowth, userGrowth }` |
+| GET | `/admin/dashboard/trend?type=traffic\|revenue\|userGrowth` | `[{ date, ... }]` |
+
+### 3.2 商家管理
+
+| 方法 | 路径 | 入参 | 返回 |
+| --- | --- | --- | --- |
+| GET | `/admin/merchants` | `{ status?, keyword?, page, size }` | 分页商家（`auditStatus: 0待审/1通过/2驳回`） |
+| POST | `/admin/merchant/{id}/audit` | `{ auditStatus: 1\|2 }` | `{ id, auditStatus }` |
+
+### 3.3 会员管理
+
+| 方法 | 路径 | 入参 | 返回 |
+| --- | --- | --- | --- |
+| GET | `/admin/users` | `{ page, size }` | 分页用户（`userType: 1个人/2商家`） |
+| POST | `/admin/member/benefit` | `{ freeView, postDiscount, distRate }` | 权益配置 |
+
+### 3.4 信息审核
+
+| 方法 | 路径 | 入参 | 返回 |
+| --- | --- | --- | --- |
+| GET | `/admin/posts/pending` | `{ page, size }` | 分页待审信息 |
+| POST | `/admin/post/{id}/audit` | `{ auditStatus: 1\|2, reason? }` | `{ id, auditStatus }` |
+| POST | `/admin/post/{id}/offline` | — | `{ id, offline: true }` |
+
+### 3.5 评价管理
+
+| 方法 | 路径 | 入参 | 返回 |
+| --- | --- | --- | --- |
+| GET | `/admin/comments` | `{ page, size }` | 分页评价 |
+| POST | `/admin/comment/{id}/reply` | `{ id, reply }` | `{ id, reply }` |
+| GET | `/admin/reports` | — | 举报列表 |
+
+### 3.6 分销管理
+
+| 方法 | 路径 | 入参 | 返回 |
+| --- | --- | --- | --- |
+| GET | `/admin/dist/setting` | — | `{ enabled, level, level1Rate, level2Rate, settleCycle, minWithdraw }` |
+| POST | `/admin/dist/setting` | `{ enabled, level1Rate, level2Rate }` | 保存后配置（**level1+level2 ≤ 100**） |
+| GET | `/admin/dist/withdraws` | — | 提现审核列表 |
+| POST | `/admin/dist/withdraw/{id}/pay` | `{ id, op: 'pay'\|'reject', reason? }` | `{ id, status }` |
+
+### 3.7 订单管理
+
+| 方法 | 路径 | 入参 | 返回 |
+| --- | --- | --- | --- |
+| GET | `/admin/orders` | `{ type?, page, size }` | 分页订单 |
+| POST | `/admin/order/{id}/refund` | `{ amount, reason }` | `{ id, refunded: true }` |
+| POST | `/admin/order/supplement` | `{ orderNo }` | `{ orderNo, supplemented: true }` |
+
+### 3.8 财务管理
+
+| 方法 | 路径 | 入参 | 返回 |
+| --- | --- | --- | --- |
+| GET | `/admin/finance/flows` | `{ type: 'income'\|'expense', page, size }` | 分页资金流水 |
+| GET | `/admin/finance/report` | `{ period: 'day'\|'month'\|'year' }` | `{ period, rows: [{ period, postIncome, memberIncome, rechargeIncome, withdraw, net }] }` |
+
+### 3.9 权限管理
+
+| 方法 | 路径 | 入参 | 返回 |
+| --- | --- | --- | --- |
+| GET | `/admin/roles` | — | 角色列表 |
+| POST | `/admin/role` | `{ name, permissions[], remark? }` | 新建角色 |
+| GET | `/admin/accounts` | — | 子账号列表 |
+| GET | `/admin/logs` | `{ page, size }` | 操作日志 |
+
+### 3.10 系统设置
+
+| 方法 | 路径 | 入参 | 返回 |
+| --- | --- | --- | --- |
+| GET/POST | `/admin/setting/base` | `{ appName, logo, servicePhone, aboutUs }` | 基础配置（`appName` 必填） |
+| POST | `/admin/setting/pay` | `{ mchId, apiKey }` | `{ configured: true }`（两项均必填） |
+| GET/POST | `/admin/setting/fee` | `{ singlePost, memberMonth, memberQuarter, memberYear }` | 费用标准（不得为负） |
+| GET | `/admin/setting/areas` | — | 区域列表 |
+| POST | `/admin/setting/area` | `{ name, sort, enabled }` | `{ id, name }`（`name` 必填） |
+
+### 3.11 站点 UI 配置（LOGO 与图标自定义）
+
+| 方法 | 路径 | 端 | 入参 | 返回 |
+| --- | --- | --- | --- | --- |
+| GET | `/setting/ui` | 用户端 | — | `{ siteName, logo, icons }` |
+| GET | `/admin/setting/ui` | 后台 | — | `{ siteName, logo, icons, updatedAt }` |
+| POST | `/admin/setting/ui` | 后台 | `{ siteName, logo, icons: { key: url } }` | 保存后的完整配置 |
+| POST | `/admin/setting/ui/reset` | 后台 | — | `{ logo: '', icons: {}, reset: true }` |
+| POST | `/admin/upload` | 后台 | `multipart/form-data`（字段名 `file`） | `{ url }` |
+
+**字段说明**
+
+| 字段 | 类型 | 说明 |
+| --- | --- | --- |
+| `siteName` | string | 小程序名称，用于登录页标题 |
+| `logo` | string | LOGO 图片地址；为空表示使用前端内置 `static/logo.png` |
+| `icons` | object | `{ 图标key: 图片地址 }`；未出现的 key 使用前端内置图标 |
+
+**校验规则**
+
+- `icons` 的每个 value 必须是字符串，否则返回「图标 {key} 的地址必须是字符串」
+- 保存采用**合并**语义（只覆盖传入的 key），便于逐个替换
+
+**图标 key 清单**：见 `common/assets/icons.js` 的 `ICON_GROUPS`（8 组 / 74 个），
+后台设置页 `pages/admin/setting.vue` 会按 key 自动列出全部可替换项。
+
+### 3.12 图标解析规则（前端）
+
+```
+最终地址 = icons[key]（后台自定义） || '/static/icons/' + 默认文件（内置）
+LOGO    = logo（后台自定义）        || '/static/logo.png'（内置）
+```
+
+- 纯函数层：`common/utils/icon.js` → `iconUrl / logoUrl / categoryIconUrl`
+- 响应式层：`common/store/ui.js` → 同名导出，模板中调用即响应式（后台保存后无需重启即生效）
+
+
+---
+
+## 四、Mock 兜底机制（联调前可离线跑通）
+
+| 场景 | 行为 |
+| --- | --- |
+| `config.forceMock = true` | 全部请求走本地 mock |
+| 无 `uni.request` 环境（如 Node 测试） | 自动走 mock |
+| 真实请求失败（超时/断网）且 `enableMockFallback = true` | 自动降级到同名 mock 路由 |
+| mock 无匹配路由 | 抛出原始网络异常 |
+
+- Mock 路由表：`common/mock/index.js`（65 条路由，覆盖上表全部接口，含 v1.0.7 的 `/post/mine`、`/post/publish-config`、服务端定价模拟与 v1.0.8 的 `/auth/wx-phone`）
+- Mock 数据集：`common/mock/data.js`
+- 切换真实后端：确保 `common/config/index.js` 中 `forceMock = false`、`enableMockFallback = false`（生产建议关闭降级以暴露真实问题）
+
+## 五、联调检查清单（Checklist）
+
+- [x] 后端已按「统一响应结构」返回 `{ code, message, data }`
+- [x] `Authorization: Bearer {token}` 已生效，401 返回体为 HTTP 401
+- [x] 分页统一返回 `{ list, page, size, total, hasMore }`
+- [x] 字段命名保持小驼峰，与本文档一致
+- [ ] 小程序后台已配置 `request 合法域名`：`https://fenleixinxi.gzyakj.com.cn`
+- [x] 图片/视频上传走独立上传接口 `POST /admin/upload`
+
+---
+
+## 六、后端实现要点（FastAdmin / ThinkPHP 5.0.29）
+
+> 这三条是联调时最容易踩的坑，已在服务端实测确认，务必保留现有实现。
+
+### 6.0 新增接口必须登记路由（v1.0.7 踩坑）
+
+`application/route.php` 是**显式白名单路由**（TP5.0 按注册顺序匹配，`:id` 用 `\d+` 约束）。
+新加控制器动作后**必须同步登记**，否则线上直接 `HTTP 404`（本地 mock 测试不会暴露这个问题）：
+
+```php
+'api/v1/post/mine'           => 'api/Post/mine',
+'api/v1/post/publish-config' => 'api/Post/publishConfig',
+```
+
+位置要求：长路径（`post/:id/pay-view`）在前、短路径（`post/:id`）在后，本组新路由插在 `post/create` 之后。
+（`docs/05-后端实现规范.md` 里原写「route.php 勿改」指的是初始化阶段的既有契约，**新增接口属于必须改动**。）
+
+### 6.1 FastAdmin 默认对 `/api` 前缀关闭路由检测（关键）
+
+`app\common\behavior\Common::appDispatch()` 中存在如下设计：
+
+```php
+if (!Config::get('url_domain_deploy') && in_array($pathinfoArr[0], ['index', 'api'])) {
+    \think\App::route(false);   // 以 index / api 开头的 URL 一律关闭路由检测
+}
+```
+
+该钩子在 `App::routeCheck()` **之前**触发。因此：
+- `/api/**` 的请求会被跳过路由检测，直接走「模块/控制器/操作」默认解析；
+- `application/route.php` 中为 `/api/v1/**` 定义的规则**永远不会被匹配**（表现为全量 404）。
+
+**解法**：`application/common/behavior/FcRoute.php` 在 `Common` 之后注册到 `app_dispatch`，
+仅当请求路径以 `api/v1` 开头时才 `App::route(true)` 重新开启路由并导入业务路由表；
+其它 `/api/**`（如 FastAdmin 自带的 `/api/index/index`）行为不受影响。
+
+### 6.2 统一响应结构适配
+
+FastAdmin 原生 `Api::success()` 输出 `{code:1,msg,time,data}`，与本契约要求的
+`{code,message,data}` 不兼容。`app\api\controller\V1` 基类覆写了输出：
+`ok()` / `fail()` 直接产出契约结构，并支持自定义业务码与 HTTP 状态（401 用于登录失效）。
+
+### 6.3 两个 TP5.0 系统性陷阱（已在基类统一规避）
+
+| 陷阱 | 现象 | 规避方式 |
+| --- | --- | --- |
+| 复用 Query 对象先 `count()` 再 `select()` | `count()` 内部执行 `$this->options = []`，alias/join/where 全部丢失 → `Unknown column/table` 报错，或筛选静默失效 | 基类 `pageQuery(callable $builder)` 用闭包重建查询（`count` 与 `select` 各建一次） |
+| `Request::input()` 对不含 `/` 的参数名做字符串强转 | 参数值是数组时抛 `InvalidArgumentException('variable type error：array')`（影响 `media[]`/`benefits[]`/`permissions[]`/`icons`） | 基类 `input()/inputs()` 改用 `request->post(false)/get(false)` 取原始数组，同时天然支持 JSON 请求体 |
+
+### 6.4 鉴权
+
+前端发送 `Authorization: Bearer {token}`（FastAdmin 原生只认 `HTTP_TOKEN` / `?token=`）。
+基类 `bearerToken()` 自行解析，查 `fa_user_token` 校验有效期后加载 `fa_user`。
+
+---
+
+## 七、验证结果（真实线上环境）
+
+验证脚本：`tools/verify-api.mjs`（63 端点 + 12 条业务规则 + 8 步双端业务闭环）
+
+```bash
+node tools/verify-api.mjs                       # 验证线上
+FC_BASE=http://127.0.0.1/api/v1 node tools/verify-api.mjs   # 验证本地
+```
+
+```
+————————— 验证结果 —————————
+用例总数: 178   通过: 178   失败: 0
+```
+
+**覆盖内容**
+
+| 分类 | 用例数 | 说明 |
+| --- | --- | --- |
+| 用户端接口 | 47 | 28 个端点 + 字段契约断言 |
+| 后台端接口 | 63 | 35 个端点 + 字段契约断言 |
+| 业务规则 BR-01~BR-12 | 33 | 错误码与**文案逐字比对** |
+| 结构断言 | 27 | HTTP 200 / `{code,message,data}` / 分页结构 / 字段齐全 |
+| 双端业务闭环 | 8 | 见下 |
+
+**双端业务闭环（用户操作 → 后台操作 → 前台生效）**
+
+| 步骤 | 操作端 | 断言 |
+| --- | --- | --- |
+| ① | 用户 | 发布信息 → 返回 `auditStatus=0`（BR-04） |
+| ② | 后台 | 待审列表中出现该信息 |
+| ③ | 前台 | 待审信息**不出现**在信息流（BR-04） |
+| ④ | 后台 | 审核通过 → `auditStatus=1` |
+| ⑤ | 前台 | 信息流立即出现该信息 |
+| ⑥ | 前台 | 详情可访问且联系方式为脱敏串 |
+| ⑦ | 用户 | 收到审核结果站内消息 |
+| ⑧ | 后台 | 审核动作在操作日志中留痕 |
+
+**数据同步**
+
+后端种子数据（`php think fc:install`）与小程序端 `common/mock/data.js` **逐字段对齐**：
+分类 8 项（id 1–8，与前端 `CATEGORY_ICON_KEY` 一致）、轮播 3、区域 5、会员套餐 3、
+信息 6（含待审/通过/驳回三态）、商家 4、评价 3、举报 2、订单 4、消息 4、
+分销关系 7、佣金 5、提现 3、资金流水 4、用户 11。
+因此**关掉 Mock 切真实接口后，页面数据与离线演示完全一致**，两端可逐条对拍。
+
diff --git a/uniapp/docs/04-全链路测试用例与报告.md b/uniapp/docs/04-全链路测试用例与报告.md
new file mode 100644
index 0000000..7ba5dd4
--- /dev/null
+++ b/uniapp/docs/04-全链路测试用例与报告.md
@@ -0,0 +1,379 @@
+# 同城分类信息小程序 · 全链路测试用例与测试报告
+
+> 角色视角：软件测试工程师（QA）
+> 测试类型：接口契约测试 + 端到端业务流测试 + 边界/异常测试
+> 执行方式：Node 18 运行 `tests/run.sh`（零第三方依赖，可在 HBuilderX 内置 Node 下执行）
+> 执行日期：2026-10-16　版本：v1.0.9（微信昵称/头像采集 + 会员手机号真绑定 + 后台会员列表字段调整）
+
+---
+
+## 一、测试范围与策略
+
+| 项 | 说明 |
+| --- | --- |
+| 被测对象 | ① 统一请求层 `common/utils/request.js`　② 7 个 API 模块（用户端 6 + 后台 1）　③ Mock 路由表 `common/mock`（作为接口契约参照）　④ 工具函数 `common/utils/format.js` |
+| 覆盖接口 | 用户端 29 个 + 后台端 35 个 = **64 个接口** |
+| 测试层级 | 单元（工具/请求层）→ 集成（API 模块 ↔ Mock 契约）→ 端到端（用户端 8 步 + 后台端 7 步业务闭环） |
+| 测试手段 | 断言响应结构、业务规则拦截、异常分支、分页边界、精度校验 |
+| 缺陷判定 | 用例失败即缺陷；已发现并修复 14 个缺陷（详见第五章） |
+
+## 二、用例清单与结果
+
+### 2.1 请求层（REQ）
+
+| 用例编号 | 用例标题 | 预期结果 | 结果 |
+| --- | --- | --- | --- |
+| REQ-01 | `buildUrl` 拼接版本号与网关地址 | `baseURL/apiVersion/path`，绝对 URL 原样返回 | ✅ PASS |
+| REQ-02 | `buildHeaders` 注入 token 与客户端标识 | 有 token → `Bearer x`；无 token → 无 Authorization | ✅ PASS |
+| REQ-03 | 无 `uni.request` 时自动走 mock | 返回分类数组，不报错 | ✅ PASS |
+| REQ-04 | 业务码 0 时返回 `data` 字段 | 拿到 `{total:7}` | ✅ PASS |
+| REQ-05 | 业务码非 0 时 reject 并 Toast | 抛出「参数错误」并弹出 Toast | ✅ PASS |
+| REQ-06 | HTTP 401 清空登录态并跳转登录页 | token 被清空，跳转 `/pages/auth/login` | ✅ PASS |
+| REQ-07 | 网络异常且存在 mock 路由时自动降级 | 返回会员套餐列表 | ✅ PASS |
+| REQ-08 | 网络异常且无 mock 路由时抛出异常 | 抛出原始 `request:fail` | ✅ PASS |
+| REQ-09 | `getRuntime` 无 uni 环境安全降级 | `request=null`，调用 showToast 不抛错 | ✅ PASS |
+| REQ-10 | `mock:true` 强制模式绕过网络 | 返回 mock 数据且未发起真实请求 | ✅ PASS |
+
+### 2.2 用户端接口契约（UC）
+
+| 用例编号 | 模块 | 用例标题 | 结果 |
+| --- | --- | --- | --- |
+| UC-AUTH-01 | 认证 | 微信登录返回 token 与用户信息 | ✅ PASS |
+| UC-AUTH-02 | 认证 | 手机号绑定校验格式（`123` 被拦截） | ✅ PASS |
+| UC-AUTH-03 | 认证 | 用户类型切换：商家无资质被拦截；非法类型被拦截 | ✅ PASS |
+| UC-AUTH-04 | 认证 | 获取用户资料 | ✅ PASS |
+| UC-HOME-01 | 首页 | 轮播广告位返回颜色与跳转链接 | ✅ PASS |
+| UC-HOME-02 | 首页 | 分类导航返回 8 个一级分类 | ✅ PASS |
+| UC-HOME-03 | 首页 | 信息流按分类/区域/排序/分页过滤正确 | ✅ PASS |
+| UC-HOME-04 | 首页 | 关键词搜索命中标题 | ✅ PASS |
+| UC-HOME-05 | 首页 | 热门搜索词可用 | ✅ PASS |
+| UC-POST-01 | 发布 | 免费发布返回待审核且无订单 | ✅ PASS |
+| UC-POST-02 | 发布 | 付费发布返回支付订单（`PO` 前缀） | ✅ PASS |
+| UC-POST-03 | 发布 | 必填校验：标题/内容为空被拦截 | ✅ PASS |
+| UC-POST-04 | 发布 | 草稿箱保存与读取 | ✅ PASS |
+| UC-POST-05 | 详情 | 详情返回发布者与互动数据 | ✅ PASS |
+| UC-POST-06 | 详情 | 付费查看支持微信/余额，非法方式被拦截 | ✅ PASS |
+| UC-POST-07 | 详情 | 评价评分 1–5 校验、内容必填 | ✅ PASS |
+| UC-MEM-01 | 会员 | 套餐月/季/年三档 | ✅ PASS |
+| UC-MEM-02 | 会员 | 会员权益可读取 | ✅ PASS |
+| UC-MEM-03 | 会员 | 开通会员：套餐必选、支付方式受控 | ✅ PASS |
+| UC-MEM-04 | 会员 | 订单含发布/会员/充值三类 | ✅ PASS |
+| UC-MEM-05 | 会员 | 资产含余额/优惠券/积分 | ✅ PASS |
+| UC-DIST-01 | 分销 | 佣金概览字段完整 | ✅ PASS |
+| UC-DIST-02 | 分销 | 团队按一级/二级筛选 | ✅ PASS |
+| UC-DIST-03 | 分销 | 提现金额校验（0 与超额被拦截） | ✅ PASS |
+| UC-DIST-04 | 分销 | 提现记录可查询 | ✅ PASS |
+| UC-MSG-01 | 消息 | 系统通知与互动消息分类正确 | ✅ PASS |
+| UC-MSG-02 | 消息 | 标记已读 | ✅ PASS |
+
+### 2.3 后台管理端接口契约（AC）
+
+| 用例编号 | 模块 | 用例标题 | 结果 |
+| --- | --- | --- | --- |
+| AC-DASH-01 | 数据总览 | 核心看板字段完整（PV/UV/订单额/待审核） | ✅ PASS |
+| AC-DASH-02 | 数据总览 | 趋势支持流量/营收/用户增长 | ✅ PASS |
+| AC-MER-01 | 商家 | 列表状态筛选 + 关键词检索 | ✅ PASS |
+| AC-MER-02 | 商家 | 资质审核通过/驳回，非法状态被拦截 | ✅ PASS |
+| AC-MEM-01 | 会员 | 用户列表区分个人/商家 | ✅ PASS |
+| AC-MEM-02 | 会员 | 权益设置免费条数不得为负 | ✅ PASS |
+| AC-AUD-01 | 信息审核 | 待审列表仅返回 `auditStatus=0` | ✅ PASS |
+| AC-AUD-02 | 信息审核 | 审核通过/驳回，非法状态被拦截 | ✅ PASS |
+| AC-AUD-03 | 信息审核 | 违规信息可强制下架 | ✅ PASS |
+| AC-CMT-01 | 评价 | 全平台评价可查看 | ✅ PASS |
+| AC-CMT-02 | 评价 | 回复内容必填 | ✅ PASS |
+| AC-CMT-03 | 评价 | 举报处理列表可读取 | ✅ PASS |
+| AC-DIST-01 | 分销 | 分润开关/层级/比例读取 | ✅ PASS |
+| AC-DIST-02 | 分销 | 一级+二级比例 > 100% 被拦截 | ✅ PASS |
+| AC-DIST-03 | 分销 | 提现打款/驳回（驳回需原因） | ✅ PASS |
+| AC-DIST-04 | 分销 | 提现列表可读取 | ✅ PASS |
+| AC-ORD-01 | 订单 | 按类型筛选（发布/会员/充值） | ✅ PASS |
+| AC-ORD-02 | 订单 | 退款金额需 > 0 | ✅ PASS |
+| AC-ORD-03 | 订单 | 支持补单 | ✅ PASS |
+| AC-FIN-01 | 财务 | 资金流水按类型筛选 | ✅ PASS |
+| AC-FIN-02 | 财务 | 日/月/年报表数据结构 | ✅ PASS |
+| AC-RBAC-01 | 权限 | 内置超级管理员/运营/客服/财务角色 | ✅ PASS |
+| AC-RBAC-02 | 权限 | 新建角色需名称 + 至少 1 项权限 | ✅ PASS |
+| AC-RBAC-03 | 权限 | 子账号与操作日志可查询 | ✅ PASS |
+| AC-SET-01 | 系统设置 | 基础配置：小程序名称必填 | ✅ PASS |
+| AC-SET-02 | 系统设置 | 支付配置：商户号与密钥必填 | ✅ PASS |
+| AC-SET-03 | 系统设置 | 费用标准动态设置，不得为负 | ✅ PASS |
+| AC-SET-04 | 系统设置 | 地区管理：区域名称必填 | ✅ PASS |
+
+### 2.5 图标与 LOGO（ICON）
+
+| 用例编号 | 用例标题 | 预期结果 | 结果 |
+| --- | --- | --- | --- |
+| ICON-01 | 注册表每个图标都有 key/中文名/默认文件 | 声明完整 | ✅ PASS |
+| ICON-02 | `static/icons` 存在全部内置图标 PNG（74 个） | 无缺失 | ✅ PASS |
+| ICON-03 | 每个图标都是有效 PNG（魔数 `89504e47`）且体积合理 | 全部通过 | ✅ PASS |
+| ICON-04 | 品牌 LOGO 存在且为 PNG | 通过 | ✅ PASS |
+| ICON-05 | 分类 ID 与分类图标 key 一一对应 | 8 组全部匹配 | ✅ PASS |
+| ICON-06 | 未配置时返回内置默认图地址 | `iconUrl('tab-home')` = `/static/icons/tab-home.png` | ✅ PASS |
+| ICON-07 | 未注册 key 返回空字符串 | 不产生错误图片请求 | ✅ PASS |
+| ICON-08 | `setRemoteUi` 后按 key 覆盖为自定义地址 | 命中覆盖，未覆盖走默认 | ✅ PASS |
+| ICON-09 | 分类图标被覆盖时随 key 一起生效 | 通过 | ✅ PASS |
+| ICON-10 | `resetRemoteUi` 恢复内置默认 | 通过 | ✅ PASS |
+| ICON-11 | 后台保存 LOGO 与图标后，用户端接口读到相同内容 | 字段完全一致 | ✅ PASS |
+| ICON-12 | 图标地址必须是字符串（类型校验） | 非字符串被拦截 | ✅ PASS |
+| ICON-13 | 恢复默认后用户端回到内置图 | `logo=''`、`icons={}` | ✅ PASS |
+| ICON-14 | **每个配图左上角必须透明**（回归防护） | 74/74 角点 alpha=0 | ✅ PASS |
+| ICON-15 | **每张配图都有明显透明区域**（ratio ≥ 0.02） | 全部达标 | ✅ PASS |
+| ICON-16 | 配图尺寸统一且 ≥128px 方图 | 全部 192×192 | ✅ PASS |
+
+### 2.6 首页轮播配图与主题规则（BANNER · 春绿）
+
+| 用例编号 | 用例标题 | 预期结果 | 结果 |
+| --- | --- | --- | --- |
+| BANNER-01 | 内置插画 3 套，注册表与 `static/banners/` 文件一一对应 | 无缺失 | ✅ PASS |
+| BANNER-02 | 每张插画都是有效 PNG，单张 ≤ 8KB、3 张合计 ≤ 24KB | 合计 6.0KB | ✅ PASS |
+| BANNER-03 | 每张插画为 192×192 且左上角完全透明 | 3/3 角点 alpha=0 | ✅ PASS |
+| BANNER-04 | 每张插画透明区域 ≥ 10%（真实透明，非白底方图） | 全部达标 | ✅ PASS |
+| BANNER-05 | 插画图形为白色/薄荷系（暗像素占比 < 2%） | 压绿底足够亮 | ✅ PASS |
+| BANNER-06 | 按位置循环取插画（第 4 条回到第 1 套） | 第 1/2/3/4 条 = art-1/2/3/1 | ✅ PASS |
+| BANNER-07 | 金色价值点缀只给「直降 / 免费」两条 | `0,1=true`、`2=false`、`3=true` | ✅ PASS |
+| BANNER-08 | 后台下发渐变底色时原样生效 | 通过 | ✅ PASS |
+| BANNER-09 | 后台「纯色」用同色双色标渐变表达（`#00E070` 0%→100%）同样生效 | 通过 | ✅ PASS |
+| BANNER-10 | 色标可用 `rgba(...)`（色标内自带逗号/括号也能识别） | 通过 | ✅ PASS |
+| BANNER-11 | **旧暖色纯色 / 空值 / 被截断的半截值一律回落内置春绿渐变**（主题护栏 · 回归防护） | 8 组输入全部回落 | ✅ PASS |
+| BANNER-12 | 内置 3 条渐变必须是春绿系（105deg 亮绿起点 → 深绿收尾，不含暖色） | 3/3 符合 | ✅ PASS |
+| BANNER-13 | Mock 轮播 3 条，字段与后端 `/home/banners` 一致 | `id/title/image/link/color` 齐备 | ✅ PASS |
+| BANNER-14 | 每条 Mock 轮播底色直接生效（不走回落分支）+ 标题与安装脚本种子一致 | 3/3 一致 | ✅ PASS |
+| BANNER-15 | **亮绿面（`$fc-gradient-primary` / `$fc-primary`）上不得直接配白字**（白字压亮绿仅 1.77:1 主题回归） | 全站 0 处违规 | ✅ PASS |
+| BANNER-16 | 白字只落在深绿面（`$fc-gradient-hero`）：首页 / 我的 / 会员 / 分销四个头部仍用深绿渐变 | 4/4 命中 | ✅ PASS |
+| BANNER-17 | 轮播卡文字为墨绿字 + 提亮罩（旧压暗罩已移除），三底色均为 105deg 亮绿→深绿 | 通过 | ✅ PASS |
+
+### 2.7 新增 · 编译与结构校验（BUILD）
+
+| 用例编号 | 用例标题 | 预期结果 | 结果 |
+| --- | --- | --- | --- |
+| BUILD-01 | `pages.json` 声明的 12 个页面文件均存在 | 全部存在 | ✅ PASS |
+| BUILD-02 | 每个 `.vue` 的 `template/script/style` 标签配对 | 全部配对 | ✅ PASS |
+| BUILD-03 | 每个 `<style lang="scss">` 大括号配平 | 全部配平 | ✅ PASS |
+| BUILD-04 | `@/` 与相对路径 import 均可解析 | 无缺失依赖 | ✅ PASS |
+| BUILD-05 | 每个 `<script>` 通过 `node --check` 语法校验 | 17 个全部通过 | ✅ PASS |
+| BUILD-06 | 每个 `<template>` 标签配平（模拟 WXML 结构） | 16 个全部配平 | ✅ PASS |
+| BUILD-07 | 全部 SCSS 通过 dart-sass 编译 | 16/16 成功 | ✅ PASS |
+
+### 2.7 端到端业务流（E2E）
+
+**用户端主路径（8 步）**
+
+| 步骤 | 场景 | 关键断言 | 结果 |
+| --- | --- | --- | --- |
+| STEP1 | 未登录浏览：首页 → 分类 → 搜索 | 轮播/分类/列表/搜索均可用 | ✅ PASS |
+| STEP2 | 登录与身份切换 | 无资质切商家被拦截；带资质需审核 | ✅ PASS |
+| STEP3 | 发布付费信息 | `auditStatus=0` 且生成 `PO` 订单 ¥5 | ✅ PASS |
+| STEP4 | 草稿箱自动保存与恢复 | 返回 `draftId` 与 `savedAt` | ✅ PASS |
+| STEP5 | 详情 → 付费解锁 → 评价 | 非法支付被拦截；解锁返回真实手机号；评分越界被拦截 | ✅ PASS |
+| STEP6 | 开通年卡会员 | 订单 `paid`；订单与资产联动 | ✅ PASS |
+| STEP7 | 分销推广 → 团队 → 提现 | 可提现全额成功；超额被拦截 | ✅ PASS |
+| STEP8 | 消息中心 | 系统通知可读且可标记已读 | ✅ PASS |
+
+**后台端管理闭环（7 步）**
+
+| 步骤 | 场景 | 关键断言 | 结果 |
+| --- | --- | --- | --- |
+| STEP9 | 数据总览 → 待审队列 | 待审核数量 > 0 且队列非空 | ✅ PASS |
+| STEP10 | 审核用户发布信息 | 通过后 `auditStatus=1` | ✅ PASS |
+| STEP11 | 商家资质审核 + 违规下架 | 非法状态被拦截；下架成功 | ✅ PASS |
+| STEP12 | 评价回复 + 举报处理 | 回复成功；存在待处理举报 | ✅ PASS |
+| STEP13 | 提现审核打款（与 STEP7 联动） | 审核列表中项被置为 `paid` | ✅ PASS |
+| STEP14 | 订单退款 + 报表核对 | 退款成功；净收入合计 > 0 | ✅ PASS |
+| STEP15 | 权限与系统设置收口 | 超管含 `*` 权限；分佣比例越界被拦截；设置项保存成功 | ✅ PASS |
+
+### 2.5 边界与异常（EDGE）
+
+| 用例编号 | 用例标题 | 预期结果 | 结果 |
+| --- | --- | --- | --- |
+| EDGE-01 | 未匹配接口 | 返回 404 语义错误「未匹配到路由」 | ✅ PASS |
+| EDGE-02 | 分页越界（page=9999） | 返回空列表且 `hasMore=false`，不报错 | ✅ PASS |
+| EDGE-03 | 搜索无结果 | 返回 `list=[]`、`total=0`（支持空状态渲染） | ✅ PASS |
+| EDGE-04 | 金额精度 | `fen2yuan(5)='0.05'`；`yuan2fen(19.9)=1990`；`168` 无损往返 | ✅ PASS |
+| EDGE-05 | 工具函数 | 手机号脱敏 `139****8888`；`fromNow(now)='刚刚'`；时间格式化正确 | ✅ PASS |
+
+---
+
+### 2.8 v1.0.7 发布侧新增能力（PUB · 我的发布 / 置顶 / 免费-付费发布）
+
+> 需求背景：① 用户发完看不到自己的发布记录；② 需要后台手动置顶并在用户端主页展示；③ 需要「免费发布 / 付费发布」开关与价格、条数配置。
+> 对应用例文件：`tests/publish.test.mjs`（13 例）+ `tests/api.user.contract.test.mjs` 新增 2 例。
+
+| 用例编号 | 用例名称 | 预期结果 | 结果 |
+| --- | --- | --- | --- |
+| PUB-01 | 发布配置：返回发布模式、三档价格与剩余额度 | `mode/singlePrice/monthPrice/monthQuota/yearPrice/yearQuota/quotaLeft/isMember` 齐备 | ✅ PASS |
+| PUB-02 | 免费模式：所有人免费发布且不消耗额度 | 无订单、`plan=free`、`amount=0`（额度为 0 也不收费） | ✅ PASS |
+| PUB-03 | 套餐额度内免费发布 | 无订单、`plan=quota`、`quotaLeft` 递减，且该信息出现在「我的发布 → 待审核」 | ✅ PASS |
+| PUB-04 | 额度与每日免费次数都用尽时拦截 | 报「请选择发布方式」（BR-13） | ✅ PASS |
+| PUB-05 | 付费模式保留每日免费额度 | 每日前 N 条免费且 `freeLeftToday` 递减；超出后必须付费 | ✅ PASS |
+| PUB-06 | **单条付费金额取后台配置** | 客户端传 `amount: 0.01` 被忽略，订单金额 = 配置值 5 元（BR-14） | ✅ PASS |
+| PUB-07 | 单条付费缺少支付方式 | 报「支付方式不支持」 | ✅ PASS |
+| PUB-08 | 月卡/年卡开通发放发布条数 | `M1 → postQuota=30`、`M12 → postQuota=500`，额度可叠加（0 → 30 → 529） | ✅ PASS |
+| PUB-09 | 会员套餐列表带「含发布条数」 | 3 档套餐均返回 `postQuota > 0` | ✅ PASS |
+| PUB-10 | 我的发布返回本人信息与状态计数 | 列表含 `auditStatus/status/isTop`，`counts` 含 全部/待审核/已通过/已驳回/已下架 | ✅ PASS |
+| PUB-11 | 我的发布按状态筛选 | 待审核/已驳回（含驳回原因）/已下架 各自口径正确 | ✅ PASS |
+| PUB-12 | 我的发布中置顶记录排最前 | 列表首项 `isTop = true` | ✅ PASS |
+| PUB-13 | 删除本人发布 | 删除后列表与 `counts.all` 同步减少、记录不再出现 | ✅ PASS |
+| UC-FEED-05 | 信息流置顶排首位（后台手动置顶） | 所有置顶项都排在非置顶项之前，且首项 `isTop = true`（BR-15） | ✅ PASS |
+| UC-FEED-06 | 信息流分类/区域/排序/分页（置顶优先口径） | `sort=hot` 时置顶优先、其余按浏览量降序 | ✅ PASS |
+
+新增业务规则：
+
+| 规则 | 描述 | 强制点 |
+| --- | --- | --- |
+| BR-13 | 发布计费模式受控 | 免费模式全部免费；付费模式：套餐额度 → 每日免费条数 → 单条付费（金额取后台配置，客户端不可传价） |
+| BR-14 | 发布金额服务端定价 | `POST /post/create` 忽略客户端 `amount`，一律按 `post.singlePrice` 计算 |
+| BR-15 | 置顶优先展示 | 后台置顶（`is_top=1`）的信息在首页信息流与「我的发布」中始终排在非置顶之前 |
+
+### 2.9 v1.0.8 会员手机号真绑定（UC-AUTH · 后台会员列表）
+
+> 需求背景：后台「会员列表」要求去掉「角色组 / 电子邮箱 / 等级」三列，且**手机号要全部能取到并展示**。定位发现根因是小程序侧「手机号授权绑定」为假实现（BUG-013）。
+
+| 用例编号 | 用例名称 | 预期结果 | 结果 |
+| --- | --- | --- | --- |
+| UC-AUTH-04 | 微信手机号快捷获取 | `POST /auth/wx-phone {code}` 返回 `phone` 且匹配 `^1\d{10}$`；缺 `code` 报「缺少手机号授权 code」 | ✅ PASS |
+| UC-AUTH-05 | 手机号绑定格式校验与回显 | `bind-phone` 非 11 位报「手机号格式不正确」；合法号返回同号（BR-02） | ✅ PASS |
+
+后台侧（人工 + 脚本实测，`s.php/user/user/index`）：
+
+| 验证项 | 结果 |
+| --- | --- |
+| 列定义 | 列表 JS 已无 `group.name` / `email` / `level`（线上抓取 `assets/js/backend/user/user.js` 命中 0 次） |
+| 手机号列 | 15 条会员中 12 条显示绑定号、2 条显示「发布信息里的联系电话」+ 来源标签（`mobile_source=post`）、1 条「未绑定」（该会员既未绑定也从未发布） |
+| 缓存刷新 | 已 bump `site.version` → `1.6.6.20261016`，静态资源 URL 带新 `?v=`，避免浏览器继续用旧 JS |
+| 接口回归 | `node tools/verify-api.mjs` → **185 / 185 通过**（新增 A5/A2 校验） |
+
+### 2.10 v1.0.9 微信昵称/头像采集（UC-AUTH · 会员列表资料）
+
+> 需求背景：后台「会员列表」需要看到会员的**微信昵称与头像**。微信已回收主动拉取资料接口，须由用户授权采集（BUG-014）。
+
+| 用例编号 | 用例名称 | 预期结果 | 结果 |
+| --- | --- | --- | --- |
+| UC-AUTH-06 | 登录携带微信昵称/头像 | `wx-login { code, nickname, avatar }` 返回的 `userInfo.nickname/avatar` 与提交一致 | ✅ PASS |
+| UC-AUTH-07 | 头像上传 | `uploadAvatar(file)` 返回 `avatar`（`/uploads/...` 相对路径）与完整 `url`；空文件报「未接收到上传文件」 | ✅ PASS |
+| UC-AUTH-08 | 资料补填 | `POST /auth/profile { nickname }` 返回更新后的资料；空提交报「没有需要更新的资料」 | ✅ PASS |
+
+线上实测（真实调用 `fenleixinxi.gzyakj.com.cn/api/v1`）：
+
+| 步骤 | 结果 |
+| --- | --- |
+| 登录带昵称 | 建号成功，`userInfo.nickname = 微信头像验证` |
+| 头像上传 | `POST /auth/avatar` 返回 `/uploads/20261016/xxx.png`，直接访问 **HTTP 200** |
+| 资料更新 | `POST /auth/profile` 返回昵称与头像已写入 |
+| 后台会员列表 | 该会员昵称与头像正确显示（头像列为完整 CDN 地址）；无头像会员显示字母头像 |
+| 接口回归 | `node tools/verify-api.mjs` → **187 / 187 通过**（新增 A6 缺文件、A4 空提交） |
+| 数据清理 | 验证用的探针会员与测试头像文件已删除，会员总数恢复 15 |
+
+## 三、执行结果汇总
+
+```
+=========== 全链路接口测试报告 ===========
+用例总数: 139   通过: 139   失败: 0
+🎉 全部用例通过，前后端接口契约与业务规则校验一致。
+```
+
+| 指标 | 数值 |
+| --- | --- |
+| 用例总数 | 139 |
+| 通过 | 139 |
+| 失败 | 0 |
+| 通过率 | **100%** |
+| 覆盖接口 | 64 / 64（用户端 29 + 后台 35） |
+| 覆盖业务规则 | 15 / 15（BR-01 ~ BR-15，含 v1.0.7 新增 BR-13/14/15） |
+| 内置配图完整性 | 74 / 74（PNG 魔数 + 透明通道 + 尺寸一致） |
+| 轮播配图完整性 | 3 / 3（192×192 + 真实透明 + 白色插画 + 合计 6.0KB） |
+| SCSS 编译 | 17 / 17 |
+| 结构校验错误 | 0 |
+
+### 3.1 业务规则覆盖矩阵
+
+| 规则 | 描述 | 对应用例 |
+| --- | --- | --- |
+| BR-01 | 商家需资质 | UC-AUTH-03、E2E STEP2 |
+| BR-02 | 手机号格式 | UC-AUTH-02、E2E STEP2 |
+| BR-03 | 发布必填 | UC-POST-03 |
+| BR-04 | 发布需审核 | UC-POST-01、E2E STEP3/STEP10 |
+| BR-05 | 付费查看支付方式受控 | UC-POST-06、E2E STEP5 |
+| BR-06 | 评分 1–5 | UC-POST-07、E2E STEP5 |
+| BR-07 | 会员套餐必选 | UC-MEM-03 |
+| BR-08 | 分佣比例 ≤ 100% | AC-DIST-02、E2E STEP15 |
+| BR-09 | 提现门槛与驳回原因 | UC-DIST-03、AC-DIST-03、E2E STEP7 |
+| BR-10 | 退款金额 > 0 | AC-ORD-02、E2E STEP14 |
+| BR-11 | 审核状态枚举受控 | AC-AUD-02、AC-MER-02、E2E STEP11 |
+| BR-12 | 角色名称与权限必填 | AC-RBAC-02 |
+| BR-13 | 发布计费模式（免费/付费 + 额度 + 每日免费） | PUB-02、PUB-03、PUB-04、PUB-05 |
+| BR-14 | 发布金额服务端定价（忽略客户端 amount） | PUB-06 |
+| BR-15 | 置顶优先展示 | PUB-12、UC-FEED-05、UC-FEED-06 |
+
+---
+
+## 四、如何执行测试
+
+```bash
+# 一键执行（结构校验 + SCSS 编译校验 + 全链路接口测试）
+sh tests/run.sh
+
+# 或分别执行
+node tests/validate.mjs    # 项目结构校验（含 JS 语法、WXML 标签配平、import 依赖）
+node tools/check-scss.cjs  # 用 HBuilderX 内置 dart-sass 编译全部 SCSS
+node tests/run.mjs         # 全链路接口 + 图标/LOGO 测试
+```
+
+| 文件 | 作用 |
+| --- | --- |
+| `tests/harness.mjs` | 零依赖测试框架（describe/it/expect/expectReject/run） |
+| `tests/request.test.mjs` | 请求层单元测试（11 例） |
+| `tests/icons.test.mjs` | 图标/LOGO 资源完整性与自定义闭环（16 例） |
+| `tests/banners.test.mjs` | 首页轮播配图资源、取图/金色规则、主题护栏与「亮绿面不得配白字」规则（17 例） |
+| `tests/api.user.contract.test.mjs` | 用户端接口契约测试（27 例） |
+| `tests/api.admin.contract.test.mjs` | 后台端接口契约测试（28 例） |
+| `tests/e2e.flow.test.mjs` | 端到端业务流 + 边界异常（20 例） |
+| `tests/validate.mjs` | 结构校验：路由、`.vue` 标签、SCSS 括号、import 依赖、JS 语法、WXML 标签配平 |
+| `tools/check-scss.cjs` | SCSS 全量编译校验（dart-sass） |
+| `tools/gen-icons.mjs` / `tools/icon-svg.mjs` | 图标与 LOGO 资产生成（SVG → PNG，配色表即主题单一色源） |
+| `tools/gen-banner-art.mjs` / `tools/banner-art.mjs` | 首页轮播白色插画资产生成（SVG → 192×192 透明 PNG） |
+| `tools/preview-theme.mjs` | 首页仿真预览出图 + 令牌色板 + 设计稿参考色 + **退役色扫描**（旧暖色 + 上一版生态绿整套，改主题后必跑） |
+| `tests/run.mjs` / `tests/run.sh` | 入口与一键执行脚本 |
+
+---
+
+## 五、缺陷记录（Defect Log）
+
+| 编号 | 严重级别 | 模块 | 现象 | 根因 | 状态 |
+| --- | --- | --- | --- | --- | --- |
+| BUG-001 | 高 | 请求层降级 | 真实请求失败后未走 mock 兜底，直接抛 `request:fail` | `handleFail` 内调用了未导入的 `getMockRoutes()`，异常被 try/catch 吞掉导致判断为「无 mock 路由」 | ✅ 已修复（改为直接尝试 `matchMock` 并以其结果决定降级） |
+| BUG-002 | 中 | 工具函数 | `formatTime('2024-01-05T10:00:00')` 返回原始字符串（未格式化） | ISO 字符串被 `replace(/-/g,'/')` 破坏，导致 `Invalid Date` | ✅ 已修复（新增 `toDate()`，先按 ISO 解析，失败再退化为 `-`→`/`） |
+| BUG-003 | 低 | Mock 数据 | 商家列表按 `status=0`（待审核）筛选失效，返回全部 | `if (data.status)` 将 `0` 视为假值 | ✅ 已修复（改为 `!== undefined && !== ''` 判断） |
+| BUG-004 | 中 | 图标配色 | 订单列表的订单类型图标为纯白色，而卡片底色已改为浅色渐变（`#FFF4EC→#FFF9F5`），导致图标**几乎不可见** | 图标改为图片化时按「白色 + 暖色渐变底」配色，但底色同期被调整为浅色，两者未同步 | ✅ 已修复（`order-post/member/recharge/other` 改为暖色系配图，与浅底对比达标） |
+| BUG-005 | **高** | 配图资源 | **所有配图都带一块不透明白底**：橙色「发布」按钮与会员卡片上出现白色方块，其他位置的图标也像被框住 | `qlmanage` 渲染 SVG 缩略图时会把图形合成到**不透明白色画布**上，`sips -g hasAlpha` 只能说明 PNG 带 alpha 通道，无法反映像素是否真的透明 | ✅ 已修复：改为「同一 SVG 分别渲染白底/黑底两遍」，用 `Pw=a·C+(1-a)·255`、`Pb=a·C` 两式联立反解出**精确 alpha 与颜色**（`tools/png-util.mjs`），并新增自动化回归用例 |
+| BUG-006 | 高 | 配图尺寸 | 底部导航「首页/消息/我的」及页内功能图标**明显偏小**、视觉重量不足 | 生成器把「徽章缩到 66% 居中」的变换**同时套用到了透明底图标**上，导致图标实际只占 PNG 的 ~55%，再被 CSS 按 36–48rpx 显示后显得很小 | ✅ 已修复（徽章类才缩放，透明类铺满画布；图标视觉尺寸提升约 1.8×） |
+| BUG-007 | 中 | 配图渲染 | `qlmanage` 会把 SVG 渲染到画布**左上角的子矩形**（如 192 画布中只画 122×122），其余补白，导致配图带白边、比例异常 | 未做内容区定位与裁剪 | ✅ 已修复：以「黑底渲染图」求非白像素包围盒定位真实内容区，裁剪后再做 2 倍降采样（`contentBox` + `crop` + `downscale`） |
+| BUG-008 | **高** | 首页轮播 | **换主题后首页轮播仍是珊瑚橙（旧暖色）**，与生态绿主题完全冲突 | 两处叠加：① 旧版 `FcInstall` 种子里 `color` 是暖橙纯色（`#FF8A5B/#FFB86B/#FF6F61`），线上库已按旧值落库；② 首页直接渲染 `b.color`，没有任何主题校验，因此历史数据会直接盖掉新主题 | ✅ 已修复（三层防护）：① 后端种子改为生态绿渐变家族并抽出 `FcInstall::BANNERS` 常量；② 前端新增 `common/assets/banners.js` 的 `bannerBg()` 护栏——只认 `gradient(...)`，旧纯色/空值一律回落内置绿渐变；③ `FcInstall` 新增**幂等**底色升级，服务器执行 `php think fc:install`（无需 `--reset`）即可按标题精确覆盖内置 3 条轮播的 `color`，不动业务数据；并新增 BANNER-09 回归用例 |
+
+| BUG-009 | **高** | 首页轮播 / 主题 | **换春绿主题后轮播卡「白字压亮绿」不可读**：品牌亮绿 `#00E070` 的对比度只有 1.77:1，标题在最亮处实测仅 **3.00:1**（低于 WCAG AA 4.5:1） | 只换了业务数据的底色（更亮的绿），文字仍是「绿底白字」的旧假设；亮绿的相对亮度是旧主色的 3.5 倍，白字必然失效 | ✅ 已修复（换方案而非调色）：轮播底色改 **105deg 亮绿（左）→ 深绿（右）**，文字区在亮绿端改用**墨绿字 `#04301E`（8.2:1）**，白色插画移到右侧深绿端；左侧压暗罩改为**提亮罩**（`rgba(255,255,255,.22)→0`），光晕由 .24 降到 .14；解析法复算最差 **4.71:1**（AA 达标），并新增 BANNER-15/16/17 三条主题回归用例锁定该规则 |
+| BUG-010 | **高** | 「我的发布」 | **用户发布后看不到自己的发布记录**：点「我的 → 我的发布」进入的是分类信息列表（只显示别人**已审核通过**的信息），本人待审/被驳回的信息无处可查 | ① 入口 URL 写成了 `/pages/post/list`；② 后端当时**没有**「我的发布」接口（只有 `/post/drafts` 草稿），前端无从查询本人的信息 | ✅ 已修复：新增 `GET /post/mine`（分页 + 全部/待审核/已通过/已驳回/已下架 筛选 + 各类计数 + 驳回原因）与独立页面 `pages/post/mine.vue`；「我的」入口改指新页；发布成功后直接 `reLaunch` 到「我的发布」，用户立刻能看到审核状态；新增 PUB-10~PUB-13 回归用例 |
+| BUG-011 | 中 | 信息卡片 / 置顶 | 信息卡片上的「置顶」角标**绑错字段**：用的是 `post.isPaid`（是否付费），因此付费信息一律被标成「置顶」，而后台真正的置顶字段 `is_top` 从未被前端使用 | 早期做「付费置帖」时把「付费」与「置顶」当作同一件事写进了模板，之后后端拆出 `is_top` 字段，前端未同步 | ✅ 已修复：角标改由 `isTop` 驱动（亮绿面 + 墨绿字），并在 `Home::feed` / `/post/mine` 输出 `isTop`；后台置顶后首页优先展示，新增 PUB-12、UC-FEED-05 回归用例 |
+| BUG-012 | **高** | 发布计费 / 资损风险 | **发布金额由前端传入、后端直接采信**：`POST /post/create` 取客户端 `amount` 作为订单金额，客户端篡改（如传 `0.01`）即可用一分钱发布 | 早期快速联调时把定价放在前端（`pages/post/create.vue` 内写死 `5 / 19.9`），后端只做余额校验 | ✅ 已修复：改为**服务端定价**——金额一律按后台「发布与费用配置」的 `post.singlePrice` 计算，客户端 `amount` 被忽略（旧客户端 `paid=true` 形态仍兼容但同样按服务端价）；前端不再写死任何金额，新增 PUB-06 回归用例 |
+| BUG-013 | **高** | 手机号绑定 / 会员数据 | **「手机号授权绑定」是假实现**：小程序登录页点击绑定后只在前端拼了 `138 + 时间戳` 的假号并写进本地 store，从未调用后端接口 —— 导致 `fa_user.mobile` 始终为空、后台会员列表手机号列大面积为空，运营拿不到会员联系方式 | 该交互是早期占位实现（`pages/auth/login.vue` 的 `onBindPhone`），后端 `POST /auth/bind-phone` 一直存在但从无调用方 | ✅ 已修复：① 登录页改为 `<button open-type="getPhoneNumber">` 调用新增的 `POST /auth/wx-phone`（后端用 access_token 调微信 `phonenumber.getPhoneNumber` 真实取号并写入 `fa_user.mobile`）；② 微信侧不可用（未开通快捷验证/额度用尽/code 失效/用户拒绝）自动回落手动输入 `bind-phone`；③ 后台会员列表对存量用户回落显示「发布信息里的联系电话」并标注来源；新增 2 条回归用例 |
+| BUG-014 | 中 | 会员资料 / 微信授权 | **会员的微信昵称与头像从未被采集**：微信登录只传 `code`，新会员一律落成占位昵称 `同城用户XXXX`、`avatar` 为空；后台「会员列表」看不到真实微信昵称与头像（只能显示字母头像），运营无法据此识别会员 | 微信 2022 年起已回收 `getUserProfile` 主动拉取资料的能力，需用 `open-type="chooseAvatar"` + `<input type="nickname">` 由用户授权；登录页当时没有这两个组件，后端也没有头像上传接口 | ✅ 已修复：① 登录页新增头像/昵称采集（官方组件）并在登录时提交；② 新增 `POST /auth/avatar`（用户端 multipart 上传，写入 `fa_user.avatar`）与 `POST /auth/profile` 资料更新；③ 新用户落库、老用户带上新值时更新；新增 3 条回归用例 |
+
+> BUG-008/009 由主题与轮播用例发现；BUG-010/011/012 由本轮「发布侧三件事」的需求评审 + 新增 PUB 用例发现（其中 BUG-012 属资损类，优先级最高）。
+
+## 六、测试结论与建议
+
+### 6.1 结论
+
+1. 「用户端 ↔ 统一请求层 ↔ 后端接口」与「后台管理端 ↔ 后端接口」两条链路的**接口契约一致、业务规则可被正确拦截**，具备联调基础。
+2. 端到端 15 步业务闭环（浏览→登录→发布→支付→审核→查看→评价→会员→分销→提现→退款→报表→配置）全部验证通过。
+3. 异常与边界分支（401、断网降级、分页越界、空结果、金额精度）均表现符合预期。
+
+### 6.2 上线前建议（未覆盖项 / 待补测）
+
+| 序号 | 待补测项 | 原因 | 建议 |
+| --- | --- | --- | --- |
+| 1 | 微信真机支付链路 | 支付依赖真实商户号与真机环境，自动化无法覆盖 | 使用 `fenleixinxi.gzyakj.com.cn` 生产商户号做真机冒烟 |
+| 2 | 图片/视频上传 | 当前为端能力占位，未接上传接口 | 补充上传接口后增加文件大小/格式/并发用例 |
+| 3 | LBS 定位与距离排序 | 需真实定位权限 | 真机测试多坐标下的距离计算与排序 |
+| 4 | 弱网与并发 | 需压测工具 | 建议对 `/home/feed` 与 `/admin/dashboard/overview` 做压测 |
+| 5 | 安全测试 | 超出本轮范围 | 增加越权访问（普通账号调用 `/admin/**`）、Token 篡改、SQL 注入用例 |
+| 6 | 前端 UI 兼容性 | 需多机型 | 覆盖 iOS/Android 主流机型与微信基础库版本 |
+
diff --git a/uniapp/index.html b/uniapp/index.html
new file mode 100644
index 0000000..b5d330d
--- /dev/null
+++ b/uniapp/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <script>
+      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
+        CSS.supports('top: constant(a)'))
+      document.write(
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
+        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
+    </script>
+    <title></title>
+    <!--preload-links-->
+    <!--app-context-->
+  </head>
+  <body>
+    <div id="app"><!--app-html--></div>
+    <script type="module" src="/main.js"></script>
+  </body>
+</html>
diff --git a/uniapp/main.js b/uniapp/main.js
new file mode 100644
index 0000000..c1caf36
--- /dev/null
+++ b/uniapp/main.js
@@ -0,0 +1,22 @@
+import App from './App'
+
+// #ifndef VUE3
+import Vue from 'vue'
+import './uni.promisify.adaptor'
+Vue.config.productionTip = false
+App.mpType = 'app'
+const app = new Vue({
+  ...App
+})
+app.$mount()
+// #endif
+
+// #ifdef VUE3
+import { createSSRApp } from 'vue'
+export function createApp() {
+  const app = createSSRApp(App)
+  return {
+    app
+  }
+}
+// #endif
\ No newline at end of file
diff --git a/uniapp/manifest.json b/uniapp/manifest.json
new file mode 100644
index 0000000..6e967b5
--- /dev/null
+++ b/uniapp/manifest.json
@@ -0,0 +1,78 @@
+{
+    "name" : "fenleixinxi",
+    "appid" : "__UNI__4F5F344",
+    "description" : "",
+    "versionName" : "1.0.0",
+    "versionCode" : "100",
+    "transformPx" : false,
+    /* 5+App特有相关 */
+    "app-plus" : {
+        "usingComponents" : true,
+        "nvueStyleCompiler" : "uni-app",
+        "compilerVersion" : 3,
+        "splashscreen" : {
+            "alwaysShowBeforeRender" : true,
+            "waiting" : true,
+            "autoclose" : true,
+            "delay" : 0
+        },
+        /* 模块配置 */
+        "modules" : {},
+        /* 应用发布信息 */
+        "distribute" : {
+            /* android打包配置 */
+            "android" : {
+                "permissions" : [
+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+                ]
+            },
+            /* ios打包配置 */
+            "ios" : {},
+            /* SDK配置 */
+            "sdkConfigs" : {}
+        }
+    },
+    /* 快应用特有相关 */
+    "quickapp" : {},
+    /* 小程序特有相关 */
+    "mp-weixin" : {
+        "appid" : "wxbfcb778f3019cff8",
+        "setting" : {
+            "urlCheck" : false,
+            "es6" : true,
+            "minified" : true,
+            "postcss" : true
+        },
+        "usingComponents" : true,
+        "optimization" : {
+            "subPackages" : true
+        }
+    },
+    "mp-alipay" : {
+        "usingComponents" : true
+    },
+    "mp-baidu" : {
+        "usingComponents" : true
+    },
+    "mp-toutiao" : {
+        "usingComponents" : true
+    },
+    "uniStatistics" : {
+        "enable" : false
+    },
+    "vueVersion" : "3"
+}
diff --git a/uniapp/pages.json b/uniapp/pages.json
new file mode 100644
index 0000000..fb8521a
--- /dev/null
+++ b/uniapp/pages.json
@@ -0,0 +1,123 @@
+{
+	"pages": [
+		{
+			"path": "pages/index/index",
+			"style": {
+				"navigationBarTitleText": "同城分类信息",
+				"navigationStyle": "custom",
+				"enablePullDownRefresh": true,
+				"backgroundColor": "#f2fef7"
+			}
+		},
+		{
+			"path": "pages/post/create",
+			"style": {
+				"navigationBarTitleText": "发布信息",
+				"navigationBarBackgroundColor": "#04874a",
+				"navigationBarTextStyle": "white"
+			}
+		},
+		{
+			"path": "pages/post/mine",
+			"style": {
+				"navigationBarTitleText": "我的发布",
+				"navigationBarBackgroundColor": "#04874a",
+				"navigationBarTextStyle": "white"
+			}
+		},
+		{
+			"path": "pages/message/index",
+			"style": {
+				"navigationBarTitleText": "消息中心",
+				"navigationBarBackgroundColor": "#04874a",
+				"navigationBarTextStyle": "white"
+			}
+		},
+		{
+			"path": "pages/mine/index",
+			"style": {
+				"navigationBarTitleText": "我的",
+				"navigationStyle": "custom",
+				"backgroundColor": "#f2fef7"
+			}
+		},
+		{
+			"path": "pages/auth/login",
+			"style": {
+				"navigationBarTitleText": "登录",
+				"navigationStyle": "custom"
+			}
+		},
+		{
+			"path": "pages/search/index",
+			"style": {
+				"navigationBarTitleText": "搜索",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/post/list",
+			"style": {
+				"navigationBarTitleText": "分类信息",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/detail/detail",
+			"style": {
+				"navigationBarTitleText": "详情",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/member/index",
+			"style": {
+				"navigationBarTitleText": "会员中心",
+				"navigationStyle": "custom",
+				"backgroundColor": "#f2fef7"
+			}
+		},
+		{
+			"path": "pages/member/orders",
+			"style": {
+				"navigationBarTitleText": "我的订单",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/distribution/index",
+			"style": {
+				"navigationBarTitleText": "分销中心",
+				"navigationStyle": "custom",
+				"backgroundColor": "#f2fef7"
+			}
+		},
+		{
+			"path": "pages/admin/setting",
+			"style": {
+				"navigationBarTitleText": "LOGO 与图标设置",
+				"navigationStyle": "custom",
+				"backgroundColor": "#f2fef7"
+			}
+		}
+	],
+	"globalStyle": {
+		"navigationBarTextStyle": "black",
+		"navigationBarTitleText": "同城分类信息",
+		"navigationBarBackgroundColor": "#ffffff",
+		"backgroundColor": "#f2fef7"
+	},
+	"condition": {
+		"current": 0,
+		"list": [
+			{ "name": "首页", "path": "pages/index/index" },
+			{ "name": "发布", "path": "pages/post/create" },
+			{ "name": "会员中心", "path": "pages/member/index" }
+		]
+	},
+	"uniIdRouter": {}
+}
diff --git a/uniapp/pages/admin/setting.vue b/uniapp/pages/admin/setting.vue
new file mode 100644
index 0000000..0d36ff4
--- /dev/null
+++ b/uniapp/pages/admin/setting.vue
@@ -0,0 +1,405 @@
+<template>
+	<view class="admin">
+		<fc-navbar title="LOGO 与图标设置" theme="gradient" :show-back="true" />
+
+		<view class="admin__wrap">
+			<!-- 站点信息 -->
+			<view class="admin__card">
+				<view class="admin__card-head">
+					<text class="admin__card-title">站点信息</text>
+					<text class="admin__card-tip">LOGO 会同步应用到小程序首页左上角、登录页、我的页与后台顶部</text>
+				</view>
+				<view class="admin__logo-row">
+					<view class="admin__logo-box">
+						<image class="admin__logo" :src="logoPreview" mode="aspectFit" />
+					</view>
+					<view class="admin__logo-ops">
+						<view class="admin__btn admin__btn--primary" @click="pickLogo">
+							<text>上传 / 更换 LOGO</text>
+						</view>
+						<view class="admin__btn" @click="resetLogo"><text>恢复默认 LOGO</text></view>
+						<text class="admin__uploaded">{{ form.logo ? '当前：已自定义 LOGO' : '当前：使用内置默认 LOGO' }}</text>
+					</view>
+				</view>
+				<view class="admin__field">
+					<text class="admin__label">小程序名称</text>
+					<input v-model="form.siteName" class="admin__input" placeholder="请输入小程序名称"
+						placeholder-class="admin__ph" />
+				</view>
+			</view>
+
+			<!-- 图标分组 -->
+			<view v-for="g in groups" :key="g.group" class="admin__card">
+				<view class="admin__card-head">
+					<text class="admin__card-title">{{ g.group }}</text>
+					<text class="admin__card-tip">{{ g.items.length }} 个图标</text>
+				</view>
+				<view class="admin__grid">
+					<view v-for="it in g.items" :key="it.key" class="admin__icon">
+						<view class="admin__icon-preview">
+							<image class="admin__icon-img" :src="preview(it)" mode="aspectFit" />
+							<text v-if="isCustom(it.key)" class="admin__icon-badge">已改</text>
+						</view>
+						<text class="admin__icon-name">{{ it.name }}</text>
+						<text class="admin__icon-key">{{ it.key }}</text>
+						<view class="admin__icon-ops">
+							<text class="admin__icon-op" @click="pickIcon(it)">替换</text>
+							<text class="admin__icon-op admin__icon-op--reset" @click="resetIcon(it)">默认</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 底部操作栏 -->
+		<view class="admin__bar">
+			<text class="admin__bar-info">共 {{ total }} 个图标 · 已自定义 {{ customCount }} 个</text>
+			<view class="admin__btn admin__btn--ghost" @click="resetAll"><text>全部恢复默认</text></view>
+			<view class="admin__btn admin__btn--primary admin__btn--lg" @click="save">
+				<text>{{ saving ? '保存中…' : '保存设置' }}</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import FcNavbar from '@/components/fc-navbar/fc-navbar.vue'
+import { ICON_GROUPS, ICON_DEFAULTS, ICON_BASE, DEFAULT_LOGO } from '@/common/assets/icons.js'
+import adminApi from '@/common/api/admin.js'
+import { uploadImage } from '@/common/utils/upload.js'
+import { applyUiConfig, loadUiConfig } from '@/common/store/ui.js'
+
+export default {
+	components: { FcNavbar },
+	data() {
+		return {
+			groups: ICON_GROUPS,
+			form: {
+				siteName: '',
+				logo: '',
+				icons: {},
+			},
+			saving: false,
+		}
+	},
+	computed: {
+		total() {
+			return this.groups.reduce((sum, g) => sum + g.items.length, 0)
+		},
+		customCount() {
+			return Object.keys(this.form.icons).filter((k) => !!this.form.icons[k]).length
+		},
+		logoPreview() {
+			return this.form.logo || DEFAULT_LOGO
+		},
+	},
+	onLoad() {
+		this.load()
+	},
+	methods: {
+		async load() {
+			try {
+				await loadUiConfig(true)
+				const cfg = await adminApi.uiSetting()
+				this.form.siteName = cfg.siteName || ''
+				this.form.logo = cfg.logo || ''
+				this.form.icons = { ...(cfg.icons || {}) }
+			} catch (e) {
+				uni.showToast({ title: '配置读取失败', icon: 'none' })
+			}
+		},
+		/** 内置默认图标地址 */
+		defaultIcon(key) {
+			const file = ICON_DEFAULTS[key]
+			return file ? ICON_BASE + file : ''
+		},
+		/** 预览地址：已自定义用自定义，否则用内置 */
+		preview(item) {
+			return this.form.icons[item.key] || this.defaultIcon(item.key)
+		},
+		isCustom(key) {
+			return !!this.form.icons[key]
+		},
+		pickLogo() {
+			this.chooseImage((path) => {
+				this.form.logo = path
+			})
+		},
+		pickIcon(item) {
+			this.chooseImage((path) => {
+				this.form.icons[item.key] = path
+			})
+		},
+		/** 统一选图 + 上传 */
+		chooseImage(cb) {
+			uni.chooseImage({
+				count: 1,
+				success: async (res) => {
+					const file = (res.tempFilePaths || [])[0]
+					if (!file) return
+					try {
+						uni.showLoading({ title: '上传中' })
+						const up = await uploadImage(file)
+						cb(up.url || file)
+						uni.hideLoading()
+						uni.showToast({ title: '已选择，请记得保存', icon: 'none' })
+					} catch (e) {
+						uni.hideLoading()
+						uni.showToast({ title: e.message || '上传失败', icon: 'none' })
+					}
+				},
+				fail: () => {},
+			})
+		},
+		resetLogo() {
+			this.form.logo = ''
+		},
+		resetIcon(item) {
+			delete this.form.icons[item.key]
+		},
+		resetAll() {
+			uni.showModal({
+				title: '恢复默认',
+				content: '将清空所有自定义 LOGO 与图标，确定继续？',
+				confirmColor: '#00e070',
+				success: async (r) => {
+					if (!r.confirm) return
+					try {
+						await adminApi.resetUiSetting()
+						this.form.logo = ''
+						this.form.icons = {}
+						applyUiConfig({ siteName: this.form.siteName })
+						uni.showToast({ title: '已恢复默认', icon: 'none' })
+					} catch (e) {
+						uni.showToast({ title: e.message, icon: 'none' })
+					}
+				},
+			})
+		},
+		async save() {
+			if (this.saving) return
+			if (!this.form.siteName) {
+				uni.showToast({ title: '请填写小程序名称', icon: 'none' })
+				return
+			}
+			this.saving = true
+			try {
+				const cfg = await adminApi.saveUiSetting({
+					siteName: this.form.siteName,
+					logo: this.form.logo,
+					icons: this.form.icons,
+				})
+				// 立即应用到本地端，无需重启即可看到效果
+				applyUiConfig(cfg)
+				uni.showToast({ title: '保存成功，用户端立即生效', icon: 'none' })
+			} catch (e) {
+				uni.showToast({ title: e.message || '保存失败', icon: 'none' })
+			} finally {
+				this.saving = false
+			}
+		},
+	},
+}
+</script>
+
+
+<style lang="scss" scoped>
+.admin {
+	min-height: 100vh;
+	background: $fc-bg;
+	padding-bottom: 180rpx;
+}
+.admin__wrap {
+	max-width: 1400rpx;
+	margin: 0 auto;
+	padding: 0 8rpx;
+}
+.admin__card {
+	background: #ffffff;
+	border-radius: $fc-radius-lg;
+	margin: 24rpx;
+	padding: 28rpx;
+	box-shadow: $fc-shadow;
+}
+.admin__card-head {
+	display: flex;
+	align-items: baseline;
+	justify-content: space-between;
+	margin-bottom: 24rpx;
+}
+.admin__card-title {
+	font-size: $fc-font-lg;
+	font-weight: 700;
+	color: $fc-text;
+}
+.admin__card-tip {
+	font-size: $fc-font-xs;
+	color: $fc-text-placeholder;
+}
+/* ---- LOGO ---- */
+.admin__logo-row {
+	display: flex;
+	align-items: center;
+}
+.admin__logo {
+	width: 132rpx;
+	height: 132rpx;
+	border-radius: 29rpx;
+}
+.admin__logo-box {
+	width: 160rpx;
+	height: 160rpx;
+	border-radius: 36rpx;
+	background: $fc-gradient-soft;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	box-shadow: $fc-shadow;
+}
+.admin__logo-ops {
+	flex: 1;
+	margin-left: 32rpx;
+	display: flex;
+	flex-direction: column;
+}
+.admin__btn {
+	margin-bottom: 16rpx;
+	align-self: flex-start;
+	padding: 16rpx 36rpx;
+	border-radius: $fc-radius-pill;
+	border: 2rpx solid $fc-primary-text;
+	color: $fc-primary-text;
+	font-size: $fc-font-sm;
+	background: #ffffff;
+	&--primary {
+		background: $fc-gradient-primary;
+		border-color: transparent;
+		color: $fc-primary-ink;
+		font-weight: 600;
+		box-shadow: 0 8rpx 22rpx rgba(4, 48, 30, 0.28);
+	}
+	&--ghost {
+		align-self: center;
+		margin: 0 20rpx 0 0;
+		border-color: $fc-border;
+		color: $fc-text-secondary;
+	}
+	&--lg {
+		padding: 20rpx 60rpx;
+		font-size: $fc-font;
+		align-self: center;
+		margin: 0;
+	}
+}
+.admin__uploaded {
+	font-size: $fc-font-xs;
+	color: $fc-text-placeholder;
+	margin-top: 4rpx;
+}
+.admin__field {
+	margin-top: 28rpx;
+	display: flex;
+	align-items: center;
+	border-top: 2rpx solid $fc-border;
+	padding-top: 24rpx;
+}
+.admin__label {
+	width: 200rpx;
+	font-size: $fc-font;
+	color: $fc-text-regular;
+}
+.admin__input {
+	flex: 1;
+	height: 80rpx;
+	background: $fc-bg;
+	border-radius: $fc-radius;
+	padding: 0 24rpx;
+	font-size: $fc-font;
+}
+.admin__ph {
+	color: $fc-text-placeholder;
+}
+/* ---- 图标网格 ---- */
+.admin__grid {
+	display: flex;
+	flex-wrap: wrap;
+}
+.admin__icon {
+	width: 20%;
+	padding: 16rpx 8rpx;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+.admin__icon-preview {
+	position: relative;
+	width: 96rpx;
+	height: 96rpx;
+	border-radius: 24rpx;
+	background: $fc-gradient-soft;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.admin__icon-img {
+	width: 76rpx;
+	height: 76rpx;
+}
+.admin__icon-badge {
+	position: absolute;
+	top: -10rpx;
+	right: -10rpx;
+	padding: 2rpx 10rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-gradient-warm;
+	color: #ffffff;
+	font-size: 18rpx;
+}
+.admin__icon-name {
+	margin-top: 12rpx;
+	font-size: $fc-font-xs;
+	color: $fc-text;
+	text-align: center;
+}
+.admin__icon-key {
+	margin-top: 4rpx;
+	font-size: 18rpx;
+	color: $fc-text-placeholder;
+}
+.admin__icon-ops {
+	display: flex;
+	margin-top: 10rpx;
+}
+.admin__icon-op {
+	padding: 4rpx 14rpx;
+	margin: 0 4rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-primary-lighter;
+	color: $fc-primary-text;
+	font-size: 20rpx;
+	&--reset {
+		background: $fc-bg;
+		color: $fc-text-secondary;
+	}
+}
+/* ---- 底部操作栏 ---- */
+.admin__bar {
+	position: fixed;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	display: flex;
+	align-items: center;
+	padding: 18rpx 32rpx;
+	padding-bottom: calc(18rpx + env(safe-area-inset-bottom));
+	background: #ffffff;
+	border-top: 2rpx solid $fc-border;
+	box-shadow: 0 -6rpx 24rpx rgba(4, 48, 30, 0.08);
+}
+.admin__bar-info {
+	flex: 1;
+	font-size: $fc-font-sm;
+	color: $fc-text-secondary;
+}
+</style>
+
diff --git a/uniapp/pages/auth/login.vue b/uniapp/pages/auth/login.vue
new file mode 100644
index 0000000..9cd0019
--- /dev/null
+++ b/uniapp/pages/auth/login.vue
@@ -0,0 +1,425 @@
+<template>
+	<view class="login">
+		<view class="login__bg"></view>
+		<view class="login__status" :style="{ height: statusBarHeight + 'px' }"></view>
+
+		<view class="login__brand">
+			<image class="fc-logo fc-logo--lg" :src="logoUrl()" mode="aspectFit" />
+			<text class="login__title">{{ siteName }}</text>
+			<text class="login__slogan">招聘 · 房产 · 二手 · 本地服务，一站直达</text>
+		</view>
+
+		<view class="login__panel">
+			<text class="login__panel-title">选择身份</text>
+			<view class="login__types">
+				<view class="login__type" :class="{ 'login__type--active': userType === 1 }" @click="userType = 1">
+					<image class="fc-icon--badge-sm" :src="iconUrl('login-person')" mode="aspectFit" />
+					<text class="login__type-name">个人用户</text>
+					<text class="login__type-desc">发布闲置 / 查看信息</text>
+				</view>
+				<view class="login__type" :class="{ 'login__type--active': userType === 2 }" @click="userType = 2">
+					<image class="fc-icon--badge-sm" :src="iconUrl('login-shop')" mode="aspectFit" />
+					<text class="login__type-name">商家用户</text>
+					<text class="login__type-desc">需营业执照资质认证</text>
+				</view>
+			</view>
+
+			<view v-if="userType === 2" class="login__license">
+				<view class="login__license-box" @click="chooseLicense">
+					<text v-if="!license">＋ 上传营业执照</text>
+					<text v-else class="login__license-file">已选择：{{ license }}</text>
+				</view>
+				<text class="login__license-tip">提交后由后台人工审核，审核期间可正常浏览</text>
+			</view>
+
+			<!-- 微信资料（可选）：头像用官方 chooseAvatar，昵称用官方 nickname 输入组件 -->
+			<view class="login__profile">
+				<button class="login__avatar" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
+					<image v-if="avatarUrl" class="login__avatar-img" :src="avatarUrl" mode="aspectFill" />
+					<text v-else class="login__avatar-ph">＋</text>
+				</button>
+				<view class="login__profile-fields">
+					<input class="login__nickname" type="nickname" v-model="nickname" placeholder="点击获取微信昵称"
+						placeholder-class="login__nickname-ph" />
+					<text class="login__profile-tip">同步您的微信头像与昵称（可跳过）</text>
+				</view>
+			</view>
+
+			<view class="login__btn" :class="{ 'login__btn--disabled': loading }" @click="onLogin">
+				<text>{{ loading ? '登录中…' : '微信一键登录' }}</text>
+			</view>
+			<!-- 手机号绑定：优先微信一键获取（open-type=getPhoneNumber），失败/不支持时回落手动输入 -->
+			<button class="login__phone" open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber">
+				<image class="fc-icon fc-icon--sm" :src="iconUrl('phonebind')" mode="aspectFit" />
+				<text class="login__phone-text">{{ phoneText }}</text>
+			</button>
+
+			<text class="login__agree">登录即代表同意《用户协议》与《隐私政策》</text>
+		</view>
+	</view>
+</template>
+
+<script>
+import { useUserStore } from '@/common/store/index.js'
+import authApi from '@/common/api/auth.js'
+import config from '@/common/config/index.js'
+import { iconUrl, logoUrl, loadUiConfig, uiState } from '@/common/store/ui.js'
+
+export default {
+	data() {
+		return {
+			statusBarHeight: 20,
+			userType: config.constants.USER_TYPE.PERSON,
+			license: '',
+			loading: false,
+			// 微信资料（可选）：昵称 + 头像临时路径（登录拿到 token 后再上传落库）
+			nickname: '',
+			avatarUrl: '',
+			pendingAvatar: '',
+		}
+	},
+	computed: {
+		siteName() {
+			return uiState.siteName || '同城分类信息'
+		},
+		userInfo() {
+			try {
+				return useUserStore().state.userInfo || {}
+			} catch (e) {
+				return {}
+			}
+		},
+		phoneText() {
+			const phone = this.userInfo.phone || ''
+			return phone ? '已绑定 ' + this.maskPhone(phone) : '手机号授权绑定'
+		},
+	},
+	onLoad() {
+		try {
+			this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight || 20
+		} catch (e) {}
+		loadUiConfig()
+	},
+	methods: {
+		iconUrl,
+		logoUrl,
+		chooseLicense() {
+			uni.chooseImage({
+				count: 1,
+				success: (res) => {
+					const f = (res.tempFilePaths && res.tempFilePaths[0]) || 'license.jpg'
+					this.license = String(f).split('/').pop()
+					uni.showToast({ title: '已选择资质文件', icon: 'none' })
+				},
+				fail: () => {
+					this.license = '营业执照.jpg'
+				},
+			})
+		},
+		async onLogin() {
+			if (this.loading) return
+			if (this.userType === config.constants.USER_TYPE.BUSINESS && !this.license) {
+				uni.showToast({ title: '商家用户请先上传营业执照', icon: 'none' })
+				return
+			}
+			this.loading = true
+			const store = useUserStore()
+			try {
+				const wxCode = await this.getWxCode()
+				// 登录时带上微信昵称（头像需先登录拿 token 再上传，见下方）
+				await store.login({ code: wxCode, nickname: this.nickname || undefined })
+				// 头像：chooseAvatar 拿到的是本地临时文件，登录后上传到服务端并写回资料
+				if (this.pendingAvatar) {
+					try {
+						const up = await authApi.uploadAvatar(this.pendingAvatar)
+						if (up && up.avatar) await authApi.saveProfile({ avatar: up.avatar })
+					} catch (e) {
+						// 头像上传失败不影响登录
+					}
+				}
+				if (this.nickname || this.pendingAvatar) {
+					await store.fetchProfile()
+				}
+				const res = await store.switchType(this.userType, this.license)
+				uni.showToast({ title: res.needAudit ? '已提交资质，等待审核' : '登录成功', icon: 'none' })
+				setTimeout(() => {
+					uni.reLaunch({ url: '/pages/index/index' })
+				}, 600)
+			} catch (e) {
+				uni.showToast({ title: e.message || '登录失败', icon: 'none' })
+			} finally {
+				this.loading = false
+			}
+		},
+		getWxCode() {
+			return new Promise((resolve) => {
+				try {
+					if (typeof uni !== 'undefined' && uni.login) {
+						uni.login({
+							provider: 'weixin',
+							success: (r) => resolve(r.code || 'mock_code'),
+							fail: () => resolve('mock_code'),
+						})
+						return
+					}
+				} catch (e) {}
+				resolve('mock_code')
+			})
+		},
+		/** 选择微信头像（官方组件回调，返回的是本地临时文件） */
+		onChooseAvatar(e) {
+			const temp = (e && e.detail && e.detail.avatarUrl) || ''
+			if (!temp) return
+			this.pendingAvatar = temp
+			this.avatarUrl = temp // 本地预览
+		},
+		async onGetPhoneNumber(e) {
+			// e.detail.code：微信手机号快捷验证的临时凭证（有效期 5 分钟，一次性）
+			const code = (e && e.detail && e.detail.code) || ''
+			if (!code) {
+				// 用户点了「拒绝」或当前环境（H5/模拟器）不支持快捷获取 → 手动输入兜底
+				this.manualBindPhone('可手动输入手机号完成绑定')
+				return
+			}
+			try {
+				const res = await authApi.wxPhone({ code })
+				this.applyPhone(res.phone)
+				uni.showToast({ title: '手机号已绑定', icon: 'none' })
+			} catch (err) {
+				// 快捷验证未开通/额度用尽/code 失效等 → 手动输入兜底，保证仍能拿到号码
+				this.manualBindPhone(err && err.message)
+			}
+		},
+		/** 手动输入手机号绑定（真实落库，替代原先前端拼假号的做法） */
+		manualBindPhone(tip) {
+			uni.showModal({
+				title: '绑定手机号',
+				editable: true,
+				placeholderText: '请输入 11 位手机号',
+				content: tip || '',
+				success: async (r) => {
+					if (!r.confirm) return
+					const phone = String(r.content || '').trim()
+					if (!/^1\d{10}$/.test(phone)) {
+						uni.showToast({ title: '手机号格式不正确', icon: 'none' })
+						return
+					}
+					try {
+						const res = await authApi.bindPhone({ phone })
+						this.applyPhone(res.phone)
+						uni.showToast({ title: '手机号已绑定', icon: 'none' })
+					} catch (err) {
+						uni.showToast({ title: (err && err.message) || '绑定失败', icon: 'none' })
+					}
+				},
+			})
+		},
+		applyPhone(phone) {
+			const store = useUserStore()
+			store.state.userInfo = { ...(store.state.userInfo || {}), phone }
+		},
+		maskPhone(phone) {
+			return String(phone || '').replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2')
+		},
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+.login {
+	min-height: 100vh;
+	position: relative;
+}
+.login__bg {
+	position: absolute;
+	left: 0;
+	right: 0;
+	top: 0;
+	height: 620rpx;
+	background: $fc-gradient-hero;
+	border-radius: 0 0 60rpx 60rpx;
+}
+.login__brand {
+	position: relative;
+	padding: 120rpx 60rpx 60rpx;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+.login__title {
+	margin-top: 28rpx;
+	color: #ffffff;
+	font-size: 44rpx;
+	font-weight: 700;
+	letter-spacing: 2rpx;
+}
+.login__slogan {
+	margin-top: 12rpx;
+	color: rgba(255, 255, 255, 0.88);
+	font-size: $fc-font-sm;
+}
+.login__panel {
+	position: relative;
+	margin: 40rpx 40rpx 0;
+	background: #ffffff;
+	border-radius: 32rpx;
+	padding: 40rpx 32rpx;
+	box-shadow: $fc-shadow-lg;
+}
+.login__panel-title {
+	font-size: $fc-font-lg;
+	font-weight: 700;
+	color: $fc-text;
+}
+.login__types {
+	display: flex;
+	margin-top: 24rpx;
+}
+.login__type {
+	flex: 1;
+	border: 2rpx solid $fc-border;
+	border-radius: $fc-radius-lg;
+	padding: 24rpx 20rpx;
+	display: flex;
+	flex-direction: column;
+	background: $fc-bg;
+	&:first-child {
+		margin-right: 20rpx;
+	}
+	&--active {
+		border-color: $fc-primary-text;
+		background: $fc-primary-lighter;
+	}
+}
+.login__type-name {
+	margin-top: 16rpx;
+	font-size: $fc-font-lg;
+	font-weight: 700;
+	color: $fc-text;
+}
+.login__type-desc {
+	margin-top: 6rpx;
+	font-size: $fc-font-xs;
+	color: $fc-text-secondary;
+}
+.login__license {
+	margin-top: 24rpx;
+}
+.login__license-box {
+	height: 120rpx;
+	border: 2rpx dashed $fc-primary-text;
+	border-radius: $fc-radius;
+	background: $fc-bg;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: $fc-primary-text;
+	font-size: $fc-font;
+}
+.login__license-file {
+	color: $fc-success;
+}
+.login__license-tip {
+	display: block;
+	margin-top: 12rpx;
+	font-size: $fc-font-xs;
+	color: $fc-text-placeholder;
+}
+.login__btn {
+	margin-top: 40rpx;
+	height: 92rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-gradient-primary;
+	color: $fc-primary-ink;
+	font-size: 32rpx;
+	font-weight: 700;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	box-shadow: 0 10rpx 28rpx rgba(4, 48, 30, 0.35);
+	&--disabled {
+		opacity: 0.7;
+	}
+}
+.login__profile {
+	margin-top: 32rpx;
+	padding: 24rpx;
+	border-radius: $fc-radius;
+	background: rgba(255, 255, 255, 0.78);
+	display: flex;
+	align-items: center;
+}
+.login__avatar {
+	width: 108rpx;
+	height: 108rpx;
+	padding: 0;
+	line-height: 1;
+	border-radius: 50%;
+	background: $fc-primary-lighter;
+	border: 2rpx solid $fc-primary-soft;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	overflow: hidden;
+	/* 小程序 button 默认自带 ::after 边框，需清除 */
+	&::after {
+		border: none;
+	}
+}
+.login__avatar-img {
+	width: 108rpx;
+	height: 108rpx;
+}
+.login__avatar-ph {
+	font-size: 40rpx;
+	color: $fc-primary-text;
+	font-weight: 700;
+}
+.login__profile-fields {
+	flex: 1;
+	margin-left: 24rpx;
+}
+.login__nickname {
+	height: 60rpx;
+	font-size: $fc-font;
+	color: $fc-text;
+	border-bottom: 2rpx solid $fc-border;
+}
+.login__nickname-ph {
+	color: $fc-text-placeholder;
+}
+.login__profile-tip {
+	display: block;
+	margin-top: 10rpx;
+	font-size: 22rpx;
+	color: $fc-text-secondary;
+}
+.login__phone {
+	margin-top: 24rpx;
+	height: 88rpx;
+	line-height: 1;
+	border-radius: $fc-radius-pill;
+	border: 2rpx solid $fc-primary-text;
+	color: $fc-primary-text;
+	background: transparent;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: $fc-font;
+	/* 小程序 button 默认自带 ::after 边框，需清除以保证描边样式一致 */
+	&::after {
+		border: none;
+	}
+}
+.login__phone-text {
+	margin-left: 12rpx;
+}
+.login__agree {
+	display: block;
+	margin-top: 28rpx;
+	text-align: center;
+	font-size: $fc-font-xs;
+	color: $fc-text-placeholder;
+}
+</style>
+
diff --git a/uniapp/pages/detail/detail.vue b/uniapp/pages/detail/detail.vue
new file mode 100644
index 0000000..0808fa2
--- /dev/null
+++ b/uniapp/pages/detail/detail.vue
@@ -0,0 +1,761 @@
+<template>
+	<view class="detail fc-page">
+		<!-- 顶部视觉 -->
+		<view class="detail__hero">
+			<view class="detail__hero-thumb">
+				<image class="detail__hero-img" :src="catIcon()" mode="aspectFit" />
+			</view>
+			<view class="detail__hero-badges">
+				<text class="fc-tag detail__badge">{{ post.categoryName }}</text>
+				<text v-if="post.isPaid" class="fc-tag detail__badge detail__badge--paid">置顶推荐</text>
+			</view>
+		</view>
+
+		<!-- 标题与价格 -->
+		<view class="fc-card detail__head">
+			<text class="detail__title">{{ post.title }}</text>
+			<view class="detail__price-row">
+				<view class="fc-price">
+					<text v-if="post.price > 0" class="fc-price__symbol">¥</text>
+					<text v-if="post.price > 0" class="detail__amount">{{ post.price }}</text>
+					<text v-if="post.price > 0" class="detail__unit">{{ post.priceUnit }}</text>
+					<text v-if="!(post.price > 0)" class="detail__neg">面议</text>
+				</view>
+				<view class="detail__stats">
+					<view class="fc-inline">
+						<image class="fc-icon fc-icon--sm" :src="iconUrl('eye')" mode="aspectFit" />
+						<text class="detail__stat-num">{{ post.views }}</text>
+					</view>
+					<view class="fc-inline detail__stat-gap">
+						<image class="fc-icon fc-icon--sm" :src="iconUrl('comment-gray')" mode="aspectFit" />
+						<text class="detail__stat-num">{{ post.commentCount || 0 }}</text>
+					</view>
+				</view>
+			</view>
+			<view class="detail__meta">
+				<text>{{ post.area }} · {{ post.address }}</text>
+			</view>
+		</view>
+
+		<!-- 发布者 -->
+		<view class="fc-card detail__publisher">
+			<view class="detail__avatar">{{ (post.publisher && post.publisher.name || '同').slice(0, 1) }}</view>
+			<view class="detail__publisher-info">
+				<view class="detail__publisher-name-row">
+					<text class="detail__publisher-name">{{ post.publisher && post.publisher.name }}</text>
+					<text v-if="post.publisher && post.publisher.verified" class="fc-tag detail__verified">已认证</text>
+				</view>
+				<text class="detail__publisher-sub">
+					{{ post.publisher && post.publisher.isMerchant ? '商家用户' : '个人用户' }} · {{ timeText }}发布
+				</text>
+			</view>
+			<view class="detail__follow" @click="toggleFollow">
+				<text>{{ followed ? '已关注' : '＋ 关注' }}</text>
+			</view>
+		</view>
+
+		<!-- 内容展示 -->
+		<view class="fc-card">
+			<text class="detail__section-title">详细描述</text>
+			<text class="detail__content">{{ post.content }}</text>
+			<view class="detail__tags">
+				<text v-for="t in post.tags || []" :key="t" class="fc-tag detail__tag">{{ t }}</text>
+			</view>
+			<view v-if="post.address" class="detail__map" @click="openMap">
+				<view class="detail__map-bg">
+					<image class="fc-icon fc-icon--md" :src="iconUrl('home-location')" mode="aspectFit" />
+				</view>
+				<view class="detail__map-info">
+					<text class="detail__map-name">{{ post.address }}</text>
+					<text class="detail__map-action">地图导航 ›</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 付费查看联系方式 -->
+		<view class="fc-card detail__contact">
+			<text class="detail__section-title">联系方式</text>
+			<view v-if="unlocked" class="detail__contact-inner">
+				<view class="detail__contact-row">
+					<text class="detail__contact-label">电话</text>
+					<text class="detail__contact-value" @click="callPhone">{{ contact.phone }}</text>
+				</view>
+				<view class="detail__contact-row">
+					<text class="detail__contact-label">微信</text>
+					<text class="detail__contact-value">{{ contact.wechat }}</text>
+				</view>
+				<view class="detail__contact-actions">
+					<view class="detail__contact-btn" @click="callPhone">
+						<image class="fc-icon fc-icon--sm" :src="iconUrl('phone')" mode="aspectFit" />
+						<text class="detail__btn-text">拨打电话</text>
+					</view>
+					<view class="detail__contact-btn detail__contact-btn--ghost" @click="copyWechat">
+						<text>复制微信号</text>
+					</view>
+				</view>
+			</view>
+			<view v-else class="detail__locked">
+				<image class="fc-icon fc-icon--xl" :src="iconUrl('lock')" mode="aspectFit" />
+				<text class="detail__locked-text">非会员查看完整联系方式需付费或开通会员</text>
+				<view class="detail__pay-type">
+					<view class="detail__pay-item" :class="{ 'detail__pay-item--active': payType === 'balance' }"
+						@click="payType = 'balance'"><text>余额支付</text></view>
+					<view class="detail__pay-item" :class="{ 'detail__pay-item--active': payType === 'wxpay' }"
+						@click="payType = 'wxpay'"><text>微信支付</text></view>
+				</view>
+				<view class="detail__locked-actions">
+					<view class="detail__locked-btn" @click="payView(payType)"><text>¥2 付费查看</text></view>
+					<view class="detail__locked-btn detail__locked-btn--vip" @click="goVip"><text>开通会员免费看</text></view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 评价互动 -->
+		<view class="fc-card">
+			<view class="detail__cmt-head">
+				<text class="detail__section-title">用户评价（{{ comments.length }}）</text>
+				<text class="detail__cmt-write" @click="showComment = true">写评价 ›</text>
+			</view>
+			<view v-for="c in comments" :key="c.id" class="detail__cmt">
+				<view class="detail__cmt-top">
+					<text class="detail__cmt-user">{{ c.user }}</text>
+					<view class="detail__cmt-score">
+						<image v-for="n in 5" :key="n" class="fc-icon fc-icon--xs"
+							:src="iconUrl(n <= c.score ? 'star' : 'star-o')" mode="aspectFit" />
+					</view>
+				</view>
+				<text class="detail__cmt-content">{{ c.content }}</text>
+				<text v-if="c.reply" class="detail__cmt-reply">商家回复：{{ c.reply }}</text>
+			</view>
+			<text v-if="!comments.length" class="detail__cmt-empty">暂无评价，快来抢沙发～</text>
+		</view>
+
+		<view class="detail__bar-space"></view>
+
+		<!-- 底部操作栏 -->
+		<view class="detail__bar">
+			<view class="detail__bar-item" @click="toggleFav">
+				<image class="fc-icon fc-icon--md" :src="iconUrl(faved ? 'bar-fav-on' : 'bar-fav')" mode="aspectFit" />
+				<text class="detail__bar-text">收藏</text>
+			</view>
+			<view class="detail__bar-item" @click="onShare">
+				<image class="fc-icon fc-icon--md" :src="iconUrl('bar-share')" mode="aspectFit" />
+				<text class="detail__bar-text">分享</text>
+			</view>
+			<view class="detail__bar-item" @click="showPoster = true">
+				<image class="fc-icon fc-icon--md" :src="iconUrl('bar-poster')" mode="aspectFit" />
+				<text class="detail__bar-text">海报</text>
+			</view>
+			<view class="detail__bar-main" @click="unlocked ? callPhone() : payView(payType)">
+				<text>{{ unlocked ? '立即联系' : '付费查看' }}</text>
+			</view>
+		</view>
+
+		<!-- 写评价弹层 -->
+		<view v-if="showComment" class="detail__mask" @click="showComment = false">
+			<view class="detail__sheet" @click.stop>
+				<text class="detail__sheet-title">发表评价</text>
+				<view class="detail__stars">
+					<image v-for="n in 5" :key="n" class="detail__star-img"
+						:src="iconUrl(n <= score ? 'star' : 'star-o')" mode="aspectFit" @click="score = n" />
+				</view>
+				<textarea v-model="commentText" class="detail__sheet-input" placeholder="说说你的体验…" maxlength="200" />
+				<view class="detail__sheet-btn" @click="submitComment"><text>提交评价</text></view>
+			</view>
+		</view>
+
+		<!-- 海报弹层 -->
+		<view v-if="showPoster" class="detail__mask" @click="showPoster = false">
+			<view class="detail__poster" @click.stop>
+				<view class="detail__poster-head">
+					<text class="detail__poster-title">{{ post.title }}</text>
+					<text class="detail__poster-price">¥{{ post.price > 0 ? post.price : '面议' }}</text>
+				</view>
+				<text class="detail__poster-tip">长按识别 / 保存海报分享给好友</text>
+				<view class="fc-inline detail__poster-qr">
+					<image class="fc-icon fc-icon--sm" :src="iconUrl('qrcode')" mode="aspectFit" />
+					<text class="detail__poster-qr-text">扫码查看同城详情</text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import postApi from '@/common/api/post.js'
+import { iconUrl, categoryIconUrl, loadUiConfig } from '@/common/store/ui.js'
+import { fromNow, maskPhone } from '@/common/utils/format.js'
+import config from '@/common/config/index.js'
+
+export default {
+	data() {
+		return {
+			id: 0,
+			post: { publisher: {}, tags: [] },
+			unlocked: false,
+			payType: config.defaultPayType,
+			contact: { phone: '', wechat: '' },
+			comments: [],
+			followed: false,
+			faved: false,
+			showComment: false,
+			showPoster: false,
+			score: 5,
+			commentText: '',
+		}
+	},
+	computed: {
+		timeText() {
+			return fromNow(this.post.createdAt)
+		},
+	},
+	onLoad(query) {
+		this.id = Number(query.id || 101)
+		loadUiConfig()
+		this.fetch()
+	},
+	methods: {
+		iconUrl,
+		catIcon() {
+			return categoryIconUrl(this.post.categoryId)
+		},
+		async fetch() {
+			try {
+				const res = await postApi.detail(this.id)
+				this.post = res
+				this.comments = [
+					{ id: 5001, user: '小王同学', score: 5, content: '联系很及时，沟通顺畅。', reply: '' },
+					{ id: 5002, user: '果果', score: 4, content: '信息真实，价格合理。', reply: '感谢支持～' },
+				]
+				this.contact = { phone: maskPhone(res.contact), wechat: '' }
+			} catch (e) {
+				uni.showToast({ title: '信息加载失败', icon: 'none' })
+			}
+		},
+		async payView(payType) {
+			try {
+				const res = await postApi.payView(this.id, { payType })
+				this.unlocked = true
+				this.contact = { phone: res.contact.phone, wechat: res.contact.wechat }
+				uni.showToast({ title: '已解锁完整联系方式', icon: 'none' })
+			} catch (e) {
+				uni.showToast({ title: e.message || '支付失败', icon: 'none' })
+			}
+		},
+		async submitComment() {
+			if (!this.commentText.trim()) {
+				uni.showToast({ title: '请输入评价内容', icon: 'none' })
+				return
+			}
+			try {
+				await postApi.comment(this.id, { score: this.score, content: this.commentText })
+				this.comments.unshift({ id: Date.now(), user: '我', score: this.score, content: this.commentText, reply: '' })
+				this.commentText = ''
+				this.showComment = false
+				uni.showToast({ title: '评价成功', icon: 'none' })
+			} catch (e) {
+				uni.showToast({ title: e.message, icon: 'none' })
+			}
+		},
+		toggleFollow() {
+			this.followed = !this.followed
+		},
+		toggleFav() {
+			this.faved = !this.faved
+			uni.showToast({ title: this.faved ? '已收藏' : '已取消收藏', icon: 'none' })
+		},
+		goVip() {
+			uni.navigateTo({ url: '/pages/member/index' })
+		},
+		openMap() {
+			uni.openLocation({
+				latitude: 26.647,
+				longitude: 106.63,
+				name: this.post.address,
+				address: this.post.area,
+				fail: () => uni.showToast({ title: '导航需在小程序内使用', icon: 'none' }),
+			})
+		},
+		callPhone() {
+			if (!this.unlocked) return this.payView(this.payType)
+			uni.makePhoneCall({ phoneNumber: this.contact.phone })
+		},
+		copyWechat() {
+			uni.setClipboardData({ data: this.contact.wechat })
+			uni.showToast({ title: '微信号已复制', icon: 'none' })
+		},
+		onShare() {
+			uni.showToast({ title: '已生成分享链接', icon: 'none' })
+		},
+	},
+}
+</script>
+
+
+<style lang="scss" scoped>
+.detail {
+	padding-bottom: 40rpx;
+}
+.detail__hero {
+	padding: 32rpx 24rpx 0;
+}
+.detail__hero-thumb {
+	height: 420rpx;
+	border-radius: $fc-radius-lg;
+	background: $fc-gradient-soft;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	overflow: hidden;
+}
+.detail__hero-img {
+	width: 240rpx;
+	height: 240rpx;
+}
+.detail__hero-badges {
+	display: flex;
+	margin-top: 20rpx;
+}
+.detail__badge {
+	margin-right: 12rpx;
+}
+.detail__badge--paid {
+	background: $fc-gradient-warm;
+	color: #ffffff;
+}
+.detail__head {
+	margin-top: 20rpx;
+}
+.detail__title {
+	font-size: $fc-font-title;
+	font-weight: 700;
+	color: $fc-text;
+	line-height: 1.35;
+}
+.detail__price-row {
+	display: flex;
+	align-items: flex-end;
+	justify-content: space-between;
+	margin-top: 20rpx;
+}
+.detail__amount {
+	font-size: 48rpx;
+}
+.detail__unit {
+	margin-left: 6rpx;
+	font-size: $fc-font-xs;
+	color: $fc-text-secondary;
+	font-weight: 400;
+}
+.detail__neg {
+	font-size: 40rpx;
+}
+.detail__stats {
+	display: flex;
+	font-size: $fc-font-xs;
+	color: $fc-text-placeholder;
+}
+.detail__stat-num {
+	margin-left: 6rpx;
+	font-size: $fc-font-xs;
+	color: $fc-text-placeholder;
+}
+.detail__stat-gap {
+	margin-left: 18rpx;
+}
+.detail__meta {
+	margin-top: 16rpx;
+	font-size: $fc-font-sm;
+	color: $fc-text-secondary;
+}
+.detail__publisher {
+	display: flex;
+	align-items: center;
+}
+.detail__avatar {
+	width: 88rpx;
+	height: 88rpx;
+	border-radius: 50%;
+	background: $fc-gradient-warm;
+	color: #ffffff;
+	font-size: 36rpx;
+	font-weight: 700;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.detail__publisher-info {
+	flex: 1;
+	margin-left: 20rpx;
+}
+.detail__publisher-name-row {
+	display: flex;
+	align-items: center;
+}
+.detail__publisher-name {
+	font-size: $fc-font-lg;
+	font-weight: 600;
+	color: $fc-text;
+}
+.detail__verified {
+	margin-left: 12rpx;
+	background: #e9f9ee;
+	color: $fc-success;
+}
+.detail__publisher-sub {
+	display: block;
+	margin-top: 6rpx;
+	font-size: $fc-font-xs;
+	color: $fc-text-secondary;
+}
+.detail__follow {
+	padding: 14rpx 28rpx;
+	border-radius: $fc-radius-pill;
+	border: 2rpx solid $fc-primary-text;
+	color: $fc-primary-text;
+	font-size: $fc-font-sm;
+}
+.detail__section-title {
+	font-size: $fc-font-lg;
+	font-weight: 700;
+	color: $fc-text;
+}
+.detail__content {
+	display: block;
+	margin-top: 18rpx;
+	font-size: $fc-font;
+	color: $fc-text-regular;
+	line-height: 1.7;
+}
+.detail__tags {
+	display: flex;
+	flex-wrap: wrap;
+	margin-top: 18rpx;
+}
+.detail__tag {
+	margin: 0 12rpx 12rpx 0;
+}
+.detail__map {
+	margin-top: 24rpx;
+	display: flex;
+	align-items: center;
+	background: $fc-bg;
+	border-radius: $fc-radius;
+	padding: 20rpx;
+}
+.detail__map-bg {
+	width: 120rpx;
+	height: 90rpx;
+	border-radius: 12rpx;
+	background: linear-gradient(135deg, #d8f1e8, #93d6c2);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.detail__map-pin {
+	font-size: 36rpx;
+}
+.detail__map-info {
+	flex: 1;
+	margin-left: 20rpx;
+	display: flex;
+	flex-direction: column;
+}
+.detail__map-name {
+	font-size: $fc-font;
+	color: $fc-text;
+}
+.detail__map-action {
+	margin-top: 8rpx;
+	font-size: $fc-font-xs;
+	color: $fc-primary-text;
+}
+.detail__locked {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding: 32rpx 0 8rpx;
+}
+.detail__locked-icon {
+	font-size: 64rpx;
+}
+.detail__locked-text {
+	margin-top: 16rpx;
+	font-size: $fc-font-sm;
+	color: $fc-text-secondary;
+	text-align: center;
+}
+.detail__locked-actions {
+	display: flex;
+	margin-top: 28rpx;
+}
+/* 支付方式选择（付费查看） */
+.detail__pay-type {
+	display: flex;
+	margin-top: 24rpx;
+}
+.detail__pay-item {
+	min-width: 168rpx;
+	height: 66rpx;
+	padding: 0 24rpx;
+	margin-right: 16rpx;
+	border-radius: $fc-radius;
+	border: 2rpx solid $fc-border;
+	background: $fc-bg;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: $fc-font-sm;
+	color: $fc-text-regular;
+	&--active {
+		border-color: $fc-primary-text;
+		background: $fc-primary-lighter;
+		color: $fc-primary-text;
+		font-weight: 600;
+	}
+}
+.detail__locked-btn {
+	padding: 18rpx 40rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-gradient-primary;
+	color: $fc-primary-ink;
+	font-size: $fc-font-sm;
+	font-weight: 600;
+	&--vip {
+		margin-left: 20rpx;
+		background: $fc-gradient-warm;
+	}
+}
+.detail__contact-row {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	height: 80rpx;
+	border-bottom: 2rpx solid $fc-border;
+}
+.detail__contact-label {
+	font-size: $fc-font;
+	color: $fc-text-secondary;
+}
+.detail__contact-value {
+	font-size: $fc-font-lg;
+	font-weight: 600;
+	color: $fc-primary-text;
+}
+.detail__contact-actions {
+	display: flex;
+	margin-top: 24rpx;
+}
+.detail__contact-btn {
+	flex: 1;
+	height: 84rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-gradient-primary;
+	color: $fc-primary-ink;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: $fc-font;
+	&--ghost {
+		margin-left: 20rpx;
+		background: #ffffff;
+		border: 2rpx solid $fc-primary-text;
+		color: $fc-primary-text;
+	}
+}
+.detail__cmt-head {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+.detail__cmt-write {
+	font-size: $fc-font-sm;
+	color: $fc-primary-text;
+}
+.detail__cmt {
+	margin-top: 24rpx;
+	padding-top: 20rpx;
+	border-top: 2rpx solid $fc-border;
+}
+.detail__cmt-top {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+.detail__cmt-user {
+	font-size: $fc-font;
+	font-weight: 600;
+	color: $fc-text;
+}
+.detail__btn-text {
+	margin-left: 10rpx;
+}
+.detail__cmt-score {
+	display: flex;
+	align-items: center;
+}
+.detail__cmt-content {
+	display: block;
+	margin-top: 12rpx;
+	font-size: $fc-font;
+	color: $fc-text-regular;
+	line-height: 1.6;
+}
+.detail__cmt-reply {
+	display: block;
+	margin-top: 12rpx;
+	padding: 14rpx 20rpx;
+	border-radius: $fc-radius-sm;
+	background: $fc-bg;
+	font-size: $fc-font-sm;
+	color: $fc-text-secondary;
+}
+.detail__cmt-empty {
+	display: block;
+	margin-top: 24rpx;
+	text-align: center;
+	font-size: $fc-font-sm;
+	color: $fc-text-placeholder;
+}
+.detail__bar-space {
+	height: 160rpx;
+}
+.detail__bar {
+	position: fixed;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	display: flex;
+	align-items: center;
+	padding: 14rpx 24rpx;
+	background: #ffffff;
+	border-top: 2rpx solid $fc-border;
+	box-shadow: 0 -6rpx 24rpx rgba(4, 48, 30, 0.08);
+}
+.detail__bar-item {
+	width: 110rpx;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+.detail__bar-text {
+	margin-top: 4rpx;
+	font-size: 20rpx;
+	color: $fc-text-secondary;
+}
+.detail__bar-main {
+	flex: 1;
+	height: 88rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-gradient-primary;
+	color: $fc-primary-ink;
+	font-size: 30rpx;
+	font-weight: 700;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	box-shadow: 0 8rpx 24rpx rgba(4, 48, 30, 0.3);
+}
+.detail__mask {
+	position: fixed;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	z-index: 200;
+	background: rgba(4, 48, 42, 0.5);
+	display: flex;
+	align-items: flex-end;
+}
+.detail__sheet {
+	width: 100%;
+	background: #ffffff;
+	border-radius: 32rpx 32rpx 0 0;
+	padding: 36rpx 32rpx 60rpx;
+}
+.detail__sheet-title {
+	display: block;
+	text-align: center;
+	font-size: $fc-font-lg;
+	font-weight: 700;
+}
+.detail__stars {
+	display: flex;
+	justify-content: center;
+	margin: 28rpx 0;
+}
+.detail__star-img {
+	width: 56rpx;
+	height: 56rpx;
+	margin: 0 10rpx;
+}
+.detail__sheet-input {
+	width: 100%;
+	height: 180rpx;
+	background: $fc-bg;
+	border-radius: $fc-radius;
+	padding: 22rpx 24rpx;
+	font-size: $fc-font;
+}
+.detail__sheet-btn {
+	margin-top: 28rpx;
+	height: 88rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-gradient-primary;
+	color: $fc-primary-ink;
+	font-size: 30rpx;
+	font-weight: 700;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.detail__poster {
+	width: 100%;
+	background: #ffffff;
+	border-radius: 32rpx 32rpx 0 0;
+	padding: 44rpx 40rpx 60rpx;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+.detail__poster-head {
+	width: 100%;
+	border-radius: $fc-radius-lg;
+	background: $fc-gradient-hero;
+	padding: 40rpx 32rpx;
+	display: flex;
+	flex-direction: column;
+}
+.detail__poster-title {
+	color: #ffffff;
+	font-size: $fc-font-xl;
+	font-weight: 700;
+}
+.detail__poster-price {
+	margin-top: 20rpx;
+	color: #ffffff;
+	font-size: 52rpx;
+	font-weight: 700;
+}
+.detail__poster-tip {
+	margin-top: 28rpx;
+	font-size: $fc-font-sm;
+	color: $fc-text-secondary;
+}
+.detail__poster-qr {
+	margin-top: 24rpx;
+	width: 100%;
+	height: 140rpx;
+	border-radius: $fc-radius;
+	background: $fc-bg;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: $fc-primary-text;
+	font-size: $fc-font;
+}
+.detail__poster-qr-text {
+	margin-left: 12rpx;
+}
+</style>
+
diff --git a/uniapp/pages/distribution/index.vue b/uniapp/pages/distribution/index.vue
new file mode 100644
index 0000000..7e3404f
--- /dev/null
+++ b/uniapp/pages/distribution/index.vue
@@ -0,0 +1,538 @@
+<template>
+	<view class="dist fc-page">
+		<!-- 佣金概览 -->
+		<view class="dist__header">
+			<view class="dist__status" :style="{ height: statusBarHeight + 'px' }"></view>
+			<view class="dist__overview">
+				<text class="dist__overview-label">可提现佣金（元）</text>
+				<text class="dist__overview-num">{{ overview.withdrawable || 0 }}</text>
+				<view class="dist__overview-row">
+					<view class="dist__overview-cell">
+						<text class="dist__overview-cell-num">{{ overview.totalCommission || 0 }}</text>
+						<text class="dist__overview-cell-label">累计佣金</text>
+					</view>
+					<view class="dist__overview-cell">
+						<text class="dist__overview-cell-num">{{ overview.settled || 0 }}</text>
+						<text class="dist__overview-cell-label">已结算</text>
+					</view>
+					<view class="dist__overview-cell">
+						<text class="dist__overview-cell-num">{{ overview.todayCommission || 0 }}</text>
+						<text class="dist__overview-cell-label">今日佣金</text>
+					</view>
+				</view>
+				<view class="dist__withdraw-btn" @click="showWithdraw = true"><text>申请提现</text></view>
+			</view>
+		</view>
+
+		<!-- 邀请推广 -->
+		<view class="fc-card">
+			<text class="dist__section-title">邀请推广</text>
+			<view class="dist__invite">
+				<view class="dist__invite-poster" @click="savePoster">
+					<image class="fc-icon fc-icon--lg" :src="iconUrl('image-white')" mode="aspectFit" />
+					<text class="dist__invite-poster-text">邀请海报</text>
+				</view>
+				<view class="dist__invite-info">
+					<view class="dist__invite-row">
+						<text class="dist__invite-label">邀请码</text>
+						<text class="dist__invite-value">{{ overview.inviteCode }}</text>
+						<text class="dist__invite-copy" @click="copy(overview.inviteCode)">复制</text>
+					</view>
+					<view class="dist__invite-row">
+						<text class="dist__invite-label">推广链接</text>
+						<text class="dist__invite-link fc-ellipsis">/pages/index/index?ic={{ overview.inviteCode }}</text>
+						<text class="dist__invite-copy" @click="copyLink">复制</text>
+					</view>
+					<view class="dist__invite-share" @click="share"><text>分享给好友 ›</text></view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 团队管理 -->
+		<view class="fc-card">
+			<view class="dist__team-head">
+				<text class="dist__section-title">我的团队</text>
+				<view class="dist__team-tabs">
+					<view v-for="t in levelTabs" :key="t.value" class="dist__team-tab"
+						:class="{ 'dist__team-tab--active': level === t.value }" @click="changeLevel(t.value)">
+						<text>{{ t.label }}</text>
+					</view>
+				</view>
+			</view>
+			<view class="dist__team-stat">
+				<text>团队总人数 {{ overview.teamCount || 0 }}</text>
+				<text class="dist__team-stat-gap">一级 {{ overview.l1Count || 0 }} · 二级 {{ overview.l2Count || 0 }}</text>
+			</view>
+			<fc-empty v-if="!team.length" icon="users" text="暂无下线，快去邀请好友吧" />
+			<view v-for="t in team" :key="t.id" class="dist__member">
+				<view class="dist__member-avatar">{{ t.nickname.slice(0, 1) }}</view>
+				<view class="dist__member-info">
+					<view class="dist__member-name-row">
+						<text class="dist__member-name">{{ t.nickname }}</text>
+						<text class="fc-tag dist__member-level">{{ t.level === 1 ? '一级' : '二级' }}</text>
+					</view>
+					<text class="dist__member-time">{{ timeText(t.joinedAt) }}加入</text>
+				</view>
+				<view class="dist__member-right">
+					<text class="dist__member-commission">+¥{{ t.commission }}</text>
+					<text class="dist__member-perf">业绩 ¥{{ t.performance }}</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 提现记录 -->
+		<view class="fc-card">
+			<text class="dist__section-title">提现记录</text>
+			<view v-for="w in records" :key="w.id" class="dist__record">
+				<view class="dist__record-left">
+					<text class="dist__record-no">{{ w.withdrawNo }}</text>
+					<text class="dist__record-time">{{ timeText(w.createdAt) }}</text>
+				</view>
+				<view class="dist__record-right">
+					<text class="dist__record-amount">-¥{{ w.amount }}</text>
+					<text class="dist__record-status" :class="`dist__record-status--${w.status}`">
+						{{ statusText(w.status) }}
+					</text>
+				</view>
+			</view>
+			<text v-if="!records.length" class="dist__record-empty">暂无提现记录</text>
+		</view>
+
+		<!-- 提现弹层 -->
+		<view v-if="showWithdraw" class="dist__mask" @click="showWithdraw = false">
+			<view class="dist__sheet" @click.stop>
+				<text class="dist__sheet-title">申请提现</text>
+				<text class="dist__sheet-tip">提现将打入微信零钱，最低提现 ¥{{ minWithdraw }}</text>
+				<view class="dist__sheet-input-wrap">
+					<text class="dist__sheet-symbol">¥</text>
+					<input v-model="withdrawAmount" class="dist__sheet-input" type="digit" placeholder="请输入提现金额" />
+				</view>
+				<text class="dist__sheet-balance">可提现余额 ¥{{ overview.withdrawable || 0 }}</text>
+				<view class="dist__sheet-btn" @click="submitWithdraw"><text>确认提现</text></view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import FcEmpty from '@/components/fc-empty/fc-empty.vue'
+import distributionApi from '@/common/api/distribution.js'
+import { WITHDRAW_TEXT } from '@/common/constants/ui.js'
+import { fromNow } from '@/common/utils/format.js'
+import { iconUrl, loadUiConfig } from '@/common/store/ui.js'
+
+export default {
+	components: { FcEmpty },
+	data() {
+		return {
+			statusBarHeight: 20,
+			overview: {},
+			team: [],
+			records: [],
+			level: 0,
+			showWithdraw: false,
+			withdrawAmount: '',
+			minWithdraw: 50,
+			levelTabs: [
+				{ label: '全部', value: 0 },
+				{ label: '一级', value: 1 },
+				{ label: '二级', value: 2 },
+			],
+		}
+	},
+	onLoad() {
+		try {
+			this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight || 20
+		} catch (e) {}
+		loadUiConfig()
+		this.init()
+	},
+	methods: {
+		iconUrl,
+		async init() {
+			try {
+				const [overview, team, records] = await Promise.all([
+					distributionApi.overview(),
+					distributionApi.team({ page: 1, size: 50 }),
+					distributionApi.withdrawRecords(),
+				])
+				this.overview = overview
+				this.team = team.list
+				this.records = records
+			} catch (e) {
+				uni.showToast({ title: '分销数据加载失败', icon: 'none' })
+			}
+		},
+		async changeLevel(v) {
+			this.level = v
+			try {
+				const team = await distributionApi.team({ level: v || undefined, page: 1, size: 50 })
+				this.team = team.list
+			} catch (e) {}
+		},
+		statusText(s) {
+			return WITHDRAW_TEXT[s] || s
+		},
+		timeText(t) {
+			return fromNow(t)
+		},
+		copy(text) {
+			uni.setClipboardData({ data: String(text) })
+			uni.showToast({ title: '已复制', icon: 'none' })
+		},
+		copyLink() {
+			this.copy(`/pages/index/index?ic=${this.overview.inviteCode}`)
+		},
+		savePoster() {
+			uni.showToast({ title: '海报已生成，可长按保存', icon: 'none' })
+		},
+		share() {
+			uni.showToast({ title: '点击右上角分享给好友', icon: 'none' })
+		},
+		async submitWithdraw() {
+			const amount = Number(this.withdrawAmount)
+			if (!amount || amount <= 0) {
+				uni.showToast({ title: '请输入正确的提现金额', icon: 'none' })
+				return
+			}
+			try {
+				await distributionApi.withdraw({ amount, channel: 'wxpay' })
+				this.showWithdraw = false
+				this.withdrawAmount = ''
+				uni.showToast({ title: '提现申请已提交', icon: 'none' })
+				this.records = await distributionApi.withdrawRecords()
+			} catch (e) {
+				uni.showToast({ title: e.message || '提现失败', icon: 'none' })
+			}
+		},
+	},
+}
+</script>
+
+
+<style lang="scss" scoped>
+.dist__header {
+	background: $fc-gradient-hero;
+	padding-bottom: 90rpx;
+	border-radius: 0 0 40rpx 40rpx;
+}
+.dist__overview {
+	margin: 20rpx 32rpx 0;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+.dist__overview-label {
+	color: rgba(255, 255, 255, 0.9);
+	font-size: $fc-font-sm;
+}
+.dist__overview-num {
+	margin-top: 14rpx;
+	color: #ffffff;
+	font-size: 76rpx;
+	font-weight: 700;
+}
+.dist__overview-row {
+	width: 100%;
+	display: flex;
+	margin-top: 36rpx;
+}
+.dist__overview-cell {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+.dist__overview-cell-num {
+	color: #ffffff;
+	font-size: 34rpx;
+	font-weight: 700;
+}
+.dist__overview-cell-label {
+	margin-top: 6rpx;
+	color: rgba(255, 255, 255, 0.85);
+	font-size: $fc-font-xs;
+}
+.dist__withdraw-btn {
+	margin-top: 40rpx;
+	padding: 20rpx 80rpx;
+	border-radius: $fc-radius-pill;
+	background: #ffffff;
+	color: $fc-primary-text;
+	font-size: $fc-font-lg;
+	font-weight: 700;
+	box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.12);
+}
+.dist__section-title {
+	font-size: $fc-font-lg;
+	font-weight: 700;
+	color: $fc-text;
+}
+.dist__invite {
+	display: flex;
+	margin-top: 24rpx;
+}
+.dist__invite-poster {
+	width: 180rpx;
+	height: 180rpx;
+	border-radius: $fc-radius-lg;
+	background: $fc-gradient-warm;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	flex: 0 0 180rpx;
+}
+.dist__invite-poster-text {
+	margin-top: 10rpx;
+	color: #ffffff;
+	font-size: $fc-font-xs;
+}
+.dist__invite-info {
+	flex: 1;
+	margin-left: 24rpx;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+.dist__invite-row {
+	display: flex;
+	align-items: center;
+}
+.dist__invite-label {
+	width: 120rpx;
+	font-size: $fc-font-sm;
+	color: $fc-text-secondary;
+}
+.dist__invite-value {
+	flex: 1;
+	font-size: $fc-font;
+	font-weight: 700;
+	color: $fc-text;
+	letter-spacing: 2rpx;
+}
+.dist__invite-link {
+	flex: 1;
+	font-size: $fc-font-xs;
+	color: $fc-text-regular;
+}
+.dist__invite-copy {
+	margin-left: 16rpx;
+	padding: 6rpx 20rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-primary-lighter;
+	color: $fc-primary-text;
+	font-size: $fc-font-xs;
+}
+.dist__invite-share {
+	margin-top: 12rpx;
+	font-size: $fc-font-sm;
+	color: $fc-primary-text;
+	font-weight: 600;
+}
+.dist__team-head {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+.dist__team-tabs {
+	display: flex;
+}
+.dist__team-tab {
+	margin-left: 16rpx;
+	padding: 8rpx 24rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-bg;
+	font-size: $fc-font-xs;
+	color: $fc-text-secondary;
+	&--active {
+		background: $fc-primary-lighter;
+		color: $fc-primary-text;
+		font-weight: 700;
+	}
+}
+.dist__team-stat {
+	display: flex;
+	align-items: center;
+	margin-top: 20rpx;
+	font-size: $fc-font-sm;
+	color: $fc-text-regular;
+}
+.dist__team-stat-gap {
+	margin-left: 24rpx;
+	color: $fc-text-secondary;
+}
+.dist__member {
+	display: flex;
+	align-items: center;
+	margin-top: 24rpx;
+	padding-top: 20rpx;
+	border-top: 2rpx solid $fc-border;
+}
+.dist__member-avatar {
+	width: 80rpx;
+	height: 80rpx;
+	border-radius: 50%;
+	background: $fc-gradient-warm;
+	color: #ffffff;
+	font-size: 32rpx;
+	font-weight: 700;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.dist__member-info {
+	flex: 1;
+	margin-left: 20rpx;
+}
+.dist__member-name-row {
+	display: flex;
+	align-items: center;
+}
+.dist__member-name {
+	font-size: $fc-font;
+	font-weight: 600;
+	color: $fc-text;
+}
+.dist__member-level {
+	margin-left: 12rpx;
+}
+.dist__member-time {
+	display: block;
+	margin-top: 8rpx;
+	font-size: $fc-font-xs;
+	color: $fc-text-placeholder;
+}
+.dist__member-right {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-end;
+}
+.dist__member-commission {
+	font-size: $fc-font-lg;
+	font-weight: 700;
+	color: $fc-price;
+}
+.dist__member-perf {
+	margin-top: 8rpx;
+	font-size: $fc-font-xs;
+	color: $fc-text-secondary;
+}
+.dist__record {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	margin-top: 24rpx;
+	padding-top: 20rpx;
+	border-top: 2rpx solid $fc-border;
+}
+.dist__record-no {
+	display: block;
+	font-size: $fc-font-sm;
+	color: $fc-text;
+}
+.dist__record-time {
+	display: block;
+	margin-top: 8rpx;
+	font-size: $fc-font-xs;
+	color: $fc-text-placeholder;
+}
+.dist__record-right {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-end;
+}
+.dist__record-amount {
+	font-size: $fc-font-lg;
+	font-weight: 700;
+	color: $fc-text;
+}
+.dist__record-status {
+	margin-top: 8rpx;
+	font-size: $fc-font-xs;
+	color: $fc-warning;
+	&--paid {
+		color: $fc-success;
+	}
+	&--rejected {
+		color: $fc-danger;
+	}
+}
+.dist__record-empty {
+	display: block;
+	margin-top: 24rpx;
+	text-align: center;
+	font-size: $fc-font-sm;
+	color: $fc-text-placeholder;
+}
+.dist__mask {
+	position: fixed;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	z-index: 200;
+	background: rgba(4, 48, 42, 0.5);
+	display: flex;
+	align-items: flex-end;
+}
+.dist__sheet {
+	width: 100%;
+	background: #ffffff;
+	border-radius: 32rpx 32rpx 0 0;
+	padding: 36rpx 32rpx 60rpx;
+}
+.dist__sheet-title {
+	display: block;
+	text-align: center;
+	font-size: $fc-font-lg;
+	font-weight: 700;
+}
+.dist__sheet-tip {
+	display: block;
+	text-align: center;
+	margin-top: 14rpx;
+	font-size: $fc-font-xs;
+	color: $fc-text-secondary;
+}
+.dist__sheet-input-wrap {
+	margin-top: 32rpx;
+	display: flex;
+	align-items: center;
+	height: 110rpx;
+	border-radius: $fc-radius;
+	background: $fc-bg;
+	padding: 0 28rpx;
+}
+.dist__sheet-symbol {
+	font-size: 40rpx;
+	font-weight: 700;
+	color: $fc-price;
+	margin-right: 12rpx;
+}
+.dist__sheet-input {
+	flex: 1;
+	font-size: 40rpx;
+	font-weight: 700;
+}
+.dist__sheet-balance {
+	display: block;
+	margin-top: 16rpx;
+	font-size: $fc-font-xs;
+	color: $fc-text-secondary;
+}
+.dist__sheet-btn {
+	margin-top: 32rpx;
+	height: 90rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-gradient-primary;
+	color: $fc-primary-ink;
+	font-size: 32rpx;
+	font-weight: 700;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	box-shadow: 0 10rpx 28rpx rgba(4, 48, 30, 0.3);
+}
+</style>
+
diff --git a/uniapp/pages/index/index.vue b/uniapp/pages/index/index.vue
new file mode 100644
index 0000000..66fae59
--- /dev/null
+++ b/uniapp/pages/index/index.vue
@@ -0,0 +1,695 @@
+<template>
+	<view class="fc-page home">
+		<!-- 顶部：LOGO + 定位 + 消息 + 搜索 -->
+		<view class="home__header">
+			<view class="home__header-status" :style="{ height: statusBarHeight + 'px' }"></view>
+			<view class="home__header-bar">
+				<image class="fc-logo fc-logo--sm" :src="logoUrl()" mode="aspectFit" />
+				<view class="home__location" @click="onLocation">
+					<image class="fc-icon fc-icon--sm" :src="iconUrl('home-location')" mode="aspectFit" />
+					<text class="home__location-text fc-ellipsis">{{ location }}</text>
+					<text class="home__location-arrow">▾</text>
+				</view>
+				<view class="home__msg" @click="go('/pages/message/index')">
+					<image class="fc-icon fc-icon--sm" :src="iconUrl('home-bell')" mode="aspectFit" />
+					<view v-if="unread > 0" class="home__msg-dot">{{ unread }}</view>
+				</view>
+			</view>
+			<view class="home__search" @click="goSearch">
+				<image class="fc-icon fc-icon--sm" :src="iconUrl('home-search')" mode="aspectFit" />
+				<text class="home__search-ph">搜索招聘、租房、二手…</text>
+			</view>
+		</view>
+
+		<!-- 轮播广告位：后台渐变底色 + 页面 CSS 装饰层 + 白色插画（视觉规则见 common/assets/banners.js） -->
+		<swiper class="home__banner" circular autoplay :interval="4000" :duration="500" indicator-dots
+			indicator-color="rgba(255,255,255,0.45)" indicator-active-color="#ffffff">
+			<swiper-item v-for="(b, i) in banners" :key="b.id">
+				<view class="home__banner-item" :style="{ background: bannerBg(b, i) }" @click="goBanner(b)">
+					<!-- 后台自定义整幅配图优先；未配置时用内置「绿底 + 白色插画」 -->
+					<image v-if="b.image" class="home__banner-photo" :src="b.image" mode="aspectFill" />
+					<view v-else class="home__banner-deco">
+						<view class="home__banner-glow"></view>
+						<view class="home__banner-vein"></view>
+						<view class="home__banner-hill home__banner-hill--far"></view>
+						<view class="home__banner-hill home__banner-hill--near"></view>
+						<view class="home__banner-badge">
+							<view class="home__banner-ring home__banner-ring--outer"></view>
+							<view class="home__banner-ring home__banner-ring--inner"></view>
+							<image class="home__banner-art" :src="bannerArtUrl(i)" mode="aspectFit" />
+							<view v-if="bannerHasValue(i)" class="home__banner-value">
+								<view class="home__banner-value-dot"></view>
+								<view class="home__banner-value-dot home__banner-value-dot--sm"></view>
+							</view>
+						</view>
+					</view>
+					<!-- 左侧压暗罩：白字在任何后台底色上都清透可读 -->
+					<view class="home__banner-shade"></view>
+					<view class="home__banner-text">
+						<text class="home__banner-tag">同城精选</text>
+						<text class="home__banner-title">{{ b.title }}</text>
+						<view class="home__banner-cta">
+							<text class="home__banner-cta-text">立即查看 ›</text>
+						</view>
+					</view>
+				</view>
+			</swiper-item>
+		</swiper>
+
+		<!-- 分类导航 -->
+		<view class="fc-card home__cats">
+			<view class="home__cats-head">
+				<text class="home__cats-title">同城分类</text>
+				<text class="home__cats-more" @click="go('/pages/post/list')">全部分类 ›</text>
+			</view>
+			<view class="home__cats-grid">
+				<view v-for="c in categories" :key="c.id" class="home__cat" @click="goCategory(c)">
+					<view class="home__cat-icon">
+						<image class="fc-icon--badge" :src="catIcon(c)" mode="aspectFit" />
+					</view>
+					<text class="home__cat-name">{{ c.name }}</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 会员引导条 -->
+		<view class="home__vip" @click="go('/pages/member/index')">
+			<view class="home__vip-left">
+				<image class="fc-icon fc-icon--md" :src="iconUrl('home-crown')" mode="aspectFit" />
+				<view class="home__vip-texts">
+					<text class="home__vip-title">{{ isMember ? '会员权益已生效' : '开通会员，发布 8 折' }}</text>
+					<text class="home__vip-sub">{{ isMember ? '每日免费查看 20 条联系方式' : '超值月卡 ¥19.9 起' }}</text>
+				</view>
+			</view>
+			<view class="home__vip-btn">{{ isMember ? '查看权益' : '立即开通' }}</view>
+		</view>
+
+		<!-- 筛选排序 -->
+		<view class="home__filter">
+			<view v-for="s in sorts" :key="s.value" class="home__filter-item"
+				:class="{ 'home__filter-item--active': sort === s.value }" @click="changeSort(s.value)">
+				<text>{{ s.label }}</text>
+			</view>
+			<view class="home__filter-item home__filter-item--area" @click="showAreaPicker = true">
+				<text>{{ area || '区域' }} ▾</text>
+			</view>
+		</view>
+
+		<!-- 骨架屏 -->
+		<view v-if="loading && !list.length">
+			<view v-for="i in 3" :key="i" class="fc-post-card home__skeleton">
+				<view class="fc-skeleton home__skeleton-thumb"></view>
+				<view class="home__skeleton-body">
+					<view class="fc-skeleton home__skeleton-line" style="width: 80%"></view>
+					<view class="fc-skeleton home__skeleton-line" style="width: 50%"></view>
+					<view class="fc-skeleton home__skeleton-line" style="width: 35%"></view>
+				</view>
+			</view>
+		</view>
+
+		<fc-empty v-else-if="!list.length" text="附近暂无信息，换个筛选条件试试" btn-text="去发布"
+			@action="go('/pages/post/create')" />
+
+		<view v-else>
+			<fc-post-card v-for="p in list" :key="p.id" :post="p" @click="goDetail" />
+			<view class="home__loadmore">
+				<text v-if="loading">加载中…</text>
+				<text v-else-if="!hasMore">— 已经到底啦 —</text>
+				<text v-else @click="loadMore">加载更多</text>
+			</view>
+		</view>
+
+		<view class="home__tabbar-space"></view>
+		<fc-tabbar :current="0" />
+
+		<!-- 区域选择弹层 -->
+		<view v-if="showAreaPicker" class="home__mask" @click="showAreaPicker = false">
+			<view class="home__sheet" @click.stop>
+				<text class="home__sheet-title">选择区域</text>
+				<view class="home__sheet-list">
+					<view v-for="a in areaOptions" :key="a" class="home__sheet-item"
+						:class="{ 'home__sheet-item--active': area === a }" @click="pickArea(a)">
+						<text>{{ a }}</text>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import FcPostCard from '@/components/fc-post-card/fc-post-card.vue'
+import FcTabbar from '@/components/fc-tabbar/fc-tabbar.vue'
+import FcEmpty from '@/components/fc-empty/fc-empty.vue'
+import homeApi from '@/common/api/home.js'
+import { useUserStore } from '@/common/store/index.js'
+import { iconUrl, logoUrl, categoryIconUrl, loadUiConfig } from '@/common/store/ui.js'
+import { bannerArtUrl, bannerHasValue, bannerBg } from '@/common/assets/banners.js'
+
+export default {
+	components: { FcPostCard, FcTabbar, FcEmpty },
+	data() {
+		return {
+			statusBarHeight: 20,
+			location: '贵阳 · 观山湖区',
+			unread: 2,
+			banners: [],
+			categories: [],
+			list: [],
+			page: 1,
+			size: 10,
+			hasMore: true,
+			loading: false,
+			sort: 'new',
+			area: '',
+			showAreaPicker: false,
+			areaOptions: ['云岩区', '南明区', '观山湖区', '花溪区'],
+			sorts: [
+				{ label: '最新', value: 'new' },
+				{ label: '最热', value: 'hot' },
+				{ label: '价格', value: 'price' },
+			],
+		}
+	},
+	computed: {
+		isMember() {
+			try {
+				return useUserStore().isMember.value
+			} catch (e) {
+				return false
+			}
+		},
+	},
+	onLoad() {
+		try {
+			this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight || 20
+		} catch (e) {}
+		// 拉取后台自定义的 LOGO 与图标配置（失败自动用内置默认图）
+		loadUiConfig()
+		this.bootstrap()
+	},
+	// 每次切回首页都强制重新拉取后台配置：
+	// 否则 loadUiConfig 内部的 `if (loaded && !force) return` 会让后台改动
+	// 必须重启小程序才生效，表现为「后台改了前端不变」。
+	onShow() {
+		loadUiConfig(true)
+	},
+	onPullDownRefresh() {
+		this.page = 1
+		this.hasMore = true
+		// 手动下拉时也同步一次后台配置
+		loadUiConfig(true)
+		this.bootstrap().finally(() => uni.stopPullDownRefresh())
+	},
+	onReachBottom() {
+		this.loadMore()
+	},
+	methods: {
+		// 图标/LOGO 地址（由后台配置决定，未配置时用内置图标）
+		iconUrl,
+		logoUrl,
+		// 轮播：内置白色插画 + 金色价值点缀（规则见 common/assets/banners.js）
+		bannerArtUrl,
+		bannerHasValue,
+		bannerBg,
+		catIcon(c) {
+			return (c.iconKey && iconUrl(c.iconKey)) || categoryIconUrl(c.id)
+		},
+		async bootstrap() {
+			this.loading = true
+			try {
+				const [banners, categories] = await Promise.all([homeApi.banners(), homeApi.categories()])
+				this.banners = banners
+				this.categories = categories
+			} catch (e) {
+				console.warn('首页基础数据加载失败', e)
+			}
+			await this.fetchFeed(true)
+			this.loading = false
+		},
+		async fetchFeed(reset = false) {
+			this.loading = true
+			try {
+				const res = await homeApi.feed({
+					page: this.page,
+					size: this.size,
+					sort: this.sort,
+					area: this.area || undefined,
+				})
+				this.list = reset ? res.list : this.list.concat(res.list)
+				this.hasMore = res.hasMore
+			} catch (e) {
+				uni.showToast({ title: '加载失败，请稍后重试', icon: 'none' })
+			} finally {
+				this.loading = false
+			}
+		},
+		loadMore() {
+			if (!this.hasMore || this.loading) return
+			this.page += 1
+			this.fetchFeed()
+		},
+		changeSort(v) {
+			if (this.sort === v) return
+			this.sort = v
+			this.page = 1
+			this.fetchFeed(true)
+		},
+		pickArea(a) {
+			this.area = this.area === a ? '' : a
+			this.showAreaPicker = false
+			this.page = 1
+			this.fetchFeed(true)
+		},
+		go(url) {
+			uni.navigateTo({ url })
+		},
+		goSearch() {
+			uni.navigateTo({ url: '/pages/search/index' })
+		},
+		goCategory(c) {
+			uni.navigateTo({ url: `/pages/post/list?categoryId=${c.id}&name=${encodeURIComponent(c.name)}` })
+		},
+		goBanner(b) {
+			uni.navigateTo({ url: b.link })
+		},
+		goDetail(p) {
+			uni.navigateTo({ url: `/pages/detail/detail?id=${p.id}` })
+		},
+		onLocation() {
+			uni.showToast({ title: '已定位到 观山湖区', icon: 'none' })
+		},
+	},
+}
+</script>
+
+
+<style lang="scss" scoped>
+.home__header {
+	background: $fc-gradient-hero;
+	padding-bottom: 70rpx;
+}
+.home__header-bar {
+	display: flex;
+	align-items: center;
+	padding: 6rpx 24rpx 0;
+}
+.home__location {
+	flex: 1;
+	display: flex;
+	align-items: center;
+	min-width: 0;
+	margin: 0 16rpx;
+}
+.home__location-text {
+	font-size: $fc-font;
+	color: #ffffff;
+	margin: 0 6rpx;
+	font-weight: 600;
+}
+.home__location-arrow {
+	font-size: $fc-font-xs;
+	color: rgba(255, 255, 255, 0.85);
+}
+.home__search {
+	margin: 20rpx 24rpx 0;
+	height: 72rpx;
+	border-radius: $fc-radius-pill;
+	background: rgba(255, 255, 255, 0.94);
+	display: flex;
+	align-items: center;
+	padding: 0 24rpx;
+}
+.home__search-ph {
+	margin-left: 12rpx;
+	font-size: $fc-font-sm;
+	color: $fc-text-placeholder;
+}
+.home__msg {
+	position: relative;
+	width: 56rpx;
+	height: 56rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.home__msg-dot {
+	position: absolute;
+	top: -4rpx;
+	right: -8rpx;
+	min-width: 30rpx;
+	height: 30rpx;
+	padding: 0 6rpx;
+	border-radius: 999rpx;
+	background: #ffffff;
+	color: $fc-primary-text;
+	font-size: 20rpx;
+	font-weight: 700;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+/* ---------- 轮播卡：绿底 + 中性装饰层 + 白色插画 ---------- */
+.home__banner {
+	height: 300rpx;
+	margin: -50rpx 24rpx 0;
+	border-radius: $fc-radius-lg;
+	overflow: hidden;
+	box-shadow: $fc-shadow-lg;
+}
+.home__banner-item {
+	position: relative;
+	height: 100%;
+	overflow: hidden;
+	padding: 26rpx 0 26rpx 32rpx;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+}
+/* 后台自定义整幅配图（优先） */
+.home__banner-photo {
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+}
+/* 装饰层：一律用中性半透明白 / 深绿，跟随任何后台底色都不会串色 */
+.home__banner-deco {
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+}
+.home__banner-glow {
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	background-image: radial-gradient(circle at 80% 44%, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 46%,
+		rgba(255, 255, 255, 0) 72%);
+}
+.home__banner-vein {
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	background-image: repeating-linear-gradient(118deg, rgba(255, 255, 255, 0.04) 0, rgba(255, 255, 255, 0.04) 1rpx,
+		rgba(255, 255, 255, 0) 1rpx, rgba(255, 255, 255, 0) 54rpx);
+}
+.home__banner-hill {
+	position: absolute;
+	border-radius: 50%;
+}
+.home__banner-hill--far {
+	left: -26%;
+	width: 152%;
+	top: 194rpx;
+	height: 260rpx;
+	background: rgba(4, 48, 42, 0.22);
+}
+.home__banner-hill--near {
+	left: -14%;
+	width: 128%;
+	top: 236rpx;
+	height: 240rpx;
+	background: rgba(4, 48, 42, 0.26);
+}
+/* 大圆徽章：双环 + 白色插画（与 LOGO 的白色定位针同一手法） */
+.home__banner-badge {
+	position: absolute;
+	right: 14rpx;
+	top: 50%;
+	width: 220rpx;
+	height: 220rpx;
+	margin-top: -110rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.home__banner-ring {
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	border-radius: 50%;
+}
+.home__banner-ring--outer {
+	width: 218rpx;
+	height: 218rpx;
+	margin: -109rpx 0 0 -109rpx;
+	border: 2rpx solid rgba(255, 255, 255, 0.14);
+}
+.home__banner-ring--inner {
+	width: 164rpx;
+	height: 164rpx;
+	margin: -82rpx 0 0 -82rpx;
+	border: 2rpx dotted rgba(255, 255, 255, 0.26);
+}
+.home__banner-art {
+	width: 116rpx;
+	height: 116rpx;
+}
+/* 金色「价值点缀」：只给「直降 / 免费」这类价值主张（像嵌在圆环上的一颗宝石） */
+.home__banner-value {
+	position: absolute;
+	right: 10rpx;
+	top: 30rpx;
+	display: flex;
+	align-items: center;
+}
+.home__banner-value-dot {
+	width: 16rpx;
+	height: 16rpx;
+	border-radius: 50%;
+	background: $fc-accent-light;
+	box-shadow: 0 0 16rpx rgba(245, 166, 35, 0.7);
+}
+.home__banner-value-dot--sm {
+	width: 10rpx;
+	height: 10rpx;
+	margin-left: 12rpx;
+	background: $fc-accent;
+	box-shadow: none;
+}
+/* 左侧压暗罩 + 文字（白字在任何底色上都够清透） */
+.home__banner-shade {
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.1) 44%,
+		rgba(255, 255, 255, 0) 70%);
+}
+.home__banner-text {
+	position: relative;
+	width: 62%;
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+}
+.home__banner-tag {
+	padding: 4rpx 16rpx;
+	border-radius: $fc-radius-pill;
+	background: rgba(255, 255, 255, 0.72);
+	border: 2rpx solid rgba(255, 255, 255, 0.45);
+	color: $fc-primary-ink;
+	font-size: 22rpx;
+	letter-spacing: 1rpx;
+}
+.home__banner-title {
+	margin-top: 14rpx;
+	color: $fc-primary-ink;
+	font-size: 34rpx;
+	font-weight: 700;
+	line-height: $fc-leading-tight;
+	text-shadow: 0 2rpx 10rpx rgba(255, 255, 255, 0.35);
+}
+.home__banner-cta {
+	margin-top: 16rpx;
+	padding: 8rpx 24rpx;
+	border-radius: $fc-radius-pill;
+	background: rgba(255, 255, 255, 0.94);
+	box-shadow: 0 6rpx 18rpx rgba(4, 48, 42, 0.18);
+}
+.home__banner-cta-text {
+	color: $fc-primary-text;
+	font-size: 24rpx;
+	font-weight: 600;
+}
+.home__cats {
+	margin-top: 24rpx;
+}
+.home__cats-head {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	margin-bottom: 20rpx;
+}
+.home__cats-title {
+	font-size: $fc-font-lg;
+	font-weight: 700;
+	color: $fc-text;
+}
+.home__cats-more {
+	font-size: $fc-font-sm;
+	color: $fc-text-secondary;
+}
+.home__cats-grid {
+	display: flex;
+	flex-wrap: wrap;
+}
+.home__cat {
+	width: 25%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	margin-bottom: 24rpx;
+}
+.home__cat-icon {
+	width: 96rpx;
+	height: 96rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.home__cat-name {
+	margin-top: 14rpx;
+	font-size: $fc-font-sm;
+	color: $fc-text-regular;
+	line-height: $fc-leading-tight;
+}
+.home__vip {
+	margin: 0 24rpx 24rpx;
+	padding: 24rpx 28rpx;
+	border-radius: $fc-radius-lg;
+	background: $fc-gradient-warm;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	box-shadow: $fc-shadow;
+}
+.home__vip-left {
+	display: flex;
+	align-items: center;
+}
+.home__vip-texts {
+	display: flex;
+	flex-direction: column;
+}
+.home__vip-title {
+	color: #ffffff;
+	font-size: $fc-font-lg;
+	font-weight: 700;
+	line-height: $fc-leading-tight;
+}
+.home__vip-sub {
+	color: rgba(255, 255, 255, 0.9);
+	font-size: $fc-font-xs;
+	margin-top: 8rpx;
+}
+.home__vip-btn {
+	padding: 12rpx 28rpx;
+	border-radius: $fc-radius-pill;
+	background: #ffffff;
+	color: $fc-primary-text;
+	font-size: $fc-font-sm;
+	font-weight: 700;
+}
+.home__filter {
+	display: flex;
+	align-items: center;
+	padding: 0 24rpx 16rpx;
+}
+.home__filter-item {
+	margin-right: 28rpx;
+	font-size: $fc-font;
+	color: $fc-text-secondary;
+	&--active {
+		color: $fc-primary-text;
+		font-weight: 700;
+	}
+	&--area {
+		margin-left: auto;
+		margin-right: 0;
+	}
+}
+.home__skeleton {
+	display: flex;
+	background: #ffffff;
+}
+.home__skeleton-thumb {
+	width: 200rpx;
+	height: 200rpx;
+	flex: 0 0 200rpx;
+	margin-right: 24rpx;
+}
+.home__skeleton-body {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-around;
+}
+.home__skeleton-line {
+	height: 26rpx;
+}
+.home__loadmore {
+	text-align: center;
+	padding: 24rpx 0 32rpx;
+	font-size: $fc-font-sm;
+	color: $fc-text-placeholder;
+}
+.home__tabbar-space {
+	height: 130rpx;
+}
+.home__mask {
+	position: fixed;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	z-index: 200;
+	background: rgba(4, 48, 42, 0.5);
+	display: flex;
+	align-items: flex-end;
+}
+.home__sheet {
+	width: 100%;
+	background: #ffffff;
+	border-radius: 32rpx 32rpx 0 0;
+	padding: 36rpx 32rpx 60rpx;
+}
+.home__sheet-title {
+	display: block;
+	text-align: center;
+	font-size: $fc-font-lg;
+	font-weight: 700;
+	margin-bottom: 28rpx;
+}
+.home__sheet-list {
+	display: flex;
+	flex-wrap: wrap;
+}
+.home__sheet-item {
+	width: 30%;
+	margin: 0 1.5% 20rpx;
+	height: 76rpx;
+	border-radius: $fc-radius;
+	background: $fc-bg;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: $fc-font;
+	color: $fc-text-regular;
+	&--active {
+		background: $fc-primary-lighter;
+		color: $fc-primary-text;
+		font-weight: 700;
+		border: 2rpx solid $fc-primary-text;
+	}
+}
+</style>
+
diff --git a/uniapp/pages/member/index.vue b/uniapp/pages/member/index.vue
new file mode 100644
index 0000000..34bbb74
--- /dev/null
+++ b/uniapp/pages/member/index.vue
@@ -0,0 +1,389 @@
+<template>
+	<view class="vip fc-page">
+		<!-- 头部会员卡 -->
+		<view class="vip__header">
+			<view class="vip__status" :style="{ height: statusBarHeight + 'px' }"></view>
+			<view class="vip__card">
+				<view class="vip__card-top">
+					<view>
+						<text class="vip__card-title">{{ isMember ? userInfo.memberLevel || '会员' : '未开通会员' }}</text>
+						<text class="vip__card-sub">{{ isMember ? '有效期至 ' + expireText : '开通即享多项专属权益' }}</text>
+					</view>
+					<image class="fc-icon fc-icon--xl" :src="iconUrl('home-crown')" mode="aspectFit" />
+				</view>
+				<view class="vip__card-assets">
+					<view class="vip__card-asset">
+						<text class="vip__card-num">{{ assets.balance != null ? assets.balance : '0.00' }}</text>
+						<text class="vip__card-label">账户余额(元)</text>
+					</view>
+					<view class="vip__card-asset">
+						<text class="vip__card-num">{{ (assets.coupons || []).length }}</text>
+						<text class="vip__card-label">优惠券</text>
+					</view>
+					<view class="vip__card-asset">
+						<text class="vip__card-num">{{ assets.points || 0 }}</text>
+						<text class="vip__card-label">积分</text>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 会员权益 -->
+		<view class="fc-card">
+			<text class="vip__section-title">会员权益</text>
+			<view class="vip__benefits">
+				<view v-for="(b, i) in benefitsList" :key="i" class="vip__benefit">
+					<image class="fc-icon fc-icon--sm" :src="iconUrl('check')" mode="aspectFit" />
+					<text class="vip__benefit-text">{{ b }}</text>
+				</view>
+			</view>
+			<view class="vip__params">
+				<text class="vip__param">免费查看：{{ benefits.freeView || 0 }} 条/日</text>
+				<text class="vip__param">发布折扣：{{ benefits.postDiscount || '-' }}</text>
+				<text class="vip__param">分销比例：{{ benefits.distRate || '-' }}</text>
+			</view>
+		</view>
+
+		<!-- 会员开通 -->
+		<view class="fc-card">
+			<text class="vip__section-title">开通 / 续费会员</text>
+			<view class="vip__plans">
+				<view v-for="p in plans" :key="p.planId" class="vip__plan"
+					:class="{ 'vip__plan--active': planId === p.planId }" @click="planId = p.planId">
+					<text v-if="p.tag" class="vip__plan-tag">{{ p.tag }}</text>
+					<text class="vip__plan-name">{{ p.name }}</text>
+					<text class="vip__plan-price">¥{{ p.price }}</text>
+					<text class="vip__plan-origin">¥{{ p.originPrice }}</text>
+					<text v-if="p.postQuota" class="vip__plan-quota">含发布 {{ p.postQuota }} 条</text>
+				</view>
+			</view>
+			<view class="vip__pay">
+				<view class="vip__pay-type" :class="{ 'vip__pay-type--active': payType === 'wxpay' }"
+					@click="payType = 'wxpay'">
+					<image class="fc-icon fc-icon--sm" :src="iconUrl('paywechat')" mode="aspectFit" />
+					<text class="vip__pay-text">微信支付</text>
+				</view>
+				<view class="vip__pay-type" :class="{ 'vip__pay-type--active': payType === 'balance' }"
+					@click="payType = 'balance'">
+					<image class="fc-icon fc-icon--sm" :src="iconUrl('wallet')" mode="aspectFit" />
+					<text class="vip__pay-text">余额支付</text>
+				</view>
+			</view>
+			<view class="vip__open-btn" @click="openVip">
+				<text>{{ isMember ? '立即续费' : '立即开通' }} · ¥{{ currentPrice }}</text>
+			</view>
+		</view>
+
+		<!-- 快捷入口 -->
+		<view class="fc-card vip__links">
+			<view class="vip__link" @click="go('/pages/member/orders')">
+				<image class="fc-icon--badge-sm vip__link-icon" :src="iconUrl('link-order')" mode="aspectFit" />
+				<text class="vip__link-text">订单管理</text>
+				<text class="vip__link-arrow">›</text>
+			</view>
+			<view class="vip__link" @click="recharge">
+				<image class="fc-icon--badge-sm vip__link-icon" :src="iconUrl('link-recharge')" mode="aspectFit" />
+				<text class="vip__link-text">余额充值</text>
+				<text class="vip__link-arrow">›</text>
+			</view>
+			<view class="vip__link" @click="go('/pages/distribution/index')">
+				<image class="fc-icon--badge-sm vip__link-icon" :src="iconUrl('link-dist')" mode="aspectFit" />
+				<text class="vip__link-text">分销中心</text>
+				<text class="vip__link-arrow">›</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import memberApi from '@/common/api/member.js'
+import { useUserStore } from '@/common/store/index.js'
+import { iconUrl, loadUiConfig } from '@/common/store/ui.js'
+import { formatTime } from '@/common/utils/format.js'
+import config from '@/common/config/index.js'
+
+export default {
+	data() {
+		return {
+			statusBarHeight: 20,
+			plans: [],
+			benefits: {},
+			assets: {},
+			planId: 'M12',
+			payType: config.defaultPayType,
+		}
+	},
+	computed: {
+		userInfo() {
+			try {
+				return useUserStore().state.userInfo || {}
+			} catch (e) {
+				return {}
+			}
+		},
+		isMember() {
+			try {
+				return useUserStore().isMember.value
+			} catch (e) {
+				return false
+			}
+		},
+		benefitsList() {
+			return this.benefits.benefits || []
+		},
+		expireText() {
+			return this.userInfo.memberExpireAt ? formatTime(this.userInfo.memberExpireAt).slice(0, 10) : '--'
+		},
+		currentPrice() {
+			const p = this.plans.find((x) => x.planId === this.planId)
+			return p ? p.price : 0
+		},
+	},
+	onLoad() {
+		try {
+			this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight || 20
+		} catch (e) {}
+		loadUiConfig()
+		this.init()
+	},
+	methods: {
+		iconUrl,
+		async init() {
+			try {
+				const [plans, benefits, assets] = await Promise.all([
+					memberApi.plans(),
+					memberApi.benefits(),
+					memberApi.assets(),
+				])
+				this.plans = plans
+				this.benefits = benefits
+				this.assets = assets
+				if (plans.length) this.planId = plans[plans.length - 1].planId
+			} catch (e) {
+				uni.showToast({ title: '加载失败', icon: 'none' })
+			}
+		},
+		async openVip() {
+			try {
+				const res = await memberApi.open({ planId: this.planId, payType: this.payType })
+				await useUserStore().fetchProfile()
+				uni.showToast({ title: '开通成功', icon: 'none' })
+				setTimeout(() => uni.navigateBack(), 800)
+			} catch (e) {
+				uni.showToast({ title: e.message || '开通失败', icon: 'none' })
+			}
+		},
+		recharge() {
+			// 用户端余额充值未开放（微信支付商户参数未配置）：
+			// 测试阶段由平台在 FastAdmin 后台「同城业务 → 用户与商家 → 会员管理」中充值
+			uni.showModal({
+				title: '余额充值',
+				content: '请联系客服充值，或由平台在后台为您充值余额。',
+				showCancel: false,
+			})
+		},
+		go(url) {
+			uni.navigateTo({ url })
+		},
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+.vip__header {
+	background: $fc-gradient-hero;
+	padding-bottom: 90rpx;
+	border-radius: 0 0 40rpx 40rpx;
+}
+.vip__card {
+	margin: 20rpx 32rpx 0;
+	color: #ffffff;
+}
+.vip__card-top {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+.vip__card-title {
+	display: block;
+	font-size: 44rpx;
+	font-weight: 700;
+}
+.vip__card-sub {
+	display: block;
+	margin-top: 10rpx;
+	font-size: $fc-font-sm;
+	color: rgba(255, 255, 255, 0.88);
+}
+.vip__card-assets {
+	display: flex;
+	margin-top: 40rpx;
+}
+.vip__card-asset {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+.vip__card-num {
+	font-size: 40rpx;
+	font-weight: 700;
+}
+.vip__card-label {
+	margin-top: 6rpx;
+	font-size: $fc-font-xs;
+	color: rgba(255, 255, 255, 0.85);
+}
+.vip__section-title {
+	font-size: $fc-font-lg;
+	font-weight: 700;
+	color: $fc-text;
+}
+.vip__benefits {
+	margin-top: 20rpx;
+}
+.vip__benefit {
+	display: flex;
+	align-items: center;
+	margin-bottom: 16rpx;
+}
+.vip__benefit-text {
+	margin-left: 12rpx;
+	font-size: $fc-font;
+	color: $fc-text-regular;
+}
+.vip__params {
+	margin-top: 20rpx;
+	padding-top: 20rpx;
+	border-top: 2rpx solid $fc-border;
+	display: flex;
+	flex-wrap: wrap;
+}
+.vip__param {
+	margin: 0 24rpx 12rpx 0;
+	font-size: $fc-font-xs;
+	color: $fc-text-secondary;
+}
+.vip__plans {
+	display: flex;
+	margin-top: 24rpx;
+}
+.vip__plan {
+	flex: 1;
+	position: relative;
+	border: 2rpx solid $fc-border;
+	border-radius: $fc-radius-lg;
+	background: $fc-bg;
+	padding: 28rpx 8rpx;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	&:not(:last-child) {
+		margin-right: 16rpx;
+	}
+	&--active {
+		border-color: $fc-primary-text;
+		background: $fc-primary-lighter;
+	}
+}
+.vip__plan-tag {
+	position: absolute;
+	top: -14rpx;
+	right: 10rpx;
+	padding: 2rpx 12rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-gradient-warm;
+	color: #ffffff;
+	font-size: 18rpx;
+}
+.vip__plan-name {
+	font-size: $fc-font-sm;
+	color: $fc-text-regular;
+}
+.vip__plan-price {
+	margin-top: 10rpx;
+	font-size: 40rpx;
+	font-weight: 700;
+	color: $fc-price;
+}
+.vip__plan-origin {
+	margin-top: 4rpx;
+	font-size: 20rpx;
+	color: $fc-text-placeholder;
+	text-decoration: line-through;
+}
+.vip__plan-quota {
+	margin-top: 6rpx;
+	font-size: 20rpx;
+	font-weight: 600;
+	color: $fc-primary-text;
+}
+.vip__pay {
+	display: flex;
+	margin-top: 28rpx;
+}
+.vip__pay-type {
+	flex: 1;
+	height: 80rpx;
+	border-radius: $fc-radius;
+	border: 2rpx solid $fc-border;
+	background: $fc-bg;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: $fc-font-sm;
+	color: $fc-text-regular;
+	&:first-child {
+		margin-right: 16rpx;
+	}
+	&--active {
+		border-color: $fc-primary-text;
+		background: $fc-primary-lighter;
+		color: $fc-primary-text;
+		font-weight: 600;
+	}
+}
+.vip__pay-text {
+	margin-left: 10rpx;
+}
+.vip__open-btn {
+	margin-top: 28rpx;
+	height: 90rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-gradient-primary;
+	color: $fc-primary-ink;
+	font-size: 32rpx;
+	font-weight: 700;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	box-shadow: 0 10rpx 28rpx rgba(4, 48, 30, 0.3);
+}
+.vip__links {
+	padding: 8rpx 28rpx;
+}
+.vip__link {
+	display: flex;
+	align-items: center;
+	height: 96rpx;
+	border-bottom: 2rpx solid $fc-border;
+	&:last-child {
+		border-bottom: none;
+	}
+}
+.vip__link-icon {
+	width: 76rpx;
+	height: 76rpx;
+	margin-right: 20rpx;
+}
+.vip__link-text {
+	flex: 1;
+	font-size: $fc-font;
+	color: $fc-text;
+}
+.vip__link-arrow {
+	color: $fc-text-placeholder;
+	font-size: 34rpx;
+}
+</style>
+
diff --git a/uniapp/pages/member/orders.vue b/uniapp/pages/member/orders.vue
new file mode 100644
index 0000000..f6f6835
--- /dev/null
+++ b/uniapp/pages/member/orders.vue
@@ -0,0 +1,219 @@
+<template>
+	<view class="orders fc-page">
+		<view class="orders__tabs">
+			<view v-for="t in tabs" :key="t.value" class="orders__tab"
+				:class="{ 'orders__tab--active': type === t.value }" @click="type = t.value">
+				<text>{{ t.label }}</text>
+			</view>
+		</view>
+
+		<fc-empty v-if="!list.length" icon="receipt" text="暂无订单记录" />
+
+		<view v-else class="orders__list">
+			<view v-for="o in list" :key="o.id" class="orders__item">
+				<view class="orders__item-head">
+					<text class="orders__no">订单号：{{ o.orderNo }}</text>
+					<text class="orders__status" :class="`orders__status--${o.status}`">{{ statusText(o.status) }}</text>
+				</view>
+				<view class="orders__item-body">
+					<view class="orders__icon">
+						<image class="fc-icon fc-icon--lg" :src="iconUrl(orderIconKey(o.type))" mode="aspectFit" />
+					</view>
+					<view class="orders__info">
+						<text class="orders__title">{{ o.title }}</text>
+						<text class="orders__time">{{ timeText(o.createdAt) }}</text>
+					</view>
+					<view class="fc-price">
+						<text class="fc-price__symbol">¥</text>
+						<text class="orders__amount">{{ o.amount }}</text>
+					</view>
+				</view>
+				<view class="orders__item-foot">
+					<text class="orders__pay-type">{{ payText(o.payType) }}</text>
+					<view v-if="o.status === 'pending'" class="orders__btn" @click="payOrder(o)"><text>去支付</text></view>
+					<view v-else class="orders__btn orders__btn--ghost" @click="detail(o)"><text>查看详情</text></view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import FcEmpty from '@/components/fc-empty/fc-empty.vue'
+import memberApi from '@/common/api/member.js'
+import { ORDER_TEXT, ORDER_ICON_KEY } from '@/common/constants/ui.js'
+import { formatTime } from '@/common/utils/format.js'
+import { iconUrl, loadUiConfig } from '@/common/store/ui.js'
+
+export default {
+	components: { FcEmpty },
+	data() {
+		return {
+			type: 'all',
+			all: [],
+			tabs: [
+				{ label: '全部', value: 'all' },
+				{ label: '发布订单', value: 'post' },
+				{ label: '会员订单', value: 'member' },
+				{ label: '充值订单', value: 'recharge' },
+			],
+		}
+	},
+	computed: {
+		list() {
+			return this.type === 'all' ? this.all : this.all.filter((o) => o.type === this.type)
+		},
+	},
+	onLoad() {
+		loadUiConfig()
+		this.fetch()
+	},
+	methods: {
+		iconUrl,
+		async fetch() {
+			try {
+				const res = await memberApi.orders({ page: 1, size: 50 })
+				this.all = res.list
+			} catch (e) {
+				uni.showToast({ title: '订单加载失败', icon: 'none' })
+			}
+		},
+		statusText(s) {
+			return ORDER_TEXT[s] || s
+		},
+		payText(t) {
+			return t === 'balance' ? '余额支付' : '微信支付'
+		},
+		timeText(t) {
+			return formatTime(t)
+		},
+		orderIconKey(t) {
+			return ORDER_ICON_KEY[t] || 'order-other'
+		},
+		payOrder(o) {
+			uni.showToast({ title: '正在调起支付…', icon: 'none' })
+			setTimeout(() => {
+				o.status = 'paid'
+				uni.showToast({ title: '支付成功', icon: 'none' })
+			}, 600)
+		},
+		detail(o) {
+			uni.showModal({ title: o.title, content: `订单号：${o.orderNo}\n金额：¥${o.amount}`, showCancel: false })
+		},
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+.orders__tabs {
+	display: flex;
+	background: #ffffff;
+	border-bottom: 2rpx solid $fc-border;
+}
+.orders__tab {
+	flex: 1;
+	height: 88rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: $fc-font-sm;
+	color: $fc-text-secondary;
+	&--active {
+		color: $fc-primary-text;
+		font-weight: 700;
+		position: relative;
+	}
+}
+.orders__list {
+	padding: 20rpx 0;
+}
+.orders__item {
+	margin: 0 24rpx 20rpx;
+	padding: 24rpx;
+	background: #ffffff;
+	border-radius: $fc-radius-lg;
+	box-shadow: $fc-shadow;
+}
+.orders__item-head {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+.orders__no {
+	font-size: $fc-font-xs;
+	color: $fc-text-placeholder;
+}
+.orders__status {
+	font-size: $fc-font-sm;
+	font-weight: 600;
+	color: $fc-primary-text;
+	&--paid {
+		color: $fc-success;
+	}
+	&--pending {
+		color: $fc-warning;
+	}
+	&--refunded {
+		color: $fc-danger;
+	}
+}
+.orders__item-body {
+	display: flex;
+	align-items: center;
+	margin-top: 20rpx;
+}
+.orders__icon {
+	width: 96rpx;
+	height: 96rpx;
+	flex: 0 0 96rpx;
+	border-radius: 20rpx;
+	background: $fc-gradient-soft;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.orders__info {
+	flex: 1;
+	margin-left: 20rpx;
+}
+.orders__title {
+	display: block;
+	font-size: $fc-font;
+	font-weight: 600;
+	color: $fc-text;
+}
+.orders__time {
+	display: block;
+	margin-top: 8rpx;
+	font-size: $fc-font-xs;
+	color: $fc-text-placeholder;
+}
+.orders__amount {
+	font-size: 36rpx;
+}
+.orders__item-foot {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	margin-top: 20rpx;
+	padding-top: 20rpx;
+	border-top: 2rpx solid $fc-border;
+}
+.orders__pay-type {
+	font-size: $fc-font-xs;
+	color: $fc-text-secondary;
+}
+.orders__btn {
+	padding: 12rpx 32rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-gradient-primary;
+	color: $fc-primary-ink;
+	font-size: $fc-font-sm;
+	font-weight: 600;
+	&--ghost {
+		background: #ffffff;
+		border: 2rpx solid $fc-primary-text;
+		color: $fc-primary-text;
+	}
+}
+</style>
diff --git a/uniapp/pages/message/index.vue b/uniapp/pages/message/index.vue
new file mode 100644
index 0000000..a264981
--- /dev/null
+++ b/uniapp/pages/message/index.vue
@@ -0,0 +1,177 @@
+<template>
+	<view class="msg fc-page">
+		<!-- 分类 tab -->
+		<view class="msg__tabs">
+			<view v-for="t in tabs" :key="t.value" class="msg__tab"
+				:class="{ 'msg__tab--active': type === t.value }" @click="changeType(t.value)">
+				<text>{{ t.label }}</text>
+				<view v-if="type === t.value" class="msg__tab-line"></view>
+			</view>
+		</view>
+
+		<fc-empty v-if="!loading && !list.length" icon="inbox" text="暂无消息" />
+
+		<view v-else class="msg__list">
+			<view v-for="m in list" :key="m.id" class="msg__item" :class="{ 'msg__item--unread': !m.read }"
+				@click="openMsg(m)">
+				<view class="msg__icon">
+					<image class="fc-icon--badge-sm" :src="iconUrl(meta(m.type).iconKey)" mode="aspectFit" />
+				</view>
+				<view class="msg__body">
+					<view class="msg__head">
+						<text class="msg__title">{{ m.title }}</text>
+						<text class="msg__time">{{ timeText(m.createdAt) }}</text>
+					</view>
+					<text class="msg__content fc-ellipsis-2">{{ m.content }}</text>
+				</view>
+				<view v-if="!m.read" class="msg__dot"></view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import FcEmpty from '@/components/fc-empty/fc-empty.vue'
+import messageApi from '@/common/api/message.js'
+import { MESSAGE_TYPE } from '@/common/constants/ui.js'
+import { fromNow } from '@/common/utils/format.js'
+import { iconUrl } from '@/common/store/ui.js'
+
+export default {
+	components: { FcEmpty },
+	data() {
+		return {
+			type: 'system',
+			list: [],
+			loading: false,
+			tabs: [
+				{ label: '系统通知', value: 'system' },
+				{ label: '互动消息', value: 'interact' },
+			],
+		}
+	},
+	onLoad() {
+		this.fetch()
+	},
+	methods: {
+		iconUrl,
+		meta(t) {
+			return MESSAGE_TYPE[t] || MESSAGE_TYPE.system
+		},
+		timeText(t) {
+			return fromNow(t)
+		},
+		async fetch() {
+			this.loading = true
+			try {
+				const res = await messageApi.list({ type: this.type, page: 1, size: 20 })
+				this.list = res.list
+			} catch (e) {
+				uni.showToast({ title: '消息加载失败', icon: 'none' })
+			} finally {
+				this.loading = false
+			}
+		},
+		changeType(v) {
+			if (this.type === v) return
+			this.type = v
+			this.fetch()
+		},
+		async openMsg(m) {
+			if (m.read) return
+			m.read = true
+			try {
+				await messageApi.read(m.id)
+			} catch (e) {}
+		},
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+.msg__tabs {
+	display: flex;
+	background: #ffffff;
+	padding: 0 24rpx;
+	border-bottom: 2rpx solid $fc-border;
+}
+.msg__tab {
+	flex: 1;
+	height: 92rpx;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	font-size: $fc-font;
+	color: $fc-text-secondary;
+	&--active {
+		color: $fc-primary-text;
+		font-weight: 700;
+	}
+}
+.msg__tab-line {
+	width: 48rpx;
+	height: 6rpx;
+	border-radius: 3rpx;
+	background: $fc-gradient-primary;
+	margin-top: 8rpx;
+}
+.msg__list {
+	padding: 16rpx 0;
+}
+.msg__item {
+	position: relative;
+	margin: 16rpx 24rpx;
+	padding: 24rpx;
+	background: #ffffff;
+	border-radius: $fc-radius-lg;
+	display: flex;
+	box-shadow: $fc-shadow;
+	&--unread {
+		background: $fc-primary-lighter;
+	}
+}
+.msg__icon {
+	width: 84rpx;
+	height: 84rpx;
+	flex: 0 0 84rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.msg__body {
+	flex: 1;
+	margin-left: 20rpx;
+	min-width: 0;
+}
+.msg__head {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+.msg__title {
+	font-size: $fc-font-lg;
+	font-weight: 600;
+	color: $fc-text;
+}
+.msg__time {
+	font-size: $fc-font-xs;
+	color: $fc-text-placeholder;
+}
+.msg__content {
+	display: block;
+	margin-top: 10rpx;
+	font-size: $fc-font-sm;
+	color: $fc-text-regular;
+	line-height: 1.5;
+}
+.msg__dot {
+	position: absolute;
+	top: 24rpx;
+	right: 24rpx;
+	width: 16rpx;
+	height: 16rpx;
+	border-radius: 50%;
+	background: $fc-primary;
+}
+</style>
diff --git a/uniapp/pages/mine/index.vue b/uniapp/pages/mine/index.vue
new file mode 100644
index 0000000..15d2f98
--- /dev/null
+++ b/uniapp/pages/mine/index.vue
@@ -0,0 +1,343 @@
+<template>
+	<view class="mine fc-page">
+		<!-- 用户信息头 -->
+		<view class="mine__header">
+			<view class="mine__status" :style="{ height: statusBarHeight + 'px' }"></view>
+			<view class="mine__user" @click="goLogin">
+				<view class="mine__avatar">
+					<text>{{ nick.slice(0, 1) }}</text>
+				</view>
+				<view class="mine__user-info">
+					<view class="mine__user-name-row">
+						<text class="mine__user-name">{{ nick }}</text>
+						<text v-if="isBusiness" class="mine__badge">商家</text>
+						<text v-else class="mine__badge mine__badge--person">个人</text>
+					</view>
+					<text class="mine__user-sub">{{ userInfo.phone || '点击登录 / 绑定手机号' }}</text>
+				</view>
+				<text class="mine__arrow">›</text>
+			</view>
+
+			<!-- 资产 -->
+			<view class="mine__assets">
+				<view class="mine__asset" @click="go('/pages/member/index')">
+					<text class="mine__asset-num">{{ assets.balance != null ? assets.balance : '0.00' }}</text>
+					<text class="mine__asset-label">余额(元)</text>
+				</view>
+				<view class="mine__asset" @click="go('/pages/member/index')">
+					<text class="mine__asset-num">{{ assets.points || 0 }}</text>
+					<text class="mine__asset-label">积分</text>
+				</view>
+				<view class="mine__asset" @click="go('/pages/member/index')">
+					<text class="mine__asset-num">{{ (assets.coupons || []).length }}</text>
+					<text class="mine__asset-label">优惠券</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 会员卡 -->
+		<view class="mine__vip" @click="go('/pages/member/index')">
+			<view class="mine__vip-left">
+				<image class="fc-icon fc-icon--md" :src="iconUrl('crown')" mode="aspectFit" />
+				<view class="mine__vip-texts">
+					<text class="mine__vip-title">{{ isMember ? (userInfo.memberLevel || '会员') : '开通会员' }}</text>
+					<text class="mine__vip-sub">{{ isMember ? '有效期至 ' + expireText : '免费查看 / 发布折扣 / 专属标识' }}</text>
+				</view>
+			</view>
+			<view class="mine__vip-btn">{{ isMember ? '会员中心' : '去开通' }}</view>
+		</view>
+
+		<!-- 功能入口 -->
+		<view class="fc-card mine__grid">
+			<view v-for="e in entries" :key="e.text" class="mine__entry" @click="go(e.url)">
+				<view class="mine__entry-icon">
+					<image class="fc-icon--badge" :src="iconUrl(e.iconKey)" mode="aspectFit" />
+				</view>
+				<text class="mine__entry-text">{{ e.text }}</text>
+			</view>
+		</view>
+
+		<!-- 列表菜单 -->
+		<view class="fc-card mine__menu">
+			<view v-for="m in menus" :key="m.text" class="mine__menu-item" @click="go(m.url)">
+				<image class="fc-icon--badge-sm mine__menu-icon" :src="iconUrl(m.iconKey)" mode="aspectFit" />
+				<text class="mine__menu-text">{{ m.text }}</text>
+				<text class="mine__menu-arrow">›</text>
+			</view>
+		</view>
+
+		<view class="mine__version">同城分类信息 v1.0.0</view>
+
+		<view class="mine__tabbar-space"></view>
+		<fc-tabbar :current="3" />
+	</view>
+</template>
+
+<script>
+import FcTabbar from '@/components/fc-tabbar/fc-tabbar.vue'
+import memberApi from '@/common/api/member.js'
+import { useUserStore } from '@/common/store/index.js'
+import { iconUrl, loadUiConfig } from '@/common/store/ui.js'
+import { formatTime } from '@/common/utils/format.js'
+
+export default {
+	components: { FcTabbar },
+	data() {
+		return {
+			statusBarHeight: 20,
+			assets: {},
+			entries: [
+				{ iconKey: 'mine-post', text: '我的发布', url: '/pages/post/mine' },
+				{ iconKey: 'mine-order', text: '我的订单', url: '/pages/member/orders' },
+				{ iconKey: 'mine-dist', text: '分销中心', url: '/pages/distribution/index' },
+				{ iconKey: 'mine-vip', text: '会员中心', url: '/pages/member/index' },
+			],
+			menus: [
+				{ iconKey: 'mine-draft', text: '草稿箱', url: '/pages/post/create' },
+				{ iconKey: 'mine-history', text: '搜索记录', url: '/pages/search/index' },
+				{ iconKey: 'mine-setting', text: 'LOGO 与图标设置', url: '/pages/admin/setting' },
+				{ iconKey: 'mine-about', text: '关于我们', url: '' },
+			],
+		}
+	},
+	computed: {
+		userInfo() {
+			try {
+				return useUserStore().state.userInfo || {}
+			} catch (e) {
+				return {}
+			}
+		},
+		nick() {
+			return this.userInfo.nickname || '未登录'
+		},
+		isMember() {
+			try {
+				return useUserStore().isMember.value
+			} catch (e) {
+				return false
+			}
+		},
+		isBusiness() {
+			try {
+				return useUserStore().isBusiness.value
+			} catch (e) {
+				return false
+			}
+		},
+		expireText() {
+			return this.userInfo.memberExpireAt ? formatTime(this.userInfo.memberExpireAt).slice(0, 10) : '--'
+		},
+	},
+	onLoad() {
+		try {
+			this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight || 20
+		} catch (e) {}
+		loadUiConfig()
+		this.fetchAssets()
+		this.fetchProfile()
+	},
+	methods: {
+		iconUrl,
+		async fetchAssets() {
+			try {
+				this.assets = await memberApi.assets()
+			} catch (e) {
+				this.assets = { balance: 0, points: 0, coupons: [] }
+			}
+		},
+		async fetchProfile() {
+			try {
+				await useUserStore().fetchProfile()
+			} catch (e) {}
+		},
+		go(url) {
+			if (!url) return uni.showToast({ title: '功能建设中', icon: 'none' })
+			uni.navigateTo({ url })
+		},
+		goLogin() {
+			const store = useUserStore()
+			if (!store.isLogin.value) uni.navigateTo({ url: '/pages/auth/login' })
+		},
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+.mine__header {
+	background: $fc-gradient-hero;
+	padding-bottom: 120rpx;
+	border-radius: 0 0 40rpx 40rpx;
+}
+.mine__user {
+	display: flex;
+	align-items: center;
+	padding: 20rpx 32rpx 0;
+}
+.mine__avatar {
+	width: 120rpx;
+	height: 120rpx;
+	border-radius: 50%;
+	background: rgba(255, 255, 255, 0.25);
+	color: #ffffff;
+	font-size: 52rpx;
+	font-weight: 700;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.mine__user-info {
+	flex: 1;
+	margin-left: 24rpx;
+}
+.mine__user-name-row {
+	display: flex;
+	align-items: center;
+}
+.mine__user-name {
+	color: #ffffff;
+	font-size: 40rpx;
+	font-weight: 700;
+}
+.mine__badge {
+	margin-left: 14rpx;
+	padding: 2rpx 14rpx;
+	border-radius: $fc-radius-pill;
+	background: #ffffff;
+	color: $fc-primary-text;
+	font-size: 20rpx;
+	font-weight: 600;
+	&--person {
+		background: rgba(255, 255, 255, 0.3);
+		color: #ffffff;
+	}
+}
+.mine__user-sub {
+	display: block;
+	margin-top: 10rpx;
+	color: rgba(255, 255, 255, 0.9);
+	font-size: $fc-font-sm;
+}
+.mine__arrow {
+	color: #ffffff;
+	font-size: 44rpx;
+}
+.mine__assets {
+	display: flex;
+	margin: 36rpx 32rpx 0;
+}
+.mine__asset {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+.mine__asset-num {
+	color: #ffffff;
+	font-size: 40rpx;
+	font-weight: 700;
+}
+.mine__asset-label {
+	margin-top: 6rpx;
+	color: rgba(255, 255, 255, 0.85);
+	font-size: $fc-font-xs;
+}
+.mine__vip {
+	margin: -80rpx 24rpx 0;
+	padding: 26rpx 28rpx;
+	border-radius: $fc-radius-lg;
+	background: $fc-gradient-warm;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	box-shadow: $fc-shadow-lg;
+}
+.mine__vip-left {
+	display: flex;
+	align-items: center;
+}
+.mine__vip-texts {
+	display: flex;
+	flex-direction: column;
+	margin-left: 18rpx;
+}
+.mine__vip-title {
+	display: block;
+	color: #ffffff;
+	font-size: $fc-font-lg;
+	font-weight: 700;
+}
+.mine__vip-sub {
+	display: block;
+	margin-top: 6rpx;
+	color: rgba(255, 255, 255, 0.9);
+	font-size: $fc-font-xs;
+}
+.mine__vip-btn {
+	padding: 12rpx 28rpx;
+	border-radius: $fc-radius-pill;
+	background: #ffffff;
+	color: $fc-primary-text;
+	font-size: $fc-font-sm;
+	font-weight: 700;
+}
+.mine__grid {
+	display: flex;
+	flex-wrap: wrap;
+}
+.mine__entry {
+	width: 25%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	margin-bottom: 8rpx;
+}
+.mine__entry-icon {
+	width: 96rpx;
+	height: 96rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.mine__entry-text {
+	margin-top: 12rpx;
+	font-size: $fc-font-sm;
+	color: $fc-text-regular;
+}
+.mine__menu {
+	padding: 8rpx 28rpx;
+}
+.mine__menu-item {
+	display: flex;
+	align-items: center;
+	height: 96rpx;
+	border-bottom: 2rpx solid $fc-border;
+	&:last-child {
+		border-bottom: none;
+	}
+}
+.mine__menu-icon {
+	width: 76rpx;
+	height: 76rpx;
+	margin-right: 20rpx;
+}
+.mine__menu-text {
+	flex: 1;
+	font-size: $fc-font;
+	color: $fc-text;
+}
+.mine__menu-arrow {
+	color: $fc-text-placeholder;
+	font-size: 34rpx;
+}
+.mine__version {
+	text-align: center;
+	padding: 40rpx 0;
+	font-size: $fc-font-xs;
+	color: $fc-text-placeholder;
+}
+.mine__tabbar-space {
+	height: 130rpx;
+}
+</style>
+
diff --git a/uniapp/pages/post/create.vue b/uniapp/pages/post/create.vue
new file mode 100644
index 0000000..bb7894e
--- /dev/null
+++ b/uniapp/pages/post/create.vue
@@ -0,0 +1,655 @@
+<template>
+	<view class="create fc-page">
+		<!-- 分类 -->
+		<view class="fc-card create__section">
+			<view class="create__label">选择分类<text class="create__required">*</text></view>
+			<view class="create__cats">
+				<view v-for="c in categories" :key="c.id" class="create__cat"
+					:class="{ 'create__cat--active': form.categoryId === c.id }" @click="form.categoryId = c.id">
+					<image class="create__cat-icon" :src="catIcon(c)" mode="aspectFit" />
+					<text class="create__cat-name">{{ c.name }}</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 表单 -->
+		<view class="fc-card create__section">
+			<view class="create__label">标题<text class="create__required">*</text></view>
+			<input v-model="form.title" class="create__input" placeholder="一句话说明你的信息（如：急招快递分拣员日结）"
+				maxlength="40" placeholder-class="create__ph" @input="autoSave" />
+
+			<view class="create__label create__label--mt">详细内容<text class="create__required">*</text></view>
+			<textarea v-model="form.content" class="create__textarea" placeholder="补充价格、时间、要求等细节，描述越详细越容易成交"
+				maxlength="500" placeholder-class="create__ph" @input="autoSave" />
+			<text class="create__count">{{ (form.content || '').length }}/500</text>
+
+			<view class="create__label create__label--mt">图片 / 视频</view>
+			<view class="create__media">
+				<view v-for="(m, i) in form.media" :key="i" class="create__media-item fc-thumb">
+					<image class="fc-icon fc-icon--md" :src="iconUrl('image')" mode="aspectFit" />
+				</view>
+				<view v-if="form.media.length < 6" class="create__upload" @click="chooseMedia">
+					<image class="fc-icon fc-icon--md" :src="iconUrl('plus-ink')" mode="aspectFit" />
+					<text class="create__upload-txt">上传</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 联系方式 -->
+		<view class="fc-card create__section">
+			<view class="create__row">
+				<text class="create__row-label">联系人</text>
+				<input v-model="form.contact" class="create__input create__input--row" placeholder="请输入称呼"
+					placeholder-class="create__ph" />
+			</view>
+			<view class="create__row create__row--line">
+				<text class="create__row-label">联系电话</text>
+				<input v-model="form.phone" class="create__input create__input--row" type="number" maxlength="11"
+					placeholder="请输入手机号" placeholder-class="create__ph" />
+			</view>
+			<view class="create__row create__row--line" @click="chooseLocation">
+				<text class="create__row-label">所在区域</text>
+				<view class="create__location">
+					<image class="fc-icon fc-icon--sm" :src="iconUrl('location')" mode="aspectFit" />
+					<text class="create__location-text fc-ellipsis">{{ form.address || '点击定位/选择区域' }}</text>
+					<text class="create__location-arrow">›</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 发布方式：由后台「发布与费用配置」决定（免费发布 / 付费发布 + 套餐额度） -->
+		<view class="fc-card create__section">
+			<view class="create__label-row">
+				<text class="create__label">发布方式</text>
+				<text v-if="publish.mode === 'paid'" class="create__quota">
+					套餐额度：剩余 {{ publish.quotaLeft }} 条
+				</text>
+			</view>
+
+			<view v-if="publish.mode === 'free'" class="create__free-tip">
+				<text>当前为免费发布，所有用户均可免费发布信息</text>
+			</view>
+
+			<view v-else class="create__plans">
+				<view v-for="p in plans" :key="p.key" class="create__plan"
+					:class="{ 'create__plan--active': form.plan === p.key }" @click="form.plan = p.key">
+					<text class="create__plan-name">{{ p.name }}</text>
+					<text class="create__plan-price">{{ p.price }}</text>
+					<text class="create__plan-desc">{{ p.desc }}</text>
+					<text v-if="p.tag" class="create__plan-tag">{{ p.tag }}</text>
+				</view>
+			</view>
+
+			<view v-if="needPay" class="create__pay">
+				<text class="create__pay-label">支付方式</text>
+				<view class="create__pay-types">
+					<view class="create__pay-type" :class="{ 'create__pay-type--active': form.payType === 'wxpay' }"
+						@click="form.payType = 'wxpay'">
+						<image class="fc-icon fc-icon--sm" :src="iconUrl('paywechat')" mode="aspectFit" />
+						<text class="create__pay-text">微信支付</text>
+					</view>
+					<view class="create__pay-type" :class="{ 'create__pay-type--active': form.payType === 'balance' }"
+						@click="form.payType = 'balance'">
+						<image class="fc-icon fc-icon--sm" :src="iconUrl('wallet')" mode="aspectFit" />
+						<text class="create__pay-text">余额支付（¥{{ balance }}）</text>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 草稿箱 -->
+		<view v-if="drafts.length" class="fc-card create__section">
+			<view class="create__draft-head">
+				<text class="create__label">草稿箱</text>
+				<text class="create__draft-tip">自动保存，可再次编辑发布</text>
+			</view>
+			<view v-for="d in drafts" :key="d.draftId" class="create__draft" @click="restoreDraft(d)">
+				<text class="create__draft-title fc-ellipsis">{{ d.title }}</text>
+				<text class="create__draft-arrow">编辑 ›</text>
+			</view>
+		</view>
+
+		<view class="create__bar">
+			<view class="create__bar-ghost" @click="saveDraft">
+				<text>存草稿</text>
+			</view>
+			<view class="create__bar-main" :class="{ 'create__bar-main--disabled': submitting }" @click="submit">
+				<text>{{ submitting ? '提交中…' : (needPay ? '支付并发布' : '免费发布') }}</text>
+			</view>
+		</view>
+		<view class="fc-safe-bottom"></view>
+	</view>
+</template>
+
+<script>
+import homeApi from '@/common/api/home.js'
+import postApi from '@/common/api/post.js'
+import memberApi from '@/common/api/member.js'
+import { useUserStore } from '@/common/store/index.js'
+import { iconUrl, categoryIconUrl, loadUiConfig } from '@/common/store/ui.js'
+import { pay } from '@/common/utils/pay.js'
+import { yuan2fen } from '@/common/utils/format.js'
+import config from '@/common/config/index.js'
+
+export default {
+	data() {
+		return {
+			categories: [],
+			drafts: [],
+			submitting: false,
+			draftTimer: null,
+			form: {
+				categoryId: 0,
+				title: '',
+				content: '',
+				media: [],
+				contact: '',
+				phone: '',
+				address: '',
+				plan: 'free',
+				payType: config.defaultPayType,
+			},
+			// 发布配置（后台「发布与费用配置」下发：发布模式 / 价格 / 我的剩余额度）
+			publish: {
+				mode: 'paid',
+				singlePrice: 5,
+				monthPrice: 19.9,
+				monthQuota: 30,
+				yearPrice: 168,
+				yearQuota: 500,
+				quotaLeft: 0,
+				freePerDay: 0,
+				freeUsedToday: 0,
+				freeLeftToday: 0,
+				isMember: false,
+			},
+		}
+	},
+	computed: {
+		balance() {
+			try {
+				return useUserStore().state.userInfo?.balance ?? 0
+			} catch (e) {
+				return 0
+			}
+		},
+		/** 发布方式选项：由后台配置生成（免费模式不展示；付费模式按剩余额度插入「套餐额度」） */
+		plans() {
+			const p = this.publish
+			if (p.mode === 'free') return []
+			const list = []
+			if (p.quotaLeft > 0) {
+				list.push({ key: 'quota', name: '套餐额度', price: '免费', desc: `剩余 ${p.quotaLeft} 条`, tag: '可用' })
+			} else if (p.freeLeftToday > 0) {
+				list.push({ key: 'quota', name: '今日免费', price: '免费', desc: `今日剩余 ${p.freeLeftToday} 条`, tag: '可用' })
+			}
+			list.push({ key: 'single', name: '会员单条', price: `¥${this.money(p.singlePrice)}`, desc: '发布 1 条' })
+			list.push({ key: 'month', name: '按月发布', price: `¥${this.money(p.monthPrice)}`, desc: `含 ${p.monthQuota} 条`, tag: '推荐' })
+			list.push({ key: 'year', name: '按年发布', price: `¥${this.money(p.yearPrice)}`, desc: `含 ${p.yearQuota} 条`, tag: '更划算' })
+			return list
+		},
+		needPay() {
+			return this.publish.mode === 'paid' && this.form.plan !== 'quota'
+		},
+	},
+	onLoad(query) {
+		if (query && query.categoryId) this.form.categoryId = Number(query.categoryId)
+		loadUiConfig()
+		this.init()
+	},
+	methods: {
+		iconUrl,
+		// 分类图标：优先用后端下发的 iconKey（支持后台自定义覆盖），
+		// 否则按分类 ID 映射内置配图（与 post/list.vue 保持同一套逻辑）
+		catIcon(c) {
+			return (c.iconKey && iconUrl(c.iconKey)) || categoryIconUrl(c.id)
+		},
+		async init() {
+			try {
+				const [cats, drafts] = await Promise.all([homeApi.categories(), postApi.drafts()])
+				this.categories = cats
+				this.drafts = drafts
+				if (!this.form.categoryId && cats.length) this.form.categoryId = cats[0].id
+			} catch (e) {
+				uni.showToast({ title: '加载失败', icon: 'none' })
+			}
+			this.loadPublish()
+		},
+		/** 读取后台发布的「发布模式 / 价格 / 我的剩余额度」 */
+		async loadPublish() {
+			try {
+				const p = await postApi.publishConfig()
+				this.publish = { ...this.publish, ...p }
+				// 默认选中：免费模式→免费；付费模式有额度/每日免费次数→用免费额度，否则按单条
+				if (p.mode === 'free') {
+					this.form.plan = 'free'
+				} else {
+					const freeAvailable = p.quotaLeft > 0 || p.freeLeftToday > 0
+					this.form.plan = freeAvailable ? 'quota' : 'single'
+				}
+			} catch (e) {
+				// 配置读取失败时保持付费模式默认值，由后端兜底校验（不会漏收费）
+			}
+		},
+		money(v) {
+			const n = Number(v || 0)
+			return Number.isInteger(n) ? String(n) : n.toFixed(2)
+		},
+		chooseMedia() {
+			uni.chooseImage({
+				count: 6 - this.form.media.length,
+				success: (res) => {
+					this.form.media = this.form.media.concat(res.tempFilePaths || [])
+				},
+				fail: () => {
+					this.form.media.push('local://demo.jpg')
+				},
+			})
+		},
+		chooseLocation() {
+			uni.chooseLocation({
+				success: (res) => {
+					this.form.address = res.address || res.name
+					this.autoSave()
+				},
+				fail: () => {
+					uni.showActionSheet({
+						itemList: ['云岩区', '南明区', '观山湖区', '花溪区'],
+						success: (r) => {
+							this.form.address = ['云岩区', '南明区', '观山湖区', '花溪区'][r.tapIndex]
+							this.autoSave()
+						},
+						fail: () => {},
+					})
+				},
+			})
+		},
+		autoSave() {
+			if (this.draftTimer) clearTimeout(this.draftTimer)
+			// 草稿箱：编辑中自动保存（防抖 800ms）
+			this.draftTimer = setTimeout(() => {
+				if (this.form.title || this.form.content) this.saveDraft(true)
+			}, 800)
+		},
+		async saveDraft(silent = false) {
+			if (!this.form.title && !this.form.content) {
+				if (!silent) uni.showToast({ title: '内容为空，无法保存', icon: 'none' })
+				return
+			}
+			try {
+				await postApi.saveDraft({ ...this.form })
+				if (!silent) {
+					uni.showToast({ title: '已存入草稿箱', icon: 'none' })
+					this.drafts = await postApi.drafts()
+				}
+			} catch (e) {
+				if (!silent) uni.showToast({ title: e.message, icon: 'none' })
+			}
+		},
+		restoreDraft(d) {
+			this.form = { ...this.form, ...d }
+			uni.showToast({ title: '草稿已恢复', icon: 'none' })
+		},
+		validate() {
+			if (!this.form.categoryId) return '请选择分类'
+			if (!this.form.title) return '请填写标题'
+			if (!this.form.content) return '请填写详细内容'
+			if (this.form.phone && !/^1\d{10}$/.test(this.form.phone)) return '手机号格式不正确'
+			return ''
+		},
+		async submit() {
+			if (this.submitting) return
+			const err = this.validate()
+			if (err) {
+				uni.showToast({ title: err, icon: 'none' })
+				return
+			}
+			this.submitting = true
+			try {
+				const plan = this.publish.mode === 'free' ? 'free' : this.form.plan
+				// 月卡/年卡：先开通会员套餐（含发布条数，复用会员开通接口），额度到账后再按「额度内免费」发布
+				if (plan === 'month' || plan === 'year') {
+					await memberApi.open({
+						planId: plan === 'month' ? 'M1' : 'M12',
+						payType: this.form.payType,
+					})
+					await useUserStore().fetchProfile()
+				}
+				// 传给后端只两种：free（免费/额度内/刚开通套餐）与 single（单条付费）；金额由服务端算
+				const apiPlan = (plan === 'free' || plan === 'quota' || plan === 'month' || plan === 'year') ? 'free' : plan
+				const res = await postApi.create({
+					...this.form,
+					plan: apiPlan,
+					payType: this.form.payType,
+				})
+				if (res.order) {
+					await pay({ ...res.order, amount: yuan2fen(res.order.amount) })
+				}
+				if (typeof res.quotaLeft === 'number') this.publish.quotaLeft = res.quotaLeft
+				uni.showToast({ title: '发布成功，等待审核', icon: 'none' })
+				// 发布后直接进「我的发布」，可立刻看到审核状态（原先跳首页看不到自己的发布）
+				setTimeout(() => uni.reLaunch({ url: '/pages/post/mine' }), 800)
+			} catch (e) {
+				uni.showToast({ title: e.message || '发布失败', icon: 'none' })
+			} finally {
+				this.submitting = false
+			}
+		},
+	},
+}
+</script>
+
+
+<style lang="scss" scoped>
+.create {
+	padding-bottom: 200rpx;
+}
+.create__section {
+	margin-top: 24rpx;
+}
+.create__label {
+	font-size: $fc-font-lg;
+	font-weight: 700;
+	color: $fc-text;
+	&--mt {
+		margin-top: 32rpx;
+	}
+}
+.create__label-row {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+.create__quota {
+	font-size: $fc-font-sm;
+	color: $fc-primary-text;
+	font-weight: 600;
+}
+.create__free-tip {
+	margin-top: 18rpx;
+	padding: 20rpx 24rpx;
+	border-radius: $fc-radius;
+	background: $fc-primary-lighter;
+	font-size: $fc-font-sm;
+	color: $fc-primary-text;
+	line-height: 1.5;
+}
+.create__required {
+	color: $fc-danger;
+	margin-left: 6rpx;
+}
+.create__cats {
+	display: flex;
+	flex-wrap: wrap;
+	margin-top: 20rpx;
+}
+.create__cat {
+	width: 23%;
+	margin: 0 1% 18rpx;
+	padding: 18rpx 0;
+	border-radius: $fc-radius;
+	background: $fc-bg;
+	border: 2rpx solid transparent;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	&--active {
+		background: $fc-primary-lighter;
+		border-color: $fc-primary-text;
+	}
+}
+.create__cat-icon {
+	width: 64rpx;
+	height: 64rpx;
+	margin-bottom: 6rpx;
+}
+.create__cat-name {
+	margin-top: 8rpx;
+	font-size: $fc-font-xs;
+	color: $fc-text-regular;
+}
+.create__input {
+	margin-top: 16rpx;
+	height: 84rpx;
+	background: $fc-bg;
+	border-radius: $fc-radius;
+	padding: 0 24rpx;
+	font-size: $fc-font;
+	&--row {
+		margin-top: 0;
+		background: transparent;
+		flex: 1;
+		text-align: right;
+	}
+}
+.create__ph {
+	color: $fc-text-placeholder;
+	font-size: $fc-font-sm;
+}
+.create__textarea {
+	margin-top: 16rpx;
+	width: 100%;
+	height: 240rpx;
+	background: $fc-bg;
+	border-radius: $fc-radius;
+	padding: 22rpx 24rpx;
+	font-size: $fc-font;
+}
+.create__count {
+	display: block;
+	text-align: right;
+	margin-top: 8rpx;
+	font-size: $fc-font-xs;
+	color: $fc-text-placeholder;
+}
+.create__media {
+	display: flex;
+	flex-wrap: wrap;
+	margin-top: 16rpx;
+}
+.create__media-item {
+	width: 150rpx;
+	height: 150rpx;
+	margin: 0 16rpx 16rpx 0;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.create__upload {
+	width: 150rpx;
+	height: 150rpx;
+	border-radius: 20rpx;
+	border: 2rpx dashed $fc-primary-text;
+	background: $fc-bg;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+.create__upload-txt {
+	margin-top: 6rpx;
+	font-size: $fc-font-xs;
+	color: $fc-primary-text;
+}
+.create__row {
+	display: flex;
+	align-items: center;
+	height: 92rpx;
+	&--line {
+		border-top: 2rpx solid $fc-border;
+	}
+}
+.create__row-label {
+	width: 170rpx;
+	font-size: $fc-font;
+	color: $fc-text-regular;
+}
+.create__location {
+	flex: 1;
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+}
+.create__location-text {
+	font-size: $fc-font;
+	color: $fc-text;
+	max-width: 380rpx;
+	margin-left: 8rpx;
+}
+.create__location-arrow {
+	margin-left: 8rpx;
+	color: $fc-text-placeholder;
+}
+.create__plans {
+	display: flex;
+	margin-top: 20rpx;
+}
+.create__plan {
+	flex: 1;
+	position: relative;
+	border: 2rpx solid $fc-border;
+	border-radius: $fc-radius-lg;
+	padding: 24rpx 16rpx;
+	background: $fc-bg;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	&:not(:last-child) {
+		margin-right: 16rpx;
+	}
+	&--active {
+		border-color: $fc-primary-text;
+		background: $fc-primary-lighter;
+	}
+}
+.create__plan-name {
+	font-size: $fc-font-sm;
+	color: $fc-text-regular;
+}
+.create__plan-price {
+	margin-top: 8rpx;
+	font-size: 34rpx;
+	font-weight: 700;
+	color: $fc-price;
+}
+.create__plan-desc {
+	margin-top: 4rpx;
+	font-size: 20rpx;
+	color: $fc-text-secondary;
+}
+.create__plan-tag {
+	position: absolute;
+	top: -12rpx;
+	right: 12rpx;
+	padding: 2rpx 12rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-gradient-warm;
+	color: #ffffff;
+	font-size: 18rpx;
+}
+.create__pay {
+	margin-top: 28rpx;
+}
+.create__pay-label {
+	font-size: $fc-font-sm;
+	color: $fc-text-secondary;
+}
+.create__pay-types {
+	display: flex;
+	margin-top: 14rpx;
+}
+.create__pay-type {
+	flex: 1;
+	height: 80rpx;
+	border-radius: $fc-radius;
+	border: 2rpx solid $fc-border;
+	background: $fc-bg;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: $fc-font-sm;
+	color: $fc-text-regular;
+	&:first-child {
+		margin-right: 16rpx;
+	}
+	&--active {
+		border-color: $fc-primary-text;
+		background: $fc-primary-lighter;
+		color: $fc-primary-text;
+		font-weight: 600;
+	}
+}
+.create__pay-text {
+	margin-left: 10rpx;
+}
+.create__draft-head {
+	display: flex;
+	align-items: baseline;
+	justify-content: space-between;
+}
+.create__draft-tip {
+	font-size: $fc-font-xs;
+	color: $fc-text-placeholder;
+}
+.create__draft {
+	margin-top: 18rpx;
+	height: 84rpx;
+	border-radius: $fc-radius;
+	background: $fc-bg;
+	padding: 0 24rpx;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+.create__draft-title {
+	flex: 1;
+	font-size: $fc-font;
+	color: $fc-text;
+	margin-right: 16rpx;
+}
+.create__draft-arrow {
+	font-size: $fc-font-sm;
+	color: $fc-primary-text;
+}
+.create__bar {
+	position: fixed;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	display: flex;
+	align-items: center;
+	padding: 16rpx 24rpx;
+	background: #ffffff;
+	border-top: 2rpx solid $fc-border;
+	box-shadow: 0 -6rpx 24rpx rgba(4, 48, 30, 0.08);
+}
+.create__bar-ghost {
+	width: 190rpx;
+	height: 88rpx;
+	margin-right: 20rpx;
+	border-radius: $fc-radius-pill;
+	border: 2rpx solid $fc-primary-text;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: $fc-primary-text;
+	font-size: $fc-font;
+}
+.create__bar-main {
+	flex: 1;
+	height: 88rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-gradient-primary;
+	color: $fc-primary-ink;
+	font-size: 30rpx;
+	font-weight: 700;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	box-shadow: 0 8rpx 24rpx rgba(4, 48, 30, 0.3);
+	&--disabled {
+		opacity: 0.7;
+	}
+}
+</style>
+
diff --git a/uniapp/pages/post/list.vue b/uniapp/pages/post/list.vue
new file mode 100644
index 0000000..b6c7fb3
--- /dev/null
+++ b/uniapp/pages/post/list.vue
@@ -0,0 +1,281 @@
+<template>
+	<view class="list fc-page">
+		<!-- 分类横滑 -->
+		<scroll-view class="list__cats" scroll-x :show-scrollbar="false">
+			<view class="list__cats-inner">
+				<view v-for="c in categories" :key="c.id" class="list__cat"
+					:class="{ 'list__cat--active': categoryId === c.id }" @click="changeCategory(c)">
+					<image class="list__cat-icon" :src="catIcon(c)" mode="aspectFit" />
+					<text>{{ c.name }}</text>
+				</view>
+			</view>
+		</scroll-view>
+
+		<!-- 多维筛选 -->
+		<view class="list__filters">
+			<view v-for="s in sorts" :key="s.value" class="list__filter"
+				:class="{ 'list__filter--active': sort === s.value }" @click="changeSort(s.value)">
+				<text>{{ s.label }}</text>
+			</view>
+			<view class="list__filter list__filter--right" @click="showArea = true">
+				<text>{{ area || '区域 ▾' }}</text>
+			</view>
+		</view>
+
+		<view v-if="loading && !list.length" class="list__loading">
+			<view v-for="i in 3" :key="i" class="fc-skeleton list__skeleton"></view>
+		</view>
+
+		<fc-empty v-else-if="!list.length" text="该分类下暂无信息" btn-text="发布一条" @action="goCreate" />
+
+		<view v-else>
+			<fc-post-card v-for="p in list" :key="p.id" :post="p" @click="goDetail" />
+			<view class="list__more">
+				<text v-if="loading">加载中…</text>
+				<text v-else-if="!hasMore">— 没有更多了 —</text>
+				<text v-else @click="loadMore">加载更多</text>
+			</view>
+		</view>
+
+		<view class="list__fab" @click="goCreate">
+			<text>＋ 发布</text>
+		</view>
+
+		<view v-if="showArea" class="list__mask" @click="showArea = false">
+			<view class="list__sheet" @click.stop>
+				<text class="list__sheet-title">选择区域</text>
+				<view class="list__sheet-list">
+					<view v-for="a in areaOptions" :key="a" class="list__sheet-item"
+						:class="{ 'list__sheet-item--active': area === a }" @click="pickArea(a)">
+						<text>{{ a }}</text>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import FcPostCard from '@/components/fc-post-card/fc-post-card.vue'
+import FcEmpty from '@/components/fc-empty/fc-empty.vue'
+import homeApi from '@/common/api/home.js'
+import { iconUrl, categoryIconUrl, loadUiConfig } from '@/common/store/ui.js'
+
+export default {
+	components: { FcPostCard, FcEmpty },
+	data() {
+		return {
+			categories: [],
+			categoryId: 0,
+			list: [],
+			page: 1,
+			size: 10,
+			hasMore: true,
+			loading: false,
+			sort: 'new',
+			area: '',
+			showArea: false,
+			areaOptions: ['云岩区', '南明区', '观山湖区', '花溪区'],
+			sorts: [
+				{ label: '最新', value: 'new' },
+				{ label: '最热', value: 'hot' },
+				{ label: '价格', value: 'price' },
+			],
+		}
+	},
+	onLoad(query) {
+		this.categoryId = Number(query.categoryId || 0)
+		if (query.name) {
+			uni.setNavigationBarTitle({ title: decodeURIComponent(query.name) })
+		}
+		loadUiConfig()
+		this.init()
+	},
+	onReachBottom() {
+		this.loadMore()
+	},
+	methods: {
+		iconUrl,
+		catIcon(c) {
+			return (c.iconKey && iconUrl(c.iconKey)) || categoryIconUrl(c.id)
+		},
+		async init() {
+			try {
+				this.categories = await homeApi.categories()
+			} catch (e) {}
+			this.fetch(true)
+		},
+		async fetch(reset = false) {
+			this.loading = true
+			try {
+				const res = await homeApi.feed({
+					page: this.page,
+					size: this.size,
+					categoryId: this.categoryId || undefined,
+					sort: this.sort,
+					area: this.area || undefined,
+				})
+				this.list = reset ? res.list : this.list.concat(res.list)
+				this.hasMore = res.hasMore
+			} catch (e) {
+				uni.showToast({ title: '加载失败', icon: 'none' })
+			} finally {
+				this.loading = false
+			}
+		},
+		loadMore() {
+			if (!this.hasMore || this.loading) return
+			this.page += 1
+			this.fetch()
+		},
+		changeCategory(c) {
+			this.categoryId = this.categoryId === c.id ? 0 : c.id
+			this.page = 1
+			this.fetch(true)
+		},
+		changeSort(v) {
+			if (this.sort === v) return
+			this.sort = v
+			this.page = 1
+			this.fetch(true)
+		},
+		pickArea(a) {
+			this.area = this.area === a ? '' : a
+			this.showArea = false
+			this.page = 1
+			this.fetch(true)
+		},
+		goDetail(p) {
+			uni.navigateTo({ url: `/pages/detail/detail?id=${p.id}` })
+		},
+		goCreate() {
+			uni.navigateTo({ url: '/pages/post/create' })
+		},
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+.list__cats {
+	background: #ffffff;
+	white-space: nowrap;
+	padding: 16rpx 0;
+	border-bottom: 2rpx solid $fc-border;
+}
+.list__cats-inner {
+	display: inline-flex;
+	padding: 0 16rpx;
+}
+.list__cat {
+	margin: 0 10rpx;
+	padding: 10rpx 24rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-bg;
+	font-size: $fc-font-sm;
+	color: $fc-text-regular;
+	flex: 0 0 auto;
+	display: inline-flex;
+	align-items: center;
+	&--active {
+		background: $fc-gradient-primary;
+		color: $fc-primary-ink;
+		font-weight: 600;
+		box-shadow: 0 6rpx 16rpx rgba(4, 48, 30, 0.3);
+	}
+}
+.list__cat-icon {
+	width: 34rpx;
+	height: 34rpx;
+	margin-right: 8rpx;
+}
+.list__filters {
+	display: flex;
+	align-items: center;
+	padding: 20rpx 24rpx 12rpx;
+}
+.list__filter {
+	margin-right: 28rpx;
+	font-size: $fc-font;
+	color: $fc-text-secondary;
+	&--active {
+		color: $fc-primary-text;
+		font-weight: 700;
+	}
+	&--right {
+		margin-left: auto;
+		margin-right: 0;
+	}
+}
+.list__loading {
+	padding: 24rpx;
+}
+.list__skeleton {
+	height: 220rpx;
+	margin-bottom: 20rpx;
+}
+.list__more {
+	text-align: center;
+	padding: 24rpx 0 40rpx;
+	font-size: $fc-font-sm;
+	color: $fc-text-placeholder;
+}
+.list__fab {
+	position: fixed;
+	right: 32rpx;
+	bottom: 60rpx;
+	padding: 20rpx 36rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-gradient-primary;
+	color: $fc-primary-ink;
+	font-size: $fc-font;
+	font-weight: 700;
+	box-shadow: 0 10rpx 28rpx rgba(4, 48, 30, 0.4);
+}
+.list__mask {
+	position: fixed;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	z-index: 200;
+	background: rgba(4, 48, 42, 0.5);
+	display: flex;
+	align-items: flex-end;
+}
+.list__sheet {
+	width: 100%;
+	background: #ffffff;
+	border-radius: 32rpx 32rpx 0 0;
+	padding: 36rpx 32rpx 60rpx;
+}
+.list__sheet-title {
+	display: block;
+	text-align: center;
+	font-size: $fc-font-lg;
+	font-weight: 700;
+	margin-bottom: 28rpx;
+}
+.list__sheet-list {
+	display: flex;
+	flex-wrap: wrap;
+}
+.list__sheet-item {
+	width: 30%;
+	margin: 0 1.5% 20rpx;
+	height: 76rpx;
+	border-radius: $fc-radius;
+	background: $fc-bg;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: $fc-font;
+	color: $fc-text-regular;
+	&--active {
+		background: $fc-primary-lighter;
+		color: $fc-primary-text;
+		font-weight: 700;
+		border: 2rpx solid $fc-primary-text;
+	}
+}
+</style>
+
diff --git a/uniapp/pages/post/mine.vue b/uniapp/pages/post/mine.vue
new file mode 100644
index 0000000..a93a08d
--- /dev/null
+++ b/uniapp/pages/post/mine.vue
@@ -0,0 +1,330 @@
+<template>
+	<view class="mine-post fc-page">
+		<!-- 状态筛选 + 计数（后台审核/下架后状态一目了然） -->
+		<scroll-view class="mine-post__tabs" scroll-x :show-scrollbar="false">
+			<view class="mine-post__tabs-inner">
+				<view v-for="t in tabs" :key="t.value" class="mine-post__tab"
+					:class="{ 'mine-post__tab--active': status === t.value }" @click="changeStatus(t.value)">
+					<text>{{ t.label }}</text>
+					<text class="mine-post__tab-num">{{ counts[t.value] || 0 }}</text>
+				</view>
+			</view>
+		</scroll-view>
+
+		<view v-if="loading && !list.length" class="mine-post__loading">
+			<view v-for="i in 3" :key="i" class="fc-skeleton mine-post__skeleton"></view>
+		</view>
+
+		<fc-empty v-else-if="!list.length" text="还没有发布信息" btn-text="去发布" @action="goCreate" />
+
+		<view v-else class="mine-post__list">
+			<view v-for="p in list" :key="p.id" class="fc-card mine-post__item" @click="goDetail(p)">
+				<view class="mine-post__head">
+					<text class="mine-post__title fc-ellipsis-2">{{ p.title }}</text>
+					<text class="mine-post__status" :class="statusClass(p)">{{ statusText(p) }}</text>
+				</view>
+				<view class="mine-post__meta">
+					<text v-if="p.isTop" class="mine-post__badge">置顶</text>
+					<text class="mine-post__meta-text">{{ p.categoryName || '未分类' }}</text>
+					<text class="mine-post__dot">·</text>
+					<text class="mine-post__meta-text">{{ p.area || '未选区域' }}</text>
+					<text class="mine-post__dot">·</text>
+					<text class="mine-post__meta-text">{{ timeText(p.createdAt) }}</text>
+				</view>
+				<view v-if="p.status === 0" class="mine-post__reason">该信息已被后台下架</view>
+				<view v-else-if="p.auditStatus === 2" class="mine-post__reason">
+					驳回原因：{{ p.auditReason || '未填写' }}
+				</view>
+				<view class="mine-post__foot">
+					<view class="mine-post__stats">
+						<text>{{ p.views }} 浏览</text>
+						<text class="mine-post__dot">·</text>
+						<text>{{ p.commentCount || 0 }} 评价</text>
+						<text v-if="p.isPaid" class="mine-post__dot">·</text>
+						<text v-if="p.isPaid" class="mine-post__paid">已付费 ¥{{ p.amount }}</text>
+					</view>
+					<view class="mine-post__ops">
+						<text class="mine-post__op" @click.stop="goDetail(p)">查看</text>
+						<text class="mine-post__op mine-post__op--danger" @click.stop="remove(p)">删除</text>
+					</view>
+				</view>
+			</view>
+
+			<view class="mine-post__more">
+				<text v-if="loading">加载中…</text>
+				<text v-else-if="!hasMore">— 没有更多了 —</text>
+				<text v-else @click="loadMore">加载更多</text>
+			</view>
+		</view>
+
+		<view class="mine-post__fab" @click="goCreate">
+			<text>＋ 发布</text>
+		</view>
+	</view>
+</template>
+
+<script>
+import FcEmpty from '@/components/fc-empty/fc-empty.vue'
+import postApi from '@/common/api/post.js'
+import { fromNow } from '@/common/utils/format.js'
+
+export default {
+	components: { FcEmpty },
+	data() {
+		return {
+			tabs: [
+				{ label: '全部', value: 'all' },
+				{ label: '待审核', value: 'pending' },
+				{ label: '已通过', value: 'passed' },
+				{ label: '已驳回', value: 'rejected' },
+				{ label: '已下架', value: 'offline' },
+			],
+			status: 'all',
+			list: [],
+			counts: {},
+			page: 1,
+			size: 10,
+			hasMore: true,
+			loading: false,
+		}
+	},
+	onLoad() {
+		this.fetch(true)
+	},
+	onShow() {
+		// 发布/编辑/后台审核后回到本页，需要看到最新状态与计数
+		this.page = 1
+		this.fetch(true)
+	},
+	onReachBottom() {
+		this.loadMore()
+	},
+	methods: {
+		timeText(t) {
+			return fromNow(t)
+		},
+		async fetch(reset = false) {
+			this.loading = true
+			try {
+				const res = await postApi.mine({ status: this.status, page: this.page, size: this.size })
+				this.list = reset ? res.list : this.list.concat(res.list)
+				this.hasMore = !!res.hasMore
+				this.counts = res.counts || {}
+			} catch (e) {
+				uni.showToast({ title: e.message || '加载失败', icon: 'none' })
+			} finally {
+				this.loading = false
+			}
+		},
+		loadMore() {
+			if (!this.hasMore || this.loading) return
+			this.page += 1
+			this.fetch()
+		},
+		changeStatus(v) {
+			if (this.status === v) return
+			this.status = v
+			this.page = 1
+			this.fetch(true)
+		},
+		statusText(p) {
+			if (Number(p.status) === 0) return '已下架'
+			const m = { 0: '待审核', 1: '已通过', 2: '已驳回' }
+			return m[Number(p.auditStatus)] || '待审核'
+		},
+		statusClass(p) {
+			if (Number(p.status) === 0) return 'mine-post__status--offline'
+			const m = { 0: 'mine-post__status--pending', 1: 'mine-post__status--passed', 2: 'mine-post__status--rejected' }
+			return m[Number(p.auditStatus)] || 'mine-post__status--pending'
+		},
+		goDetail(p) {
+			uni.navigateTo({ url: `/pages/detail/detail?id=${p.id}` })
+		},
+		goCreate() {
+			uni.navigateTo({ url: '/pages/post/create' })
+		},
+		remove(p) {
+			uni.showModal({
+				title: '删除信息',
+				content: `确认删除「${p.title}」？删除后不可恢复`,
+				success: async (r) => {
+					if (!r.confirm) return
+					try {
+						await postApi.remove(p.id)
+						uni.showToast({ title: '已删除', icon: 'none' })
+						this.page = 1
+						this.fetch(true)
+					} catch (e) {
+						uni.showToast({ title: e.message || '删除失败', icon: 'none' })
+					}
+				},
+			})
+		},
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+.mine-post {
+	padding-bottom: 180rpx;
+}
+.mine-post__tabs {
+	background: $fc-bg-card;
+	white-space: nowrap;
+	padding: 16rpx 0;
+	border-bottom: 2rpx solid $fc-border;
+}
+.mine-post__tabs-inner {
+	display: inline-flex;
+	padding: 0 16rpx;
+}
+.mine-post__tab {
+	margin: 0 8rpx;
+	padding: 10rpx 24rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-bg;
+	font-size: $fc-font-sm;
+	color: $fc-text-regular;
+	display: inline-flex;
+	align-items: center;
+	flex: 0 0 auto;
+	&--active {
+		background: $fc-gradient-primary;
+		color: $fc-primary-ink;
+		font-weight: 700;
+		box-shadow: 0 6rpx 16rpx rgba(4, 48, 30, 0.28);
+	}
+}
+.mine-post__tab-num {
+	margin-left: 8rpx;
+	font-size: 22rpx;
+	opacity: 0.75;
+}
+.mine-post__loading {
+	padding: 24rpx;
+}
+.mine-post__skeleton {
+	height: 180rpx;
+	margin-bottom: 20rpx;
+}
+.mine-post__list {
+	padding: 24rpx;
+}
+.mine-post__item {
+	margin-bottom: 20rpx;
+}
+.mine-post__head {
+	display: flex;
+	align-items: flex-start;
+	justify-content: space-between;
+}
+.mine-post__title {
+	flex: 1;
+	font-size: $fc-font-lg;
+	font-weight: 700;
+	color: $fc-text;
+	line-height: 1.4;
+}
+.mine-post__status {
+	margin-left: 16rpx;
+	flex: 0 0 auto;
+	padding: 4rpx 14rpx;
+	border-radius: $fc-radius-sm;
+	font-size: 22rpx;
+	font-weight: 600;
+	&--pending {
+		background: $fc-accent-lighter;
+		color: $fc-accent-dark;
+	}
+	&--passed {
+		background: $fc-primary-lighter;
+		color: $fc-primary-text;
+	}
+	&--rejected {
+		background: #fdeaea;
+		color: $fc-danger;
+	}
+	&--offline {
+		background: $fc-bg;
+		color: $fc-text-secondary;
+	}
+}
+.mine-post__meta {
+	margin-top: 14rpx;
+	display: flex;
+	align-items: center;
+	flex-wrap: wrap;
+	font-size: $fc-font-sm;
+	color: $fc-text-secondary;
+}
+.mine-post__badge {
+	margin-right: 12rpx;
+	padding: 2rpx 12rpx;
+	border-radius: $fc-radius-sm;
+	background: $fc-gradient-primary;
+	color: $fc-primary-ink;
+	font-size: 20rpx;
+	font-weight: 700;
+}
+.mine-post__dot {
+	margin: 0 8rpx;
+	color: $fc-text-placeholder;
+}
+.mine-post__reason {
+	margin-top: 12rpx;
+	padding: 12rpx 16rpx;
+	border-radius: $fc-radius-sm;
+	background: #fdf4f4;
+	color: $fc-danger;
+	font-size: $fc-font-sm;
+	line-height: 1.5;
+}
+.mine-post__foot {
+	margin-top: 16rpx;
+	padding-top: 16rpx;
+	border-top: 2rpx solid $fc-border;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+.mine-post__stats {
+	display: flex;
+	align-items: center;
+	font-size: 24rpx;
+	color: $fc-text-secondary;
+}
+.mine-post__paid {
+	color: $fc-price;
+}
+.mine-post__ops {
+	display: flex;
+	align-items: center;
+}
+.mine-post__op {
+	margin-left: 28rpx;
+	font-size: $fc-font-sm;
+	color: $fc-primary-text;
+	font-weight: 600;
+	&--danger {
+		color: $fc-danger;
+	}
+}
+.mine-post__more {
+	text-align: center;
+	padding: 24rpx 0 40rpx;
+	font-size: $fc-font-sm;
+	color: $fc-text-placeholder;
+}
+.mine-post__fab {
+	position: fixed;
+	right: 32rpx;
+	bottom: 60rpx;
+	padding: 20rpx 36rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-gradient-primary;
+	color: $fc-primary-ink;
+	font-size: $fc-font;
+	font-weight: 700;
+	box-shadow: 0 10rpx 28rpx rgba(4, 48, 30, 0.4);
+}
+</style>
diff --git a/uniapp/pages/search/index.vue b/uniapp/pages/search/index.vue
new file mode 100644
index 0000000..6b21b7d
--- /dev/null
+++ b/uniapp/pages/search/index.vue
@@ -0,0 +1,207 @@
+<template>
+	<view class="search fc-page">
+		<!-- 搜索框 -->
+		<view class="search__bar">
+			<view class="search__box">
+				<image class="fc-icon fc-icon--sm" :src="iconUrl('search')" mode="aspectFit" />
+				<input v-model="keyword" class="search__input" confirm-type="search" placeholder="搜索招聘、租房、二手…"
+					placeholder-class="search__ph" @confirm="doSearch" focus />
+				<image v-if="keyword" class="fc-icon fc-icon--sm" :src="iconUrl('close')" mode="aspectFit"
+					@click="keyword = ''" />
+			</view>
+			<text class="search__cancel" @click="doSearch">搜索</text>
+		</view>
+
+		<!-- 历史记录 -->
+		<view v-if="!searched" class="search__block">
+			<view class="search__block-head">
+				<text class="search__block-title">搜索历史</text>
+				<text class="search__block-clear" @click="clearHistory">清空</text>
+			</view>
+			<view class="search__chips">
+				<text v-for="(h, i) in history" :key="i" class="search__chip" @click="pickKeyword(h)">{{ h }}</text>
+				<text v-if="!history.length" class="search__empty-tip">暂无搜索历史</text>
+			</view>
+
+			<view class="search__block-head search__block-head--mt">
+				<view class="fc-inline">
+					<image class="fc-icon fc-icon--sm" :src="iconUrl('fire')" mode="aspectFit" />
+					<text class="search__block-title fc-inline__text">热门搜索</text>
+				</view>
+			</view>
+			<view class="search__chips">
+				<text v-for="(h, i) in hotKeywords" :key="i" class="search__chip search__chip--hot"
+					:class="{ 'search__chip--top': i < 3 }" @click="pickKeyword(h)">{{ h }}</text>
+			</view>
+		</view>
+
+		<!-- 搜索结果 -->
+		<view v-else class="search__result">
+			<view class="search__result-head">
+				<text>共找到 {{ total }} 条「{{ lastKeyword }}」相关信息</text>
+			</view>
+			<fc-empty v-if="!list.length" text="没有找到相关信息，换个关键词试试" />
+			<view v-else>
+				<fc-post-card v-for="p in list" :key="p.id" :post="p" @click="goDetail" />
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import FcPostCard from '@/components/fc-post-card/fc-post-card.vue'
+import FcEmpty from '@/components/fc-empty/fc-empty.vue'
+import homeApi from '@/common/api/home.js'
+import storage from '@/common/utils/storage.js'
+import config from '@/common/config/index.js'
+import { iconUrl } from '@/common/store/ui.js'
+
+export default {
+	components: { FcPostCard, FcEmpty },
+	data() {
+		return {
+			keyword: '',
+			lastKeyword: '',
+			searched: false,
+			list: [],
+			total: 0,
+			history: [],
+			hotKeywords: [],
+		}
+	},
+	onLoad() {
+		this.history = storage.get(config.storageKeys.history, []) || []
+		this.loadHot()
+	},
+	methods: {
+		iconUrl,
+		async loadHot() {
+			try {
+				this.hotKeywords = await homeApi.hotKeywords()
+			} catch (e) {}
+		},
+		pickKeyword(k) {
+			this.keyword = k
+			this.doSearch()
+		},
+		async doSearch() {
+			const kw = (this.keyword || '').trim()
+			if (!kw) {
+				uni.showToast({ title: '请输入关键词', icon: 'none' })
+				return
+			}
+			this.lastKeyword = kw
+			this.saveHistory(kw)
+			try {
+				const res = await homeApi.feed({ keyword: kw, page: 1, size: 20 })
+				this.list = res.list
+				this.total = res.total
+				this.searched = true
+			} catch (e) {
+				uni.showToast({ title: '搜索失败', icon: 'none' })
+			}
+		},
+		saveHistory(kw) {
+			const list = (this.history || []).filter((x) => x !== kw)
+			list.unshift(kw)
+			this.history = list.slice(0, 10)
+			storage.set(config.storageKeys.history, this.history)
+		},
+		clearHistory() {
+			this.history = []
+			storage.remove(config.storageKeys.history)
+			uni.showToast({ title: '已清空', icon: 'none' })
+		},
+		goDetail(p) {
+			uni.navigateTo({ url: `/pages/detail/detail?id=${p.id}` })
+		},
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+.search__bar {
+	display: flex;
+	align-items: center;
+	padding: 20rpx 24rpx;
+	background: #ffffff;
+}
+.search__box {
+	flex: 1;
+	height: 76rpx;
+	border-radius: $fc-radius-pill;
+	background: $fc-bg;
+	display: flex;
+	align-items: center;
+	padding: 0 24rpx;
+}
+.search__input {
+	flex: 1;
+	font-size: $fc-font;
+	margin-left: 12rpx;
+}
+.search__ph {
+	color: $fc-text-placeholder;
+}
+.search__cancel {
+	margin-left: 24rpx;
+	font-size: $fc-font;
+	color: $fc-primary-text;
+	font-weight: 600;
+}
+.search__block {
+	padding: 24rpx;
+}
+.search__block-head {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	&--mt {
+		margin-top: 40rpx;
+	}
+}
+.search__block-title {
+	font-size: $fc-font-lg;
+	font-weight: 700;
+	color: $fc-text;
+}
+.search__block-clear {
+	font-size: $fc-font-sm;
+	color: $fc-text-secondary;
+}
+.search__chips {
+	display: flex;
+	flex-wrap: wrap;
+	margin-top: 20rpx;
+}
+.search__chip {
+	padding: 14rpx 28rpx;
+	margin: 0 16rpx 16rpx 0;
+	border-radius: $fc-radius-pill;
+	background: #ffffff;
+	font-size: $fc-font-sm;
+	color: $fc-text-regular;
+	box-shadow: $fc-shadow;
+	&--hot {
+		background: $fc-primary-lighter;
+		color: $fc-primary-text;
+	}
+	&--top {
+		background: $fc-gradient-warm;
+		color: #ffffff;
+	}
+}
+.search__empty-tip {
+	font-size: $fc-font-sm;
+	color: $fc-text-placeholder;
+}
+.search__result {
+	padding-top: 20rpx;
+}
+.search__result-head {
+	padding: 0 24rpx 20rpx;
+	font-size: $fc-font-sm;
+	color: $fc-text-secondary;
+}
+</style>
+
diff --git a/uniapp/static/banners/banner-art-1.png b/uniapp/static/banners/banner-art-1.png
new file mode 100644
index 0000000..15d3ab1
Binary files /dev/null and b/uniapp/static/banners/banner-art-1.png differ
diff --git a/uniapp/static/banners/banner-art-2.png b/uniapp/static/banners/banner-art-2.png
new file mode 100644
index 0000000..41c63d5
Binary files /dev/null and b/uniapp/static/banners/banner-art-2.png differ
diff --git a/uniapp/static/banners/banner-art-3.png b/uniapp/static/banners/banner-art-3.png
new file mode 100644
index 0000000..9b64fea
Binary files /dev/null and b/uniapp/static/banners/banner-art-3.png differ
diff --git a/uniapp/static/icons/bar-fav-on.png b/uniapp/static/icons/bar-fav-on.png
new file mode 100644
index 0000000..47da380
Binary files /dev/null and b/uniapp/static/icons/bar-fav-on.png differ
diff --git a/uniapp/static/icons/bar-fav.png b/uniapp/static/icons/bar-fav.png
new file mode 100644
index 0000000..b8c6620
Binary files /dev/null and b/uniapp/static/icons/bar-fav.png differ
diff --git a/uniapp/static/icons/bar-poster.png b/uniapp/static/icons/bar-poster.png
new file mode 100644
index 0000000..3144264
Binary files /dev/null and b/uniapp/static/icons/bar-poster.png differ
diff --git a/uniapp/static/icons/bar-share.png b/uniapp/static/icons/bar-share.png
new file mode 100644
index 0000000..6243df0
Binary files /dev/null and b/uniapp/static/icons/bar-share.png differ
diff --git a/uniapp/static/icons/cat-car.png b/uniapp/static/icons/cat-car.png
new file mode 100644
index 0000000..c707b43
Binary files /dev/null and b/uniapp/static/icons/cat-car.png differ
diff --git a/uniapp/static/icons/cat-clean.png b/uniapp/static/icons/cat-clean.png
new file mode 100644
index 0000000..e301848
Binary files /dev/null and b/uniapp/static/icons/cat-clean.png differ
diff --git a/uniapp/static/icons/cat-education.png b/uniapp/static/icons/cat-education.png
new file mode 100644
index 0000000..7b98137
Binary files /dev/null and b/uniapp/static/icons/cat-education.png differ
diff --git a/uniapp/static/icons/cat-friend.png b/uniapp/static/icons/cat-friend.png
new file mode 100644
index 0000000..38dd9a3
Binary files /dev/null and b/uniapp/static/icons/cat-friend.png differ
diff --git a/uniapp/static/icons/cat-goods.png b/uniapp/static/icons/cat-goods.png
new file mode 100644
index 0000000..b5f1764
Binary files /dev/null and b/uniapp/static/icons/cat-goods.png differ
diff --git a/uniapp/static/icons/cat-house.png b/uniapp/static/icons/cat-house.png
new file mode 100644
index 0000000..f204ca7
Binary files /dev/null and b/uniapp/static/icons/cat-house.png differ
diff --git a/uniapp/static/icons/cat-job.png b/uniapp/static/icons/cat-job.png
new file mode 100644
index 0000000..fde0f26
Binary files /dev/null and b/uniapp/static/icons/cat-job.png differ
diff --git a/uniapp/static/icons/cat-service.png b/uniapp/static/icons/cat-service.png
new file mode 100644
index 0000000..cfe0266
Binary files /dev/null and b/uniapp/static/icons/cat-service.png differ
diff --git a/uniapp/static/icons/check.png b/uniapp/static/icons/check.png
new file mode 100644
index 0000000..c591541
Binary files /dev/null and b/uniapp/static/icons/check.png differ
diff --git a/uniapp/static/icons/close.png b/uniapp/static/icons/close.png
new file mode 100644
index 0000000..3d4eb16
Binary files /dev/null and b/uniapp/static/icons/close.png differ
diff --git a/uniapp/static/icons/comment-gray.png b/uniapp/static/icons/comment-gray.png
new file mode 100644
index 0000000..416383d
Binary files /dev/null and b/uniapp/static/icons/comment-gray.png differ
diff --git a/uniapp/static/icons/crown.png b/uniapp/static/icons/crown.png
new file mode 100644
index 0000000..003c7a3
Binary files /dev/null and b/uniapp/static/icons/crown.png differ
diff --git a/uniapp/static/icons/edit.png b/uniapp/static/icons/edit.png
new file mode 100644
index 0000000..34920bf
Binary files /dev/null and b/uniapp/static/icons/edit.png differ
diff --git a/uniapp/static/icons/eye.png b/uniapp/static/icons/eye.png
new file mode 100644
index 0000000..6293c75
Binary files /dev/null and b/uniapp/static/icons/eye.png differ
diff --git a/uniapp/static/icons/fire.png b/uniapp/static/icons/fire.png
new file mode 100644
index 0000000..9c942d9
Binary files /dev/null and b/uniapp/static/icons/fire.png differ
diff --git a/uniapp/static/icons/folder.png b/uniapp/static/icons/folder.png
new file mode 100644
index 0000000..10780a5
Binary files /dev/null and b/uniapp/static/icons/folder.png differ
diff --git a/uniapp/static/icons/home-bell.png b/uniapp/static/icons/home-bell.png
new file mode 100644
index 0000000..71c480a
Binary files /dev/null and b/uniapp/static/icons/home-bell.png differ
diff --git a/uniapp/static/icons/home-crown.png b/uniapp/static/icons/home-crown.png
new file mode 100644
index 0000000..21f9898
Binary files /dev/null and b/uniapp/static/icons/home-crown.png differ
diff --git a/uniapp/static/icons/home-location.png b/uniapp/static/icons/home-location.png
new file mode 100644
index 0000000..6c94ee2
Binary files /dev/null and b/uniapp/static/icons/home-location.png differ
diff --git a/uniapp/static/icons/home-search.png b/uniapp/static/icons/home-search.png
new file mode 100644
index 0000000..d563f74
Binary files /dev/null and b/uniapp/static/icons/home-search.png differ
diff --git a/uniapp/static/icons/image-white.png b/uniapp/static/icons/image-white.png
new file mode 100644
index 0000000..50a3c01
Binary files /dev/null and b/uniapp/static/icons/image-white.png differ
diff --git a/uniapp/static/icons/image.png b/uniapp/static/icons/image.png
new file mode 100644
index 0000000..539d8fb
Binary files /dev/null and b/uniapp/static/icons/image.png differ
diff --git a/uniapp/static/icons/inbox.png b/uniapp/static/icons/inbox.png
new file mode 100644
index 0000000..f69de6a
Binary files /dev/null and b/uniapp/static/icons/inbox.png differ
diff --git a/uniapp/static/icons/info.png b/uniapp/static/icons/info.png
new file mode 100644
index 0000000..f878a62
Binary files /dev/null and b/uniapp/static/icons/info.png differ
diff --git a/uniapp/static/icons/link-dist.png b/uniapp/static/icons/link-dist.png
new file mode 100644
index 0000000..d5d7e97
Binary files /dev/null and b/uniapp/static/icons/link-dist.png differ
diff --git a/uniapp/static/icons/link-order.png b/uniapp/static/icons/link-order.png
new file mode 100644
index 0000000..b5f1764
Binary files /dev/null and b/uniapp/static/icons/link-order.png differ
diff --git a/uniapp/static/icons/link-recharge.png b/uniapp/static/icons/link-recharge.png
new file mode 100644
index 0000000..9ac7e3a
Binary files /dev/null and b/uniapp/static/icons/link-recharge.png differ
diff --git a/uniapp/static/icons/location.png b/uniapp/static/icons/location.png
new file mode 100644
index 0000000..9f7ec05
Binary files /dev/null and b/uniapp/static/icons/location.png differ
diff --git a/uniapp/static/icons/lock.png b/uniapp/static/icons/lock.png
new file mode 100644
index 0000000..fba38fc
Binary files /dev/null and b/uniapp/static/icons/lock.png differ
diff --git a/uniapp/static/icons/login-person.png b/uniapp/static/icons/login-person.png
new file mode 100644
index 0000000..5f0ca84
Binary files /dev/null and b/uniapp/static/icons/login-person.png differ
diff --git a/uniapp/static/icons/login-shop.png b/uniapp/static/icons/login-shop.png
new file mode 100644
index 0000000..03a1e2f
Binary files /dev/null and b/uniapp/static/icons/login-shop.png differ
diff --git a/uniapp/static/icons/mine-about.png b/uniapp/static/icons/mine-about.png
new file mode 100644
index 0000000..dfd8ab8
Binary files /dev/null and b/uniapp/static/icons/mine-about.png differ
diff --git a/uniapp/static/icons/mine-dist.png b/uniapp/static/icons/mine-dist.png
new file mode 100644
index 0000000..d5d7e97
Binary files /dev/null and b/uniapp/static/icons/mine-dist.png differ
diff --git a/uniapp/static/icons/mine-draft.png b/uniapp/static/icons/mine-draft.png
new file mode 100644
index 0000000..df81ff4
Binary files /dev/null and b/uniapp/static/icons/mine-draft.png differ
diff --git a/uniapp/static/icons/mine-history.png b/uniapp/static/icons/mine-history.png
new file mode 100644
index 0000000..b56e7bc
Binary files /dev/null and b/uniapp/static/icons/mine-history.png differ
diff --git a/uniapp/static/icons/mine-order.png b/uniapp/static/icons/mine-order.png
new file mode 100644
index 0000000..b5f1764
Binary files /dev/null and b/uniapp/static/icons/mine-order.png differ
diff --git a/uniapp/static/icons/mine-post.png b/uniapp/static/icons/mine-post.png
new file mode 100644
index 0000000..0c931a4
Binary files /dev/null and b/uniapp/static/icons/mine-post.png differ
diff --git a/uniapp/static/icons/mine-setting.png b/uniapp/static/icons/mine-setting.png
new file mode 100644
index 0000000..3f2be2c
Binary files /dev/null and b/uniapp/static/icons/mine-setting.png differ
diff --git a/uniapp/static/icons/mine-vip.png b/uniapp/static/icons/mine-vip.png
new file mode 100644
index 0000000..f2e2ca2
Binary files /dev/null and b/uniapp/static/icons/mine-vip.png differ
diff --git a/uniapp/static/icons/msg-interact.png b/uniapp/static/icons/msg-interact.png
new file mode 100644
index 0000000..2ac7709
Binary files /dev/null and b/uniapp/static/icons/msg-interact.png differ
diff --git a/uniapp/static/icons/msg-system.png b/uniapp/static/icons/msg-system.png
new file mode 100644
index 0000000..00fbf7e
Binary files /dev/null and b/uniapp/static/icons/msg-system.png differ
diff --git a/uniapp/static/icons/network.png b/uniapp/static/icons/network.png
new file mode 100644
index 0000000..adba510
Binary files /dev/null and b/uniapp/static/icons/network.png differ
diff --git a/uniapp/static/icons/order-member.png b/uniapp/static/icons/order-member.png
new file mode 100644
index 0000000..be24a09
Binary files /dev/null and b/uniapp/static/icons/order-member.png differ
diff --git a/uniapp/static/icons/order-other.png b/uniapp/static/icons/order-other.png
new file mode 100644
index 0000000..7c8b273
Binary files /dev/null and b/uniapp/static/icons/order-other.png differ
diff --git a/uniapp/static/icons/order-post.png b/uniapp/static/icons/order-post.png
new file mode 100644
index 0000000..34920bf
Binary files /dev/null and b/uniapp/static/icons/order-post.png differ
diff --git a/uniapp/static/icons/order-recharge.png b/uniapp/static/icons/order-recharge.png
new file mode 100644
index 0000000..1b86b62
Binary files /dev/null and b/uniapp/static/icons/order-recharge.png differ
diff --git a/uniapp/static/icons/paywechat.png b/uniapp/static/icons/paywechat.png
new file mode 100644
index 0000000..5d3f99a
Binary files /dev/null and b/uniapp/static/icons/paywechat.png differ
diff --git a/uniapp/static/icons/phone-orange.png b/uniapp/static/icons/phone-orange.png
new file mode 100644
index 0000000..560a056
Binary files /dev/null and b/uniapp/static/icons/phone-orange.png differ
diff --git a/uniapp/static/icons/phone.png b/uniapp/static/icons/phone.png
new file mode 100644
index 0000000..8bc29c1
Binary files /dev/null and b/uniapp/static/icons/phone.png differ
diff --git a/uniapp/static/icons/phonebind.png b/uniapp/static/icons/phonebind.png
new file mode 100644
index 0000000..d938aff
Binary files /dev/null and b/uniapp/static/icons/phonebind.png differ
diff --git a/uniapp/static/icons/plus-ink.png b/uniapp/static/icons/plus-ink.png
new file mode 100644
index 0000000..849f277
Binary files /dev/null and b/uniapp/static/icons/plus-ink.png differ
diff --git a/uniapp/static/icons/plus-white.png b/uniapp/static/icons/plus-white.png
new file mode 100644
index 0000000..b6285d6
Binary files /dev/null and b/uniapp/static/icons/plus-white.png differ
diff --git a/uniapp/static/icons/qrcode.png b/uniapp/static/icons/qrcode.png
new file mode 100644
index 0000000..e42fe07
Binary files /dev/null and b/uniapp/static/icons/qrcode.png differ
diff --git a/uniapp/static/icons/receipt.png b/uniapp/static/icons/receipt.png
new file mode 100644
index 0000000..7c8b273
Binary files /dev/null and b/uniapp/static/icons/receipt.png differ
diff --git a/uniapp/static/icons/search.png b/uniapp/static/icons/search.png
new file mode 100644
index 0000000..d563f74
Binary files /dev/null and b/uniapp/static/icons/search.png differ
diff --git a/uniapp/static/icons/settings.png b/uniapp/static/icons/settings.png
new file mode 100644
index 0000000..aa83c63
Binary files /dev/null and b/uniapp/static/icons/settings.png differ
diff --git a/uniapp/static/icons/share.png b/uniapp/static/icons/share.png
new file mode 100644
index 0000000..ca3ed4c
Binary files /dev/null and b/uniapp/static/icons/share.png differ
diff --git a/uniapp/static/icons/shield.png b/uniapp/static/icons/shield.png
new file mode 100644
index 0000000..a77a78e
Binary files /dev/null and b/uniapp/static/icons/shield.png differ
diff --git a/uniapp/static/icons/star-o.png b/uniapp/static/icons/star-o.png
new file mode 100644
index 0000000..d6db00c
Binary files /dev/null and b/uniapp/static/icons/star-o.png differ
diff --git a/uniapp/static/icons/star.png b/uniapp/static/icons/star.png
new file mode 100644
index 0000000..47da380
Binary files /dev/null and b/uniapp/static/icons/star.png differ
diff --git a/uniapp/static/icons/tab-home-on.png b/uniapp/static/icons/tab-home-on.png
new file mode 100644
index 0000000..bdb37d0
Binary files /dev/null and b/uniapp/static/icons/tab-home-on.png differ
diff --git a/uniapp/static/icons/tab-home.png b/uniapp/static/icons/tab-home.png
new file mode 100644
index 0000000..eeb12f7
Binary files /dev/null and b/uniapp/static/icons/tab-home.png differ
diff --git a/uniapp/static/icons/tab-message-on.png b/uniapp/static/icons/tab-message-on.png
new file mode 100644
index 0000000..99e0a5f
Binary files /dev/null and b/uniapp/static/icons/tab-message-on.png differ
diff --git a/uniapp/static/icons/tab-message.png b/uniapp/static/icons/tab-message.png
new file mode 100644
index 0000000..c365240
Binary files /dev/null and b/uniapp/static/icons/tab-message.png differ
diff --git a/uniapp/static/icons/tab-mine-on.png b/uniapp/static/icons/tab-mine-on.png
new file mode 100644
index 0000000..2fa95a7
Binary files /dev/null and b/uniapp/static/icons/tab-mine-on.png differ
diff --git a/uniapp/static/icons/tab-mine.png b/uniapp/static/icons/tab-mine.png
new file mode 100644
index 0000000..a3cdfe6
Binary files /dev/null and b/uniapp/static/icons/tab-mine.png differ
diff --git a/uniapp/static/icons/tab-post-on.png b/uniapp/static/icons/tab-post-on.png
new file mode 100644
index 0000000..92e7f92
Binary files /dev/null and b/uniapp/static/icons/tab-post-on.png differ
diff --git a/uniapp/static/icons/tab-post.png b/uniapp/static/icons/tab-post.png
new file mode 100644
index 0000000..c55f34f
Binary files /dev/null and b/uniapp/static/icons/tab-post.png differ
diff --git a/uniapp/static/icons/users.png b/uniapp/static/icons/users.png
new file mode 100644
index 0000000..b3b5050
Binary files /dev/null and b/uniapp/static/icons/users.png differ
diff --git a/uniapp/static/icons/wallet.png b/uniapp/static/icons/wallet.png
new file mode 100644
index 0000000..a486bc5
Binary files /dev/null and b/uniapp/static/icons/wallet.png differ
diff --git a/uniapp/static/logo.png b/uniapp/static/logo.png
new file mode 100644
index 0000000..bdaacec
Binary files /dev/null and b/uniapp/static/logo.png differ
diff --git a/uniapp/tests/api.admin.contract.test.mjs b/uniapp/tests/api.admin.contract.test.mjs
new file mode 100644
index 0000000..118a7b9
--- /dev/null
+++ b/uniapp/tests/api.admin.contract.test.mjs
@@ -0,0 +1,217 @@
+/**
+ * 接口契约测试（后台管理端 PC）
+ * 覆盖 10 大模块：数据总览 / 商家 / 会员 / 信息审核 / 评价 / 分销 / 订单 / 财务 / 权限 / 系统设置
+ */
+import { describe, it, expect, expectReject } from './harness.mjs'
+import adminApi from '../common/api/admin.js'
+
+describe('后台 · 数据总览', () => {
+	it('核心数据看板字段完整', async () => {
+		const o = await adminApi.dashboardOverview()
+		expect(o.pv).toBeGreaterThan(0)
+		expect(o.todayOrderAmount).toBeDefined()
+		expect(o.pendingAudit).toBeDefined()
+		expect(o.memberCount).toBeGreaterThan(0)
+	})
+
+	it('趋势分析支持流量 / 营收 / 用户增长', async () => {
+		const traffic = await adminApi.dashboardTrend('traffic')
+		expect(traffic[0].pv).toBeDefined()
+		const revenue = await adminApi.dashboardTrend('revenue')
+		expect(revenue[0].amount).toBeDefined()
+		const growth = await adminApi.dashboardTrend('userGrowth')
+		expect(growth[0].newUser).toBeDefined()
+	})
+})
+
+describe('后台 · 商家管理', () => {
+	it('商家列表支持状态筛选与关键词检索', async () => {
+		const all = await adminApi.merchants({ page: 1, size: 20 })
+		expect(all.total).toBeGreaterThan(0)
+		const pending = await adminApi.merchants({ status: 0 })
+		expect(pending.list.every((m) => m.auditStatus === 0)).toBe(true)
+		const kw = await adminApi.merchants({ keyword: '物流' })
+		expect(kw.list[0].name).toContain('物流')
+	})
+
+	it('资质审核支持通过 / 驳回，非法状态被拦截', async () => {
+		expect((await adminApi.auditMerchant(2005, 1)).auditStatus).toBe(1)
+		expect((await adminApi.auditMerchant(2005, 2)).auditStatus).toBe(2)
+		await expectReject(() => adminApi.auditMerchant(2005, 9), '审核状态仅支持')
+	})
+})
+
+describe('后台 · 会员管理', () => {
+	it('用户列表区分个人 / 商家', async () => {
+		const res = await adminApi.users({ page: 1, size: 20 })
+		const types = new Set(res.list.map((u) => u.userType))
+		expect(types.has(1)).toBe(true)
+		expect(types.has(2)).toBe(true)
+	})
+
+	it('会员权益设置：免费查看条数不能为负', async () => {
+		const r = await adminApi.saveMemberBenefit({ freeView: 30, postDiscount: '7 折' })
+		expect(r.freeView).toBe(30)
+		await expectReject(() => adminApi.saveMemberBenefit({ freeView: -1 }), '不能为负')
+	})
+})
+
+describe('后台 · 信息审核', () => {
+	it('待审核列表仅返回 auditStatus=0', async () => {
+		const res = await adminApi.pendingPosts({ page: 1, size: 20 })
+		expect(res.list.every((p) => p.auditStatus === 0)).toBe(true)
+	})
+
+	it('审核通过 / 驳回，非法状态被拦截', async () => {
+		expect((await adminApi.auditPost(104, 1)).auditStatus).toBe(1)
+		expect((await adminApi.auditPost(104, 2)).auditStatus).toBe(2)
+		await expectReject(() => adminApi.auditPost(104, 0), '仅支持通过')
+	})
+
+	it('违规信息可强制下架', async () => {
+		const r = await adminApi.offlinePost(106)
+		expect(r.offline).toBe(true)
+	})
+})
+
+describe('后台 · 评价管理', () => {
+	it('全平台评价可查看', async () => {
+		const res = await adminApi.comments({ page: 1, size: 20 })
+		expect(res.list.length).toBeGreaterThan(0)
+		expect(res.list[0].score).toBeDefined()
+	})
+
+	it('回复评价需填写内容', async () => {
+		const r = await adminApi.replyComment(5001, '感谢您的评价')
+		expect(r.reply).toBe('感谢您的评价')
+		await expectReject(() => adminApi.replyComment(5001, ''), '回复内容不能为空')
+	})
+
+	it('举报处理列表可读取', async () => {
+		const list = await adminApi.reports()
+		expect(list).toBeArray()
+		expect(list[0].reason).toBeDefined()
+	})
+})
+
+describe('后台 · 分销管理', () => {
+	it('分润设置：可开关、层级、比例', async () => {
+		const s = await adminApi.distSetting()
+		expect(s.enabled).toBe(true)
+		expect(s.level).toBe(2)
+	})
+
+	it('分佣比例一级+二级不得超过 100%', async () => {
+		const ok = await adminApi.saveDistSetting({ level1Rate: 20, level2Rate: 10 })
+		expect(ok.level1Rate).toBe(20)
+		await expectReject(
+			() => adminApi.saveDistSetting({ level1Rate: 80, level2Rate: 40 }),
+			'不能超过 100%'
+		)
+	})
+
+	it('提现审核：打款 / 驳回（驳回需原因）', async () => {
+		expect((await adminApi.handleWithdraw(2, 'pay')).status).toBe('paid')
+		await expectReject(() => adminApi.handleWithdraw(3, 'reject'), '需填写原因')
+		expect((await adminApi.handleWithdraw(3, 'reject', '账户异常')).status).toBe('rejected')
+	})
+
+	it('提现列表可读取', async () => {
+		const list = await adminApi.withdraws()
+		expect(list).toBeArray()
+	})
+})
+
+describe('后台 · 订单管理', () => {
+	it('订单列表按类型筛选（发布单条付费记录）', async () => {
+		const all = await adminApi.orders({ page: 1, size: 50 })
+		expect(all.total).toBeGreaterThan(0)
+		const posts = await adminApi.orders({ type: 'post' })
+		expect(posts.list.every((o) => o.type === 'post')).toBe(true)
+	})
+
+	it('退款金额必须大于 0', async () => {
+		expect((await adminApi.refund(3001, 5, '用户申请')).refunded).toBe(true)
+		await expectReject(() => adminApi.refund(3001, 0), '退款金额需大于 0')
+	})
+
+	it('支持补单', async () => {
+		const r = await adminApi.supplement('PO20240101001')
+		expect(r.supplemented).toBe(true)
+	})
+})
+
+describe('后台 · 财务管理', () => {
+	it('资金流水支持按类型筛选', async () => {
+		const all = await adminApi.financeFlows({ page: 1, size: 50 })
+		expect(all.total).toBeGreaterThan(0)
+		const income = await adminApi.financeFlows({ type: 'income' })
+		expect(income.list.every((f) => f.type === 'income')).toBe(true)
+	})
+
+	it('财务报表支持日/月/年导出数据结构', async () => {
+		const day = await adminApi.financeReport('day')
+		expect(day.period).toBe('day')
+		expect(day.rows[0].net).toBeDefined()
+		const month = await adminApi.financeReport('month')
+		expect(month.period).toBe('month')
+	})
+})
+
+describe('后台 · 权限管理', () => {
+	it('角色管理：内置超级管理员/运营/客服/财务', async () => {
+		const roles = await adminApi.roles()
+		const names = roles.map((r) => r.name)
+		expect(names).toContain('超级管理员')
+		expect(names).toContain('运营')
+	})
+
+	it('新建角色必须有名称与权限', async () => {
+		const r = await adminApi.saveRole({ name: '审核员', permissions: ['post'] })
+		expect(r.id).toBeDefined()
+		await expectReject(() => adminApi.saveRole({ permissions: ['post'] }), '角色名称不能为空')
+		await expectReject(() => adminApi.saveRole({ name: 'x' }), '请至少分配一项权限')
+	})
+
+	it('子账号与操作日志可查询', async () => {
+		const accs = await adminApi.accounts()
+		expect(accs[0].roleName).toBeDefined()
+		const logs = await adminApi.logs({ page: 1, size: 20 })
+		expect(logs.list[0].action).toBeDefined()
+	})
+})
+
+describe('后台 · 系统设置', () => {
+	it('基础配置：小程序名称必填', async () => {
+		const b = await adminApi.baseSetting()
+		expect(b.appName).toBeDefined()
+		const r = await adminApi.saveBaseSetting({ appName: '同城分类信息' })
+		expect(r.appName).toBe('同城分类信息')
+		await expectReject(() => adminApi.saveBaseSetting({}), '小程序名称不能为空')
+	})
+
+	it('支付配置：商户号与密钥必填', async () => {
+		const r = await adminApi.savePaySetting({ mchId: '1900000001', apiKey: 'k' })
+		expect(r.configured).toBe(true)
+		await expectReject(() => adminApi.savePaySetting({ apiKey: 'k' }), '商户号不能为空')
+		await expectReject(() => adminApi.savePaySetting({ mchId: '1' }), '支付密钥不能为空')
+	})
+
+	it('费用标准：单条发布价与会员套餐价动态设置', async () => {
+		const fee = await adminApi.feeSetting()
+		expect(fee.singlePost).toBeDefined()
+		expect(fee.memberYear).toBeDefined()
+		const r = await adminApi.saveFeeSetting({ singlePost: 6, memberMonth: 25 })
+		expect(r.singlePost).toBe(6)
+		await expectReject(() => adminApi.saveFeeSetting({ singlePost: -1 }), '不能为负')
+	})
+
+	it('地区管理：同城服务区域划分', async () => {
+		const areas = await adminApi.areas()
+		expect(areas.length).toBeGreaterThan(0)
+		const r = await adminApi.saveArea({ name: '乌当区', sort: 6 })
+		expect(r.id).toBeDefined()
+		await expectReject(() => adminApi.saveArea({}), '区域名称不能为空')
+	})
+})
+
diff --git a/uniapp/tests/api.user.contract.test.mjs b/uniapp/tests/api.user.contract.test.mjs
new file mode 100644
index 0000000..db6548d
--- /dev/null
+++ b/uniapp/tests/api.user.contract.test.mjs
@@ -0,0 +1,257 @@
+/**
+ * 接口契约测试（用户端）
+ * 目的：验证「前端 api 模块 ↔ 后端响应结构」字段级契约一致。
+ */
+import { describe, it, expect, expectReject } from './harness.mjs'
+import { authApi, homeApi, postApi, memberApi, distributionApi, messageApi } from '../common/api/index.js'
+
+describe('用户端 · 认证与登录', () => {
+	it('微信手机号快捷获取返回真实号码；缺 code 时报错（v1.0.8）', async () => {
+		const res = await authApi.wxPhone({ code: 'wx_phone_code_001' })
+		expect(res.phone).toMatch(/^1\d{10}$/)
+		await expectReject(() => authApi.wxPhone({}), '缺少手机号授权 code')
+	})
+
+	it('手机号绑定：格式校验 + 落库回显', async () => {
+		await expectReject(() => authApi.bindPhone({ phone: '1380000' }), '手机号格式不正确')
+		const res = await authApi.bindPhone({ phone: '13800001111' })
+		expect(res.phone).toBe('13800001111')
+	})
+
+	it('微信昵称/头像可随登录带上并回显（v1.0.9）', async () => {
+		const res = await authApi.wxLogin({ code: 'wx_code_profile', nickname: '微信小明', avatar: '/uploads/mock/avatar.png' })
+		expect(res.userInfo.nickname).toBe('微信小明')
+		expect(res.userInfo.avatar).toContain('/uploads/')
+	})
+
+	it('头像上传返回可持久化路径与完整地址', async () => {
+		const up = await authApi.uploadAvatar('/tmp/avatar.png')
+		expect(up.avatar).toContain('/uploads/')
+		expect(up.url).toContain('http')
+		await expectReject(() => authApi.uploadAvatar(''), '未接收到上传文件')
+	})
+
+	it('资料更新：可补填昵称/头像，空提交被拦截', async () => {
+		const info = await authApi.saveProfile({ nickname: '昵称补充' })
+		expect(info.nickname).toBe('昵称补充')
+		await expectReject(() => authApi.saveProfile({}), '没有需要更新的资料')
+	})
+
+	it('微信登录返回 token 与用户信息', async () => {
+		const res = await authApi.wxLogin({ code: 'wx_code_001' })
+		expect(res.token).toContain('mock_token')
+		expect(res.userInfo.nickname).toBeDefined()
+	})
+
+	it('手机号绑定校验格式', async () => {
+		const ok = await authApi.bindPhone({ phone: '13800001111' })
+		expect(ok.phone).toBe('13800001111')
+		await expectReject(() => authApi.bindPhone({ phone: '123' }), '手机号格式不正确')
+	})
+
+	it('用户类型切换：商家必须带资质', async () => {
+		const res = await authApi.switchType({ userType: 1 })
+		expect(res.userType).toBe(1)
+		expect(res.needAudit).toBe(false)
+		const biz = await authApi.switchType({ userType: 2, license: '营业执照.jpg' })
+		expect(biz.needAudit).toBe(true)
+		await expectReject(() => authApi.switchType({ userType: 2 }), '需上传营业执照')
+		await expectReject(() => authApi.switchType({ userType: 9 }), '用户类型不合法')
+	})
+
+	it('获取用户资料', async () => {
+		const res = await authApi.profile()
+		expect(res.phone).toBeDefined()
+		expect(res.userType).toBeDefined()
+	})
+})
+
+describe('用户端 · 首页与展示', () => {
+	it('轮播广告位返回颜色与跳转链接', async () => {
+		const list = await homeApi.banners()
+		expect(list).toBeArray()
+		expect(list[0].link).toContain('/pages/')
+	})
+
+	it('分类导航返回 8 个一级分类', async () => {
+		const list = await homeApi.categories()
+		expect(list.length).toBe(8)
+		expect(list[0].iconKey).toBeDefined()
+		expect(list[0].name).toBeTruthy()
+	})
+
+	it('信息流支持分类 / 区域 / 排序 / 分页', async () => {
+		const byCat = await homeApi.feed({ categoryId: 3, page: 1, size: 10 })
+		expect(byCat.list.every((p) => p.categoryId === 3)).toBe(true)
+		const byArea = await homeApi.feed({ area: '云岩区' })
+		expect(byArea.list.every((p) => p.area === '云岩区')).toBe(true)
+		// 排序口径 v1.0.7：后台置顶的信息始终排在最前，其余按所选排序
+		const hot = await homeApi.feed({ sort: 'hot' })
+		const hotRest = hot.list.filter((p) => !p.isTop)
+		for (let i = 1; i < hotRest.length; i++) {
+			expect(hotRest[i - 1].views).toBeGreaterThan(hotRest[i].views - 1)
+		}
+		if (hot.list.some((p) => p.isTop)) {
+			expect(hot.list[0].isTop).toBe(true)
+		}
+		const page1 = await homeApi.feed({ page: 1, size: 2 })
+		expect(page1.list).toHaveLength(2)
+		expect(page1.hasMore).toBe(true)
+		expect(page1.total).toBeGreaterThan(2)
+	})
+
+	it('置顶信息在信息流中排首位（后台手动置顶）', async () => {
+		const res = await homeApi.feed({ page: 1, size: 10 })
+		const pinned = res.list.filter((p) => p.isTop)
+		expect(pinned.length).toBeGreaterThan(0)
+		// 所有置顶项都排在非置顶项之前
+		const firstUnpinned = res.list.findIndex((p) => !p.isTop)
+		const lastPinned = res.list.map((p) => !!p.isTop).lastIndexOf(true)
+		expect(lastPinned).toBeLessThanOrEqual(firstUnpinned - 1)
+		expect(res.list[0].isTop).toBe(true)
+	})
+
+	it('关键词搜索命中标题', async () => {
+		const res = await homeApi.feed({ keyword: '快递' })
+		expect(res.total).toBeGreaterThan(0)
+		expect(res.list[0].title).toContain('快递')
+	})
+
+	it('热门搜索词可用', async () => {
+		const list = await homeApi.hotKeywords()
+		expect(list.length).toBeGreaterThan(0)
+	})
+})
+
+describe('用户端 · 信息发布与详情', () => {
+	it('免费发布返回待审核状态且无订单', async () => {
+		const res = await postApi.create({ title: '测试标题', content: '内容', paid: false })
+		expect(res.postId).toBeDefined()
+		expect(res.auditStatus).toBe(0)
+		expect(res.order).toBeFalsy()
+	})
+
+	it('付费发布返回支付订单', async () => {
+		const res = await postApi.create({ title: '付费标题', content: '内容', paid: true, amount: 5, payType: 'wxpay' })
+		expect(res.order.orderNo).toContain('PO')
+		expect(res.order.amount).toBe(5)
+	})
+
+	it('必填校验：标题 / 内容', async () => {
+		await expectReject(() => postApi.create({ content: 'x' }), '标题不能为空')
+		await expectReject(() => postApi.create({ title: 'x' }), '内容不能为空')
+	})
+
+	it('草稿箱保存与读取', async () => {
+		const d = await postApi.saveDraft({ title: '草稿A', content: 'bbb' })
+		expect(d.draftId).toBeDefined()
+		const list = await postApi.drafts()
+		expect(list).toBeArray()
+	})
+
+	it('详情返回发布者与互动数据', async () => {
+		const res = await postApi.detail(102)
+		expect(res.id).toBe(102)
+		expect(res.publisher.name).toBeDefined()
+		expect(res.views).toBeGreaterThan(0)
+	})
+
+	it('付费查看：支持微信 / 余额，非法方式被拦截', async () => {
+		const wx = await postApi.payView(101, { payType: 'wxpay' })
+		expect(wx.unlocked).toBe(true)
+		expect(wx.contact.phone).toBeDefined()
+		const bal = await postApi.payView(101, { payType: 'balance' })
+		expect(bal.unlocked).toBe(true)
+		await expectReject(() => postApi.payView(101, { payType: 'alipay' }), '支付方式不支持')
+	})
+
+	it('评价互动：评分 1-5 校验', async () => {
+		const ok = await postApi.comment(101, { score: 5, content: '很好' })
+		expect(ok.commentId).toBeDefined()
+		await expectReject(() => postApi.comment(101, { score: 9, content: 'x' }), '评分需在 1-5 之间')
+		await expectReject(() => postApi.comment(101, { score: 5 }), '评价内容不能为空')
+	})
+})
+
+describe('用户端 · 会员中心', () => {
+	it('会员套餐：月/季/年三档', async () => {
+		const plans = await memberApi.plans()
+		expect(plans).toHaveLength(3)
+		expect(plans[0].name).toBe('月卡')
+		expect(plans[2].name).toBe('年卡')
+	})
+
+	it('会员权益可读取', async () => {
+		const b = await memberApi.benefits()
+		expect(b.freeView).toBeGreaterThan(0)
+		expect(b.benefits.length).toBeGreaterThan(0)
+	})
+
+	it('开通会员：套餐必选、支付方式受控', async () => {
+		const res = await memberApi.open({ planId: 'M12', payType: 'wxpay' })
+		expect(res.status).toBe('paid')
+		expect(res.orderNo).toContain('MO')
+		await expectReject(() => memberApi.open({ payType: 'wxpay' }), '请选择会员套餐')
+		await expectReject(() => memberApi.open({ planId: 'M1', payType: 'card' }), '支付方式不支持')
+	})
+
+	it('订单管理包含发布 / 会员 / 充值三类', async () => {
+		const res = await memberApi.orders({ page: 1, size: 50 })
+		const types = res.list.map((o) => o.type)
+		expect(types).toContain('post')
+		expect(types).toContain('member')
+		expect(types).toContain('recharge')
+	})
+
+	it('我的资产包含余额 / 优惠券 / 积分', async () => {
+		const a = await memberApi.assets()
+		expect(a.balance).toBeDefined()
+		expect(a.coupons).toBeArray()
+		expect(a.points).toBeDefined()
+	})
+})
+
+describe('用户端 · 分销中心', () => {
+	it('佣金概览字段完整', async () => {
+		const o = await distributionApi.overview()
+		expect(o.withdrawable).toBeDefined()
+		expect(o.totalCommission).toBeDefined()
+		expect(o.inviteCode).toBeDefined()
+	})
+
+	it('团队管理按一级/二级筛选', async () => {
+		const all = await distributionApi.team({ page: 1, size: 50 })
+		expect(all.list.length).toBeGreaterThan(0)
+		const l1 = await distributionApi.team({ level: 1 })
+		expect(l1.list.every((t) => t.level === 1)).toBe(true)
+		const l2 = await distributionApi.team({ level: 2 })
+		expect(l2.list.every((t) => t.level === 2)).toBe(true)
+	})
+
+	it('提现校验：金额合法且不超过可提现余额', async () => {
+		const res = await distributionApi.withdraw({ amount: 10, channel: 'wxpay' })
+		expect(res.status).toBe('auditing')
+		await expectReject(() => distributionApi.withdraw({ amount: 0 }), '提现金额不合法')
+		await expectReject(() => distributionApi.withdraw({ amount: 999999 }), '超过可提现余额')
+	})
+
+	it('提现记录可查询', async () => {
+		const list = await distributionApi.withdrawRecords()
+		expect(list).toBeArray()
+	})
+})
+
+describe('用户端 · 消息中心', () => {
+	it('系统通知与互动消息分类正确', async () => {
+		const sys = await messageApi.list({ type: 'system' })
+		expect(sys.list.every((m) => m.type === 'system')).toBe(true)
+		const inter = await messageApi.list({ type: 'interact' })
+		expect(inter.list.every((m) => m.type === 'interact')).toBe(true)
+	})
+
+	it('标记已读', async () => {
+		const res = await messageApi.read(1)
+		expect(res.read).toBe(true)
+	})
+})
+
diff --git a/uniapp/tests/banners.test.mjs b/uniapp/tests/banners.test.mjs
new file mode 100644
index 0000000..fba90ed
--- /dev/null
+++ b/uniapp/tests/banners.test.mjs
@@ -0,0 +1,207 @@
+/**
+ * 首页轮播配图（Banner v2 · 绿底 + 白色插画）测试
+ * 覆盖：
+ *   1) static/banners 白色插画资源完整性（PNG 魔数 / 192×192 / 真实透明 / 体积）
+ *   2) common/assets/banners.js 的取图、金色点缀与底色回落规则
+ *   3) common/mock/data.js 轮播数据与「绿=平台、金=价值」主题规则一致
+ */
+import fs from 'node:fs'
+import path from 'node:path'
+import url from 'node:url'
+import { describe, it, expect } from './harness.mjs'
+import {
+  BANNER_BASE,
+  BANNER_ART,
+  BANNER_BG,
+  bannerArtUrl,
+  bannerHasValue,
+  bannerBg,
+} from '../common/assets/banners.js'
+import { datasets } from '../common/mock/data.js'
+import { decodePng, transparentRatio } from '../tools/png-util.mjs'
+
+const ROOT = path.resolve(path.dirname(url.fileURLToPath(import.meta.url)), '..')
+const ART_DIR = path.join(ROOT, 'static', 'banners')
+
+describe('轮播配图 · 资源完整性', () => {
+  it('内置插画共 3 套，注册表与文件一一对应', () => {
+    expect(BANNER_ART.length).toBe(3)
+    const missing = BANNER_ART.filter((f) => !fs.existsSync(path.join(ART_DIR, f)))
+    expect(missing).toEqual([])
+    expect(BANNER_BASE).toBe('/static/banners/')
+  })
+
+  it('每张插画都是有效 PNG 且体积可控（单张 < 8KB）', () => {
+    for (const f of BANNER_ART) {
+      const buf = fs.readFileSync(path.join(ART_DIR, f))
+      expect(buf.slice(0, 8).toString('hex')).toBe('89504e470d0a1a0a')
+      expect(buf.length).toBeLessThanOrEqual(8 * 1024)
+    }
+    const total = BANNER_ART.reduce((s, f) => s + fs.statSync(path.join(ART_DIR, f)).size, 0)
+    expect(total).toBeLessThanOrEqual(24 * 1024) // 3 张总计不超过 24KB，不给主包添负担
+  })
+
+  it('每张插画都是 192×192 且具备真实透明通道', () => {
+    for (const f of BANNER_ART) {
+      const img = decodePng(fs.readFileSync(path.join(ART_DIR, f)))
+      expect(img.width).toBe(192)
+      expect(img.height).toBe(192)
+      expect(img.rgba[3]).toBe(0) // 左上角必须完全透明
+      expect(transparentRatio(img) >= 0.1).toBeTruthy()
+    }
+  })
+
+  it('插画图形为白色/薄荷系（暗像素占比极低，说明压在绿底上够亮）', () => {
+    for (const f of BANNER_ART) {
+      const img = decodePng(fs.readFileSync(path.join(ART_DIR, f)))
+      let dark = 0
+      let visible = 0
+      for (let i = 0; i < img.rgba.length; i += 4) {
+        if (img.rgba[i + 3] < 32) continue
+        visible++
+        const lum = (img.rgba[i] * 299 + img.rgba[i + 1] * 587 + img.rgba[i + 2] * 114) / 1000
+        if (lum < 150) dark++
+      }
+      expect(visible).toBeGreaterThan(0)
+      expect(dark / visible < 0.02).toBeTruthy()
+    }
+  })
+})
+
+describe('轮播配图 · 取图与主题规则', () => {
+  it('按位置循环取插画（第 4 条回到第 1 套）', () => {
+    expect(bannerArtUrl(0)).toBe('/static/banners/banner-art-1.png')
+    expect(bannerArtUrl(1)).toBe('/static/banners/banner-art-2.png')
+    expect(bannerArtUrl(2)).toBe('/static/banners/banner-art-3.png')
+    expect(bannerArtUrl(3)).toBe('/static/banners/banner-art-1.png')
+  })
+
+  it('金色价值点缀只给「直降 / 免费」两条（第 3 条为平台服务，不带金色）', () => {
+    expect(bannerHasValue(0)).toBe(true)
+    expect(bannerHasValue(1)).toBe(true)
+    expect(bannerHasValue(2)).toBe(false)
+    expect(bannerHasValue(3)).toBe(true)
+  })
+
+  it('后台下发渐变时原样生效', () => {
+    const custom = 'linear-gradient(90deg, #04302a 0%, #0e7c66 100%)'
+    expect(bannerBg({ color: custom }, 0)).toBe(custom)
+  })
+
+  it('后台想「纯色」时用同色双色标渐变表达，同样原样生效', () => {
+    const solid = 'linear-gradient(135deg, #0E7C66 0%, #0E7C66 100%)'
+    expect(bannerBg({ color: solid }, 0)).toBe(solid)
+  })
+
+  it('rgba 色标的渐变也被接受（不局限于 hex）', () => {
+    const rgba = 'linear-gradient(135deg, rgba(24,165,135,.9) 0%, #0a5d4d 100%)'
+    expect(bannerBg({ color: rgba }, 0)).toBe(rgba)
+  })
+
+  it('旧暖色纯色 / 空底色 / 被截断的半截值一律回落到内置生态绿渐变（主题护栏）', () => {
+    expect(bannerBg({ color: '#FF8A5B' }, 0)).toBe(BANNER_BG[0])
+    expect(bannerBg({ color: '#FFB86B' }, 1)).toBe(BANNER_BG[1])
+    expect(bannerBg({}, 2)).toBe(BANNER_BG[2])
+    expect(bannerBg(null, 3)).toBe(BANNER_BG[0])
+    expect(bannerBg({ color: '' }, 4)).toBe(BANNER_BG[1])
+    // 旧库 color 列只有 varchar(16)，渐变会被截断成半截值（渲染成非法样式 → 卡片空白），必须拦下
+    expect(bannerBg({ color: 'linear-gradient(' }, 5)).toBe(BANNER_BG[2])
+    expect(bannerBg({ color: 'linear-gradient(135deg' }, 6)).toBe(BANNER_BG[0])
+    expect(bannerBg({ color: 'linear-gradient(135deg)' }, 7)).toBe(BANNER_BG[1])
+  })
+
+  it('内置底色的 3 条渐变必须是春绿系（105deg 亮绿起点 → 深绿收尾，不含暖色）', () => {
+    expect(BANNER_BG.length).toBe(3)
+    // 起点落在品牌亮绿族（#00e070 / #00c860 / #049e52 / #04874a），收尾必须落到深绿（白字区）
+    const START_OK = /linear-gradient\(105deg, #(00e070|00d96c|00e878|00c860|049e52|04874a) /
+    const END_OK = /#(046b3b|045c34|023a21|03512e) 100%\)$/
+    for (const bg of BANNER_BG) {
+      expect(START_OK.test(bg)).toBeTruthy()
+      expect(END_OK.test(bg)).toBeTruthy()
+    }
+  })
+})
+
+describe('轮播配图 · Mock 数据契约', () => {
+  it('轮播 3 条，字段与后端 /home/banners 一致（id/title/image/link/color）', () => {
+    expect(datasets.banners.length).toBe(3)
+    for (const b of datasets.banners) {
+      expect(typeof b.id === 'number').toBeTruthy()
+      expect(b.title.length > 0).toBeTruthy()
+      expect(typeof b.image).toBe('string')
+      expect(b.link.indexOf('/pages/')).toBe(0)
+      expect(b.color.indexOf('gradient(') !== -1).toBeTruthy()
+    }
+  })
+
+  it('每条轮播的底色都能直接生效（不再走回落分支）', () => {
+    datasets.banners.forEach((b, i) => {
+      expect(bannerBg(b, i)).toBe(b.color)
+      expect(b.color.indexOf('linear-gradient(')).toBe(0)
+    })
+  })
+
+  it('轮播标题与后台种子一致（前端展示与安装脚本同一份文案）', () => {
+    expect(datasets.banners.map((b) => b.title)).toEqual([
+      '同城好物节 · 二手直降',
+      '招聘旺季 · 免费发布',
+      '本地服务 · 上门更省心',
+    ])
+  })
+describe('春绿主题规则 · 亮绿面与白字/墨绿字', () => {
+  const read = (p) => fs.readFileSync(path.join(ROOT, p), 'utf8')
+  const vueFiles = () => {
+    const out = []
+    const walk = (dir) => {
+      for (const name of fs.readdirSync(dir)) {
+        const full = path.join(dir, name)
+        if (fs.statSync(full).isDirectory()) walk(full)
+        else if (name.endsWith('.vue')) out.push(full)
+      }
+    }
+    walk(path.join(ROOT, 'pages'))
+    walk(path.join(ROOT, 'components'))
+    return out
+  }
+
+  it('亮绿面（$fc-gradient-primary / $fc-primary）上不得直接配白字（白字压亮绿仅 1.8:1）', () => {
+    const bad = []
+    for (const f of vueFiles()) {
+      const lines = read(path.relative(ROOT, f)).split(/\r?\n/)
+      lines.forEach((line, i) => {
+        if (!/background(-color)?: \$fc-(gradient-primary|primary);/.test(line)) return
+        const next = lines.slice(i + 1, i + 4).join('\n')
+        if (/color: #ffffff;/.test(next)) bad.push(`${path.relative(ROOT, f)}:${i + 1}`)
+      })
+    }
+    expect(bad).toEqual([])
+  })
+
+  it('白字只落在深绿面（$fc-gradient-hero）上：hero 仍保留白字', () => {
+    const heroFiles = [
+      ['pages/index/index.vue', '.home__header'],
+      ['pages/mine/index.vue', '.mine__header'],
+      ['pages/member/index.vue', '.vip__header'],
+      ['pages/distribution/index.vue', '.dist__header'],
+    ]
+    for (const [file, sel] of heroFiles) {
+      const src = read(file)
+      const i = src.indexOf(sel)
+      expect(i > -1).toBeTruthy()
+      expect(src.slice(i, i + 120).indexOf('$fc-gradient-hero') > -1).toBeTruthy()
+    }
+  })
+
+  it('轮播卡文字用墨绿字（$fc-primary-ink）+ 提亮罩，白插画留右侧深绿区', () => {
+    const src = read('pages/index/index.vue')
+    const title = src.slice(src.indexOf('.home__banner-title'), src.indexOf('.home__banner-title') + 220)
+    expect(title.indexOf('color: $fc-primary-ink;') > -1).toBeTruthy()
+    const shade = src.slice(src.indexOf('.home__banner-shade'), src.indexOf('.home__banner-shade') + 300)
+    expect(shade.indexOf('rgba(255, 255, 255, 0.22)') > -1).toBeTruthy()
+    expect(shade.indexOf('rgba(4, 48, 42, 0.5)') === -1).toBeTruthy()
+    // 三底色均为「亮绿（左）→ 深绿（右）」的 105deg，白插画落在右侧深绿端
+    for (const bg of BANNER_BG) expect(bg.indexOf('105deg') > -1).toBeTruthy()
+  })
+})
+
+})
diff --git a/uniapp/tests/e2e.flow.test.mjs b/uniapp/tests/e2e.flow.test.mjs
new file mode 100644
index 0000000..2086f4e
--- /dev/null
+++ b/uniapp/tests/e2e.flow.test.mjs
@@ -0,0 +1,188 @@
+/**
+ * 全链路（端到端）业务流测试
+ * 模拟真实用户路径：「浏览 → 登录 → 发布 → 支付 → 审核 → 查看 → 评价 → 会员 → 分销 → 提现 → 消息」
+ * 并联动后台管理端，验证前后端模块串通一致。
+ */
+import { describe, it, expect, expectReject } from './harness.mjs'
+import { authApi, homeApi, postApi, memberApi, distributionApi, messageApi, adminApi } from '../common/api/index.js'
+
+describe('全链路 E2E · 用户端主路径', () => {
+	it('STEP1 未登录可浏览：首页 → 分类 → 搜索', async () => {
+		const [banners, categories] = await Promise.all([homeApi.banners(), homeApi.categories()])
+		expect(banners.length).toBeGreaterThan(0)
+		expect(categories.length).toBe(8)
+
+		const category = categories[0]
+		const feed = await homeApi.feed({ categoryId: category.id, sort: 'new', page: 1, size: 10 })
+		expect(feed.list.every((p) => p.categoryId === category.id)).toBe(true)
+
+		const search = await homeApi.feed({ keyword: '快递' })
+		expect(search.total).toBeGreaterThan(0)
+	})
+
+	it('STEP2 登录与身份切换（个人 → 商家需资质）', async () => {
+		const login = await authApi.wxLogin({ code: 'wx_code_e2e' })
+		expect(login.token).toBeTruthy()
+		const bind = await authApi.bindPhone({ phone: '13800001111' })
+		expect(bind.phone).toBe('13800001111')
+		await expectReject(() => authApi.switchType({ userType: 2 }), '需上传营业执照')
+		const biz = await authApi.switchType({ userType: 2, license: 'license.jpg' })
+		expect(biz.needAudit).toBe(true)
+	})
+
+	it('STEP3 发布付费信息并生成支付订单', async () => {
+		const created = await postApi.create({
+			categoryId: 3,
+			title: 'E2E 二手笔记本转让',
+			content: '九成新，支持当面验机。',
+			paid: true,
+			amount: 5,
+			payType: 'wxpay',
+		})
+		expect(created.auditStatus).toBe(0) // 待审核
+		expect(created.order.orderNo).toContain('PO')
+		expect(created.order.amount).toBe(5)
+	})
+
+	it('STEP4 草稿箱：自动保存 → 恢复编辑', async () => {
+		const saved = await postApi.saveDraft({ title: '未完成的草稿', content: '???', categoryId: 2 })
+		expect(saved.draftId).toBeDefined()
+		const drafts = await postApi.drafts()
+		expect(drafts.length).toBeGreaterThan(0)
+		expect(drafts[0].savedAt).toBeDefined()
+	})
+
+	it('STEP5 详情 → 付费解锁联系方式 → 评价互动', async () => {
+		const detail = await postApi.detail(102)
+		expect(detail.publisher.name).toBeTruthy()
+
+		await expectReject(() => postApi.payView(102, { payType: 'alipay' }), '支付方式不支持')
+
+		const unlocked = await postApi.payView(102, { payType: 'balance' })
+		expect(unlocked.unlocked).toBe(true)
+		expect(unlocked.contact.phone).toMatch(/^1\d{10}$/)
+
+		const cmt = await postApi.comment(102, { score: 5, content: '信息真实，联系很顺畅' })
+		expect(cmt.commentId).toBeDefined()
+		await expectReject(() => postApi.comment(102, { score: 6, content: 'x' }), '评分需在 1-5 之间')
+	})
+
+	it('STEP6 开通会员 → 订单与资产联动', async () => {
+		const plans = await memberApi.plans()
+		const year = plans.find((p) => p.name === '年卡')
+		const order = await memberApi.open({ planId: year.planId, payType: 'wxpay' })
+		expect(order.status).toBe('paid')
+
+		const orders = await memberApi.orders({ page: 1, size: 50 })
+		expect(orders.total).toBeGreaterThan(0)
+		expect((await memberApi.assets()).balance).toBeDefined()
+	})
+
+	it('STEP7 分销推广 → 团队业绩 → 申请提现', async () => {
+		const overview = await distributionApi.overview()
+		expect(overview.inviteCode).toBeTruthy()
+
+		const team = await distributionApi.team({ page: 1, size: 50 })
+		expect(team.list.filter((t) => t.level === 1).length).toBeGreaterThan(0)
+
+		const wd = await distributionApi.withdraw({ amount: overview.withdrawable, channel: 'wxpay' })
+		expect(wd.status).toBe('auditing')
+		await expectReject(
+			() => distributionApi.withdraw({ amount: overview.withdrawable + 1 }),
+			'超过可提现余额'
+		)
+	})
+
+	it('STEP8 消息中心：接收审核/到期/互动通知', async () => {
+		const sys = await messageApi.list({ type: 'system' })
+		expect(sys.list.length).toBeGreaterThan(0)
+		expect((await messageApi.read(sys.list[0].id)).read).toBe(true)
+	})
+})
+
+describe('全链路 E2E · 后台端管理闭环', () => {
+	it('STEP9 数据总览 → 待审核数量驱动审核队列', async () => {
+		const overview = await adminApi.dashboardOverview()
+		const pending = await adminApi.pendingPosts({ page: 1, size: 50 })
+		expect(pending.total).toBeGreaterThan(0)
+		expect(overview.pendingAudit).toBeGreaterThan(0)
+	})
+
+	it('STEP10 审核用户发布的信息（快速通过）', async () => {
+		const pending = await adminApi.pendingPosts({ page: 1, size: 1 })
+		const target = pending.list[0]
+		expect((await adminApi.auditPost(target.id, 1)).auditStatus).toBe(1)
+	})
+
+	it('STEP11 商家资质审核 + 违规信息强制下架', async () => {
+		await expectReject(() => adminApi.auditMerchant(2005, 3), '审核状态仅支持')
+		expect((await adminApi.auditMerchant(2005, 1)).auditStatus).toBe(1)
+		expect((await adminApi.offlinePost(106)).offline).toBe(true)
+	})
+
+	it('STEP12 评价回复 + 举报处理', async () => {
+		expect((await adminApi.replyComment(5003, '已核实并处理，感谢反馈')).reply).toBeTruthy()
+		const reports = await adminApi.reports()
+		expect(reports.some((r) => r.status === 'pending')).toBe(true)
+	})
+
+	it('STEP13 分销提现审核打款（与 STEP7 联动）', async () => {
+		const list = await adminApi.withdraws()
+		const auditing = list.filter((w) => w.status === 'auditing')
+		expect(auditing.length).toBeGreaterThan(0)
+		expect((await adminApi.handleWithdraw(auditing[0].id, 'pay')).status).toBe('paid')
+	})
+
+	it('STEP14 订单退款 + 财务报表核对', async () => {
+		expect((await adminApi.refund(3001, 5, '用户申请退款')).refunded).toBe(true)
+		const report = await adminApi.financeReport('day')
+		const netSum = report.rows.reduce((s, r) => s + r.net, 0)
+		expect(netSum).toBeGreaterThan(0)
+		expect((await adminApi.financeFlows({ page: 1, size: 50 })).total).toBeGreaterThan(0)
+	})
+
+	it('STEP15 权限与系统设置收口', async () => {
+		const superRole = (await adminApi.roles()).find((r) => r.name === '超级管理员')
+		expect(superRole.permissions).toContain('*')
+
+		await expectReject(() => adminApi.saveDistSetting({ level1Rate: 90, level2Rate: 30 }), '不能超过 100%')
+		expect((await adminApi.saveFeeSetting({ singlePost: 5 })).singlePost).toBe(5)
+		expect((await adminApi.savePaySetting({ mchId: '1900000001', apiKey: 'secret' })).configured).toBe(true)
+		expect((await adminApi.saveArea({ name: '乌当区' })).name).toBe('乌当区')
+		expect((await adminApi.logs({ page: 1, size: 5 })).list.length).toBeGreaterThan(0)
+	})
+})
+
+describe('边界与异常（软件测试视角）', () => {
+	it('未匹配的接口返回 404 语义错误', async () => {
+		const { matchMock } = await import('../common/mock/index.js')
+		await expectReject(() => matchMock({ url: '/nope', method: 'GET' }), '未匹配到路由')
+	})
+
+	it('分页边界：超出范围返回空列表而非报错', async () => {
+		const res = await homeApi.feed({ page: 9999, size: 10 })
+		expect(res.list).toHaveLength(0)
+		expect(res.hasMore).toBe(false)
+	})
+
+	it('空结果可正常返回（便于空状态渲染）', async () => {
+		const res = await homeApi.feed({ keyword: '不存在的关键词XYZ' })
+		expect(res.list).toHaveLength(0)
+		expect(res.total).toBe(0)
+	})
+
+	it('金额换算精度：分↔元无损', async () => {
+		const { fen2yuan, yuan2fen } = await import('../common/utils/format.js')
+		expect(fen2yuan(5)).toBe('0.05')
+		expect(yuan2fen(19.9)).toBe(1990)
+		expect(fen2yuan(yuan2fen(168))).toBe('168.00')
+	})
+
+	it('工具函数：时间与手机号脱敏', async () => {
+		const { maskPhone, fromNow, formatTime } = await import('../common/utils/format.js')
+		expect(maskPhone('13988888888')).toBe('139****8888')
+		expect(fromNow(new Date())).toBe('刚刚')
+		expect(formatTime('2024-01-05T10:00:00')).toMatch(/^2024-01-05 10:00$/)
+	})
+})
+
diff --git a/uniapp/tests/harness.mjs b/uniapp/tests/harness.mjs
new file mode 100644
index 0000000..c499b85
--- /dev/null
+++ b/uniapp/tests/harness.mjs
@@ -0,0 +1,125 @@
+/**
+ * 极简测试框架（零依赖，兼容 Node 18+）
+ * 提供 describe / it / expect 与断言方法，并汇总测试报告。
+ */
+
+let suites = []
+let current = null
+
+export function describe(name, fn) {
+	current = { name, cases: [] }
+	suites.push(current)
+	fn()
+	current = null
+}
+
+export function it(name, fn) {
+	if (!current) throw new Error('it() 必须写在 describe() 内')
+	current.cases.push({ name, fn })
+}
+
+export function expect(actual) {
+	return {
+		toBe(expected) {
+			assert(Object.is(actual, expected), `期望 ${fmt(expected)}，实际 ${fmt(actual)}`)
+		},
+		toEqual(expected) {
+			const a = JSON.stringify(actual)
+			const b = JSON.stringify(expected)
+			assert(a === b, `期望 ${b}，实际 ${a}`)
+		},
+		toBeTruthy() {
+			assert(!!actual, `期望为真值，实际 ${fmt(actual)}`)
+		},
+		toBeFalsy() {
+			assert(!actual, `期望为假值，实际 ${fmt(actual)}`)
+		},
+		toBeDefined() {
+			assert(actual !== undefined && actual !== null, `期望有值，实际 ${fmt(actual)}`)
+		},
+		toBeGreaterThan(n) {
+			assert(typeof actual === 'number' && actual > n, `期望 > ${n}，实际 ${fmt(actual)}`)
+		},
+		toBeLessThanOrEqual(n) {
+			assert(typeof actual === 'number' && actual <= n, `期望 <= ${n}，实际 ${fmt(actual)}`)
+		},
+		toContain(s) {
+			assert(String(actual).includes(s), `期望包含 "${s}"，实际 ${fmt(actual)}`)
+		},
+		toHaveLength(n) {
+			assert(actual && actual.length === n, `期望长度 ${n}，实际 ${actual && actual.length}`)
+		},
+		toBeArray() {
+			assert(Array.isArray(actual), `期望为数组，实际 ${fmt(actual)}`)
+		},
+		toMatch(re) {
+			assert(re.test(String(actual)), `期望匹配 ${re}，实际 ${fmt(actual)}`)
+		},
+	}
+}
+
+/** 断言异步调用必须抛错（用于校验业务规则拦截） */
+export async function expectReject(fn, msgPart) {
+	try {
+		await fn()
+	} catch (e) {
+		if (msgPart) {
+			assert(String(e.message).includes(msgPart), `期望错误信息包含 "${msgPart}"，实际 "${e.message}"`)
+		}
+		return e
+	}
+	throw new Error('期望抛出异常，但调用成功返回')
+}
+
+function assert(cond, message) {
+	if (!cond) throw new Error(message)
+}
+
+function fmt(v) {
+	if (typeof v === 'string') return `"${v}"`
+	try {
+		return typeof v === 'object' ? JSON.stringify(v) : String(v)
+	} catch (e) {
+		return String(v)
+	}
+}
+
+/** 执行全部用例并输出报告 */
+export async function run() {
+	let passed = 0
+	let failed = 0
+	const failures = []
+	console.log('\n=========== 全链路接口测试报告 ===========\n')
+
+	for (const suite of suites) {
+		console.log(`📦 ${suite.name}`)
+		for (const c of suite.cases) {
+			try {
+				await c.fn()
+				passed++
+				console.log(`   ✅ ${c.name}`)
+			} catch (e) {
+				failed++
+				failures.push({ suite: suite.name, name: c.name, error: e.message })
+				console.log(`   ❌ ${c.name}\n      → ${e.message}`)
+			}
+		}
+		console.log('')
+	}
+
+	console.log('------------------------------------------')
+	console.log(`用例总数: ${passed + failed}   通过: ${passed}   失败: ${failed}`)
+	console.log('------------------------------------------\n')
+
+	if (failures.length) {
+		console.log('失败明细：')
+		failures.forEach((f, i) => console.log(`  ${i + 1}. [${f.suite}] ${f.name} → ${f.error}`))
+		console.log('')
+		process.exitCode = 1
+	} else {
+		console.log('🎉 全部用例通过，前后端接口契约与业务规则校验一致。\n')
+	}
+	// 重置，便于同一进程重复运行
+	suites = []
+	return { passed, failed }
+}
diff --git a/uniapp/tests/icons.test.mjs b/uniapp/tests/icons.test.mjs
new file mode 100644
index 0000000..137ca6e
--- /dev/null
+++ b/uniapp/tests/icons.test.mjs
@@ -0,0 +1,178 @@
+/**
+ * LOGO 与图标自定义 测试
+ * 覆盖：内置默认图 → 后台覆盖 → 用户端读取生效 的完整链路 + 资源文件完整性
+ */
+import fs from 'node:fs'
+import path from 'node:path'
+import url from 'node:url'
+import { describe, it, expect, expectReject } from './harness.mjs'
+import { ICON_GROUPS, ICON_DEFAULTS, ICON_BASE, CATEGORY_ICON_KEY, DEFAULT_LOGO } from '../common/assets/icons.js'
+import {
+  iconUrl,
+  logoUrl,
+  categoryIconUrl,
+  setRemoteUi,
+  getRemoteUi,
+  resetRemoteUi,
+  isIconOverridden,
+} from '../common/utils/icon.js'
+import adminApi from '../common/api/admin.js'
+import { settingApi } from '../common/api/index.js'
+import { decodePng, transparentRatio } from '../tools/png-util.mjs'
+
+const ROOT = path.resolve(path.dirname(url.fileURLToPath(import.meta.url)), '..')
+
+describe('图标资源 · 文件完整性', () => {
+  it('注册表中每个图标都有默认文件声明', () => {
+    for (const g of ICON_GROUPS) {
+      for (const it of g.items) {
+        expect(it.key).toBeTruthy()
+        expect(it.name).toBeTruthy()
+        expect(ICON_DEFAULTS[it.key]).toBe(it.file)
+      }
+    }
+  })
+
+  it('static/icons 下存在全部内置图标 PNG', () => {
+    const dir = path.join(ROOT, 'static', 'icons')
+    const missing = []
+    for (const key of Object.keys(ICON_DEFAULTS)) {
+      const f = path.join(dir, ICON_DEFAULTS[key])
+      if (!fs.existsSync(f)) missing.push(ICON_DEFAULTS[key])
+    }
+    expect(missing).toEqual([])
+  })
+
+  it('每个图标文件都是有效 PNG 且体积合理', () => {
+    const dir = path.join(ROOT, 'static', 'icons')
+    for (const key of Object.keys(ICON_DEFAULTS)) {
+      const buf = fs.readFileSync(path.join(dir, ICON_DEFAULTS[key]))
+      // PNG 魔数
+      expect(buf.slice(0, 8).toString('hex')).toBe('89504e470d0a1a0a')
+      expect(buf.length).toBeGreaterThan(300)
+    }
+  })
+
+  it('每个配图都具备真实的透明通道（左上角必须透明）', () => {
+    // 回归防护：qlmanage 会把 SVG 合成到不透明白底上，
+    // 必须经过「白底/黑底两遍渲染 + alpha 反解」，否则会出现白色方块。
+    const dir = path.join(ROOT, 'static', 'icons')
+    const opaque = []
+    const lowAlpha = []
+    for (const key of Object.keys(ICON_DEFAULTS)) {
+      const img = decodePng(fs.readFileSync(path.join(dir, ICON_DEFAULTS[key])))
+      if (img.rgba[3] !== 0) opaque.push(`${ICON_DEFAULTS[key]}(角点不透明)`)
+      const ratio = transparentRatio(img)
+      if (ratio < 0.02) lowAlpha.push(`${ICON_DEFAULTS[key]}(${ratio.toFixed(3)})`)
+    }
+    expect(opaque).toEqual([])
+    expect(lowAlpha).toEqual([])
+  })
+
+  it('配图尺寸统一且足够清晰（≥128px 方图）', () => {
+    const dir = path.join(ROOT, 'static', 'icons')
+    const sizes = new Set()
+    for (const key of Object.keys(ICON_DEFAULTS)) {
+      const img = decodePng(fs.readFileSync(path.join(dir, ICON_DEFAULTS[key])))
+      expect(img.width).toBe(img.height)
+      expect(img.width).toBeGreaterThan(127)
+      sizes.add(img.width)
+    }
+    expect(sizes.size).toBe(1) // 全部同一尺寸，保证视觉一致
+  })
+
+  it('品牌 LOGO 存在且为 PNG', () => {
+    const logo = fs.readFileSync(path.join(ROOT, 'static', 'logo.png'))
+    expect(logo.slice(0, 8).toString('hex')).toBe('89504e470d0a1a0a')
+    expect(logo.length).toBeGreaterThan(1000)
+  })
+
+  it('分类 ID 与分类图标 key 一一对应', () => {
+    expect(Object.keys(CATEGORY_ICON_KEY)).toHaveLength(8)
+    expect(ICON_DEFAULTS[CATEGORY_ICON_KEY[1]]).toBe('cat-job.png')
+    expect(ICON_DEFAULTS[CATEGORY_ICON_KEY[8]]).toBe('cat-friend.png')
+  })
+})
+
+describe('图标解析 · 本地默认', () => {
+  it('未配置时返回内置默认图地址', () => {
+    resetRemoteUi()
+    expect(iconUrl('tab-home')).toBe(`${ICON_BASE}tab-home.png`)
+    expect(iconUrl('cat-job')).toBe(`${ICON_BASE}cat-job.png`)
+    expect(logoUrl()).toBe(DEFAULT_LOGO)
+    expect(categoryIconUrl(4)).toBe(`${ICON_BASE}cat-car.png`)
+  })
+
+  it('未注册的 key 返回空字符串（不产生错误图片请求）', () => {
+    resetRemoteUi()
+    expect(iconUrl('not-exist-key')).toBe('')
+    expect(iconUrl('')).toBe('')
+  })
+})
+
+describe('图标解析 · 后台覆盖生效', () => {
+  it('setRemoteUi 后按 key 覆盖为自定义地址', () => {
+    setRemoteUi({
+      logo: 'https://cdn.example.com/mylogo.png',
+      icons: { 'tab-home': 'https://cdn.example.com/home.png' },
+    })
+    expect(iconUrl('tab-home')).toBe('https://cdn.example.com/home.png')
+    expect(iconUrl('tab-mine')).toBe(`${ICON_BASE}tab-mine.png`) // 未覆盖的仍走默认
+    expect(logoUrl()).toBe('https://cdn.example.com/mylogo.png')
+    expect(isIconOverridden('tab-home')).toBe(true)
+    expect(isIconOverridden('tab-mine')).toBe(false)
+  })
+
+  it('分类图标被覆盖时随 key 一起生效', () => {
+    setRemoteUi({ icons: { 'cat-car': 'https://cdn.example.com/car.png' } })
+    expect(categoryIconUrl(4)).toBe('https://cdn.example.com/car.png')
+    expect(categoryIconUrl(1)).toBe(`${ICON_BASE}cat-job.png`)
+  })
+
+  it('resetRemoteUi 恢复内置默认', () => {
+    resetRemoteUi()
+    expect(getRemoteUi()).toEqual({ logo: '', icons: {} })
+    expect(iconUrl('tab-home')).toBe(`${ICON_BASE}tab-home.png`)
+  })
+})
+
+describe('后台接口 · LOGO 与图标自定义闭环', () => {
+  it('STEP1 后台可读取当前 UI 配置', async () => {
+    const cfg = await adminApi.uiSetting()
+    expect(cfg.siteName).toBeDefined()
+    expect(cfg.icons).toBeDefined()
+  })
+
+  it('STEP2 后台保存 LOGO 与图标后，用户端接口读到相同内容', async () => {
+    const saved = await adminApi.saveUiSetting({
+      logo: 'https://cdn.example.com/logo-new.png',
+      icons: { 'tab-home': 'https://cdn.example.com/h.png', 'cat-job': 'https://cdn.example.com/j.png' },
+    })
+    expect(saved.logo).toBe('https://cdn.example.com/logo-new.png')
+    expect(saved.icons['tab-home']).toBe('https://cdn.example.com/h.png')
+
+    // 用户端读取
+    const client = await settingApi.ui()
+    expect(client.logo).toBe('https://cdn.example.com/logo-new.png')
+    expect(client.icons['cat-job']).toBe('https://cdn.example.com/j.png')
+
+    // 应用到解析层
+    setRemoteUi(client)
+    expect(iconUrl('tab-home')).toBe('https://cdn.example.com/h.png')
+    expect(logoUrl()).toBe('https://cdn.example.com/logo-new.png')
+  })
+
+  it('STEP3 图标地址必须是字符串（类型校验）', async () => {
+    await expectReject(() => adminApi.saveUiSetting({ icons: { 'tab-home': 123 } }), '必须是字符串')
+  })
+
+  it('STEP4 恢复默认后用户端回到内置图', async () => {
+    await adminApi.resetUiSetting()
+    const client = await settingApi.ui()
+    expect(client.logo).toBe('')
+    expect(client.icons).toEqual({})
+    setRemoteUi(client)
+    expect(logoUrl()).toBe(DEFAULT_LOGO)
+    expect(iconUrl('tab-home')).toBe(`${ICON_BASE}tab-home.png`)
+  })
+})
diff --git a/uniapp/tests/publish.test.mjs b/uniapp/tests/publish.test.mjs
new file mode 100644
index 0000000..0165084
--- /dev/null
+++ b/uniapp/tests/publish.test.mjs
@@ -0,0 +1,184 @@
+/**
+ * v1.0.7 新增能力用例：我的发布 / 后台手动置顶 / 免费-付费发布开关与套餐额度
+ *
+ * 覆盖需求：
+ *   ① 发布后能看到发布记录（/post/mine + 状态计数 + 驳回原因）
+ *   ② 后台手动置顶 → 用户端主页置顶优先展示（/home/feed）
+ *   ③ 发布模式开关（免费/付费）+ 单条价格 + 月卡/年卡价格与含发布条数
+ *   ④ 计费口径：金额只由后台配置决定，客户端传入的 amount 一律被忽略
+ */
+import { describe, it, expect, expectReject } from './harness.mjs'
+import { homeApi, postApi, memberApi } from '../common/api/index.js'
+import { datasets } from '../common/mock/data.js'
+
+/** 每个用例前把 mock 状态复位，保证用例之间互不影响 */
+function resetPublish() {
+	datasets.publishRule.mode = 'paid'
+	datasets.publishRule.singlePrice = 5
+	datasets.publishRule.monthPrice = 19.9
+	datasets.publishRule.monthQuota = 30
+	datasets.publishRule.yearPrice = 168
+	datasets.publishRule.yearQuota = 500
+	datasets.publishRule.quotaLeft = 30
+	datasets.publishRule.freePerDay = 2
+	datasets.publishRule.freeUsedToday = 0
+	datasets.publishRule.isMember = true
+}
+
+describe('发布配置 · 后台开关与价格下发', () => {
+	it('返回发布模式、三档价格与剩余额度', async () => {
+		resetPublish()
+		const cfg = await postApi.publishConfig()
+		expect(cfg.mode).toBe('paid')
+		expect(cfg.singlePrice).toBe(5)
+		expect(cfg.monthPrice).toBe(19.9)
+		expect(cfg.monthQuota).toBe(30)
+		expect(cfg.yearPrice).toBe(168)
+		expect(cfg.yearQuota).toBe(500)
+		expect(cfg.quotaLeft).toBe(30)
+		expect(cfg.isMember).toBe(true)
+	})
+
+	it('免费模式：所有人免费发布且不消耗额度', async () => {
+		resetPublish()
+		datasets.publishRule.mode = 'free'
+		datasets.publishRule.quotaLeft = 0
+		const res = await postApi.create({ title: '免费模式发布', content: '内容', plan: 'free' })
+		expect(res.order).toBeFalsy()
+		expect(res.plan).toBe('free')
+		expect(res.amount).toBe(0)
+	})
+})
+
+describe('发布计费 · 服务端定价与套餐额度', () => {
+	it('套餐额度内免费发布：无订单且额度 -1', async () => {
+		resetPublish()
+		const res = await postApi.create({ title: '额度内发布', content: '内容', plan: 'free' })
+		expect(res.order).toBeFalsy()
+		expect(res.plan).toBe('quota')
+		expect(res.quotaLeft).toBe(29)
+		const mine = await postApi.mine({ page: 1, size: 20 })
+		const created = mine.list.find((p) => p.title === '额度内发布')
+		expect(created).toBeDefined()
+		expect(created.auditStatus).toBe(0)
+	})
+
+	it('额度与每日免费次数都用尽时，免费发布被拦截', async () => {
+		resetPublish()
+		datasets.publishRule.quotaLeft = 0
+		datasets.publishRule.freePerDay = 0 // 关闭每日免费额度，隔离出「必须付费」的场景
+		await expectReject(() => postApi.create({ title: '无额度', content: '内容', plan: 'free' }), '请选择发布方式')
+	})
+
+	it('付费模式下仍保留每日免费额度（避免硬付费墙）', async () => {
+		resetPublish()
+		datasets.publishRule.quotaLeft = 0
+		datasets.publishRule.freePerDay = 2
+		datasets.publishRule.freeUsedToday = 0
+		const first = await postApi.create({ title: '今日免费第 1 条', content: '内容', plan: 'free' })
+		expect(first.plan).toBe('free')
+		expect(first.order).toBeFalsy()
+		const cfg = await postApi.publishConfig()
+		expect(cfg.freeLeftToday).toBe(1)
+		const second = await postApi.create({ title: '今日免费第 2 条', content: '内容', plan: 'free' })
+		expect(second.plan).toBe('free')
+		// 第 3 条超出每日额度 → 必须付费
+		await expectReject(() => postApi.create({ title: '超出每日额度', content: '内容', plan: 'free' }), '请选择发布方式')
+	})
+
+	it('单条付费：金额取后台配置，忽略客户端传入的 amount', async () => {
+		resetPublish()
+		datasets.publishRule.quotaLeft = 0
+		datasets.publishRule.freePerDay = 0
+		const res = await postApi.create({
+			title: '单条付费发布',
+			content: '内容',
+			plan: 'single',
+			payType: 'wxpay',
+			amount: 0.01, // 客户端篡改金额：应被无条件忽略
+		})
+		expect(res.order.amount).toBe(5)
+		expect(res.order.orderNo).toContain('PO')
+	})
+
+	it('单条付费缺少支付方式时报错', async () => {
+		resetPublish()
+		datasets.publishRule.quotaLeft = 0
+		datasets.publishRule.freePerDay = 0
+		await expectReject(() => postApi.create({ title: 'x', content: 'y', plan: 'single' }), '支付方式不支持')
+	})
+
+	it('月卡/年卡走会员开通接口，开通后获得对应发布条数', async () => {
+		resetPublish()
+		datasets.publishRule.quotaLeft = 0
+		datasets.publishRule.freePerDay = 0
+		const opened = await memberApi.open({ planId: 'M1', payType: 'balance' })
+		expect(opened.postQuota).toBe(30)
+		expect(opened.quotaLeft).toBe(30)
+		const res = await postApi.create({ title: '月卡额度发布', content: '内容', plan: 'free' })
+		expect(res.plan).toBe('quota')
+		expect(res.quotaLeft).toBe(29)
+		// 年卡：含 500 条
+		const year = await memberApi.open({ planId: 'M12', payType: 'balance' })
+		expect(year.postQuota).toBe(500)
+		expect(year.quotaLeft).toBe(529)
+	})
+
+	it('会员套餐列表带出「含发布条数」字段', async () => {
+		const plans = await memberApi.plans()
+		expect(plans.length).toBe(3)
+		plans.forEach((p) => expect(p.postQuota).toBeGreaterThan(0))
+	})
+})
+
+describe('我的发布 · 审核状态与计数', () => {
+	it('列表返回本人信息与各状态计数', async () => {
+		const res = await postApi.mine({ page: 1, size: 20 })
+		expect(res.list.length).toBeGreaterThan(0)
+		expect(res.counts.all).toBeGreaterThan(0)
+		expect(res.counts.pending + res.counts.passed + res.counts.rejected).toBeGreaterThan(0)
+		res.list.forEach((p) => {
+			expect(p.auditStatus).toBeDefined()
+			expect(p.status).toBeDefined()
+			expect(p.isTop).toBeDefined()
+		})
+	})
+
+	it('按状态筛选：待审核 / 已驳回（含驳回原因）/ 已下架', async () => {
+		const pending = await postApi.mine({ status: 'pending' })
+		expect(pending.list.every((p) => p.auditStatus === 0 && p.status === 1)).toBe(true)
+
+		const rejected = await postApi.mine({ status: 'rejected' })
+		expect(rejected.list.every((p) => p.auditStatus === 2)).toBe(true)
+		expect(rejected.list[0].auditReason).toBeTruthy()
+
+		const offline = await postApi.mine({ status: 'offline' })
+		expect(offline.list.every((p) => p.status === 0)).toBe(true)
+	})
+
+	it('置顶的发布记录排在最前', async () => {
+		const res = await postApi.mine({ page: 1, size: 20 })
+		expect(res.list[0].isTop).toBe(true)
+	})
+
+	it('可删除本人发布（删除后列表不再包含）', async () => {
+		const before = await postApi.mine({ page: 1, size: 20 })
+		const target = before.list[0]
+		await postApi.remove(target.id)
+		const after = await postApi.mine({ page: 1, size: 20 })
+		expect(after.counts.all).toBe(before.counts.all - 1)
+		expect(after.list.some((p) => p.id === target.id)).toBe(false)
+	})
+})
+
+describe('后台置顶 → 用户端展示闭环', () => {
+	it('置顶信息在首页信息流优先展示', async () => {
+		const feed = await homeApi.feed({ page: 1, size: 10 })
+		expect(feed.list[0].isTop).toBe(true)
+		// 置顶项之后才是非置顶项
+		const firstUnpinned = feed.list.findIndex((p) => !p.isTop)
+		if (firstUnpinned > -1) {
+			expect(feed.list.slice(firstUnpinned).every((p) => !p.isTop)).toBe(true)
+		}
+	})
+})
diff --git a/uniapp/tests/request.test.mjs b/uniapp/tests/request.test.mjs
new file mode 100644
index 0000000..169efed
--- /dev/null
+++ b/uniapp/tests/request.test.mjs
@@ -0,0 +1,134 @@
+/**
+ * 请求层（全链路统一网关）测试
+ * 覆盖：URL 拼接 / 鉴权头 / 业务码解包 / 401 / 网络异常 / mock 降级
+ */
+import { describe, it, expect, expectReject } from './harness.mjs'
+import config from '../common/config/index.js'
+import storage from '../common/utils/storage.js'
+import request, { get, post, buildUrl, buildHeaders, getRuntime } from '../common/utils/request.js'
+
+/** 构造一个可控的 uni 运行时 */
+function installUni(handler) {
+	const calls = { toasts: [], navigations: [], requests: [] }
+	globalThis.uni = {
+		request(opts) {
+			calls.requests.push(opts)
+			handler(opts, calls)
+		},
+		showToast(o) {
+			calls.toasts.push(o)
+		},
+		navigateTo(o) {
+			calls.navigations.push(o)
+		},
+		getStorageSync: () => '',
+		setStorageSync: () => {},
+		removeStorageSync: () => {},
+	}
+	return calls
+}
+
+function clearUni() {
+	delete globalThis.uni
+}
+
+describe('请求层 · 基础能力', () => {
+	it('buildUrl 拼接版本号与网关地址', () => {
+		expect(buildUrl('/home/feed')).toBe(`${config.baseURL}/${config.apiVersion}/home/feed`)
+		expect(buildUrl('post/create')).toContain('/v1/post/create')
+		expect(buildUrl('https://a.com/x')).toBe('https://a.com/x')
+	})
+
+	it('buildHeaders 注入 token 与客户端标识', () => {
+		storage.clear()
+		storage.set(config.storageKeys.token, 'T-123')
+		const h = buildHeaders()
+		expect(h.Authorization).toBe('Bearer T-123')
+		expect(h['X-Client']).toBe('fenleixinxi')
+		storage.remove(config.storageKeys.token)
+		expect(buildHeaders().Authorization).toBeFalsy()
+	})
+
+	it('无 uni.request 时自动走 mock（离线可运行）', async () => {
+		clearUni()
+		const data = await get('/home/categories')
+		expect(data).toBeArray()
+		expect(data.length).toBeGreaterThan(0)
+	})
+})
+
+describe('请求层 · 真实 HTTP 通道', () => {
+	it('业务码 0 时返回 data 字段', async () => {
+		const calls = installUni((opts) => {
+			opts.success({ statusCode: 200, data: { code: 0, message: 'ok', data: { total: 7 } } })
+		})
+		const res = await get('/home/feed', { page: 1 })
+		expect(res.total).toBe(7)
+		expect(calls.requests[0].url).toContain('/v1/home/feed')
+		clearUni()
+	})
+
+	it('业务码非 0 时 reject 并 toast 提示', async () => {
+		const calls = installUni((opts) => {
+			opts.success({ statusCode: 200, data: { code: 1001, message: '参数错误' } })
+		})
+		await expectReject(() => post('/post/create', { title: '' }), '参数错误')
+		expect(calls.toasts[0].title).toBe('参数错误')
+		clearUni()
+	})
+
+	it('HTTP 401 清空登录态并跳转登录页', async () => {
+		storage.set(config.storageKeys.token, 'EXPIRED')
+		const calls = installUni((opts) => opts.success({ statusCode: 401, data: {} }))
+		await expectReject(() => get('/auth/profile'), '登录已过期')
+		expect(storage.get(config.storageKeys.token, '')).toBe('')
+		expect(calls.navigations[0].url).toBe('/pages/auth/login')
+		clearUni()
+	})
+
+	it('显式开启 enableMockFallback 时，网络异常且存在 mock 路由则自动降级', async () => {
+		const saved = config.enableMockFallback
+		config.enableMockFallback = true
+		const calls = installUni((opts) => opts.fail({ errMsg: 'request:fail timeout' }))
+		const res = await get('/member/plans')
+		expect(res).toBeArray()
+		expect(res[0].planId).toBeDefined()
+		clearUni()
+		config.enableMockFallback = saved
+	})
+
+	// 生产配置下必须关闭降级：否则真实接口失败会静默返回 mock 假数据，
+	// 表现为「后台改了但前端不变」，且真实问题被完全掩盖。
+	it('生产配置（enableMockFallback=false）网络异常时不静默返回 mock 数据', async () => {
+		expect(config.forceMock).toBe(false)
+		expect(config.enableMockFallback).toBe(false)
+		installUni((opts) => opts.fail({ errMsg: 'request:fail timeout' }))
+		await expectReject(() => get('/member/plans'), 'request:fail')
+		clearUni()
+	})
+
+	it('网络异常且无 mock 路由时抛出异常', async () => {
+		installUni((opts) => opts.fail({ errMsg: 'request:fail' }))
+		await expectReject(() => get('/not/exist/endpoint'), 'request:fail')
+		clearUni()
+	})
+
+	it('getRuntime 在无 uni 环境返回安全降级函数', () => {
+		clearUni()
+		const rt = getRuntime()
+		expect(rt.request).toBe(null)
+		rt.showToast({ title: 'x' }) // 不应抛错
+	})
+})
+
+describe('请求层 · mock 强制模式', () => {
+	it('mock:true 时绕过网络直接返回 mock 数据', async () => {
+		const calls = installUni(() => {
+			throw new Error('不应发起真实请求')
+		})
+		const res = await request({ url: '/home/banners', mock: true })
+		expect(res).toBeArray()
+		expect(calls.requests).toHaveLength(0)
+		clearUni()
+	})
+})
diff --git a/uniapp/tests/run.mjs b/uniapp/tests/run.mjs
new file mode 100644
index 0000000..45b3e43
--- /dev/null
+++ b/uniapp/tests/run.mjs
@@ -0,0 +1,18 @@
+/**
+ * 测试入口
+ * 运行： node tests/run.mjs
+ *   （本机未安装 Node 时，可使用 HBuilderX 内置 Node：
+ *    /Applications/HBuilderX.app/Contents/HBuilderX/plugins/node/node tests/run.mjs）
+ */
+import { run } from './harness.mjs'
+
+// 载入全部测试用例（import 时完成用例注册）
+await import('./request.test.mjs')
+await import('./icons.test.mjs')
+await import('./banners.test.mjs')
+await import('./api.user.contract.test.mjs')
+await import('./api.admin.contract.test.mjs')
+await import('./publish.test.mjs')
+await import('./e2e.flow.test.mjs')
+
+await run()
diff --git a/uniapp/tests/run.sh b/uniapp/tests/run.sh
new file mode 100755
index 0000000..2a9c185
--- /dev/null
+++ b/uniapp/tests/run.sh
@@ -0,0 +1,27 @@
+#!/bin/sh
+# 全链路接口测试 + 项目结构校验 一键执行脚本
+# 优先使用系统 node，缺失时回退到 HBuilderX 内置 Node（macOS）。
+cd "$(dirname "$0")/.."
+
+if command -v node >/dev/null 2>&1; then
+  NODE=node
+elif [ -x "/Applications/HBuilderX.app/Contents/HBuilderX/plugins/node/node" ]; then
+  NODE="/Applications/HBuilderX.app/Contents/HBuilderX/plugins/node/node"
+else
+  echo "未找到可用的 Node 运行时，请安装 Node 18+ 或 HBuilderX。" >&2
+  exit 1
+fi
+
+echo "使用 Node: $NODE ($($NODE -v))"
+
+echo ""
+echo ">>> [1/3] 项目结构校验"
+"$NODE" tests/validate.mjs
+
+echo ""
+echo ">>> [2/3] SCSS 编译校验（dart-sass）"
+"$NODE" tools/check-scss.cjs
+
+echo ""
+echo ">>> [3/3] 全链路接口测试"
+"$NODE" tests/run.mjs
diff --git a/uniapp/tests/validate.mjs b/uniapp/tests/validate.mjs
new file mode 100644
index 0000000..dad0667
--- /dev/null
+++ b/uniapp/tests/validate.mjs
@@ -0,0 +1,202 @@
+/**
+ * 静态校验脚本（结构体检）
+ * 校验内容：
+ *  1. pages.json 中声明的页面文件是否存在
+ *  2. 每个 .vue 是否包含成对的 <template>/<script>/<style>
+ *  3. <style> 块内大括号是否配平（SCSS 语法粗略校验）
+ *  4. .vue 文件里 import 的本地模块是否存在
+ * 运行： node tests/validate.mjs
+ */
+import fs from 'node:fs'
+import os from 'node:os'
+import path from 'node:path'
+import url from 'node:url'
+import { execFileSync } from 'node:child_process'
+
+const __dirname = path.dirname(url.fileURLToPath(import.meta.url))
+const ROOT = path.resolve(__dirname, '..')
+
+let errors = 0
+let warns = 0
+const ok = (m) => console.log(`  ✅ ${m}`)
+const bad = (m) => {
+	errors++
+	console.log(`  ❌ ${m}`)
+}
+const warn = (m) => {
+	warns++
+	console.log(`  ⚠️  ${m}`)
+}
+
+function readJsonLoose(p) {
+	const raw = fs.readFileSync(p, 'utf8')
+	return JSON.parse(raw.replace(/\/\/.*$/gm, ''))
+}
+
+function walk(dir, ext, out = []) {
+	for (const name of fs.readdirSync(dir)) {
+		if (name === 'node_modules' || name === '.git' || name === 'unpackage') continue
+		const full = path.join(dir, name)
+		const st = fs.statSync(full)
+		if (st.isDirectory()) walk(full, ext, out)
+		else if (name.endsWith(ext)) out.push(full)
+	}
+	return out
+}
+
+console.log('\n=========== 项目结构校验 ===========')
+
+// 1. pages.json 页面存在性
+console.log('\n[1] pages.json 页面文件存在性')
+const pagesJson = readJsonLoose(path.join(ROOT, 'pages.json'))
+for (const p of pagesJson.pages) {
+	const file = path.join(ROOT, p.path + '.vue')
+	if (fs.existsSync(file)) ok(`${p.path}.vue`)
+	else bad(`缺失页面文件: ${p.path}.vue`)
+}
+
+// 2 & 3. vue 结构与大括号配平
+console.log('\n[2] .vue 结构（template/script/style）与大括号配平')
+const vues = walk(ROOT, '.vue')
+for (const f of vues) {
+	const rel = path.relative(ROOT, f)
+	const src = fs.readFileSync(f, 'utf8')
+	const tOpen = (src.match(/<template>/g) || []).length
+	const tClose = (src.match(/<\/template>/g) || []).length
+	const sOpen = (src.match(/<script>/g) || []).length
+	const sClose = (src.match(/<\/script>/g) || []).length
+	const yOpen = (src.match(/<style[^>]*>/g) || []).length
+	const yClose = (src.match(/<\/style>/g) || []).length
+
+	if (tOpen !== tClose || sOpen !== sClose || yOpen !== yClose) {
+		bad(`${rel} 标签不配对 template(${tOpen}/${tClose}) script(${sOpen}/${sClose}) style(${yOpen}/${yClose})`)
+		continue
+	}
+	if (sOpen !== 1 || yOpen !== 1 || (tOpen !== 1 && path.basename(f) !== 'App.vue')) {
+		warn(`${rel} 标签数量异常（可能为多根节点）`)
+	}
+
+	// style 块大括号配平
+	const styleMatch = src.match(/<style[^>]*>([\s\S]*)<\/style>/)
+	if (styleMatch) {
+		const css = styleMatch[1]
+		let depth = 0
+		let minDepth = 0
+		for (const ch of css) {
+			if (ch === '{') depth++
+			else if (ch === '}') {
+				depth--
+				if (depth < minDepth) minDepth = depth
+			}
+		}
+		if (depth !== 0 || minDepth < 0) bad(`${rel} <style> 大括号不配平（depth=${depth}, min=${minDepth}）`)
+		else ok(`${rel}`)
+	} else {
+		ok(`${rel}（无 style）`)
+	}
+}
+
+// 4. import 相对/别名路径存在性
+console.log('\n[3] import 依赖存在性（@/ 与 相对路径）')
+const jsFiles = [...walk(ROOT, '.js'), ...walk(ROOT, '.mjs'), ...vues]
+for (const f of jsFiles) {
+	if (f.includes(path.join('tests', 'validate.mjs'))) continue
+	const src = fs.readFileSync(f, 'utf8')
+	const rel = path.relative(ROOT, f)
+	const re = /from\s+['"]([^'"]+)['"]/g
+	let m
+	while ((m = re.exec(src))) {
+		const spec = m[1]
+		if (!spec.startsWith('.') && !spec.startsWith('@/')) continue // 第三方包跳过
+		let target = spec.startsWith('@/')
+			? path.join(ROOT, spec.slice(2))
+			: path.resolve(path.dirname(f), spec)
+		const candidates = [target, target + '.js', target + '.mjs', target + '.vue', path.join(target, 'index.js')]
+		if (!candidates.some((c) => fs.existsSync(c))) bad(`${rel} → 找不到依赖 "${spec}"`)
+	}
+}
+ok('依赖检查完成')
+
+// 5. <script> JS 语法校验（node --check）
+console.log('\n[4] <script> JS 语法校验')
+const tmpDir = fs.mkdtempSync(path.join(os.tmpdir(), 'fc-check-'))
+for (const f of vues) {
+	const rel = path.relative(ROOT, f)
+	const m = fs.readFileSync(f, 'utf8').match(/<script>([\s\S]*?)<\/script>/)
+	if (!m) continue
+	const tmp = path.join(tmpDir, path.basename(f).replace(/\.vue$/, '') + '.mjs')
+	fs.writeFileSync(tmp, m[1], 'utf8')
+	try {
+		execFileSync(process.execPath, ['--check', tmp], { stdio: 'pipe' })
+		ok(`${rel} <script>`)
+	} catch (e) {
+		const msg = String(e.stderr || e.message).split('\n').find((l) => l.includes('Error')) || 'SyntaxError'
+		bad(`${rel} <script> 语法错误 → ${msg.trim()}`)
+	}
+}
+fs.rmSync(tmpDir, { recursive: true, force: true })
+
+// 6. 模板标签配平（模拟 WXML 结构校验）
+console.log('\n[5] <template> 标签配平（WXML 结构）')
+const VOID_TAGS = new Set(['input', 'br', 'img', 'slot'])
+for (const f of vues) {
+	const rel = path.relative(ROOT, f)
+	const src = fs.readFileSync(f, 'utf8')
+	const tm = src.match(/<template>([\s\S]*)<\/template>/)
+	if (!tm) continue
+	const body = tm[1]
+	const stack = []
+	const re = /<(\/?)([a-zA-Z][\w-]*)((?:"[^"]*"|'[^']*'|[^>"'])*?)(\/?)>/g
+	let m
+	let err = null
+	while ((m = re.exec(body))) {
+		const closing = m[1] === '/'
+		const tag = m[2]
+		const selfClose = m[4] === '/'
+		if (selfClose || VOID_TAGS.has(tag)) continue
+		if (!closing) {
+			stack.push(tag)
+		} else {
+			const top = stack.pop()
+			if (top !== tag) {
+				err = `标签不匹配：</${tag}> 对应 <${top || '空'}>`
+				break
+			}
+		}
+	}
+	if (err) bad(`${rel} → ${err}`)
+	else if (stack.length) bad(`${rel} → 未闭合标签：<${stack.join('>, <')}>`)
+	else ok(`${rel}`)
+}
+
+// 6. 禁止把「URL / 路径类字段」用 <text> 裸输出
+//    踩坑记录：pages/post/create.vue 曾用 <text>{{ c.icon }}</text> 渲染分类图标，
+//    而接口返回的 icon 是图片地址（/static/icons/cat-job.png），
+//    结果把路径当文字打印出来（8 条路径重叠）。此类字段必须用 <image :src>。
+//    判定口径：只报「裸字段输出」；
+//    若表达式中含字符串字面量（如 '当前：' + x），说明是刻意带标签展示，不报。
+console.log('\n[6] URL/路径字段误用 <text> 裸输出')
+const TEXT_INTERP_RE = /<text\b[^>]*>\s*\{\{([^}]*)\}\}\s*<\/text>/g
+const URL_FIELD_WORD = /\.(?:icon|iconKey|cover|logo|avatar|image|poster|posterUrl)\b/
+let urlFieldHits = 0
+for (const f of vues) {
+	const rel = path.relative(ROOT, f)
+	const src = fs.readFileSync(f, 'utf8')
+	const tm = src.match(/<template>([\s\S]*)<\/template>/)
+	if (!tm) continue
+	let m
+	TEXT_INTERP_RE.lastIndex = 0
+	while ((m = TEXT_INTERP_RE.exec(tm[1]))) {
+		const expr = m[1].trim()
+		if (!URL_FIELD_WORD.test(expr)) continue
+		if (/['"]/.test(expr)) continue
+		urlFieldHits++
+		bad(`${rel} → 把 URL 字段当文本输出：${m[0].replace(/\s+/g, ' ').slice(0, 80)}`)
+	}
+}
+if (!urlFieldHits) ok('未发现把 URL/路径字段用 <text> 裸输出的地方')
+
+console.log('\n------------------------------------------')
+console.log(`结构校验结束：错误 ${errors}，警告 ${warns}`)
+console.log('------------------------------------------\n')
+if (errors) process.exitCode = 1
diff --git a/uniapp/tools/banner-art.mjs b/uniapp/tools/banner-art.mjs
new file mode 100644
index 0000000..4b9d4df
--- /dev/null
+++ b/uniapp/tools/banner-art.mjs
@@ -0,0 +1,29 @@
+/**
+ * 轮播配图（白色插画）源 · v1
+ * ------------------------------------------------------------
+ * 设计立意：轮播卡的大圆徽章里放「白色大插画」，与品牌 LOGO 的白色定位针同一手法：
+ *   · 插画只取白 + 极浅薄荷两档，压在生态绿渐变上对比度约 5:1，白得干净、绿得更深；
+ *   · 图形直接复用 `icon-svg.mjs` 的 ART 母版，轮播与全站图标同一套造型语言；
+ *   · 卡片底色 / 圆环 / 远山 / 光晕全部由页面 CSS 绘制（颜色随后台 `color` 字段走），
+ *     因此本轮只产出 3 张「透明底、纯白插画」的 PNG（约 5KB/张），不给小程序包体添负担。
+ * 占位符 {c1} {c2} {c3} 由生成器替换。
+ */
+import { ART } from './icon-svg.mjs'
+
+/** id/art 与首页 3 张内置轮播一一对应（二手 / 招聘 / 本地服务上门） */
+export const BANNER_ART = [
+  { id: 1, file: 'banner-art-1.png', art: 'box', c1: '#FFFFFF', c2: '#CDF8E4' },
+  { id: 2, file: 'banner-art-2.png', art: 'briefcase', c1: '#FFFFFF', c2: '#A9F2CE' },
+  { id: 3, file: 'banner-art-3.png', art: 'house', c1: '#CDF8E4', c2: '#FFFFFF' },
+]
+
+/** 生成一版 SVG（backdrop 用于两次渲染，白底/黑底反解 alpha） */
+export function buildBannerArtSvg(def, backdrop) {
+  const art = ART[def.art].replace(/\{(c1|c2|c3)\}/g, (_, k) => ({ c1: def.c1, c2: def.c2, c3: '#FFFFFF' })[k])
+  return (
+    `<svg xmlns="http://www.w3.org/2000/svg" width="384" height="384" viewBox="0 0 96 96">` +
+    `<rect x="0" y="0" width="96" height="96" fill="${backdrop}"/>` +
+    art +
+    '</svg>'
+  )
+}
diff --git a/uniapp/tools/check-scss.cjs b/uniapp/tools/check-scss.cjs
new file mode 100644
index 0000000..e270ff7
--- /dev/null
+++ b/uniapp/tools/check-scss.cjs
@@ -0,0 +1,50 @@
+/**
+ * SCSS 语法校验
+ * 用 HBuilderX 内置 dart-sass 编译每个 .vue 的 <style lang="scss">，
+ * 并注入 uni.scss 变量（模拟 uni-app 的全局注入行为）。
+ * 运行： node tools/check-scss.cjs
+ */
+const fs = require('fs')
+const path = require('path')
+const { execFileSync } = require('child_process')
+
+const HX = '/Applications/HBuilderX.app/Contents/HBuilderX'
+const NODE = path.join(HX, 'plugins/node/node')
+const SASS = path.join(HX, 'plugins/compile-dart-sass/node_modules/sass/sass.js')
+const ROOT = path.resolve(__dirname, '..')
+const vars = fs.readFileSync(path.join(ROOT, 'uni.scss'), 'utf8')
+
+const SKIP = ['node_modules', 'unpackage', '.git', 'static', 'tools', 'tests', 'docs']
+function walk(dir, out = []) {
+  for (const n of fs.readdirSync(dir)) {
+    if (SKIP.includes(n)) continue
+    const p = path.join(dir, n)
+    const st = fs.statSync(p)
+    if (st.isDirectory()) walk(p, out)
+    else if (n.endsWith('.vue')) out.push(p)
+  }
+  return out
+}
+
+let ok = 0
+const failed = []
+for (const f of walk(ROOT)) {
+  const src = fs.readFileSync(f, 'utf8')
+  const m = src.match(/<style[^>]*lang="scss"[^>]*>([\s\S]*?)<\/style>/)
+  if (!m) continue
+  const rel = path.relative(ROOT, f)
+  try {
+    execFileSync(NODE, [SASS, '--stdin', '--no-source-map', '--quiet'], {
+      input: vars + '\n' + m[1],
+      stdio: ['pipe', 'ignore', 'pipe'],
+    })
+    ok++
+    console.log('  OK   ' + rel)
+  } catch (e) {
+    failed.push(rel)
+    const msg = String(e.stderr || e.message).split('\n').slice(0, 3).join(' | ')
+    console.log('  FAIL ' + rel + '\n        ' + msg)
+  }
+}
+console.log('\nSCSS 编译通过 ' + ok + ' 个，失败 ' + failed.length + ' 个')
+process.exitCode = failed.length ? 1 : 0
diff --git a/uniapp/tools/gen-banner-art.mjs b/uniapp/tools/gen-banner-art.mjs
new file mode 100644
index 0000000..2219892
--- /dev/null
+++ b/uniapp/tools/gen-banner-art.mjs
@@ -0,0 +1,79 @@
+/**
+ * 轮播配图（白色插画）生成器
+ * ------------------------------------------------------------
+ * 与 gen-icons.mjs 完全同一套链路：同一份 SVG 渲染「白底」「黑底」两遍 →
+ * 两式联立解出真实 alpha → contentBox 定位内容区 → 2× 降采样 → 192×192 真实透明 PNG。
+ * 运行： node tools/gen-banner-art.mjs
+ */
+import fs from 'node:fs'
+import path from 'node:path'
+import os from 'node:os'
+import url from 'node:url'
+import { execFileSync } from 'node:child_process'
+import { BANNER_ART, buildBannerArtSvg } from './banner-art.mjs'
+import { decodePng, encodePng, extractAlpha, transparentRatio, contentBox, crop, downscale } from './png-util.mjs'
+
+const ROOT = path.resolve(path.dirname(url.fileURLToPath(import.meta.url)), '..')
+const OUT_DIR = path.join(ROOT, 'static', 'banners')
+const SIZE = 384 // 渲染分辨率（96 坐标系 → 4×）
+const TARGET = 192 // 最终输出边长
+const TMP = fs.mkdtempSync(path.join(os.tmpdir(), 'fc-bannerart-'))
+const SRC = path.join(TMP, 'src')
+const RST = path.join(TMP, 'out')
+fs.mkdirSync(SRC, { recursive: true })
+fs.mkdirSync(RST, { recursive: true })
+fs.mkdirSync(OUT_DIR, { recursive: true })
+
+/* 1. 两版 SVG */
+const names = []
+for (const def of BANNER_ART) {
+  const base = def.file.replace(/\.png$/, '')
+  fs.writeFileSync(path.join(SRC, `${base}__w.svg`), buildBannerArtSvg(def, '#FFFFFF'), 'utf8')
+  fs.writeFileSync(path.join(SRC, `${base}__b.svg`), buildBannerArtSvg(def, '#000000'), 'utf8')
+  names.push(base)
+}
+
+/* 2. 渲染（qlmanage 会把内容贴到正方形画布上，其余补白，用 contentBox 裁掉） */
+try {
+  execFileSync(
+    'qlmanage',
+    ['-t', '-s', String(SIZE), '-o', RST, ...names.flatMap((n) => [path.join(SRC, `${n}__w.svg`), path.join(SRC, `${n}__b.svg`)])],
+    { stdio: 'ignore' },
+  )
+} catch (e) {
+  /* 忽略，后续按产物校验 */
+}
+
+/* 3. 反解 alpha -> 透明 PNG */
+let ok = 0
+const missing = []
+const lowAlpha = []
+const sizeSet = new Set()
+for (const n of names) {
+  const fw = path.join(RST, `${n}__w.svg.png`)
+  const fb = path.join(RST, `${n}__b.svg.png`)
+  if (!fs.existsSync(fw) || !fs.existsSync(fb)) {
+    missing.push(n)
+    continue
+  }
+  const black = decodePng(fs.readFileSync(fb))
+  const box = contentBox(black)
+  let img = extractAlpha(crop(decodePng(fs.readFileSync(fw)), box), crop(black, box))
+  img = downscale(img, Math.max(1, Math.floor(img.width / TARGET)))
+  const ratio = transparentRatio(img)
+  if (ratio < 0.1) lowAlpha.push(`${n}(${ratio.toFixed(2)})`)
+  fs.writeFileSync(path.join(OUT_DIR, `${n}.png`), encodePng(img))
+  sizeSet.add(`${img.width}×${img.height}`)
+  ok++
+}
+
+fs.rmSync(TMP, { recursive: true, force: true })
+
+const bytes = fs
+  .readdirSync(OUT_DIR)
+  .filter((f) => f.endsWith('.png'))
+  .reduce((s, f) => s + fs.statSync(path.join(OUT_DIR, f)).size, 0)
+console.log(`✅ 轮播配图生成完成：${ok}/${names.length} 张 → static/banners/（${[...sizeSet].join(', ')}，真实透明，合计 ${(bytes / 1024).toFixed(1)}KB）`)
+if (missing.length) console.log(`⚠️  未生成：${missing.join(', ')}`)
+if (lowAlpha.length) console.log(`⚠️  透明区域异常：${lowAlpha.join(', ')}`)
+if (missing.length) process.exitCode = 1
diff --git a/uniapp/tools/gen-icons.mjs b/uniapp/tools/gen-icons.mjs
new file mode 100644
index 0000000..932ad0a
--- /dev/null
+++ b/uniapp/tools/gen-icons.mjs
@@ -0,0 +1,136 @@
+/**
+ * 配图资源生成器 v3
+ * ------------------------------------------------------------
+ * 1. 每个图标用同一份 SVG 渲染「白底」「黑底」两次
+ * 2. 通过两式联立解出真实 alpha（见 tools/png-util.mjs）→ 得到精确抗锯齿的透明 PNG
+ * 3. 徽章类图形使用「垂直渐变圆角底」，提升质感与统一性
+ * 运行： node tools/gen-icons.mjs
+ */
+import fs from 'node:fs'
+import path from 'node:path'
+import os from 'node:os'
+import { execFileSync } from 'node:child_process'
+import url from 'node:url'
+import { ART, OUTPUTS } from './icon-svg.mjs'
+import { decodePng, encodePng, extractAlpha, transparentRatio, contentBox, crop, downscale } from './png-util.mjs'
+
+const ROOT = path.resolve(path.dirname(url.fileURLToPath(import.meta.url)), '..')
+const OUT_DIR = path.join(ROOT, 'static', 'icons')
+const SIZE = 384 // 渲染分辨率
+const TARGET = 192 // 最终输出边长（2 倍降采样，锐度与体积兼顾）
+const BADGE_SCALE = 0.66
+const BADGE_OFFSET = (96 - 96 * BADGE_SCALE) / 2
+const TMP = fs.mkdtempSync(path.join(os.tmpdir(), 'fc-illus-'))
+const SRC = path.join(TMP, 'src')
+const RST = path.join(TMP, 'out')
+fs.mkdirSync(SRC, { recursive: true })
+fs.mkdirSync(RST, { recursive: true })
+fs.mkdirSync(OUT_DIR, { recursive: true })
+
+/** 调色板替换 */
+function paint(art, item) {
+  const p = { c1: item.c1, c2: item.c2 || item.c1, c3: item.c3 || '#FFFFFF' }
+  return art.replace(/\{(c1|c2|c3)\}/g, (_, k) => p[k])
+}
+
+/** 生成一版 SVG：backdrop 用于两次渲染（白 / 黑） */
+function buildSvg(item, backdrop) {
+  const body = paint(ART[item.art], item)
+  const head = `<svg xmlns="http://www.w3.org/2000/svg" width="${SIZE}" height="${SIZE}" viewBox="0 0 96 96">`
+  // 底色层：徽章用渐变圆角块，其余用纯色 backdrop 便于抠出 alpha
+  let layer
+  if (item.bg) {
+    layer =
+      `<defs><linearGradient id="g" x1="0" y1="0" x2="0.35" y2="1">` +
+      `<stop offset="0" stop-color="${item.bg[0]}"/><stop offset="1" stop-color="${item.bg[1]}"/>` +
+      `</linearGradient></defs>` +
+      `<rect x="0" y="0" width="96" height="96" rx="30" fill="url(#g)"/>`
+  } else {
+    layer = ''
+  }
+  const base = `<rect x="0" y="0" width="96" height="96" fill="${backdrop}"/>`
+  // 徽章类：插画缩到 66% 居中，四周留出圆角底
+  // 透明类：插画铺满画布，保证在 CSS 给定尺寸下的视觉重量
+  const inner = item.bg
+    ? `<g transform="translate(${BADGE_OFFSET.toFixed(2)},${BADGE_OFFSET.toFixed(2)}) scale(${BADGE_SCALE})">${body}</g>`
+    : body
+  return head + base + layer + inner + '</svg>'
+}
+
+/** 品牌 LOGO */
+const LOGO_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
+<defs><linearGradient id="g" x1="0" y1="0" x2="0.4" y2="1">
+<stop offset="0" stop-color="#00E070"/><stop offset="0.5" stop-color="#00A855"/><stop offset="1" stop-color="#046B3B"/>
+</linearGradient></defs>
+<rect width="512" height="512" rx="112" fill="url(#g)"/>
+<path d="M256 404C340 330 370 272 370 222A114 114 0 1 0 142 222C142 272 172 330 256 404Z" fill="#ffffff"/>
+<g fill="#F5A623">
+<rect x="188" y="178" width="136" height="22" rx="11"/>
+<rect x="188" y="226" width="96" height="22" rx="11"/>
+<rect x="188" y="274" width="120" height="22" rx="11"/>
+</g></svg>`
+
+// 1. 生成两版 SVG
+const names = []
+for (const item of OUTPUTS) {
+  const base = item.file.replace(/\.png$/, '')
+  fs.writeFileSync(path.join(SRC, `${base}__w.svg`), buildSvg(item, '#FFFFFF'), 'utf8')
+  fs.writeFileSync(path.join(SRC, `${base}__b.svg`), buildSvg(item, '#000000'), 'utf8')
+  names.push(base)
+}
+fs.writeFileSync(path.join(SRC, 'logo__w.svg'), LOGO_SVG.replace('<path d="M256', '<path d="M256'), 'utf8')
+
+// 2. 批量渲染
+function render(list, size) {
+  for (let i = 0; i < list.length; i += 12) {
+    const chunk = list.slice(i, i + 12).map((n) => path.join(SRC, n))
+    try {
+      execFileSync('qlmanage', ['-t', '-s', String(size), '-o', RST, ...chunk], { stdio: 'ignore' })
+    } catch (e) {
+      /* 忽略，后续按产物校验 */
+    }
+  }
+}
+render(names.map((n) => `${n}__w.svg`).concat(names.map((n) => `${n}__b.svg`)), SIZE)
+render(['logo__w.svg'], 512)
+
+// 3. 两式联立 -> 透明 PNG
+let ok = 0
+const missing = []
+const lowAlpha = []
+const sizes = new Set()
+for (const n of names) {
+  const fw = path.join(RST, `${n}__w.svg.png`)
+  const fb = path.join(RST, `${n}__b.svg.png`)
+  if (!fs.existsSync(fw) || !fs.existsSync(fb)) { missing.push(n); continue }
+  const black = decodePng(fs.readFileSync(fb))
+  // qlmanage 会把内容渲染到子矩形并补白衬，先用黑底图定位真实内容区
+  const box = contentBox(black)
+  let img = extractAlpha(crop(decodePng(fs.readFileSync(fw)), box), crop(black, box))
+  // 整数倍降采样到目标尺寸
+  const factor = Math.max(1, Math.floor(img.width / TARGET))
+  img = downscale(img, factor)
+  const ratio = transparentRatio(img)
+  sizes.add(`${img.width}x${img.height}`)
+  // 非徽章类图标应当有明显透明区域（徽章类自带圆角底，透明仅出现在四角）
+  const item = OUTPUTS.find((o) => o.file === `${n}.png`)
+  if (!item.bg && ratio < 0.1) lowAlpha.push(`${n}(${ratio.toFixed(2)})`)
+  fs.writeFileSync(path.join(OUT_DIR, `${n}.png`), encodePng(img))
+  ok++
+}
+
+// 4. LOGO（白底渲染 -> 裁剪 -> 直接使用，自身不透明）
+const logoW = path.join(RST, 'logo__w.svg.png')
+if (fs.existsSync(logoW)) {
+  const limg = decodePng(fs.readFileSync(logoW))
+  fs.writeFileSync(path.join(ROOT, 'static', 'logo.png'), encodePng(crop(limg, contentBox(limg))))
+}
+const legacy = path.join(ROOT, 'static', 'logo-512.png')
+if (fs.existsSync(legacy)) fs.rmSync(legacy, { force: true })
+
+fs.rmSync(TMP, { recursive: true, force: true })
+
+console.log(`✅ 配图生成完成：${ok}/${names.length} 个 → static/icons/（${[...sizes].join(', ')}，真实透明）`)
+if (missing.length) console.log(`⚠️  未生成：${missing.join(', ')}`)
+if (lowAlpha.length) console.log(`⚠️  透明区域异常：${lowAlpha.join(', ')}`)
+console.log('✅ LOGO 生成：static/logo.png')
diff --git a/uniapp/tools/icon-svg.mjs b/uniapp/tools/icon-svg.mjs
new file mode 100644
index 0000000..4cc0d1e
--- /dev/null
+++ b/uniapp/tools/icon-svg.mjs
@@ -0,0 +1,333 @@
+/**
+ * 配图源（96×96 viewBox）· 专业扁平插画 v2
+ * ------------------------------------------------------------
+ * 设计语言：
+ *   1) 纯填充色块，无细描边；形体饱满、笔画厚重，小尺寸下依然清晰
+ *   2) 每张图仅用「主色 c1 + 深色 c2 + 纯白高光」三档，配色统一、画面干净
+ *   3) 图形占画布 6%~90%，保证在 36rpx 与 96rpx 两种场景下视觉重量一致
+ *   4) 徽章类使用「浅色垂直渐变圆角底」，提升质感与统一性
+ * 占位符 {c1} {c2} {c3} 由生成器按调色板替换。
+ */
+export const ART = {
+  // ==================== 底部导航 ====================
+  home:
+    '<path d="M48 8 90 44a7 7 0 0 1-5 12H11a7 7 0 0 1-5-12z" fill="{c2}"/>' +
+    '<rect x="18" y="52" width="60" height="36" rx="10" fill="{c1}"/>' +
+    '<rect x="38" y="64" width="20" height="24" rx="7" fill="#FFFFFF"/>',
+
+  plusCircle:
+    '<circle cx="48" cy="48" r="38" fill="{c1}"/>' +
+    '<path d="M48 30v36M30 48h36" stroke="{c3}" stroke-width="12" stroke-linecap="round" fill="none"/>',
+
+  plusLine:
+    '<path d="M48 16v64M16 48h64" stroke="{c1}" stroke-width="15" stroke-linecap="round" fill="none"/>',
+
+  comment:
+    '<path d="M16 16h64a12 12 0 0 1 12 12v30a12 12 0 0 1-12 12H48l-20 16V70H16A12 12 0 0 1 4 58V28A12 12 0 0 1 16 16z" fill="{c1}"/>' +
+    '<circle cx="32" cy="43" r="5.5" fill="#FFFFFF"/>' +
+    '<circle cx="48" cy="43" r="5.5" fill="#FFFFFF"/>' +
+    '<circle cx="64" cy="43" r="5.5" fill="#FFFFFF"/>',
+
+  person:
+    '<circle cx="48" cy="32" r="18" fill="{c2}"/>' +
+    '<path d="M8 86a40 40 0 0 1 80 0z" fill="{c1}"/>',
+
+  // ==================== 同城分类 ====================
+  briefcase:
+    '<path d="M34 32V24a14 14 0 0 1 28 0v8h-10v-8a4 4 0 0 0-8 0v8z" fill="{c2}"/>' +
+    '<rect x="6" y="30" width="84" height="54" rx="14" fill="{c1}"/>' +
+    '<path d="M6 50h84v9H6z" fill="{c2}" opacity="0.38"/>' +
+    '<rect x="40" y="49" width="16" height="12" rx="4" fill="#FFFFFF"/>',
+
+  house:
+    '<path d="M48 8 90 44a7 7 0 0 1-5 12H11a7 7 0 0 1-5-12z" fill="{c2}"/>' +
+    '<rect x="18" y="52" width="60" height="36" rx="10" fill="{c1}"/>' +
+    '<rect x="38" y="64" width="20" height="24" rx="7" fill="#FFFFFF"/>' +
+    '<rect x="24" y="62" width="10" height="10" rx="3" fill="#FFFFFF" opacity="0.85"/>',
+
+  box:
+    '<path d="M48 50 88 29v37L48 88z" fill="{c2}"/>' +
+    '<path d="M48 50 8 29v37l40 21z" fill="{c1}"/>' +
+    '<path d="M48 8 88 29 48 50 8 29z" fill="#FFFFFF"/>',
+
+  car:
+    '<path d="M22 52 29 34a11 11 0 0 1 10-7h18a11 11 0 0 1 10 7l7 18z" fill="{c2}"/>' +
+    '<rect x="6" y="50" width="84" height="26" rx="13" fill="{c1}"/>' +
+    '<rect x="20" y="55" width="22" height="13" rx="6" fill="#FFFFFF"/>' +
+    '<rect x="54" y="55" width="22" height="13" rx="6" fill="#FFFFFF"/>' +
+    '<circle cx="27" cy="80" r="11" fill="{c2}"/><circle cx="27" cy="80" r="4.5" fill="#FFFFFF"/>' +
+    '<circle cx="69" cy="80" r="11" fill="{c2}"/><circle cx="69" cy="80" r="4.5" fill="#FFFFFF"/>',
+
+  gear:
+    '<g fill="{c1}">' +
+    '<rect x="41" y="2" width="14" height="22" rx="6"/>' +
+    '<rect x="41" y="72" width="14" height="22" rx="6"/>' +
+    '<rect x="2" y="41" width="22" height="14" rx="6"/>' +
+    '<rect x="72" y="41" width="22" height="14" rx="6"/>' +
+    '<rect x="41" y="2" width="14" height="22" rx="6" transform="rotate(45 48 48)"/>' +
+    '<rect x="41" y="72" width="14" height="22" rx="6" transform="rotate(45 48 48)"/>' +
+    '<rect x="2" y="41" width="22" height="14" rx="6" transform="rotate(45 48 48)"/>' +
+    '<rect x="72" y="41" width="22" height="14" rx="6" transform="rotate(45 48 48)"/>' +
+    '<circle cx="48" cy="48" r="27"/></g>' +
+    '<circle cx="48" cy="48" r="11" fill="#FFFFFF"/>',
+
+  graduation:
+    '<path d="M48 10 94 34 48 58 2 34z" fill="{c1}"/>' +
+    '<path d="M22 44v20c0 9 12 15 26 15s26-6 26-15V44L48 58z" fill="{c2}"/>' +
+    '<path d="M84 36v22" stroke="{c2}" stroke-width="7" stroke-linecap="round" fill="none"/>' +
+    '<circle cx="84" cy="64" r="7" fill="{c1}"/>',
+
+  sparkle:
+    '<path d="M30 4 36.5 21 53.5 27.5 36.5 34 30 51 23.5 34 6.5 27.5 23.5 21z" fill="{c1}"/>' +
+    '<path d="M71 22 76 36.5 90.5 41.5 76 46.5 71 61 66 46.5 51.5 41.5 66 36.5z" fill="{c2}"/>' +
+    '<path d="M46 50 51.5 64 65.5 69.5 51.5 75 46 89 40.5 75 26.5 69.5 40.5 64z" fill="{c1}" opacity="0.72"/>',
+
+  heart:
+    '<path d="M48 86S6 60 6 36A22 22 0 0 1 48 26 22 22 0 0 1 90 36c0 24-42 50-42 50z" fill="{c1}"/>' +
+    '<ellipse cx="30" cy="33" rx="9" ry="6.5" fill="#FFFFFF" opacity="0.6" transform="rotate(-28 30 33)"/>',
+
+  // ==================== 定位 / 搜索 / 消息 ====================
+  pin:
+    '<path d="M48 4C25 4 6 23 6 46c0 30 42 50 42 50s42-20 42-50C90 23 71 4 48 4z" fill="{c1}"/>' +
+    '<circle cx="48" cy="44" r="16" fill="{c3}"/>',
+
+  search:
+    '<circle cx="42" cy="42" r="30" fill="{c3}"/>' +
+    '<circle cx="42" cy="42" r="30" fill="none" stroke="{c1}" stroke-width="10"/>' +
+    '<path d="M64 64 88 88" stroke="{c1}" stroke-width="13" stroke-linecap="round" fill="none"/>',
+
+  bell:
+    '<path d="M48 8a27 27 0 0 1 27 27c0 17 7 24 7 24H14s7-7 7-24A27 27 0 0 1 48 8z" fill="{c1}"/>' +
+    '<path d="M36 76a12 12 0 0 0 24 0z" fill="{c2}"/>' +
+    '<circle cx="48" cy="5" r="6" fill="{c2}"/>',
+
+  crown:
+    '<path d="M8 30 28 46 48 12l20 34 20-16v42a10 10 0 0 1-10 10H18a10 10 0 0 1-10-10z" fill="{c1}"/>' +
+    '<circle cx="48" cy="12" r="7.5" fill="{c2}"/>' +
+    '<circle cx="8" cy="28" r="7.5" fill="{c2}"/>' +
+    '<circle cx="88" cy="28" r="7.5" fill="{c2}"/>',
+
+  // ==================== 通用功能 ====================
+  check:
+    '<circle cx="48" cy="48" r="40" fill="{c1}"/>' +
+    '<path d="M28 49 42 63 69 34" stroke="#FFFFFF" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" fill="none"/>',
+
+  shield:
+    '<path d="M48 4 92 20v30c0 24-18 40-44 46C22 90 4 74 4 50V20z" fill="{c1}"/>' +
+    '<path d="M30 47 43 60 67 34" stroke="#FFFFFF" stroke-width="9" stroke-linecap="round" stroke-linejoin="round" fill="none"/>',
+
+  picture:
+    '<rect x="4" y="14" width="88" height="68" rx="16" fill="{c1}"/>' +
+    '<circle cx="30" cy="36" r="9" fill="#FFFFFF"/>' +
+    '<path d="M12 76 40 46l15 15 13-13 14 28z" fill="{c2}"/>',
+
+  wallet:
+    '<rect x="2" y="18" width="92" height="62" rx="16" fill="{c1}"/>' +
+    '<path d="M18 18h60a16 16 0 0 1 16 16v4H2v-4a16 16 0 0 1 16-16z" fill="{c2}"/>' +
+    '<rect x="58" y="46" width="36" height="20" rx="10" fill="#FFFFFF"/>',
+
+  paywechat:
+    '<rect x="4" y="4" width="88" height="88" rx="28" fill="{c1}"/>' +
+    '<path d="M26 30 48 53 70 30M48 53v22M33 61h30" stroke="#FFFFFF" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" fill="none"/>',
+
+  phone:
+    '<g transform="scale(4)"><path d="M20.5 16.9v2.6a1.8 1.8 0 0 1-2 1.8 18 18 0 0 1-7.8-2.8 17.6 17.6 0 0 1-5.4-5.4A18 18 0 0 1 2.5 5.3a1.8 1.8 0 0 1 1.8-2h2.6a1.8 1.8 0 0 1 1.8 1.6c.1.9.3 1.7.6 2.5a1.8 1.8 0 0 1-.4 1.9L8 10.2a14.4 14.4 0 0 0 5.4 5.4l.9-.9a1.8 1.8 0 0 1 1.9-.4c.8.3 1.6.5 2.5.6a1.8 1.8 0 0 1 1.8 1.9z" fill="{c1}"/></g>',
+
+  phonebind:
+    '<rect x="22" y="2" width="52" height="92" rx="15" fill="{c1}"/>' +
+    '<rect x="40" y="12" width="16" height="6" rx="3" fill="{c2}"/>' +
+    '<rect x="30" y="26" width="36" height="48" rx="8" fill="#FFFFFF"/>',
+
+  lock:
+    '<path d="M28 46V32a20 20 0 0 1 40 0v14h-11V32a9 9 0 0 0-18 0v14z" fill="{c2}"/>' +
+    '<rect x="8" y="42" width="80" height="52" rx="15" fill="{c1}"/>' +
+    '<circle cx="48" cy="63" r="8" fill="#FFFFFF"/>' +
+    '<rect x="43.5" y="66" width="9" height="15" rx="4.5" fill="#FFFFFF"/>',
+
+  star:
+    '<path d="M48 4 61.5 36 96 40 70.5 63 77.5 96 48 79 18.5 96 25.5 63 0 40 34.5 36z" fill="{c1}"/>',
+
+  starO:
+    '<path d="M48 4 61.5 36 96 40 70.5 63 77.5 96 48 79 18.5 96 25.5 63 0 40 34.5 36z" fill="{c3}"/>' +
+    '<path d="M48 4 61.5 36 96 40 70.5 63 77.5 96 48 79 18.5 96 25.5 63 0 40 34.5 36z" fill="none" stroke="{c1}" stroke-width="7" stroke-linejoin="round"/>',
+
+  close:
+    '<circle cx="48" cy="48" r="38" fill="{c3}"/>' +
+    '<path d="M33 33 63 63M63 33 33 63" stroke="{c1}" stroke-width="10" stroke-linecap="round" fill="none"/>',
+
+  fire:
+    '<path d="M50 4c9 14 24 25 24 43a26 26 0 0 1-52 0c0-7 3-13 7-19 2 5 6 8 10 9-3-12 3-24 11-33z" fill="{c1}"/>' +
+    '<path d="M48 56c4.5 3.8 7 7.4 7 11.6a7 7 0 0 1-14 0c0-4.2 2.5-7.8 7-11.6z" fill="{c2}"/>',
+
+  share:
+    '<circle cx="72" cy="18" r="15" fill="{c1}"/>' +
+    '<circle cx="24" cy="48" r="15" fill="{c1}"/>' +
+    '<circle cx="72" cy="78" r="15" fill="{c1}"/>' +
+    '<path d="M36 41 60 25M36 55 60 71" stroke="{c2}" stroke-width="9" stroke-linecap="round" fill="none"/>',
+
+  qrcode:
+    '<rect x="6" y="6" width="34" height="34" rx="10" fill="{c1}"/>' +
+    '<rect x="56" y="6" width="34" height="34" rx="10" fill="{c1}"/>' +
+    '<rect x="6" y="56" width="34" height="34" rx="10" fill="{c1}"/>' +
+    '<rect x="18" y="18" width="10" height="10" rx="3" fill="#FFFFFF"/>' +
+    '<rect x="68" y="18" width="10" height="10" rx="3" fill="#FFFFFF"/>' +
+    '<rect x="18" y="68" width="10" height="10" rx="3" fill="#FFFFFF"/>' +
+    '<rect x="56" y="56" width="16" height="16" rx="5" fill="{c2}"/>' +
+    '<rect x="78" y="56" width="12" height="12" rx="4" fill="{c2}"/>' +
+    '<rect x="56" y="78" width="34" height="12" rx="4" fill="{c2}"/>',
+
+  eye:
+    '<path d="M4 48s19-27 44-27 44 27 44 27-19 27-44 27S4 48 4 48z" fill="{c3}"/>' +
+    '<path d="M4 48s19-27 44-27 44 27 44 27-19 27-44 27S4 48 4 48z" fill="none" stroke="{c1}" stroke-width="7"/>' +
+    '<circle cx="48" cy="48" r="13" fill="{c1}"/>' +
+    '<circle cx="53" cy="43" r="5" fill="#FFFFFF"/>',
+
+  edit:
+    '<path d="M72 6a14 14 0 0 1 20 20L34 84 6 92l8-28z" fill="{c1}"/>' +
+    '<path d="M62 16 82 36" stroke="#FFFFFF" stroke-width="8" fill="none"/>',
+
+  folder:
+    '<path d="M4 26a14 14 0 0 1 14-14h18l11 12h35a14 14 0 0 1 14 14v36a14 14 0 0 1-14 14H18A14 14 0 0 1 4 74z" fill="{c1}"/>' +
+    '<path d="M4 34h88v8H4z" fill="{c2}" opacity="0.5"/>',
+
+  inbox:
+    '<path d="M12 14h72l12 38v26a14 14 0 0 1-14 14H14A14 14 0 0 1 0 78V52z" fill="{c1}"/>' +
+    '<path d="M0 52h26l8 14h28l8-14h26z" fill="#FFFFFF"/>',
+
+  users:
+    '<circle cx="36" cy="30" r="19" fill="{c1}"/>' +
+    '<path d="M0 86a36 36 0 0 1 72 0z" fill="{c1}"/>' +
+    '<circle cx="74" cy="26" r="13" fill="{c2}"/>' +
+    '<path d="M62 86a26 26 0 0 1 34 0z" fill="{c2}"/>',
+
+  info:
+    '<circle cx="48" cy="48" r="40" fill="{c1}"/>' +
+    '<circle cx="48" cy="28" r="6.5" fill="#FFFFFF"/>' +
+    '<rect x="41.5" y="40" width="13" height="32" rx="6.5" fill="#FFFFFF"/>',
+
+  receipt:
+    '<path d="M16 4h64v78l-11-9-11 9-11-9-11 9-10-9-10 9z" fill="{c1}"/>' +
+    '<rect x="28" y="24" width="40" height="8" rx="4" fill="#FFFFFF"/>' +
+    '<rect x="28" y="42" width="40" height="8" rx="4" fill="#FFFFFF"/>' +
+    '<rect x="28" y="60" width="24" height="8" rx="4" fill="#FFFFFF"/>',
+
+  network:
+    '<circle cx="16" cy="16" r="14" fill="{c1}"/>' +
+    '<circle cx="16" cy="80" r="14" fill="{c1}"/>' +
+    '<circle cx="80" cy="48" r="17" fill="{c2}"/>' +
+    '<path d="M32 20h24a14 14 0 0 1 14 14v6" stroke="{c1}" stroke-width="9" fill="none" stroke-linecap="round"/>' +
+    '<path d="M32 76h24a14 14 0 0 0 14-14v-6" stroke="{c1}" stroke-width="9" fill="none" stroke-linecap="round"/>',
+
+  store:
+    '<path d="M4 38 15 8h66l11 30z" fill="{c2}"/>' +
+    '<rect x="10" y="36" width="76" height="50" rx="10" fill="{c1}"/>' +
+    '<rect x="34" y="58" width="28" height="28" rx="6" fill="#FFFFFF"/>',
+
+  card:
+    '<rect x="2" y="18" width="92" height="60" rx="14" fill="{c1}"/>' +
+    '<path d="M2 32h92v14H2z" fill="{c2}"/>' +
+    '<rect x="16" y="58" width="28" height="11" rx="5.5" fill="#FFFFFF"/>',
+}
+/**
+ * 输出清单（文件与注册表 key 一一对应）· 春绿配色 v4
+ *   file: 输出文件名 | art: ART 图形 | c1: 主色 | c2: 第二色 | c3: 高光
+ *   bg:  [浅, 深] 垂直渐变圆角底（存在即为「配图徽章」，透明底则省略）
+ *
+ * 配色规范（Spring Green）：
+ *   · 常态/次要 = 灰绿 #7C9A8B / #A5BFB0（低饱和，不抢视线）
+ *   · 品牌件   = 春绿 #04874A（深 #046B3B / 亮 #049E52；亮绿 #00E070 只做 CSS 面，不做图形）
+ *   · 分类图标 = 统一绿系（8 色相微差，保证品牌一致），仅「同城交友」点缀暖金
+ *   · 会员/热度/收藏/余额 = 阳光金 #F5A623（金只给“值得关注”的信息）
+ *   · 徽章底色 = 浅绿渐变（#E9FEF3 → #CFF7E3 一族），金类徽章用浅金渐变
+ */
+export const OUTPUTS = [
+  // ---------- 底部导航（灰绿常态 / 品牌绿选中态） ----------
+  { file: 'tab-home.png', art: 'home', c1: '#7C9A8B', c2: '#B4CDC0', c3: '#FFFFFF' },
+  { file: 'tab-home-on.png', art: 'home', c1: '#04874A', c2: '#A9F2CE', c3: '#FFFFFF' },
+  { file: 'tab-post.png', art: 'plusCircle', c1: '#7C9A8B', c3: '#FFFFFF' },
+  { file: 'tab-post-on.png', art: 'plusCircle', c1: '#04874A', c3: '#FFFFFF' },
+  { file: 'plus-white.png', art: 'plusLine', c1: '#FFFFFF' },
+  { file: 'plus-ink.png', art: 'plusLine', c1: '#04301E' },
+  { file: 'tab-message.png', art: 'comment', c1: '#7C9A8B', c3: '#FFFFFF' },
+  { file: 'tab-message-on.png', art: 'comment', c1: '#04874A', c3: '#FFFFFF' },
+  { file: 'tab-mine.png', art: 'person', c1: '#7C9A8B', c2: '#B4CDC0' },
+  { file: 'tab-mine-on.png', art: 'person', c1: '#04874A', c2: '#A9F2CE' },
+
+  // ---------- 同城分类（统一绿系 + 浅绿徽章底；交友点缀暖金） ----------
+  { file: 'cat-job.png', art: 'briefcase', bg: ['#E9FEF3', '#CFF7E3'], c1: '#04874A', c2: '#046B3B' },
+  { file: 'cat-house.png', art: 'house', bg: ['#EAFEF1', '#D2F8E0'], c1: '#1F8C4C', c2: '#146B38' },
+  { file: 'cat-goods.png', art: 'box', bg: ['#F2FBE4', '#E2F3C9'], c1: '#5F9A2F', c2: '#44661A' },
+  { file: 'cat-car.png', art: 'car', bg: ['#E8FBF4', '#CFF5E6'], c1: '#0E8C6A', c2: '#0A6B52' },
+  { file: 'cat-service.png', art: 'gear', bg: ['#E8FEF5', '#CFFAE6'], c1: '#17BF7A', c2: '#0E9E60' },
+  { file: 'cat-education.png', art: 'graduation', bg: ['#EFFBF3', '#DCF5E5'], c1: '#3E8C5E', c2: '#2A6B45' },
+  { file: 'cat-clean.png', art: 'sparkle', bg: ['#EAFDF3', '#D2F8E4'], c1: '#17B368', c2: '#127F4A' },
+  { file: 'cat-friend.png', art: 'heart', bg: ['#FFF6E4', '#FBE7C0'], c1: '#E9A23B', c2: '#C9811B' },
+
+  // ---------- 首页与展示（叠在深绿头部上，故取白 + 浅绿/浅金） ----------
+  { file: 'home-location.png', art: 'pin', c1: '#FFFFFF', c2: '#CDF8E4', c3: '#04874A' },
+  { file: 'location.png', art: 'pin', c1: '#04874A', c2: '#046B3B', c3: '#FFFFFF' },
+  { file: 'home-search.png', art: 'search', c1: '#6B8A7B', c3: '#E9FDF4' },
+  { file: 'home-bell.png', art: 'bell', c1: '#FFFFFF', c2: '#CDF8E4' },
+  { file: 'home-crown.png', art: 'crown', c1: '#FFFFFF', c2: '#FFD79A' },
+
+  // ---------- 通用功能（主色件绿，会员/热度/收藏/余额金） ----------
+  { file: 'search.png', art: 'search', c1: '#6B8A7B', c3: '#E9FDF4' },
+  { file: 'close.png', art: 'close', c1: '#6B8A7B', c3: '#EAFDF4' },
+  { file: 'fire.png', art: 'fire', c1: '#F5A623', c2: '#FFE0A8' },
+  { file: 'crown.png', art: 'crown', c1: '#F0A020', c2: '#FFD080' },
+  { file: 'check.png', art: 'check', c1: '#04874A' },
+  { file: 'shield.png', art: 'shield', c1: '#04874A' },
+  { file: 'image.png', art: 'picture', c1: '#049E52', c2: '#046B3B' },
+  { file: 'image-white.png', art: 'picture', c1: '#FFFFFF', c2: '#CDF8E4' },
+  { file: 'wallet.png', art: 'wallet', c1: '#F5A623', c2: '#D98A0B' },
+  { file: 'paywechat.png', art: 'paywechat', c1: '#3FBE5E' }, // 微信品牌绿，保持不变
+  { file: 'phone.png', art: 'phone', c1: '#FFFFFF' },
+  { file: 'phone-orange.png', art: 'phone', c1: '#04874A' },
+  { file: 'phonebind.png', art: 'phonebind', c1: '#04874A', c2: '#046B3B' },
+  { file: 'lock.png', art: 'lock', c1: '#04874A', c2: '#C3F6DE' },
+  { file: 'star.png', art: 'star', c1: '#F5A623' },
+  { file: 'star-o.png', art: 'starO', c1: '#A5BFB0', c3: '#EDFDF5' },
+  { file: 'share.png', art: 'share', c1: '#04874A', c2: '#C3F6DE' },
+  { file: 'qrcode.png', art: 'qrcode', c1: '#04874A', c2: '#046B3B', c3: '#FFFFFF' },
+  { file: 'eye.png', art: 'eye', c1: '#6B8A7B', c3: '#EDFDF5' },
+  { file: 'comment-gray.png', art: 'comment', c1: '#A5BFB0', c3: '#FFFFFF' },
+  { file: 'edit.png', art: 'edit', c1: '#04874A' },
+  { file: 'folder.png', art: 'folder', c1: '#049E52', c2: '#046B3B' },
+  { file: 'inbox.png', art: 'inbox', c1: '#049E52' },
+  { file: 'users.png', art: 'users', c1: '#049E52', c2: '#C3F6DE' },
+  { file: 'settings.png', art: 'gear', c1: '#6B8A7B', c3: '#FFFFFF' },
+  { file: 'info.png', art: 'info', c1: '#049E52' },
+  { file: 'receipt.png', art: 'receipt', c1: '#A5BFB0' },
+  { file: 'network.png', art: 'network', c1: '#049E52', c2: '#C3F6DE' },
+
+  // ---------- 登录身份 / 消息类型（个人=绿，商家=金） ----------
+  { file: 'login-person.png', art: 'person', bg: ['#E9FEF3', '#CFF7E3'], c1: '#04874A', c2: '#C3F6DE' },
+  { file: 'login-shop.png', art: 'store', bg: ['#FFF6E4', '#FBE4BC'], c1: '#E9A23B', c2: '#C9811B' },
+  { file: 'msg-system.png', art: 'bell', bg: ['#E9FEF3', '#CFF7E3'], c1: '#04874A', c2: '#C3F6DE' },
+  { file: 'msg-interact.png', art: 'comment', bg: ['#FFF6E4', '#FBE7C0'], c1: '#F5A623', c3: '#FFFFFF' },
+
+  // ---------- 我的（绿=内容/工具，金=会员/资产） ----------
+  { file: 'mine-post.png', art: 'edit', bg: ['#E9FEF3', '#CFF7E3'], c1: '#04874A' },
+  { file: 'mine-order.png', art: 'box', bg: ['#F2FBE4', '#E2F3C9'], c1: '#5F9A2F', c2: '#44661A' },
+  { file: 'mine-dist.png', art: 'network', bg: ['#E8FBF4', '#CFF5E6'], c1: '#0E8C6A', c2: '#C3F6DE' },
+  { file: 'mine-vip.png', art: 'crown', bg: ['#FFF3E0', '#FBE2B8'], c1: '#E9A23B', c2: '#FFD080' },
+  { file: 'mine-draft.png', art: 'folder', bg: ['#EAFEF1', '#D2F8E0'], c1: '#1F8C4C', c2: '#146B38' },
+  { file: 'mine-history.png', art: 'search', bg: ['#E8FEF5', '#CFFAE6'], c1: '#17BF7A', c3: '#F7FFFB' },
+  { file: 'mine-setting.png', art: 'gear', bg: ['#EFF8F4', '#DEF1E8'], c1: '#6B8A7B', c3: '#FFFFFF' },
+  { file: 'mine-about.png', art: 'info', bg: ['#EFFBF3', '#DCF5E5'], c1: '#3E8C5E' },
+
+  // ---------- 会员与订单 ----------
+  { file: 'link-order.png', art: 'box', bg: ['#F2FBE4', '#E2F3C9'], c1: '#5F9A2F', c2: '#44661A' },
+  { file: 'link-recharge.png', art: 'card', bg: ['#E9FEF3', '#CFF7E3'], c1: '#04874A', c2: '#046B3B' },
+  { file: 'link-dist.png', art: 'network', bg: ['#E8FBF4', '#CFF5E6'], c1: '#0E8C6A', c2: '#C3F6DE' },
+  { file: 'order-post.png', art: 'edit', c1: '#04874A' },
+  { file: 'order-member.png', art: 'crown', c1: '#F5A623', c2: '#FFD080' },
+  { file: 'order-recharge.png', art: 'card', c1: '#049E52', c2: '#046B3B' },
+  { file: 'order-other.png', art: 'receipt', c1: '#A5BFB0' },
+
+  // ---------- 详情操作栏 ----------
+  { file: 'bar-fav.png', art: 'starO', c1: '#6B8A7B', c3: '#EDFDF5' },
+  { file: 'bar-fav-on.png', art: 'star', c1: '#F5A623' },
+  { file: 'bar-share.png', art: 'share', c1: '#6B8A7B', c2: '#B4CDC0' },
+  { file: 'bar-poster.png', art: 'picture', c1: '#6B8A7B', c2: '#B4CDC0' },
+]
diff --git a/uniapp/tools/png-util.mjs b/uniapp/tools/png-util.mjs
new file mode 100644
index 0000000..622d648
--- /dev/null
+++ b/uniapp/tools/png-util.mjs
@@ -0,0 +1,266 @@
+/**
+ * 零依赖 PNG 解码 / 编码 / 透明通道提取
+ * 背景：macOS qlmanage 渲染 SVG 时会合成到不透明白底上，无法直接得到透明 PNG。
+ * 方案：同一张 SVG 分别渲染到「白底」「黑底」两次，用两式联立解出真实的 alpha 与颜色：
+ *   Pw = a·C + (1-a)·255
+ *   Pb = a·C + (1-a)·0
+ *   => a = 1 - (Pw - Pb)/255,  C = Pb / a
+ * 结果就是精确抗锯齿的真实透明 PNG。
+ */
+import zlib from 'node:zlib'
+
+const SIG = Buffer.from([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a])
+
+let CRC_TABLE = null
+function crcTable() {
+  if (CRC_TABLE) return CRC_TABLE
+  CRC_TABLE = new Int32Array(256)
+  for (let n = 0; n < 256; n++) {
+    let c = n
+    for (let k = 0; k < 8; k++) c = c & 1 ? 0xedb88320 ^ (c >>> 1) : c >>> 1
+    CRC_TABLE[n] = c
+  }
+  return CRC_TABLE
+}
+function crc32(buf) {
+  const t = crcTable()
+  let c = 0xffffffff
+  for (let i = 0; i < buf.length; i++) c = t[(c ^ buf[i]) & 0xff] ^ (c >>> 8)
+  return (c ^ 0xffffffff) >>> 0
+}
+function chunk(type, data) {
+  const len = Buffer.alloc(4)
+  len.writeUInt32BE(data.length, 0)
+  const typeBuf = Buffer.from(type, 'ascii')
+  const crc = Buffer.alloc(4)
+  crc.writeUInt32BE(crc32(Buffer.concat([typeBuf, data])), 0)
+  return Buffer.concat([len, typeBuf, data, crc])
+}
+
+/** 解码 PNG -> { width, height, rgba: Buffer(RGBA) } */
+export function decodePng(buf) {
+  if (!buf.slice(0, 8).equals(SIG)) throw new Error('不是有效的 PNG')
+  let off = 8
+  let width = 0
+  let height = 0
+  let colorType = 0
+  let bitDepth = 0
+  const idat = []
+  while (off < buf.length) {
+    const len = buf.readUInt32BE(off)
+    const type = buf.toString('ascii', off + 4, off + 8)
+    const data = buf.slice(off + 8, off + 8 + len)
+    if (type === 'IHDR') {
+      width = data.readUInt32BE(0)
+      height = data.readUInt32BE(4)
+      bitDepth = data[8]
+      colorType = data[9]
+    } else if (type === 'IDAT') idat.push(data)
+    else if (type === 'IEND') break
+    off += 12 + len
+  }
+  if (bitDepth !== 8) throw new Error('仅支持 8bit PNG')
+  const ch = colorType === 6 ? 4 : colorType === 2 ? 3 : colorType === 4 ? 2 : 1
+  const raw = zlib.inflateSync(Buffer.concat(idat))
+  const stride = width * ch
+  const rgba = Buffer.alloc(width * height * 4)
+  let prev = Buffer.alloc(stride)
+  for (let y = 0; y < height; y++) {
+    const ft = raw[y * (stride + 1)]
+    const line = Buffer.from(raw.slice(y * (stride + 1) + 1, y * (stride + 1) + 1 + stride))
+    for (let i = 0; i < stride; i++) {
+      const a = i >= ch ? line[i - ch] : 0
+      const b = prev[i]
+      const c = i >= ch ? prev[i - ch] : 0
+      if (ft === 1) line[i] = (line[i] + a) & 255
+      else if (ft === 2) line[i] = (line[i] + b) & 255
+      else if (ft === 3) line[i] = (line[i] + ((a + b) >> 1)) & 255
+      else if (ft === 4) {
+        const p = a + b - c
+        const pa = Math.abs(p - a)
+        const pb = Math.abs(p - b)
+        const pc = Math.abs(p - c)
+        line[i] = (line[i] + (pa <= pb && pa <= pc ? a : pb <= pc ? b : c)) & 255
+      }
+    }
+    for (let x = 0; x < width; x++) {
+      const si = x * ch
+      const di = (y * width + x) * 4
+      if (ch === 4) {
+        rgba[di] = line[si]; rgba[di + 1] = line[si + 1]; rgba[di + 2] = line[si + 2]; rgba[di + 3] = line[si + 3]
+      } else if (ch === 3) {
+        rgba[di] = line[si]; rgba[di + 1] = line[si + 1]; rgba[di + 2] = line[si + 2]; rgba[di + 3] = 255
+      } else {
+        rgba[di] = rgba[di + 1] = rgba[di + 2] = line[si]; rgba[di + 3] = ch === 2 ? line[si + 1] : 255
+      }
+    }
+    prev = line
+  }
+  return { width, height, rgba }
+}
+
+/**
+ * 编码 RGBA -> PNG（无损）
+ * filter：PNG 行滤波器，0=不过滤（默认，保持图标产物字节不变）、1=Sub、2=Up、3=Avg、4=Paeth。
+ * 大面积渐变图（如轮播配图）用 1~4 可把体积降到 1/3 以下；图形类图标用 0 已足够小。
+ */
+export function encodePng({ width, height, rgba }, { filter = 0 } = {}) {
+  const stride = width * 4
+  const raw = Buffer.alloc((stride + 1) * height)
+  const bpp = 4
+  if (!filter) {
+    for (let y = 0; y < height; y++) {
+      raw[y * (stride + 1)] = 0
+      rgba.copy(raw, y * (stride + 1) + 1, y * stride, y * stride + stride)
+    }
+  } else {
+    let prev = Buffer.alloc(stride)
+    const line = Buffer.alloc(stride)
+    for (let y = 0; y < height; y++) {
+      const base = y * stride
+      for (let i = 0; i < stride; i++) {
+        const cur = rgba[base + i]
+        const a = i >= bpp ? rgba[base + i - bpp] : 0
+        const b = prev[i]
+        const c = i >= bpp ? prev[i - bpp] : 0
+        let pred
+        if (filter === 1) pred = a
+        else if (filter === 2) pred = b
+        else if (filter === 3) pred = (a + b) >> 1
+        else {
+          const p = a + b - c
+          const pa = Math.abs(p - a)
+          const pb = Math.abs(p - b)
+          const pc = Math.abs(p - c)
+          pred = pa <= pb && pa <= pc ? a : pb <= pc ? b : c
+        }
+        line[i] = (cur - pred) & 255
+      }
+      raw[y * (stride + 1)] = filter
+      line.copy(raw, y * (stride + 1) + 1)
+      prev = Buffer.from(line)
+    }
+  }
+  const ihdr = Buffer.alloc(13)
+  ihdr.writeUInt32BE(width, 0)
+  ihdr.writeUInt32BE(height, 4)
+  ihdr[8] = 8
+  ihdr[9] = 6
+  return Buffer.concat([SIG, chunk('IHDR', ihdr), chunk('IDAT', zlib.deflateSync(raw, { level: 9 })), chunk('IEND', Buffer.alloc(0))])
+}
+
+/** 由「白底」「黑底」两张同尺寸渲染图解出真实透明 RGBA */
+export function extractAlpha(white, black) {
+  const { width, height } = white
+  const out = Buffer.alloc(width * height * 4)
+  for (let i = 0; i < width * height; i++) {
+    const di = i * 4
+    const dw = ((white.rgba[di] - black.rgba[di]) + (white.rgba[di + 1] - black.rgba[di + 1]) + (white.rgba[di + 2] - black.rgba[di + 2])) / 3
+    let a = 1 - dw / 255
+    if (a < 0) a = 0
+    if (a > 1) a = 1
+    if (a <= 0.008) {
+      out[di] = 0; out[di + 1] = 0; out[di + 2] = 0; out[di + 3] = 0
+      continue
+    }
+    out[di] = Math.min(255, Math.round(black.rgba[di] / a))
+    out[di + 1] = Math.min(255, Math.round(black.rgba[di + 1] / a))
+    out[di + 2] = Math.min(255, Math.round(black.rgba[di + 2] / a))
+    out[di + 3] = Math.round(a * 255)
+  }
+  return { width, height, rgba: out }
+}
+
+/** 统计透明像素占比（用于自检） */
+export function transparentRatio(img) {
+  let n = 0
+  for (let i = 0; i < img.width * img.height; i++) if (img.rgba[i * 4 + 3] < 10) n++
+  return n / (img.width * img.height)
+}
+
+/**
+ * 求「非纯白像素」的包围盒。
+ * 用途：qlmanage 会把 SVG 渲染到一个更小的子矩形里，其余填充纯白衬底，
+ * 因此对「黑底渲染图」求非白包围盒即可精确定位真实内容区域。
+ */
+export function contentBox(img) {
+  const { width: W, height: H, rgba } = img
+  let minX = W
+  let maxX = -1
+  let minY = H
+  let maxY = -1
+  for (let y = 0; y < H; y++) {
+    for (let x = 0; x < W; x++) {
+      const d = (y * W + x) * 4
+      const isWhite = rgba[d] >= 250 && rgba[d + 1] >= 250 && rgba[d + 2] >= 250
+      if (!isWhite) {
+        if (x < minX) minX = x
+        if (x > maxX) maxX = x
+        if (y < minY) minY = y
+        if (y > maxY) maxY = y
+      }
+    }
+  }
+  if (maxX < 0) return { x: 0, y: 0, w: W, h: H }
+  return { x: minX, y: minY, w: maxX - minX + 1, h: maxY - minY + 1 }
+}
+
+/** 按包围盒裁剪 */
+export function crop(img, box) {
+  const out = Buffer.alloc(box.w * box.h * 4)
+  for (let y = 0; y < box.h; y++) {
+    const src = ((box.y + y) * img.width + box.x) * 4
+    img.rgba.copy(out, y * box.w * 4, src, src + box.w * 4)
+  }
+  return { width: box.w, height: box.h, rgba: out }
+}
+
+/**
+ * 整数倍降采样（盒式滤波，按预乘 alpha 平均，避免半透明边缘发暗）
+ * 用于把高分辨率渲染结果压到目标尺寸，兼顾锐度与体积。
+ */
+export function downscale(img, factor) {
+  if (factor <= 1) return img
+  const w = Math.floor(img.width / factor)
+  const h = Math.floor(img.height / factor)
+  const out = Buffer.alloc(w * h * 4)
+  const n = factor * factor
+  for (let y = 0; y < h; y++) {
+    for (let x = 0; x < w; x++) {
+      let r = 0
+      let g = 0
+      let b = 0
+      let a = 0
+      for (let dy = 0; dy < factor; dy++) {
+        for (let dx = 0; dx < factor; dx++) {
+          const d = ((y * factor + dy) * img.width + (x * factor + dx)) * 4
+          const al = img.rgba[d + 3]
+          r += img.rgba[d] * al
+          g += img.rgba[d + 1] * al
+          b += img.rgba[d + 2] * al
+          a += al
+        }
+      }
+      const o = (y * w + x) * 4
+      if (a === 0) {
+        out[o] = out[o + 1] = out[o + 2] = out[o + 3] = 0
+      } else {
+        out[o] = Math.round(r / a)
+        out[o + 1] = Math.round(g / a)
+        out[o + 2] = Math.round(b / a)
+        out[o + 3] = Math.round(a / n)
+      }
+    }
+  }
+  return { width: w, height: h, rgba: out }
+}
+
+/** 统计「纯白且不透明」像素占比（用于自检底噪） */
+export function opaqueWhiteRatio(img) {
+  let n = 0
+  for (let i = 0; i < img.width * img.height; i++) {
+    const d = i * 4
+    if (img.rgba[d + 3] > 250 && img.rgba[d] > 250 && img.rgba[d + 1] > 250 && img.rgba[d + 2] > 250) n++
+  }
+  return n / (img.width * img.height)
+}
diff --git a/uniapp/tools/preview-theme.mjs b/uniapp/tools/preview-theme.mjs
new file mode 100644
index 0000000..9e640b6
--- /dev/null
+++ b/uniapp/tools/preview-theme.mjs
@@ -0,0 +1,523 @@
+#!/usr/bin/env node
+/**
+ * 生态绿主题 · 预览出图（改配色后的目检工具）
+ * ------------------------------------------------------------
+ * 为什么需要它：小程序只能跑在 HBuilderX / 微信开发者工具里，改主题时无法快速目检。
+ * 本脚本用「仓库里真实的 SCSS/CSS + 真实的 mock 数据」拼出一张预览图：
+ * 配色是否协调、有没有漏改的旧色，一眼就能看出来。
+ *
+ * 做法：
+ *   1) 用 HBuilderX 内置 dart-sass 编译 uni.scss（令牌）+ 页面/组件的 <style> 段；
+ *   2) rpx → px（按 375px 手机宽换算：750rpx = 100vw）；
+ *   3) 用 common/mock/data.js 的真实数据填充首页结构
+ *      （深绿头部 / 轮播 / 分类九宫格 / 会员条 / 筛选 / 信息流卡片 / tabbar）；
+ *   4) 另附「设计令牌色板 + 组件样例」，最后可选调用 qlmanage 渲染成 PNG。
+ *
+ * 用法：
+ *   node tools/preview-theme.mjs                 # 只产出 HTML（任意浏览器可开）
+ *   node tools/preview-theme.mjs --render        # 同时用 qlmanage 出 PNG（仅 macOS）
+ *   node tools/preview-theme.mjs --out /tmp/preview --render
+ */
+import fs from 'node:fs'
+import os from 'node:os'
+import path from 'node:path'
+import url from 'node:url'
+import { execFileSync } from 'node:child_process'
+import { createRequire } from 'node:module'
+import { datasets } from '../common/mock/data.js'
+import { CATEGORY_ICON_KEY } from '../common/assets/icons.js'
+import { bannerArtUrl, bannerHasValue, bannerBg } from '../common/assets/banners.js'
+
+const ROOT = path.resolve(path.dirname(url.fileURLToPath(import.meta.url)), '..')
+const argv = process.argv.slice(2)
+const argOf = (n, d) => {
+  const i = argv.indexOf(n)
+  return i >= 0 && argv[i + 1] && !argv[i + 1].startsWith('--') ? argv[i + 1] : d
+}
+const OUT_DIR = path.resolve(argOf('--out', path.join(os.tmpdir(), 'fc-theme-preview')))
+const DO_RENDER = argv.includes('--render')
+const FRAME_W = 375 // 手机预览宽度（px）
+
+/* ---------------- 1. dart-sass（优先用 HBuilderX 内置） ---------------- */
+const SASS_CANDIDATES = [
+  process.env.FC_SASS,
+  '/Applications/HBuilderX.app/Contents/HBuilderX/plugins/compile-dart-sass/node_modules/sass',
+  path.join(ROOT, 'node_modules/sass'),
+].filter(Boolean)
+
+const require = createRequire(import.meta.url)
+let sass = null
+let sassFrom = ''
+for (const c of SASS_CANDIDATES) {
+  try {
+    sass = require(c)
+    sassFrom = c
+    break
+  } catch (e) {
+    /* 继续尝试下一个 */
+  }
+}
+if (!sass) {
+  console.error('❌ 未找到 dart-sass。可设置环境变量 FC_SASS 指向 sass 模块目录后重试。')
+  process.exit(1)
+}
+
+const read = (rel) => fs.readFileSync(path.join(ROOT, rel), 'utf8')
+const styleOf = (rel) => {
+  const m = read(rel).match(/<style[^>]*>([\s\S]*?)<\/style>/)
+  return m ? m[1] : ''
+}
+const TOKENS = read('uni.scss')
+
+/** 编译 SCSS（令牌自动注入，与 uni-app 行为一致） */
+function compile(scss, label) {
+  try {
+    return String(sass.renderSync({ data: TOKENS + '\n' + scss, style: 'expanded' }).css)
+  } catch (e) {
+    console.error(`❌ ${label} 编译失败：${e.message.split('\n')[0]}`)
+    process.exit(1)
+  }
+}
+
+/** rpx → px（750rpx = 屏宽） */
+const rpxToPx = (css, screenPx) =>
+  css.replace(/(-?[\d.]+)rpx/g, (_, n) => `${(parseFloat(n) * (screenPx / 750)).toFixed(3)}px`)
+
+/* ---------------- 2. 编译真实样式 ---------------- */
+const cssHome = rpxToPx(compile(styleOf('pages/index/index.vue'), 'pages/index/index.vue'), FRAME_W)
+const cssCard = rpxToPx(compile(styleOf('components/fc-post-card/fc-post-card.vue'), 'fc-post-card'), FRAME_W)
+const cssTabbar = rpxToPx(compile(styleOf('components/fc-tabbar/fc-tabbar.vue'), 'fc-tabbar'), FRAME_W)
+const cssNavbar = rpxToPx(compile(styleOf('components/fc-navbar/fc-navbar.vue'), 'fc-navbar'), FRAME_W)
+const cssLogin = rpxToPx(compile(styleOf('pages/auth/login.vue'), 'pages/auth/login.vue'), FRAME_W)
+const cssGlobal = rpxToPx(
+  styleOf('App.vue').replace(/(^|\n)\s*page\s*\{/, '$1.fc-frame {'),
+  FRAME_W,
+)
+
+/* ---------------- 3. 令牌解析（色板用） ---------------- */
+const tokenLines = TOKENS.split(/\r?\n/)
+  .map((l) => l.match(/^\s*(\$fc-[a-z-]+)\s*:\s*(.+?);\s*(\/\/.*)?$/))
+  .filter(Boolean)
+  .map((m) => ({ name: m[1], value: m[2].trim(), note: (m[3] || '').replace(/^\/\/\s*/, '') }))
+const colorTokens = tokenLines.filter((t) => /^#[0-9a-f]{3,8}$/i.test(t.value))
+const gradientTokens = tokenLines.filter((t) => t.value.startsWith('linear-gradient'))
+/* ---------------- 4. 首页仿真（真实结构 + 真实 mock 数据） ---------------- */
+const { banners, categories, posts } = datasets
+const icon = (file, cls, extra = '') =>
+  `<img class="${cls}" src="static/icons/${file}.png" ${extra}>`
+
+/** 轮播卡：与 pages/index/index.vue 的模板结构 + 编译后的真实 CSS 完全一致 */
+function bannerCard(b, i) {
+  const deco = b.image
+    ? `<img class="home__banner-photo" src="${b.image}">`
+    : `<div class="home__banner-deco">
+        <div class="home__banner-glow"></div>
+        <div class="home__banner-vein"></div>
+        <div class="home__banner-hill home__banner-hill--far"></div>
+        <div class="home__banner-hill home__banner-hill--near"></div>
+        <div class="home__banner-badge">
+          <div class="home__banner-ring home__banner-ring--outer"></div>
+          <div class="home__banner-ring home__banner-ring--inner"></div>
+          <img class="home__banner-art" src="static/banners/${bannerArtUrl(i).split('/').pop()}">
+          ${
+            bannerHasValue(i)
+              ? `<div class="home__banner-value">
+            <div class="home__banner-value-dot"></div>
+            <div class="home__banner-value-dot home__banner-value-dot--sm"></div>
+          </div>`
+              : ''
+          }
+        </div>
+      </div>`
+  return `
+      <div class="home__banner-item" style="background:${bannerBg(b, i)}">
+        ${deco}
+        <div class="home__banner-shade"></div>
+        <div class="home__banner-text">
+          <span class="home__banner-tag">同城精选</span>
+          <span class="home__banner-title">${b.title}</span>
+          <div class="home__banner-cta"><span class="home__banner-cta-text">立即查看 ›</span></div>
+        </div>
+      </div>`
+}
+
+/** 轮播三态 + 旧暖色数据回落演示（后台数据未同步时的护栏） */
+const bannerDemos = [
+  ...banners.map((b, i) => ({ b, i, cap: `banner ${i + 1} · 内置渐变 + 白色插画 ${i + 1}` })),
+  { b: { ...banners[0], id: 9, color: '#FF8A5B' }, i: 0, cap: 'banner 1 · 旧暖色 #FF8A5B → 自动回落春绿渐变' },
+]
+
+function postCard(p) {
+  const key = CATEGORY_ICON_KEY[p.categoryId] || 'cat-job'
+  const tags = (p.tags || [])
+    .slice(0, 2)
+    .map((t) => `<span class="fc-tag fc-post-card__tag">${t}</span>`)
+    .join('')
+  const paid = p.isPaid ? '<span class="fc-post-card__tag fc-post-card__tag--paid">置顶</span>' : ''
+  const price =
+    p.price > 0
+      ? `<span class="fc-price__symbol">¥</span><span class="fc-post-card__amount">${p.price}</span>`
+      : '<span class="fc-post-card__neg">面议</span>'
+  return `
+        <div class="fc-post-card">
+          <div class="fc-post-card__thumb"><img class="fc-post-card__thumb-img" src="static/icons/${key}.png"></div>
+          <div class="fc-post-card__body">
+            <div class="fc-post-card__title fc-ellipsis-2">${p.title}</div>
+            <div class="fc-post-card__tags">${tags}${paid}</div>
+            <div class="fc-post-card__meta">
+              <span>${p.area}</span><span class="fc-post-card__dot">·</span><span>2 小时前</span>
+            </div>
+            <div class="fc-post-card__bottom">
+              <div class="fc-price">${price}<span class="fc-post-card__unit">${p.priceUnit}</span></div>
+              <div class="fc-post-card__stats">
+                <div class="fc-post-card__stat">${icon('eye', 'fc-icon fc-icon--xs')}<span class="fc-post-card__stat-num">${p.views}</span></div>
+                <div class="fc-post-card__stat">${icon('comment-gray', 'fc-icon fc-icon--xs')}<span class="fc-post-card__stat-num">${p.commentCount || 0}</span></div>
+              </div>
+            </div>
+          </div>
+        </div>`
+}
+
+const tabbar = `
+      <div class="fc-tabbar">
+        <div class="fc-tabbar__item fc-tabbar__item--active">
+          <div class="fc-tabbar__icon">${icon('tab-home-on', 'fc-tabbar__img')}</div><span class="fc-tabbar__text">首页</span>
+        </div>
+        <div class="fc-tabbar__item fc-tabbar__item--primary">
+          <div class="fc-tabbar__icon fc-tabbar__icon--circle">${icon('plus-ink', 'fc-tabbar__plus')}</div><span class="fc-tabbar__text">发布</span>
+        </div>
+        <div class="fc-tabbar__item">
+          <div class="fc-tabbar__icon">${icon('tab-message', 'fc-tabbar__img')}</div><span class="fc-tabbar__text">消息</span>
+        </div>
+        <div class="fc-tabbar__item">
+          <div class="fc-tabbar__icon">${icon('tab-mine', 'fc-tabbar__img')}</div><span class="fc-tabbar__text">我的</span>
+        </div>
+        <div class="fc-safe-bottom"></div>
+      </div>`
+
+/* 登录页（品牌区 + 身份双选 + 一键登录）——生态绿品牌第一屏 */
+const loginScreen = `
+  <div class="phone fc-frame">
+    <div class="login">
+      <div class="login__bg"></div>
+      <div class="login__status" style="height:20px"></div>
+      <div class="login__brand">
+        <img class="fc-logo fc-logo--lg" src="static/logo.png">
+        <span class="login__title">山间小仓</span>
+        <span class="login__slogan">招聘 · 房产 · 二手 · 本地服务，一站直达</span>
+      </div>
+      <div class="login__panel">
+        <span class="login__panel-title">选择身份</span>
+        <div class="login__types">
+          <div class="login__type login__type--active">
+            ${icon('login-person', 'fc-icon--badge-sm')}
+            <span class="login__type-name">个人用户</span>
+            <span class="login__type-desc">发布闲置 / 查看信息</span>
+          </div>
+          <div class="login__type">
+            ${icon('login-shop', 'fc-icon--badge-sm')}
+            <span class="login__type-name">商家用户</span>
+            <span class="login__type-desc">需营业执照资质认证</span>
+          </div>
+        </div>
+        <div class="login__btn">微信一键登录</div>
+        <div class="login__phone">${icon('phonebind', 'fc-icon fc-icon--sm')}<span class="login__phone-text">手机号授权绑定</span></div>
+        <span class="login__agree">登录即代表同意《用户协议》与《隐私政策》</span>
+      </div>
+    </div>
+  </div>`
+
+const homeScreen = `
+  <div class="phone fc-frame">
+    <div class="fc-page home">
+      <div class="home__header">
+        <div class="home__header-status" style="height:20px"></div>
+        <div class="home__header-bar">
+          <img class="fc-logo fc-logo--sm" src="static/logo.png">
+          <div class="home__location">
+            ${icon('home-location', 'fc-icon fc-icon--sm')}
+            <span class="home__location-text fc-ellipsis">观山湖区</span>
+            <span class="home__location-arrow">▾</span>
+          </div>
+          <div class="home__msg">
+            ${icon('home-bell', 'fc-icon fc-icon--sm')}
+            <div class="home__msg-dot">3</div>
+          </div>
+        </div>
+        <div class="home__search">
+          ${icon('home-search', 'fc-icon fc-icon--sm')}
+          <span class="home__search-ph">搜索招聘、租房、二手…</span>
+        </div>
+      </div>
+      <div class="home__banner">
+        ${bannerCard(banners[0], 0)}
+      </div>
+
+      <div class="fc-card home__cats">
+        <div class="home__cats-head"><span class="home__cats-title">同城分类</span><span class="home__cats-more">全部分类 ›</span></div>
+        <div class="home__cats-grid">
+          ${categories
+            .map(
+              (c) => `<div class="home__cat">
+            <div class="home__cat-icon">${icon(c.iconKey, 'fc-icon--badge')}</div>
+            <span class="home__cat-name">${c.name}</span>
+          </div>`,
+            )
+            .join('')}
+        </div>
+      </div>
+
+      <div class="home__vip">
+        <div class="home__vip-left">
+          ${icon('home-crown', 'fc-icon fc-icon--md')}
+          <div class="home__vip-texts">
+            <span class="home__vip-title">开通会员，发布 8 折</span>
+            <span class="home__vip-sub">超值月卡 ¥19.9 起</span>
+          </div>
+        </div>
+        <div class="home__vip-btn">立即开通</div>
+      </div>
+
+      <div class="home__filter">
+        <div class="home__filter-item home__filter-item--active"><span>最新</span></div>
+        <div class="home__filter-item"><span>附近</span></div>
+        <div class="home__filter-item"><span>热门</span></div>
+        <div class="home__filter-item home__filter-item--area"><span>观山湖区 ▾</span></div>
+      </div>
+
+      ${posts.slice(0, 3).map(postCard).join('')}
+      <div class="home__loadmore">上拉加载更多</div>
+      <div class="home__tabbar-space"></div>
+    </div>
+    ${tabbar}
+  </div>`
+
+/* ---------------- 5. 令牌色板 + 组件样例 ---------------- */
+const swatchRow = (list) =>
+  list
+    .map(
+      (t) => `<div class="sw"><i style="background:${t.value}"></i>
+        <div><b>${t.name.replace('$fc-', '')}</b><s>${t.value}</s></div></div>`,
+    )
+    .join('')
+
+const gradRow = (list) =>
+  list
+    .map(
+      (t) =>
+        `<div class="gr"><i style="background:${t.value}"></i><b>${t.name.replace('$fc-', '')}</b></div>`,
+    )
+    .join('')
+
+const bg = (tokenLines.find((t) => t.name === '$fc-bg') || {}).value || '#f2fef7'
+
+const panel = `
+  <div class="panel">
+    <h2>设计令牌 · 春绿 Spring Green（实时解析 uni.scss）</h2>
+    <h3>设计稿参考色（本轮定色依据：图片均值 #04E06E / 众数 #00DF6C）</h3>
+    <div class="grid">
+      <div class="sw"><i style="background:#00E070"></i><div><b>采用主色 #00E070</b><s>亮绿 = 面（配墨绿字 8.2:1）</s></div></div>
+      <div class="sw"><i style="background:#04E06E"></i><div><b>图片均值 #04E06E</b><s>参考图取样</s></div></div>
+      <div class="sw"><i style="background:#04874A"></i><div><b>白字安全绿 #04874A</b><s>白字 4.6:1（AA）</s></div></div>
+    </div>
+    <h3>主色系 · 春绿</h3>
+    <div class="grid">${swatchRow(colorTokens.filter((t) => t.name.startsWith('$fc-primary')))}</div>
+    <h3>辅助色 · 阳光金（只给会员 / 热度 / 价格）</h3>
+    <div class="grid">${swatchRow(colorTokens.filter((t) => t.name.startsWith('$fc-accent')))}</div>
+    <h3>文字 / 背景 / 边框</h3>
+    <div class="grid">${swatchRow(
+      colorTokens.filter((t) => /^\$fc-(text|bg|border)/.test(t.name)),
+    )}</div>
+    <h3>功能色</h3>
+    <div class="grid">${swatchRow(
+      colorTokens.filter((t) => /^\$fc-(success|warning|danger|info|price)/.test(t.name)),
+    )}</div>
+    <h3>渐变</h3>
+    <div class="grid">${gradRow(gradientTokens)}</div>
+
+    <h2>组件样例 · 真实 CSS</h2>
+    <div class="demo">
+      <div class="demo-col">
+        <div class="fc-btn">立即发布</div>
+        <div class="fc-btn fc-btn--ghost">查看详情</div>
+        <div class="fc-btn fc-btn--disabled">已售罄</div>
+      </div>
+      <div class="demo-col">
+        <div class="row">
+          <span class="fc-tag">精装</span><span class="fc-tag">近地铁</span>
+          <span class="fc-tag fc-tag--paid">置顶</span>
+        </div>
+        <div class="fc-price" style="font-size:22px">
+          <span class="fc-price__symbol">¥</span>1800<span class="unit">元/月</span>
+        </div>
+        <div class="fc-thumb" style="width:130px;height:92px;font-size:26px">图</div>
+      </div>
+      <div class="demo-col">
+        <div class="fc-navbar fc-navbar--gradient">
+          <div class="fc-navbar__bar" style="height:44px">
+            <div class="fc-navbar__back"><span class="fc-navbar__back-icon">‹</span></div>
+            <div class="fc-navbar__title fc-navbar__title--center"><span class="fc-navbar__title-text">会员中心</span></div>
+            <div class="fc-navbar__right"></div>
+          </div>
+        </div>
+        <div class="fc-navbar fc-navbar--white">
+          <div class="fc-navbar__bar" style="height:44px">
+            <div class="fc-navbar__back"><span class="fc-navbar__back-icon">‹</span></div>
+            <div class="fc-navbar__title fc-navbar__title--center"><span class="fc-navbar__title-text">发布信息</span></div>
+            <div class="fc-navbar__right"></div>
+          </div>
+        </div>
+        <div class="fc-skeleton" style="height:22px;width:70%"></div>
+        <div class="fc-empty" style="padding:20px 0">暂无相关数据</div>
+      </div>
+    </div>
+
+    <h2>轮播配图 · 三态（后台改 color / image 即时生效）</h2>
+    <div class="banners">
+      ${bannerDemos
+        .map(
+          (d) =>
+            `<div class="banners__item"><b class="banners__cap">${d.cap}</b><div class="home__banner">${bannerCard(d.b, d.i)}</div></div>`,
+        )
+        .join('')}
+    </div>
+  </div>`
+
+/* ---------------- 6. 预览专用样式（不进入小程序产物） ---------------- */
+const previewCss = `
+  * { box-sizing: border-box; }
+  body { margin: 0; padding: 22px 26px; background: #eafaf2; color: #04291c;
+    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif; }
+  .title { font-size: 20px; font-weight: 800; letter-spacing: 1px; color: #023a21; margin: 0 0 4px; }
+  .sub { font-size: 12px; color: #6d8a80; margin: 0 0 18px; }
+  .wrap { display: flex; gap: 26px; align-items: flex-start; }
+  .phone { position: relative; width: 375px; height: 812px; flex: 0 0 375px; border-radius: 34px;
+    overflow: hidden; border: 1px solid #cdf0dd; box-shadow: 0 26px 60px -22px rgba(4, 48, 42, .55); }
+  .phone .fc-page { min-height: 0; padding-bottom: 0; }
+  .phone .login { min-height: 0; height: 100%; padding-bottom: 0; }
+  .phone .fc-tabbar { position: absolute; }
+  .phone .fc-post-card { margin: 0 12px 10px; }
+  .panel { width: 1140px; margin-top: 22px; }
+  .panel h2 { font-size: 15px; color: #04874a; margin: 2px 0 10px; padding-left: 9px; border-left: 4px solid #00e070; }
+  .panel h3 { font-size: 12px; font-weight: 600; color: #6d8a80; margin: 14px 0 7px; }
+  .grid { display: flex; flex-wrap: wrap; gap: 8px; }
+  .sw { display: flex; align-items: center; gap: 9px; min-width: 188px; padding: 6px 10px;
+    background: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(14, 124, 102, .08); }
+  .sw i { flex: 0 0 28px; width: 28px; height: 28px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, .06); }
+  .sw b { display: block; font-size: 11px; color: #04291c; }
+  .sw s { display: block; font-size: 10px; color: #6d8a80; text-decoration: none; }
+  .gr { padding: 8px; background: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(14, 124, 102, .08); }
+  .gr i { display: block; width: 206px; height: 26px; border-radius: 8px; }
+  .gr b { display: block; margin-top: 5px; font-size: 10px; color: #6d8a80; }
+  .demo { display: flex; gap: 16px; }
+  .demo-col { flex: 1; display: flex; flex-direction: column; gap: 10px; padding: 14px;
+    background: #fff; border-radius: 14px; box-shadow: 0 6px 20px rgba(14, 124, 102, .1); }
+  .demo-col .row { display: flex; gap: 6px; flex-wrap: wrap; }
+  .demo-col .unit { margin-left: 4px; font-size: 12px; font-weight: 400; color: #6d8a80; }
+  .fc-tag--paid { background: linear-gradient(135deg, #ffc25c 0%, #f5a623 55%, #d98a0b 100%) !important; color: #04301e; }
+  /* 轮播三态演示：抵消 .home__banner 的负外边距，逐条单独占位 */
+  .banners { display: flex; flex-direction: column; gap: 14px; }
+  .banners__item { width: 375px; padding-top: 26px; }
+  .banners__cap { display: block; margin-bottom: 6px; font-size: 11px; font-weight: 600; color: #6d8a80; }
+  .banners__item .home__banner { box-shadow: 0 12px 40px rgba(14, 124, 102, .18); }
+`
+
+const html = `<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8">
+<title>春绿主题预览 · 山间小仓</title>
+<style>${previewCss}</style>
+<style>${cssGlobal}</style>
+<style>${cssHome}</style>
+<style>${cssCard}</style>
+<style>${cssTabbar}</style>
+<style>${cssNavbar}</style>
+<style>${cssLogin}</style>
+</head>
+<body>
+  <div class="title">山间小仓 · 同城分类信息小程序 — 春绿主题预览（参考设计稿 #00E070）</div>
+  <div class="sub">样式来源：uni.scss + App.vue + pages/index/index.vue + pages/auth/login.vue + components/*（rpx 已按 ${FRAME_W}px 宽换算，手机框即真实 750rpx 设计稿）｜数据来源：common/mock/data.js</div>
+  <div class="wrap">
+    <div>${homeScreen}</div>
+    <div>${loginScreen}</div>
+  </div>
+  ${panel}
+</body>
+</html>`
+
+/* ---------------- 7. 落盘（HTML + 静态资源副本） ---------------- */
+fs.mkdirSync(OUT_DIR, { recursive: true })
+fs.cpSync(path.join(ROOT, 'static'), path.join(OUT_DIR, 'static'), { recursive: true })
+const htmlPath = path.join(OUT_DIR, 'preview.html')
+fs.writeFileSync(htmlPath, html)
+
+/* ---------------- 8. 旧暖色残留自检（防止改主题漏改） ---------------- */
+const WARM = [
+  '#ff6f3c', '#ff8f5e', '#fff0e8', '#f4542a', '#fff8f2', '#ffb03a', '#fff2e8',
+  '#f5e6d9', '#2b2118', '#5c4b3d', '#8a7a6d', '#b9a99b', '#ffd9c2', '#ffb088',
+  '#ecd9cc', '#f7ece3', '#ff9a8b', 'rgba(255, 111, 60', 'rgba(43, 33, 24',
+  // 旧版轮播种子色（后台 fc_banner 历史数据，前端由 bannerBg() 回落拦截）
+  '#ff8a5b', '#ffb86b', '#ff6f61',
+  // 上一版主题「生态绿 v1.2」（v4 春绿起整套退役，防止改主题时漏改）
+  '#0e7c66', '#14a085', '#0a5d4d', '#04302a', '#18a587', '#0e6b62', '#07443e',
+  '#7fd0bb', '#8ed9c4', '#bfe8da', '#e9f7f2', '#d2efe5', '#2fa36b',
+  '#f4f9f6', '#10261f', '#6d8a80',
+]
+function walk(dir, out = []) {
+  for (const name of fs.readdirSync(dir)) {
+    if (name === 'node_modules' || name === '.git' || name === 'unpackage') continue
+    const full = path.join(dir, name)
+    if (fs.statSync(full).isDirectory()) walk(full, out)
+    else if (/\.(vue|js|mjs|json|scss)$/.test(name)) out.push(full)
+  }
+  return out
+}
+const scanFiles = [
+  path.join(ROOT, 'App.vue'),
+  path.join(ROOT, 'pages.json'),
+  path.join(ROOT, 'uni.scss'),
+  ...walk(path.join(ROOT, 'pages')),
+  ...walk(path.join(ROOT, 'components')),
+  ...walk(path.join(ROOT, 'common')),
+  path.join(ROOT, 'tools/icon-svg.mjs'),
+  path.join(ROOT, 'tools/gen-icons.mjs'),
+  path.join(ROOT, 'tools/banner-art.mjs'),
+  path.join(ROOT, 'tools/gen-banner-art.mjs'),
+]
+const hits = []
+for (const f of scanFiles) {
+  // 去掉注释再扫描：文档里点名旧色值不算残留，只有代码/样式里真正用到才报错
+  const src = fs
+    .readFileSync(f, 'utf8')
+    .replace(/\/\*[\s\S]*?\*\//g, '')
+    .replace(/^[ \t]*\/\/.*$/gm, '')
+    .toLowerCase()
+  const found = WARM.filter((w) => src.includes(w))
+  if (found.length) hits.push(`${path.relative(ROOT, f)} → ${found.join(', ')}`)
+}
+
+/* ---------------- 9. 可选：qlmanage 出 PNG（仅 macOS） ---------------- */
+let pngPath = ''
+if (DO_RENDER) {
+  const tmp = fs.mkdtempSync(path.join(os.tmpdir(), 'fc-preview-'))
+  try {
+    execFileSync('qlmanage', ['-t', '-s', '1700', '-o', tmp, htmlPath], { stdio: 'ignore' })
+    const produced = fs.readdirSync(tmp).find((f) => f.endsWith('.png'))
+    if (produced) {
+      pngPath = path.join(OUT_DIR, 'preview.png')
+      fs.copyFileSync(path.join(tmp, produced), pngPath)
+    }
+  } catch (e) {
+    console.log('⚠️  qlmanage 出图失败（需 macOS），HTML 仍可直接用浏览器打开')
+  }
+}
+
+console.log(`
+✅ 春绿主题预览已生成（dart-sass: ${sassFrom}）
+   HTML   ：${htmlPath}${pngPath ? `\n   PNG    ：${pngPath}` : ''}
+   令牌   ：实色 ${colorTokens.length} 项 / 渐变 ${gradientTokens.length} 项
+   旧色自检：${hits.length ? `❌ 仍有 ${hits.length} 处旧暖色` : '✅ 无旧暖色残留'}
+${hits.map((h) => `            · ${h}`).join('\n')}
+`)
+if (hits.length) process.exitCode = 1
diff --git a/uniapp/uni.promisify.adaptor.js b/uniapp/uni.promisify.adaptor.js
new file mode 100644
index 0000000..5fec4f3
--- /dev/null
+++ b/uniapp/uni.promisify.adaptor.js
@@ -0,0 +1,13 @@
+uni.addInterceptor({
+  returnValue (res) {
+    if (!(!!res && (typeof res === "object" || typeof res === "function") && typeof res.then === "function")) {
+      return res;
+    }
+    return new Promise((resolve, reject) => {
+      res.then((res) => {
+        if (!res) return resolve(res) 
+        return res[0] ? reject(res[0]) : resolve(res[1])
+      });
+    });
+  },
+});
\ No newline at end of file
diff --git a/uniapp/uni.scss b/uniapp/uni.scss
new file mode 100644
index 0000000..8b4d86a
--- /dev/null
+++ b/uniapp/uni.scss
@@ -0,0 +1,174 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+
+/* 颜色变量 */
+
+/* 行为相关颜色 */
+$uni-color-primary: #007aff;
+$uni-color-success: #4cd964;
+$uni-color-warning: #f0ad4e;
+$uni-color-error: #dd524d;
+
+/* 文字基本颜色 */
+$uni-text-color:#333;//基本色
+$uni-text-color-inverse:#fff;//反色
+$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
+$uni-text-color-placeholder: #808080;
+$uni-text-color-disable:#c0c0c0;
+
+/* 背景颜色 */
+$uni-bg-color:#ffffff;
+$uni-bg-color-grey:#f8f8f8;
+$uni-bg-color-hover:#f1f1f1;//点击状态颜色
+$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
+
+/* 边框颜色 */
+$uni-border-color:#c8c7cc;
+
+/* 尺寸变量 */
+
+/* 文字尺寸 */
+$uni-font-size-sm:12px;
+$uni-font-size-base:14px;
+$uni-font-size-lg:16px;
+
+/* 图片尺寸 */
+$uni-img-size-sm:20px;
+$uni-img-size-base:26px;
+$uni-img-size-lg:40px;
+
+/* Border Radius */
+$uni-border-radius-sm: 2px;
+$uni-border-radius-base: 3px;
+$uni-border-radius-lg: 6px;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 5px;
+$uni-spacing-row-base: 10px;
+$uni-spacing-row-lg: 15px;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 4px;
+$uni-spacing-col-base: 8px;
+$uni-spacing-col-lg: 12px;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2C405A; // 文章标题颜色
+$uni-font-size-title:20px;
+$uni-color-subtitle: #555555; // 二级标题颜色
+$uni-font-size-subtitle:26px;
+$uni-color-paragraph: #3F536E; // 文章段落颜色
+$uni-font-size-paragraph:15px;
+
+/* 主题变量 · 春绿设计系统（Spring Green Design System v4）
+ * ------------------------------------------------------------
+ * 设计立意：以设计稿亮绿「春绿 #00E070」为品牌亮色（森林绿打底、收获金点缀）。
+ *   · 亮绿 #00E070 = 品牌色，只用于「面」：按钮底 / 徽章 / 胶囊 / 选中态 / 轮播底
+ *     —— 面上的字一律用墨绿 #04301E（8.2:1），**不用白字**（白字压亮绿只有 1.8:1）
+ *   · 白字只出现在 #04874A 及更深的绿面上（4.6:1 ~ 12.9:1）
+ *   · 辅助色 = 阳光金（只留给「值得关注」的信息：会员 / 热度 / 价格）
+ *   · 底色 = 薄荷白 #F2FEF7（干净透气，衬托绿与金，避免灰脏）
+ * 以下变量由 uni-app 自动注入所有 `<style lang="scss">`，无需手动 import。
+ * ========================================================== */
+
+/* 品牌主色 · 春绿（Spring Green = 设计稿 #00E070） */
+$fc-primary: #00e070;            // 品牌亮绿（面：按钮底 / 选中态 / 徽章 / 装饰）
+$fc-primary-ink: #04301e;        // 亮绿面上的字（8.2:1，替代白字）
+$fc-primary-text: #04874a;       // 白底上的绿字 / 强调文字（4.6:1）
+$fc-primary-light: #5cf3a6;      // 主色浅（描边 / 次级强调 / 图标高光）
+$fc-primary-lighter: #e4fdf0;    // 主色极浅（浅底块 / 选中底）
+$fc-primary-dark: #00b85c;       // 主色中段（按压态 / 渐变过渡）
+$fc-primary-deep: #046b3b;       // 深绿面（白字 6.6:1）
+$fc-primary-deeper: #023a21;     // 极深绿（Hero 收尾 / 会员资产卡）
+$fc-primary-soft: #a9f2ce;       // 浅绿点缀（进度 / 分割 / 图示）
+
+/* 辅助色 · 阳光金（会员 / 热度 / 价格） */
+$fc-accent: #f5a623;
+$fc-accent-light: #ffc25c;
+$fc-accent-lighter: #fff4e0;
+$fc-accent-dark: #d98a0b;
+
+/* 渐变 */
+$fc-gradient-primary: linear-gradient(135deg, #00e070 0%, #00c860 55%, #00b85c 100%);
+$fc-gradient-hero: linear-gradient(150deg, #04874a 0%, #046b3b 55%, #023a21 100%);
+$fc-gradient-deep: linear-gradient(150deg, #046b3b 0%, #023a21 100%);
+$fc-gradient-gold: linear-gradient(135deg, #ffc25c 0%, #f5a623 55%, #d98a0b 100%);
+$fc-gradient-warm: $fc-gradient-gold;  // 兼容旧名：会员 / 徽章 / 价格条
+$fc-gradient-soft: linear-gradient(180deg, #eafef4 0%, #f7fffb 100%);
+
+/* 文字色（墨绿系，替代纯黑，冷感更低、更显净透） */
+$fc-text: #04291c;
+$fc-text-regular: #2f5a46;
+$fc-text-secondary: #3f6b57;
+$fc-text-placeholder: #8fb3a3;
+$fc-text-inverse: #ffffff;
+
+/* 背景 / 边框 / 投影（一律绿色低透明度投影，避免灰黑脏感） */
+$fc-bg: #f2fef7;
+$fc-bg-card: #ffffff;
+$fc-bg-hover: #e4fdf0;
+$fc-border: #d6f3e3;
+$fc-shadow: 0 6rpx 24rpx rgba(4, 48, 30, 0.12);
+$fc-shadow-lg: 0 12rpx 40rpx rgba(4, 48, 30, 0.18);
+$fc-shadow-gold: 0 10rpx 28rpx rgba(245, 166, 35, 0.28);
+
+/* 功能色 */
+$fc-success: #04874a;
+$fc-warning: #f5a623;
+$fc-danger: #e5484d;
+$fc-info: #3f6b57;
+$fc-price: #e0891b;
+
+/* 圆角 / 间距 */
+$fc-radius-sm: 8rpx;
+$fc-radius: 16rpx;
+$fc-radius-lg: 24rpx;
+$fc-radius-pill: 999rpx;
+$fc-gap-xs: 8rpx;
+$fc-gap-sm: 16rpx;
+$fc-gap: 24rpx;
+$fc-gap-lg: 32rpx;
+$fc-gap-xl: 48rpx;
+
+/* 字号（v4：层级不变，仅颜色随主题切换） */
+$fc-font-xs: 24rpx;   // 标签 / 时间戳 / Tab 文字
+$fc-font-sm: 26rpx;   // 辅助说明 / 分类名 / 占位符
+$fc-font: 28rpx;      // 正文默认
+$fc-font-lg: 32rpx;   // 卡片标题 / 按钮
+$fc-font-xl: 36rpx;   // 区块标题 / 导航标题
+$fc-font-title: 42rpx; // 页面大标题 / 详情标题
+
+/* 行高（提升阅读节奏） */
+$fc-leading-tight: 1.3;
+$fc-leading: 1.5;
+$fc-leading-loose: 1.7;
+
+/* ---------- 覆盖 uni-app 内置变量为春绿（后面的赋值生效） ---------- */
+$uni-color-primary: #00e070;
+$uni-color-success: #04874a;
+$uni-color-warning: #f5a623;
+$uni-color-error: #e5484d;
+$uni-text-color: #04291c;
+$uni-text-color-grey: #3f6b57;
+$uni-text-color-placeholder: #8fb3a3;
+$uni-text-color-disable: #b8d6c7;
+$uni-bg-color: #ffffff;
+$uni-bg-color-grey: #f2fef7;
+$uni-bg-color-hover: #e4fdf0;
+$uni-border-color: #d6f3e3;
+