参考「梵氧鲜果」框架设计：5 Tab（首页 / 分类 / 品牌中键 / 订单 / 我的），墨绿主色 + 玫红行动色。
核心模式：茗茶订阅制（按月份上架当季茶）+ 礼盒商城 + 券包。商品与订单数据与 PC 管理端对齐。

TAB 01首页品牌 LOGO + 快捷导航（茗茶订阅/礼盒/年卡/券包）+ 大海报轮播 + 本月订阅进度 + 爆款推荐打开页面 → TAB 02分类品牌横幅 + 左侧分类栏（茗茶订阅/爆款礼盒/凤凰单丛/武夷岩茶…）+ 右侧商品列表打开页面 → DETAIL商品详情大图 + 价格/已购 + 品质承诺/服务承诺/售后须知 + 底部「赠送好友 / 立即购买」打开页面 → SUBSCRIBE茗茶订阅左侧 1-12 月导航，右侧当月订阅茶品：限量进度条 + 立即订阅 / 订阅结束打开页面 → COUPON我的券包待使用 / 已使用 / 已过期，券票面与 PC 端优惠券模块数据对齐打开页面 → TAB 04订单购买订单 / 赠送订单双 Tab + 全部/待支付/待发货/已发货/已完成/已退款，与 PC 端状态机一致打开页面 → TAB 05我的深绿个人主页：余额/总佣金/优惠券/提现 + 宫格（分销中心/券包/购物车/在线客服/设置…）打开页面 → AUTH授权与隐私微信默认登录(静默) + 手机号授权(getPhoneNumber) + 经纬度授权(getLocation) + 下单链路流程打开页面 → ORDER确认订单定位 + 微信授权手机号 + 商品快照 + 优惠券 + 分账结算 + 提交订单打开页面 → PAY微信支付微信收银台：金额 + 6 位密码键盘 + 立即支付打开页面 → DONE支付结果支付成功页：金额 / 订单号 / 查看订单详情打开页面 → DETAIL订单详情状态步骤条 + 物流 + 收货(含手机号/定位) + 分账 + 售后入口打开页面 →
说明：所有页面为 390×844 手机壳预览，可直接点击互跳。
下单主流程：商品详情 → 确认订单(微信授权手机号 + 获取定位) → 微信支付 → 支付结果 → 订单详情。
微信能力：wx.login 静默登录、wx.getPhoneNumber 获取手机号、wx.getLocation 获取经纬度，详见「授权与隐私」。