diff --git a/application/api/controller/AdminMember.php b/application/api/controller/AdminMember.php
index 3daf99c..2c2c58d 100644
--- a/application/api/controller/AdminMember.php
+++ b/application/api/controller/AdminMember.php
@@ -41,7 +41,7 @@ class AdminMember extends V1
         $list = [];
         foreach ($rows as $row) {
             $isMember = (int)$row['is_member'] === 1
-                && (!$row['member_expiretime'] || (int)$row['member_expiretime'] > $now);
+                && !empty($row['member_expiretime']) && (int)$row['member_expiretime'] > $now;
             $list[] = [
                 'id'         => (int)$row['id'],
                 'nickname'   => (string)$row['nickname'],
diff --git a/application/api/controller/Distribution.php b/application/api/controller/Distribution.php
index 567bdfd..5f1432d 100644
--- a/application/api/controller/Distribution.php
+++ b/application/api/controller/Distribution.php
@@ -9,14 +9,19 @@ use think\Db;
  * 路由：
  *   GET  /api/v1/distribution/overview          D1 分销概览
  *   GET  /api/v1/distribution/team              D2 我的团队
- *   POST /api/v1/distribution/withdraw          D3 申请提现
- *   GET  /api/v1/distribution/withdraw-records   D4 提现记录
+ *   GET  /api/v1/distribution/commissions       D3 分销收益明细
+ *   GET  /api/v1/distribution/poster            D4 推广海报要素
+ *   POST /api/v1/distribution/withdraw          D5 申请提现
+ *   GET  /api/v1/distribution/withdraw-records   D6 提现记录
  */
 class Distribution extends V1
 {
     /**
      * D1 分销概览
-     * GET /api/v1/distribution/overview → {totalCommission,settled,withdrawable,todayCommission,teamCount,l1Count,l2Count,inviteCode,posterUrl,minWithdraw}
+     * GET /api/v1/distribution/overview
+     * 获取用户分销核心资产数据、团队人数与分销基础配置
+     *
+     * @return void 输出包含累计佣金、已结算、待结算、可提现、今日收益、邀请码及分销规则配置的JSON响应
      */
     public function overview()
     {
@@ -38,35 +43,45 @@ class Distribution extends V1
         $l2 = (int)Db::name('fc_dist_relation')->where('parent_id', $uid)->where('level', 2)->count();
 
         $ext = $this->ext($uid);
+        $code = (string)$ext['invite_code'];
+        $shareUrl = 'https://fenleixinxi.gzyakj.com.cn/#/pages/index/index?ic=' . urlencode($code);
 
         // 商家转账确认收款页需要的商户号与小程序 AppID（非敏感，可下发）
         $epay = (array)get_addon_config('epay');
         $wx   = isset($epay['wechat']) && is_array($epay['wechat']) ? $epay['wechat'] : [];
 
         $this->ok([
-            'totalCommission' => round($total, 2),
-            'settled'         => round($settled, 2),
+            'totalCommission'   => round($total, 2),
+            'settled'           => round($settled, 2),
             'pendingCommission' => round($pending, 2),
-            'withdrawable'    => round(max(0, $withdrawable), 2),
-            'todayCommission' => round($todayCommission, 2),
-            'teamCount'       => $l1 + $l2,
-            'l1Count'         => $l1,
-            'l2Count'         => $l2,
-            'inviteCode'      => (string)$ext['invite_code'],
-            'posterUrl'       => '',
-            // 最低提现金额（后台「分销设置」下发，替代前端写死的 50）
-            'minWithdraw'     => (float)$this->cfg('dist.minWithdraw', 50),
+            'withdrawable'      => round(max(0, $withdrawable), 2),
+            'todayCommission'   => round($todayCommission, 2),
+            'teamCount'         => $l1 + $l2,
+            'l1Count'           => $l1,
+            'l2Count'           => $l2,
+            'inviteCode'        => $code,
+            'shareUrl'          => $shareUrl,
+            'posterUrl'         => '',
+            // 最低提现金额（后台「分销设置」下发，默认 50）
+            'minWithdraw'       => (float)$this->cfg('dist.minWithdraw', 50),
+            // 分销比例与配置规则
+            'level1Rate'        => (float)$this->cfg('dist.level1Rate', 20),
+            'level2Rate'        => (float)$this->cfg('dist.level2Rate', 10),
+            'settleCycle'       => (string)$this->cfg('dist.settleCycle', 'T+7'),
+            'enabled'           => (int)$this->cfg('dist.enabled', 1),
             // 提现收款人实名（未填写时前端需先采集）
-            'realname'        => isset($ext['realname']) ? (string)$ext['realname'] : '',
-            'transferMchId'   => isset($wx['mch_id']) ? (string)$wx['mch_id'] : '',
-            'transferAppId'   => isset($wx['miniapp_id']) ? (string)$wx['miniapp_id'] : '',
+            'realname'          => isset($ext['realname']) ? (string)$ext['realname'] : '',
+            'transferMchId'     => isset($wx['mch_id']) ? (string)$wx['mch_id'] : '',
+            'transferAppId'     => isset($wx['miniapp_id']) ? (string)$wx['miniapp_id'] : '',
         ]);
     }
 
     /**
      * D2 我的团队
      * GET /api/v1/distribution/team 入参 {level?,page,size}
-     * → 分页 {list:[{id,nickname,level,joinedAt,performance,commission}],page,size,total,hasMore}
+     * 分页查询直推（1级）和间推（2级）下线团队成员
+     *
+     * @return void 输出团队成员分页列表JSON
      */
     public function team()
     {
@@ -85,19 +100,31 @@ class Distribution extends V1
             if ($forCount) {
                 return $q;
             }
-            return $q->field('r.id,r.user_id,r.level,r.createtime,u.nickname')
+            return $q->field('r.id,r.user_id,r.level,r.createtime,u.nickname,u.avatar,u.mobile')
                 ->order('r.createtime desc');
         });
 
         $list = [];
         foreach ($rows as $row) {
             $childId = (int)$row['user_id'];
-            $commission = (float)Db::name('fc_commission')->where('from_user_id', $childId)->sum('amount');
-            $orderAmount = (float)Db::name('fc_order')->where('user_id', $childId)->where('status', 'paid')->sum('amount');
+            $commission = (float)Db::name('fc_commission')
+                ->where('user_id', $uid)
+                ->where('from_user_id', $childId)
+                ->sum('amount');
+            $orderAmount = (float)Db::name('fc_order')
+                ->where('user_id', $childId)
+                ->where('status', 'paid')
+                ->sum('amount');
             $performance = $orderAmount > 0 ? $orderAmount : $commission * 5;
+
+            $mobile = (string)(isset($row['mobile']) ? $row['mobile'] : '');
+            $maskedMobile = (strlen($mobile) === 11) ? substr($mobile, 0, 3) . '****' . substr($mobile, -4) : '';
+
             $list[] = [
                 'id'          => $childId,
                 'nickname'    => (string)$row['nickname'],
+                'avatar'      => (string)(isset($row['avatar']) ? $row['avatar'] : ''),
+                'mobile'      => $maskedMobile,
                 'level'       => (int)$row['level'],
                 'joinedAt'    => $this->iso($row['createtime']),
                 'performance' => round($performance, 2),
@@ -109,9 +136,121 @@ class Distribution extends V1
     }
 
     /**
-     * D3 申请提现
+     * D3 分销收益明细（佣金流水账单）
+     * GET /api/v1/distribution/commissions 入参 {status?,level?,page,size}
+     * 分页查询下线消费产生的佣金记录明细及结算状态
+     *
+     * @return void 输出佣金明细列表与汇总统计JSON
+     */
+    public function commissions()
+    {
+        $user = $this->auth();
+        $uid = (int)$user['id'];
+        $status = $this->input('status', '');
+        $level = $this->input('level', '');
+
+        list($rows, $total, $page, $size) = $this->pageQuery(function ($forCount) use ($uid, $status, $level) {
+            $q = Db::name('fc_commission')->alias('c')
+                ->join('user u', 'u.id = c.from_user_id', 'LEFT')
+                ->join('fc_order o', 'o.order_no = c.order_no', 'LEFT')
+                ->where('c.user_id', $uid);
+
+            if ($status !== '' && $status !== null) {
+                $q->where('c.status', (int)$status);
+            }
+            if ($level !== '' && $level !== null) {
+                $q->where('c.level', (int)$level);
+            }
+            if ($forCount) {
+                return $q;
+            }
+            return $q->field('c.*,u.nickname as from_nickname,u.avatar as from_avatar,o.title as order_title,o.amount as order_amount')
+                ->order('c.createtime desc');
+        });
+
+        $typeMap = [
+            'post'     => '信息发布/置顶',
+            'member'   => 'VIP会员购买',
+            'payview'  => '付费查看信息',
+            'refresh'  => '信息一键刷新',
+            'merchant' => '商家认证入驻',
+        ];
+
+        $statusMap = [
+            0 => '待结算',
+            1 => '已结算',
+            2 => '已失效',
+        ];
+
+        $list = [];
+        foreach ($rows as $row) {
+            $orderType = (string)(isset($row['order_type']) ? $row['order_type'] : 'post');
+            $st = (int)$row['status'];
+            $list[] = [
+                'id'            => (int)$row['id'],
+                'orderNo'       => (string)$row['order_no'],
+                'orderType'     => $orderType,
+                'orderTypeName' => isset($typeMap[$orderType]) ? $typeMap[$orderType] : (isset($row['order_title']) && $row['order_title'] ? $row['order_title'] : '同城消费'),
+                'orderAmount'   => round((float)(isset($row['order_amount']) ? $row['order_amount'] : 0), 2),
+                'amount'        => round((float)$row['amount'], 2),
+                'rate'          => (float)$row['rate'],
+                'level'         => (int)$row['level'],
+                'status'        => $st,
+                'statusText'    => isset($statusMap[$st]) ? $statusMap[$st] : '处理中',
+                'settleDue'     => !empty($row['settle_due']) ? $this->iso($row['settle_due']) : '',
+                'settletime'    => !empty($row['settletime']) ? $this->iso($row['settletime']) : '',
+                'createdAt'     => $this->iso($row['createtime']),
+                'fromUser'      => [
+                    'id'       => (int)$row['from_user_id'],
+                    'nickname' => (string)(isset($row['from_nickname']) && $row['from_nickname'] !== '' ? $row['from_nickname'] : '同城好友'),
+                    'avatar'   => (string)(isset($row['from_avatar']) ? $row['from_avatar'] : ''),
+                ],
+            ];
+        }
+
+        $res = $this->paginate($list, $total, $page, $size);
+        $res['summary'] = [
+            'totalCommission'   => round((float)Db::name('fc_commission')->where('user_id', $uid)->where('status', '<>', 2)->sum('amount'), 2),
+            'settledCommission' => round((float)Db::name('fc_commission')->where('user_id', $uid)->where('status', 1)->sum('amount'), 2),
+            'pendingCommission' => round((float)Db::name('fc_commission')->where('user_id', $uid)->where('status', 0)->sum('amount'), 2),
+        ];
+
+        $this->ok($res);
+    }
+
+    /**
+     * D4 分销海报生成要素
+     * GET /api/v1/distribution/poster
+     * 获取用于前端合成或分享专属推广海报的元数据
+     *
+     * @return void 输出海报配置与素材信息的JSON
+     */
+    public function poster()
+    {
+        $user = $this->auth();
+        $uid = (int)$user['id'];
+        $ext = $this->ext($uid);
+
+        $siteName = (string)$this->cfg('app.name', '同城分类信息');
+        $slogan   = (string)$this->cfg('dist.slogan', '同城便民生活 · 随时随地发布与求助');
+        $code     = (string)$ext['invite_code'];
+
+        $this->ok([
+            'inviteCode' => $code,
+            'siteName'   => $siteName,
+            'slogan'     => $slogan,
+            'nickname'   => (string)(isset($user['nickname']) && $user['nickname'] !== '' ? $user['nickname'] : '同城合伙人'),
+            'avatar'     => (string)(isset($user['avatar']) ? $user['avatar'] : ''),
+            'path'       => 'pages/index/index?ic=' . $code,
+        ]);
+    }
+
+    /**
+     * D5 申请提现
      * POST /api/v1/distribution/withdraw 入参 {amount,channel?} → {withdrawNo,status:'auditing'}
      * 规则 BR-09：金额必填且 >0、且不超过可提现余额
+     *
+     * @return void 输出提现单号与状态JSON
      */
     public function withdraw()
     {
@@ -172,8 +311,11 @@ class Distribution extends V1
     }
 
     /**
-     * D4 提现记录
+     * D6 提现记录
      * GET /api/v1/distribution/withdraw-records → [{id,withdrawNo,amount,status,createdAt}]
+     * 获取当前用户的历史提现记录与商家转账确认参数
+     *
+     * @return void 输出提现历史记录列表JSON
      */
     public function withdrawRecords()
     {
@@ -199,7 +341,11 @@ class Distribution extends V1
     }
 
     /**
+     * 计算当前用户可提现余额
      * 可提现余额 = Σ已结算佣金(status=1) - Σ(申请中/已打款)提现
+     *
+     * @param int $uid 用户ID
+     * @return float 可提现余额数值
      */
     protected function withdrawable($uid)
     {
@@ -208,4 +354,4 @@ class Distribution extends V1
             ->where('status', 'in', ['auditing', 'paying', 'paid'])->sum('amount');
         return $settled - $applied;
     }
-}
+}
\ No newline at end of file
diff --git a/application/api/controller/Member.php b/application/api/controller/Member.php
index e057070..15d8390 100644
--- a/application/api/controller/Member.php
+++ b/application/api/controller/Member.php
@@ -83,7 +83,7 @@ class Member extends V1
             $now = time();
             $ext = $this->ext($me['id']);
             $isMember = (int)$ext['is_member'] === 1
-                && (empty($ext['member_expiretime']) || (int)$ext['member_expiretime'] > $now);
+                && !empty($ext['member_expiretime']) && (int)$ext['member_expiretime'] > $now;
             $today = date('Y-m-d');
             $freeViewUsed = ((string)$ext['free_view_date'] === $today) ? (int)$ext['free_view_used'] : 0;
             $freeViewLeft = $isMember ? max(0, $freeViewQuota - $freeViewUsed) : 0;
@@ -123,7 +123,10 @@ class Member extends V1
             $this->fail('请选择会员套餐');
         }
 
-        $payType = (string)$this->input('payType', '');
+        $payType = (string)$this->input('payType', 'wxpay');
+        if ($payType === '') {
+            $payType = 'wxpay';
+        }
         if (!in_array($payType, ['wxpay', 'balance'], true)) {
             $this->fail('支付方式不支持');
         }
diff --git a/application/api/controller/Merchant.php b/application/api/controller/Merchant.php
index 1496894..4192d3d 100644
--- a/application/api/controller/Merchant.php
+++ b/application/api/controller/Merchant.php
@@ -62,6 +62,35 @@ class Merchant extends V1
         // 首屏拉取前 6 条该商家的有效发帖
         $posts = $this->fetchMerchantPosts($m['user_id'], 1, 6);
 
+        // 严格保护商家联系电话：未付费解锁或非会员状态下脱敏，杜绝从信息详情页跳转商家主页白嫖绕过
+        $rawContact = (string)(isset($m['contact']) ? $m['contact'] : '');
+        $unlocked = false;
+        $me = $this->user();
+        if ($me) {
+            $now = time();
+            $ext = $this->ext($me['id']);
+            $isMember = (int)$ext['is_member'] === 1
+                && !empty($ext['member_expiretime']) && (int)$ext['member_expiretime'] > $now;
+            $isOwner = (int)$m['user_id'] === (int)$me['id'];
+            if ($isOwner || $isMember) {
+                $unlocked = true;
+            } else {
+                // 检查是否从已解锁的关联信息跳转而来
+                $postId = (int)$this->input('postId', 0);
+                if ($postId > 0) {
+                    $paidView = Db::name('fc_pay_view')
+                        ->where('user_id', $me['id'])
+                        ->where('post_id', $postId)
+                        ->find();
+                    if ($paidView) {
+                        $unlocked = true;
+                    }
+                }
+            }
+        }
+
+        $displayContact = $unlocked ? $rawContact : $this->maskPhone($rawContact);
+
         $data = [
             'id'              => (int)$m['id'],
             'userId'          => (int)$m['user_id'],
@@ -71,7 +100,8 @@ class Merchant extends V1
             'address'         => (string)(isset($m['address']) ? $m['address'] : ''),
             'lat'             => (isset($m['lat']) && $m['lat'] !== null && $m['lat'] !== '') ? (float)$m['lat'] : null,
             'lng'             => (isset($m['lng']) && $m['lng'] !== null && $m['lng'] !== '') ? (float)$m['lng'] : null,
-            'contact'         => (string)(isset($m['contact']) ? $m['contact'] : ''),
+            'contact'         => $displayContact,
+            'unlocked'        => $unlocked,
             'category'        => (string)(isset($m['category']) ? $m['category'] : ''),
             'notice'          => (string)(isset($m['notice']) ? $m['notice'] : ''),
             'auditStatus'     => (int)$m['audit_status'],
diff --git a/application/api/controller/Post.php b/application/api/controller/Post.php
index d53ba0a..c22f1ac 100644
--- a/application/api/controller/Post.php
+++ b/application/api/controller/Post.php
@@ -186,7 +186,10 @@ class Post extends V1
         if ($plan === 'single') {
             // 单条付费 = 付费发布标准（免费发布条数用完后即按此计费）；会员按折扣率计价
             $amount = $unitPrice;
-            $payType = trim((string)$this->input('payType', ''));
+            $payType = trim((string)$this->input('payType', 'wxpay'));
+            if ($payType === '') {
+                $payType = 'wxpay';
+            }
             if ($amount > 0 && !in_array($payType, ['wxpay', 'balance'], true)) {
                 $this->fail('支付方式不支持');
             }
@@ -505,7 +508,7 @@ class Post extends V1
             'freeQuotaLeft'  => $free['unlimited'] ? -1 : $free['left'],
             'freeUnlimited'  => $free['unlimited'],
             'quotaExpireAt'  => $quotaExpire > 0 ? $this->iso($quotaExpire) : '',
-            'isMember'       => (int)$ext['is_member'] === 1 && ($memberExpire === 0 || $memberExpire > $now),
+            'isMember'       => (int)$ext['is_member'] === 1 && !empty($memberExpire) && $memberExpire > $now,
             'memberExpireAt' => $memberExpire > 0 ? $this->iso($memberExpire) : '',
         ]);
     }
@@ -854,7 +857,7 @@ class Post extends V1
         if ($me) {
             $ext = $this->ext($me['id']);
             $isMember = (int)$ext['is_member'] === 1
-                && (empty($ext['member_expiretime']) || (int)$ext['member_expiretime'] > $now);
+                && !empty($ext['member_expiretime']) && (int)$ext['member_expiretime'] > $now;
             $isOwner = (int)$post['user_id'] === (int)$me['id'];
             $paid = (bool)Db::name('fc_pay_view')
                 ->where('user_id', $me['id'])
@@ -974,18 +977,33 @@ class Post extends V1
             $this->fail('信息不存在', 404);
         }
 
+        $phone = (string)$post['phone'];
+        $wechat = $post['wechat'] !== '' ? (string)$post['wechat'] : ('tongcheng_' . $id);
+        $contactName = (string)(isset($post['contact']) ? $post['contact'] : '');
+
         $contact = [
-            'phone'  => (string)$post['phone'],
-            'wechat' => $post['wechat'] !== '' ? (string)$post['wechat'] : ('tongcheng_' . $id),
+            'name'   => $contactName,
+            'phone'  => $phone,
+            'wechat' => $wechat,
         ];
 
-        // 已解锁直接返回
+        // 已解锁直接返回（严格返回纯净扁平字段，杜绝 JSON 嵌套导致前端格式错乱）
         $exist = Db::name('fc_pay_view')
             ->where('user_id', $user['id'])
             ->where('post_id', $id)
             ->find();
         if ($exist) {
-            $this->ok(['unlocked' => true, 'contact' => $contact]);
+            $today = date('Y-m-d');
+            $usedToday = ((string)$ext['free_view_date'] === $today) ? (int)$ext['free_view_used'] : 0;
+            $this->ok([
+                'unlocked'     => true,
+                'phone'        => $phone,
+                'contact'      => $phone,
+                'contactName'  => $contactName,
+                'wechat'       => $wechat,
+                'contactInfo'  => $contact,
+                'freeViewLeft' => $isMember ? max(0, $quota - $usedToday) : 0,
+            ]);
         }
 
         $amount = round((float)$this->cfg('fee.payView', 2), 2);
@@ -993,7 +1011,7 @@ class Post extends V1
 
         $ext = $this->ext($user['id']);
         $isMember = (int)$ext['is_member'] === 1
-            && (!$ext['member_expiretime'] || $ext['member_expiretime'] > $now);
+            && !empty($ext['member_expiretime']) && (int)$ext['member_expiretime'] > $now;
         $quota = $this->memberFreeViewQuota();
 
         $orderId = 0;
@@ -1070,7 +1088,11 @@ class Post extends V1
 
         $this->ok([
             'unlocked'     => true,
-            'contact'      => $contact,
+            'phone'        => $phone,
+            'contact'      => $phone,
+            'contactName'  => $contactName,
+            'wechat'       => $wechat,
+            'contactInfo'  => $contact,
             'freeViewLeft' => $isMember ? max(0, $quota - $usedNow) : 0,
             'usedFree'     => isset($usedFree) ? $usedFree : false,
         ]);
@@ -1362,7 +1384,7 @@ class Post extends V1
     {
         $now = time();
         $isMember = (int)$ext['is_member'] === 1
-            && (empty($ext['member_expiretime']) || (int)$ext['member_expiretime'] > $now);
+            && !empty($ext['member_expiretime']) && (int)$ext['member_expiretime'] > $now;
         if (!$isMember) {
             return 1.0;
         }
diff --git a/application/api/controller/V1.php b/application/api/controller/V1.php
index 1510763..fa04d4d 100644
--- a/application/api/controller/V1.php
+++ b/application/api/controller/V1.php
@@ -558,7 +558,7 @@ class V1 extends Api
         $user = $user ?: $this->auth();
         $ext = $this->ext($user['id']);
         $isMember = (int)$ext['is_member'] === 1
-            && (!$ext['member_expiretime'] || $ext['member_expiretime'] > time());
+            && !empty($ext['member_expiretime']) && (int)$ext['member_expiretime'] > time();
         // 查询商家认证状态与商铺资料
         $merchant = Db::name('fc_merchant')->where('user_id', $user['id'])->find();
         $isMerchant = $merchant && (int)$merchant['audit_status'] === 1 && $merchant['shop_status'] === 'normal';
diff --git a/application/route.php b/application/route.php
index b1eb482..a33589c 100755
--- a/application/route.php
+++ b/application/route.php
@@ -95,6 +95,8 @@ return [
     /* =============== 五、用户端 · 分销中心（Module-DIST） =============== */
     'api/v1/distribution/overview'         => 'api/Distribution/overview',
     'api/v1/distribution/team'             => 'api/Distribution/team',
+    'api/v1/distribution/commissions'      => 'api/Distribution/commissions',
+    'api/v1/distribution/poster'           => 'api/Distribution/poster',
     'api/v1/distribution/withdraw'         => 'api/Distribution/withdraw',
     'api/v1/distribution/withdraw-records' => 'api/Distribution/withdrawRecords',
 
diff --git a/uniapp/App.vue b/uniapp/App.vue
index 33371d9..55bfa59 100644
--- a/uniapp/App.vue
+++ b/uniapp/App.vue
@@ -12,10 +12,33 @@ export default {
 		console.log('App Hide')
 	},
 	methods: {
+		/**
+		 * 捕获并解析邀请分销参数（支持普通 query 与微信小程序码 scene 场景值）
+		 * @param {Object} options 小程序启动或页面入参
+		 */
 		captureInvite(options) {
 			const query = (options && options.query) || {}
-			const ic = query.ic || query.inviteCode || query.invite_code
-			const inviterId = query.inviterId || query.inviter_id
+			let ic = query.ic || query.inviteCode || query.invite_code
+			let inviterId = query.inviterId || query.inviter_id
+
+			// 解析微信小程序码携带的 scene 场景值（如 scene=ic_ABCD 或 scene=ABCD 或 scene=ic=ABCD）
+			if (!ic && query.scene) {
+				try {
+					const sceneStr = decodeURIComponent(query.scene)
+					if (sceneStr.indexOf('ic_') === 0) {
+						ic = sceneStr.slice(3)
+					} else if (sceneStr.indexOf('ic=') === 0) {
+						ic = sceneStr.slice(3)
+					} else if (sceneStr.indexOf('uid_') === 0) {
+						inviterId = sceneStr.slice(4)
+					} else if (sceneStr.indexOf('uid=') === 0) {
+						inviterId = sceneStr.slice(4)
+					} else if (/^[A-Za-z0-9]{4,16}$/.test(sceneStr)) {
+						ic = sceneStr
+					}
+				} catch (e) {}
+			}
+
 			if (ic) {
 				uni.setStorageSync('fc_invite_code', String(ic))
 			}
diff --git a/uniapp/README.md b/uniapp/README.md
index 725e177..5c9a237 100644
--- a/uniapp/README.md
+++ b/uniapp/README.md
@@ -305,7 +305,7 @@ rm -rf /tmp/fcmp && cp -R "$OUTPUT_DIR" /tmp/fcmp
 
 ```js
 // 'balance' 余额支付 / 'wxpay' 微信支付
-defaultPayType: 'balance',
+defaultPayType: 'wxpay',
 ```
 
 配置好真实商户参数后改回 `'wxpay'` 即可，**各页面无需改动**（三个支付点都读这个值）。
diff --git a/uniapp/common/api/distribution.js b/uniapp/common/api/distribution.js
index df37dd2..252c37b 100644
--- a/uniapp/common/api/distribution.js
+++ b/uniapp/common/api/distribution.js
@@ -1,14 +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 }),
+  /** 分销收益明细账单（佣金流水） */
+  commissions: (params = {}) => get('/distribution/commissions', params, { silent: true }),
+  /** 专属推广海报要素 */
+  poster: () => get('/distribution/poster', {}, { silent: true }),
   /** 申请提现（提现至微信零钱） */
   withdraw: (payload) => post('/distribution/withdraw', payload, { silent: true }),
   /** 提现记录 */
diff --git a/uniapp/common/config/index.js b/uniapp/common/config/index.js
index 824815c..7c87cd0 100644
--- a/uniapp/common/config/index.js
+++ b/uniapp/common/config/index.js
@@ -75,9 +75,7 @@ export const config = {
   // 强制使用 mock（联调前本地联调可置 true）
   forceMock: false,
   // 默认支付方式：'balance' 余额支付 / 'wxpay' 微信支付
-  // ⚠️ 微信支付商户参数（mchId/apiKey）尚未配置，测试阶段默认走余额支付；
-  //    配置好真实商户参数后改回 'wxpay' 即可，无需改动各页面。
-  defaultPayType: 'balance',
+  defaultPayType: 'wxpay',
   // 本地存储键
   storageKeys: {
     token: 'fc_token',
diff --git a/uniapp/common/utils/request.js b/uniapp/common/utils/request.js
index 8969edd..7354b7e 100644
--- a/uniapp/common/utils/request.js
+++ b/uniapp/common/utils/request.js
@@ -129,7 +129,16 @@ export function request(options = {}) {
             { url, method, data, silent, runtime, resolve, reject }
           )
         }
-        const body = res.data || {}
+        let body = res.data || {}
+        // 若真机或网关未自动反序列化 JSON，或响应携带 UTF-8 BOM 字符，做安全容错剥离并反序列化
+        if (typeof body === 'string') {
+          try {
+            const cleaned = body.replace(/^\uFEFF/, '').trim()
+            body = JSON.parse(cleaned)
+          } catch (e) {
+            // 保留原 body
+          }
+        }
         // 业务层 401 判定
         if (body.code === 401) {
           onUnauthorized(runtime)
diff --git a/uniapp/pages.json b/uniapp/pages.json
index fd34142..a4df566 100644
--- a/uniapp/pages.json
+++ b/uniapp/pages.json
@@ -153,7 +153,8 @@
 			"style": {
 				"navigationBarTitleText": "分销中心",
 				"navigationStyle": "custom",
-				"backgroundColor": "#f2fef7"
+				"backgroundColor": "#f2fef7",
+				"enablePullDownRefresh": true
 			}
 		},
 		{
@@ -248,4 +249,4 @@
 		]
 	},
 	"uniIdRouter": {}
-}
+}
\ No newline at end of file
diff --git a/uniapp/pages/detail/detail.vue b/uniapp/pages/detail/detail.vue
index 81411c6..a729bc9 100644
--- a/uniapp/pages/detail/detail.vue
+++ b/uniapp/pages/detail/detail.vue
@@ -477,12 +477,12 @@
 			</view>
 		</view>
 
-		<!-- 隐藏的离屏 Canvas，用于高质量绘制海报（640 x 1020 逻辑分辨率） -->
+		<!-- 离屏高质量 Canvas（640 x 1000 逻辑分辨率，导出 2x 超清海报） -->
 		<canvas
 			canvas-id="postPosterCanvas"
 			id="postPosterCanvas"
 			class="detail__poster-canvas"
-			style="width: 640px; height: 1020px; position: fixed; left: -9999px; top: -9999px;"
+			style="width: 640px; height: 1000px; position: fixed; left: 2000px; top: 0; z-index: -999; opacity: 0; pointer-events: none;"
 		/>
 	</view>
 </template>
@@ -671,6 +671,7 @@ export default {
 	},
 	onLoad(query) {
 		this.id = Number(query.id || 101)
+		this.posterImagePath = ''
 		loadUiConfig()
 		this.fetch()
 	},
@@ -813,11 +814,29 @@ export default {
 				if (res.freeViewLeft != null) this.freeViewLeft = Number(res.freeViewLeft)
 				if (res.payViewPrice != null) this.payViewPrice = Number(res.payViewPrice)
 			}
+			let phoneStr = ''
+			let wechatStr = ''
+			let nameStr = ''
+			if (this.unlocked && res) {
+				if (res.contactInfo && typeof res.contactInfo === 'object') {
+					phoneStr = String(res.contactInfo.phone || '')
+					wechatStr = String(res.contactInfo.wechat || '')
+					nameStr = String(res.contactInfo.name || res.contactName || '')
+				} else if (res.contact && typeof res.contact === 'object') {
+					phoneStr = String(res.contact.phone || '')
+					wechatStr = String(res.contact.wechat || '')
+					nameStr = String(res.contact.name || res.contactName || '')
+				} else {
+					phoneStr = String(res.phone || (typeof res.contact === 'string' ? res.contact : ''))
+					wechatStr = String(res.wechat || '')
+					nameStr = String(res.contactName || (res.publisher && res.publisher.name) || '')
+				}
+			}
 			this.contact = this.unlocked
 				? {
-						name: (res && (res.contactName || res.publisher?.name)) || '',
-						phone: (res && (res.phone || res.contact)) || '',
-						wechat: (res && res.wechat) || '',
+						name: nameStr,
+						phone: phoneStr,
+						wechat: wechatStr,
 				  }
 				: { name: '', phone: '', wechat: '' }
 
@@ -1096,7 +1115,7 @@ export default {
 				return
 			}
 			uni.navigateTo({
-				url: '/pages/merchant/detail?id=' + shopId,
+				url: `/pages/merchant/detail?id=${shopId}&postId=${this.id}`,
 				fail: (err) => {
 					console.warn('跳转商家详情失败:', err)
 				}
@@ -1170,7 +1189,7 @@ export default {
 			})
 		},
 		/**
-		 * 打开海报弹窗并异步生成海报
+		 * 打开海报弹窗并按需异步生成海报
 		 */
 		openPosterModal() {
 			this.showPoster = true
@@ -1179,8 +1198,9 @@ export default {
 			}
 		},
 		/**
-		 * 辅助函数：异步获取图片本地路径（网络图片需下载）
-		 * @param {String} src 图片链接
+		 * 辅助函数：异步获取图片本地可用路径（网络图片自动缓存到临时路径）
+		 * @param {String} src 图片 URL
+		 * @returns {Promise<String>}
 		 */
 		getImageLocalPath(src) {
 			return new Promise((resolve) => {
@@ -1190,15 +1210,24 @@ export default {
 				}
 				uni.getImageInfo({
 					src: src,
-					success: (res) => resolve(res.path),
+					success: (res) => resolve(res.path || ''),
 					fail: () => resolve(''),
 				})
 			})
 		},
 		/**
-		 * 辅助函数：绘制圆角矩形
+		 * 辅助函数：绘制规范圆角矩形路径与填边
+		 * @param {Object} ctx Canvas 上下文
+		 * @param {Number} x 起始 X 坐标
+		 * @param {Number} y 起始 Y 坐标
+		 * @param {Number} width 矩形宽度
+		 * @param {Number} height 矩形高度
+		 * @param {Number} radius 圆角半径
+		 * @param {String|CanvasGradient} fillColor 填充颜色
+		 * @param {String} strokeColor 描边颜色
+		 * @param {Number} lineWidth 描边线宽
 		 */
-		drawRoundRect(ctx, x, y, width, height, radius, fillColor, strokeColor) {
+		drawRoundRect(ctx, x, y, width, height, radius, fillColor, strokeColor, lineWidth = 1) {
 			ctx.save()
 			ctx.beginPath()
 			ctx.moveTo(x + radius, y)
@@ -1217,65 +1246,162 @@ export default {
 			}
 			if (strokeColor) {
 				ctx.setStrokeStyle(strokeColor)
+				ctx.setLineWidth(lineWidth)
 				ctx.stroke()
 			}
 			ctx.restore()
 		},
 		/**
-		 * 辅助函数：多行文本绘制并带省略号
+		 * 辅助函数：计算单字符视觉预估宽度（规避小程序 CanvasContext measureText 仅按 10px 测算的平台级缺陷）
+		 * @param {String} char 单个字符
+		 * @param {Number} fontSize 字体大小（px）
+		 * @returns {Number} 预估像素宽度
 		 */
-		drawTextWrapped(ctx, text, x, y, maxWidth, lineHeight, maxLines = 2) {
+		calcCharWidth(char, fontSize) {
+			const code = char.charCodeAt(0)
+			if (code > 255) return fontSize // 中文汉字、全角标点符号
+			if (code >= 65 && code <= 90) return fontSize * 0.72 // 大写英文字母
+			if (code === 32) return fontSize * 0.32 // 空格
+			return fontSize * 0.56 // 小写字母、半角数字、半角标点
+		},
+		/**
+		 * 辅助函数：计算整段文字的真实渲染宽度
+		 * @param {String} text 文字内容
+		 * @param {Number} fontSize 字体大小（px）
+		 * @returns {Number} 总像素宽度
+		 */
+		calcTextWidth(text, fontSize) {
+			if (!text) return 0
+			const str = String(text)
+			let total = 0
+			for (let i = 0; i < str.length; i++) {
+				total += this.calcCharWidth(str[i], fontSize)
+			}
+			return total
+		},
+		/**
+		 * 辅助函数：安全绘制单行文本（显式设定对齐状态，彻底杜绝全局状态污染导致错乱）
+		 * @param {Object} ctx Canvas 上下文
+		 * @param {String} text 文本内容
+		 * @param {Number} x 绘制起点 X
+		 * @param {Number} y 绘制起点 Y
+		 * @param {Object} options 样式参数配置
+		 */
+		drawSafeText(ctx, text, x, y, options = {}) {
+			if (text === undefined || text === null || text === '') return
+			const {
+				fontSize = 20,
+				color = '#1E293B',
+				align = 'left',
+				baseline = 'top',
+			} = options
+			ctx.save()
+			ctx.setFontSize(fontSize)
+			ctx.setFillStyle(color)
+			ctx.setTextAlign(align)
+			ctx.setTextBaseline(baseline)
+			ctx.fillText(String(text), x, y)
+			ctx.restore()
+		},
+		/**
+		 * 辅助函数：自适应多行文本换行绘制并带省略号（返回绘制结束后的下一行起始 Y，实现自适应流式排版）
+		 * @param {Object} ctx Canvas 上下文
+		 * @param {String} text 文本内容
+		 * @param {Number} x 起始 X
+		 * @param {Number} y 起始 Y
+		 * @param {Number} maxWidth 最大宽度
+		 * @param {Number} lineHeight 每行高度
+		 * @param {Number} maxLines 最大行数限制
+		 * @param {Object} options 字体与颜色参数
+		 * @returns {Number} 实际占用的 Y 轴高度终点
+		 */
+		drawTextFlow(ctx, text, x, y, maxWidth, lineHeight, maxLines = 2, options = {}) {
 			if (!text) return y
-			const words = String(text).split('')
+			const {
+				fontSize = 24,
+				color = '#334155',
+			} = options
+			const chars = String(text).split('')
 			let line = ''
+			let lineW = 0
 			let lineCount = 0
-			let currentY = y
+			let curY = y
 
-			for (let i = 0; i < words.length; i++) {
-				const testLine = line + words[i]
-				const metrics = ctx.measureText(testLine)
-				if (metrics.width > maxWidth && i > 0) {
+			for (let i = 0; i < chars.length; i++) {
+				const char = chars[i]
+				const charW = this.calcCharWidth(char, fontSize)
+				if (lineW + charW > maxWidth && line.length > 0) {
 					lineCount++
 					if (lineCount >= maxLines) {
-						line = line.slice(0, -1) + '…'
-						ctx.fillText(line, x, currentY)
-						return currentY + lineHeight
+						let truncated = line
+						while (this.calcTextWidth(truncated + '…', fontSize) > maxWidth && truncated.length > 0) {
+							truncated = truncated.slice(0, -1)
+						}
+						this.drawSafeText(ctx, truncated + '…', x, curY, { fontSize, color, align: 'left', baseline: 'top' })
+						return curY + lineHeight
 					}
-					ctx.fillText(line, x, currentY)
-					line = words[i]
-					currentY += lineHeight
+					this.drawSafeText(ctx, line, x, curY, { fontSize, color, align: 'left', baseline: 'top' })
+					line = char
+					lineW = charW
+					curY += lineHeight
 				} else {
-					line = testLine
+					line += char
+					lineW += charW
 				}
 			}
 			if (line) {
-				ctx.fillText(line, x, currentY)
-				currentY += lineHeight
+				this.drawSafeText(ctx, line, x, curY, { fontSize, color, align: 'left', baseline: 'top' })
+				curY += lineHeight
 			}
-			return currentY
+			return curY
 		},
 		/**
-		 * 在 Canvas 上绘制真实的、符合国际标准且微信100%可识别的长按二维码
+		 * 辅助函数：绘制高兼容精致虚线
+		 * @param {Object} ctx Canvas 上下文
+		 * @param {Number} x1 起始 X
+		 * @param {Number} y1 起始 Y
+		 * @param {Number} x2 结束 X
+		 * @param {Number} y2 结束 Y
+		 * @param {Number} dashLen 虚线段长度
+		 * @param {Number} gapLen 虚线间隔
+		 * @param {String} color 虚线颜色
+		 */
+		drawDashedLine(ctx, x1, y1, x2, y2, dashLen = 6, gapLen = 4, color = '#E2E8F0') {
+			ctx.save()
+			ctx.setStrokeStyle(color)
+			ctx.setLineWidth(1)
+			let curX = x1
+			while (curX < x2) {
+				ctx.beginPath()
+				ctx.moveTo(curX, y1)
+				ctx.lineTo(Math.min(curX + dashLen, x2), y1)
+				ctx.stroke()
+				curX += dashLen + gapLen
+			}
+			ctx.restore()
+		},
+		/**
+		 * 辅助函数：在 Canvas 上绘制高识别度合规二维码
 		 * @param {Object} ctx Canvas 上下文
 		 * @param {String} text 二维码目标 URL
 		 * @param {Number} x 起始 X
 		 * @param {Number} y 起始 Y
-		 * @param {Number} size 二维码尺寸（px）
+		 * @param {Number} size 二维码外框总尺寸
 		 */
 		drawRealQRCode(ctx, text, x, y, size) {
 			try {
 				const qr = QRCode.create(text, { errorCorrectionLevel: 'M' })
 				const modules = qr.modules
 				const count = modules.size
-				const padding = 10
+				const padding = 8
 				const qrRealSize = size - padding * 2
 				const cellSize = qrRealSize / count
 
-				// 1. 纯白底色（高对比度保障扫描率）
-				ctx.save()
-				this.drawRoundRect(ctx, x, y, size, size, 14, '#FFFFFF', '#DFF2E8')
+				// 1. 纯白底色（高对比度保障扫描识别率）
+				this.drawRoundRect(ctx, x, y, size, size, 10, '#FFFFFF', '#DFF2E8', 1)
 
-				// 2. 绘制深墨绿码元（#04301E），符合春绿规范且微信识别率100%
+				// 2. 绘制深墨绿码元（#04301E），符合轻氧浅绿规范且微信识别率 100%
+				ctx.save()
 				ctx.setFillStyle('#04301E')
 				for (let r = 0; r < count; r++) {
 					for (let c = 0; c < count; c++) {
@@ -1283,179 +1409,217 @@ export default {
 							ctx.fillRect(
 								x + padding + c * cellSize,
 								y + padding + r * cellSize,
-								cellSize + 0.4,
-								cellSize + 0.4
+								cellSize + 0.35,
+								cellSize + 0.35
 							)
 						}
 					}
 				}
-
-				// 3. 中心微质感同城 Logo 徽标
-				const centerSize = Math.floor(size * 0.22)
-				const cx = x + size / 2
-				const cy = y + size / 2
-
-				ctx.beginPath()
-				ctx.arc(cx, cy, centerSize / 2 + 3, 0, Math.PI * 2)
-				ctx.setFillStyle('#FFFFFF')
-				ctx.fill()
-
-				ctx.beginPath()
-				ctx.arc(cx, cy, centerSize / 2, 0, Math.PI * 2)
-				ctx.setFillStyle('#00E070')
-				ctx.fill()
-
-				ctx.setFontSize(Math.floor(centerSize * 0.58))
-				ctx.setFillStyle('#04301E')
-				ctx.setTextAlign('center')
-				ctx.setTextBaseline('middle')
-				ctx.fillText('同', cx, cy + 1)
-
 				ctx.restore()
 			} catch (e) {
 				console.error('QR draw error', e)
 			}
 		},
 		/**
-		 * 真实商业级 Canvas 绘制高清同城分享海报
+		 * 重构核心：高保真商业级 Canvas 流式自适应绘制同城分享海报
 		 */
 		async generatePoster() {
 			this.posterLoading = true
 			const W = 640
-			const H = 1020
+			const H = 1000
 			const ctx = uni.createCanvasContext('postPosterCanvas', this)
 
-			// 1. 底板背景（薄荷微浅绿）
+			// 1. 底板背景（全局轻氧浅绿 #F2FEF7）
 			ctx.setFillStyle('#F2FEF7')
 			ctx.fillRect(0, 0, W, H)
 
-			// 2. 主体纯白高光卡片（圆角 24px，带微立体边框）
-			this.drawRoundRect(ctx, 24, 24, 592, 972, 26, '#FFFFFF', '#DDF2E7')
+			// 2. 主体纯白高光卡片（圆角 24px，微立体边框 #E2F4EB）
+			this.drawRoundRect(ctx, 32, 32, 576, 936, 24, '#FFFFFF', '#E2F4EB', 1)
 
-			// 3. 头部 Hero 品牌渐变区
-			const grad = ctx.createLinearGradient(24, 24, 616, 210)
-			grad.addColorStop(0, '#04874A')
-			grad.addColorStop(1, '#023A21')
-			this.drawRoundRect(ctx, 24, 24, 592, 180, 26, grad, null)
+			// 3. 头部顶栏（品牌胶囊 + 区域胶囊）
+			const badgeText = '同城生活 · 便民严选'
+			const badgeW = this.calcTextWidth(badgeText, 18) + 24
+			this.drawRoundRect(ctx, 56, 56, badgeW, 32, 16, '#E8FAF0', null)
+			this.drawSafeText(ctx, badgeText, 56 + 12, 56 + 7, {
+				fontSize: 18,
+				color: '#00A854',
+				align: 'left',
+				baseline: 'top',
+			})
 
-			// 补齐头部底部的直角以平滑承接内容
-			ctx.setFillStyle(grad)
-			ctx.fillRect(24, 160, 592, 44)
+			const cityText = this.post.area ? `贵阳 · ${this.post.area}` : '同城精选'
+			const cityW = this.calcTextWidth(cityText, 18) + 24
+			const cityX = 584 - cityW
+			this.drawRoundRect(ctx, cityX, 56, cityW, 32, 16, '#F1F5F9', null)
+			this.drawSafeText(ctx, cityText, cityX + 12, 56 + 7, {
+				fontSize: 18,
+				color: '#64748B',
+				align: 'left',
+				baseline: 'top',
+			})
 
-			// 头部品牌与城市胶囊
-			this.drawRoundRect(ctx, 48, 50, 200, 36, 18, 'rgba(255, 255, 255, 0.22)', null)
-			ctx.setFontSize(20)
-			ctx.setFillStyle('#FFFFFF')
-			ctx.fillText('同城生活 · 便民严选', 64, 75)
+			// 4. 标题行（字号 30px，高级灰 #1E293B，最多 2 行流式换行）
+			const titleY = 106
+			let curY = this.drawTextFlow(ctx, this.post.title || '', 56, titleY, 528, 42, 2, {
+				fontSize: 30,
+				color: '#1E293B',
+			})
+			curY += 14
 
-			const cityText = this.post.area ? `贵阳 · ${this.post.area}` : '贵阳同城'
-			const cityW = ctx.measureText(cityText).width + 30
-			this.drawRoundRect(ctx, 592 - cityW, 50, cityW, 36, 18, 'rgba(255, 255, 255, 0.16)', null)
-			ctx.setFontSize(20)
-			ctx.setFillStyle('#FFFFFF')
-			ctx.fillText(cityText, 607 - cityW, 75)
-
-			// 头部大标题（白字粗体，最多折 2 行）
-			ctx.setFontSize(32)
-			ctx.setFillStyle('#FFFFFF')
-			this.drawTextWrapped(ctx, this.post.title || '', 48, 128, 544, 40, 2)
-
-			// 4. 实拍大图 / 主题视觉区
+			// 5. 实拍主图 / 视觉展示区
 			let coverPath = ''
 			if (this.imageUrls && this.imageUrls.length) {
 				coverPath = await this.getImageLocalPath(this.imageUrls[0])
 			}
-			const picY = 224
+
+			const imgW = 528
+			const imgH = 250
+			const imgY = curY
+
 			if (coverPath) {
-				ctx.save()
-				this.drawRoundRect(ctx, 48, picY, 544, 290, 16, null, null)
-				ctx.clip()
-				ctx.drawImage(coverPath, 48, picY, 544, 290)
-				ctx.restore()
+				// 绘制图片底衬与无破坏性边框（避免 ctx.clip 造成全局裁剪错乱）
+				this.drawRoundRect(ctx, 56, imgY, imgW, imgH, 14, '#F8FAFC', '#E2E8F0', 1)
+				ctx.drawImage(coverPath, 56, imgY, imgW, imgH)
+				this.drawRoundRect(ctx, 56, imgY, imgW, imgH, 14, null, 'rgba(0,0,0,0.06)', 1)
 
-				// 大图内右上方贴上“置顶推荐 / 实拍保真”标签
+				// 大图左下角分类胶囊
+				const catText = this.post.categoryName || '同城便民'
+				const catW = this.calcTextWidth(catText, 18) + 22
+				this.drawRoundRect(ctx, 70, imgY + imgH - 42, catW, 28, 14, 'rgba(4, 48, 30, 0.72)', null)
+				this.drawSafeText(ctx, catText, 81, imgY + imgH - 37, {
+					fontSize: 18,
+					color: '#00E070',
+					align: 'left',
+					baseline: 'top',
+				})
+
+				// 大图右上角置顶/推荐标签
 				if (this.post.isTop || this.post.isPaid) {
-					this.drawRoundRect(ctx, 450, picY + 16, 126, 36, 18, '#F5A623', null)
-					ctx.setFontSize(18)
-					ctx.setFillStyle('#FFFFFF')
-					ctx.fillText('置顶推荐', 478, picY + 41)
+					const topText = '置顶推荐'
+					const topW = this.calcTextWidth(topText, 16) + 18
+					this.drawRoundRect(ctx, 56 + imgW - topW - 12, imgY + 12, topW, 26, 13, '#F5A623', null)
+					this.drawSafeText(ctx, topText, 56 + imgW - topW - 3, imgY + 17, {
+						fontSize: 16,
+						color: '#FFFFFF',
+						align: 'left',
+						baseline: 'top',
+					})
 				}
-				// 大图左下方贴上分类胶囊
-				this.drawRoundRect(ctx, 64, picY + 236, 136, 36, 18, 'rgba(4, 48, 30, 0.75)', null)
-				ctx.setFontSize(20)
-				ctx.setFillStyle('#00E070')
-				ctx.fillText(this.post.categoryName || '同城便民', 80, picY + 261)
+				curY = imgY + imgH + 18
 			} else {
-				// 无实拍图时展示生态质感主题大卡片
-				this.drawRoundRect(ctx, 48, picY, 544, 220, 16, '#EBF9F2', '#D3EFE1')
-				ctx.setFontSize(32)
-				ctx.setFillStyle('#04874A')
-				ctx.fillText(this.post.categoryName || '同城便民服务', 72, picY + 90)
-				ctx.setFontSize(22)
-				ctx.setFillStyle('#5E8C78')
-				ctx.fillText('平台官方审核认证 · 放心联系', 72, picY + 140)
+				// 无图时展示轻氧绿色生态卡片
+				const emptyH = 120
+				this.drawRoundRect(ctx, 56, imgY, imgW, emptyH, 14, '#EBF9F2', '#D3EFE1', 1)
+				this.drawSafeText(ctx, this.post.categoryName || '同城便民服务', 80, imgY + 28, {
+					fontSize: 28,
+					color: '#00A854',
+					align: 'left',
+					baseline: 'top',
+				})
+				this.drawSafeText(ctx, '平台官方审核认证 · 便民服务放心选', 80, imgY + 68, {
+					fontSize: 20,
+					color: '#64748B',
+					align: 'left',
+					baseline: 'top',
+				})
+				curY = imgY + emptyH + 18
 			}
 
-			// 5. 价值展示行（价格 + 浏览量）
-			const valY = coverPath ? picY + 332 : picY + 262
-			ctx.setFontSize(26)
-			ctx.setFillStyle('#F5A623')
+			// 6. 价值展示行（价格 + 浏览量，精准计算宽度零重叠）
+			const priceY = curY
 			if (this.post.price > 0) {
-				ctx.fillText('¥', 48, valY)
-				ctx.setFontSize(48)
-				ctx.fillText(String(this.post.price), 68, valY)
+				// 人民币符号
+				this.drawSafeText(ctx, '¥', 56, priceY + 12, {
+					fontSize: 24,
+					color: '#F5A623',
+					align: 'left',
+					baseline: 'top',
+				})
+				// 价格数字
+				const numStr = String(this.post.price)
+				this.drawSafeText(ctx, numStr, 76, priceY, {
+					fontSize: 40,
+					color: '#F5A623',
+					align: 'left',
+					baseline: 'top',
+				})
+				// 价格单位
 				if (this.post.priceUnit) {
-					ctx.setFontSize(22)
-					ctx.setFillStyle('#888888')
-					ctx.fillText(this.post.priceUnit, 72 + ctx.measureText(String(this.post.price)).width + 10, valY)
+					const numW = this.calcTextWidth(numStr, 40)
+					this.drawSafeText(ctx, this.post.priceUnit, 82 + numW, priceY + 16, {
+						fontSize: 20,
+						color: '#94A3B8',
+						align: 'left',
+						baseline: 'top',
+					})
 				}
 			} else {
-				ctx.setFontSize(40)
-				ctx.fillText('面议', 48, valY)
-			}
-
-			// 右侧显示浏览人次
-			const viewsText = `🔥 ${this.post.views || 0} 人关注 · 平台认证`
-			ctx.setFontSize(20)
-			ctx.setFillStyle('#7A998A')
-			ctx.fillText(viewsText, 592 - ctx.measureText(viewsText).width - 48, valY - 6)
-
-			// 6. 详细描述摘录
-			const descY = valY + 44
-			ctx.setFontSize(22)
-			ctx.setFillStyle('#3E5246')
-			this.drawTextWrapped(ctx, this.post.content || '', 48, descY, 544, 34, 2)
-
-			// 7. 特色服务标签与地址信息
-			const tagY = descY + 76
-			if (this.post.tags && this.post.tags.length) {
-				let tagStartX = 48
-				this.post.tags.slice(0, 3).forEach((tag) => {
-					const tW = ctx.measureText(tag).width + 24
-					this.drawRoundRect(ctx, tagStartX, tagY, tW, 34, 8, '#EBF9F2', '#D3EFE1')
-					ctx.setFontSize(19)
-					ctx.setFillStyle('#04874A')
-					ctx.fillText(tag, tagStartX + 12, tagY + 24)
-					tagStartX += tW + 12
+				this.drawSafeText(ctx, '面议', 56, priceY + 4, {
+					fontSize: 32,
+					color: '#00A854',
+					align: 'left',
+					baseline: 'top',
 				})
 			}
 
-			// 地址行
-			const addrY = tagY + 54
-			ctx.setFontSize(20)
-			ctx.setFillStyle('#6E8276')
-			const addrFull = `📍 ${this.post.address || this.post.area || '同城便民服务地点'}`
-			ctx.fillText(addrFull.slice(0, 28), 48, addrY)
+			// 右侧关注度与认证（纯文字排版，无 Emoji，符合规范）
+			const viewsNum = this.post.views || 0
+			const viewStr = `${viewsNum}人关注 · 平台认证`
+			const viewW = this.calcTextWidth(viewStr, 19)
+			this.drawSafeText(ctx, viewStr, 584 - viewW, priceY + 14, {
+				fontSize: 19,
+				color: '#64748B',
+				align: 'left',
+				baseline: 'top',
+			})
+			curY = priceY + 50
 
-			// 8. 分割虚线
-			ctx.setStrokeStyle('#E2EBE5')
-			ctx.setLineWidth(1)
-			ctx.beginPath()
-			ctx.moveTo(48, 804)
-			ctx.lineTo(592, 804)
-			ctx.stroke()
+			// 7. 详细描述摘录（最多 2 行流式换行）
+			if (this.post.content) {
+				const afterDescY = this.drawTextFlow(ctx, this.post.content, 56, curY, 528, 30, 2, {
+					fontSize: 21,
+					color: '#475569',
+				})
+				curY = afterDescY + 12
+			}
 
-			// 9. 底部扫码交互区（真实高密度二维码 + 醒目指引）
+			// 8. 特色服务标签（最多 3 个）
+			if (this.post.tags && this.post.tags.length) {
+				let tagX = 56
+				const tags = this.post.tags.slice(0, 3)
+				for (let t = 0; t < tags.length; t++) {
+					const tag = tags[t]
+					const tagW = this.calcTextWidth(tag, 18) + 20
+					if (tagX + tagW > 584) break
+					this.drawRoundRect(ctx, tagX, curY, tagW, 28, 6, '#EBF9F2', '#D3EFE1', 1)
+					this.drawSafeText(ctx, tag, tagX + 10, curY + 5, {
+						fontSize: 18,
+						color: '#00A854',
+						align: 'left',
+						baseline: 'top',
+					})
+					tagX += tagW + 10
+				}
+				curY += 36
+			}
+
+			// 地址行（无 Emoji，简洁清晰）
+			const addrText = this.post.address || this.post.area
+			if (addrText) {
+				const fullAddr = `服务地点：${addrText}`
+				const truncatedAddr = fullAddr.length > 28 ? fullAddr.slice(0, 27) + '…' : fullAddr
+				this.drawSafeText(ctx, truncatedAddr, 56, curY, {
+					fontSize: 19,
+					color: '#64748B',
+					align: 'left',
+					baseline: 'top',
+				})
+			}
+
+			// 9. 底部优雅虚线分割栏（固定停靠在底部 y = 812）
+			this.drawDashedLine(ctx, 56, 812, 584, 812, 6, 4, '#E2E8F0')
+
+			// 10. 底部扫码与转化区（y = 830）
 			let inviterId = 0
 			try {
 				const user = this.currentUser
@@ -1463,23 +1627,30 @@ export default {
 			} catch (e) {}
 			const qrUrl = `https://fenleixinxi.gzyakj.com.cn/pages/detail/detail?id=${this.id}${inviterId ? '&inviterId=' + inviterId : ''}`
 
-			// 绘制真实合规的微信二维码
-			this.drawRealQRCode(ctx, qrUrl, 48, 826, 140)
+			// 绘制高识别度合规二维码（124 x 124）
+			this.drawRealQRCode(ctx, qrUrl, 56, 830, 124)
 
-			// 右侧指引文案
-			ctx.setFontSize(26)
-			ctx.setFillStyle('#04301E')
-			ctx.fillText('微信长按识别小程序', 214, 866)
+			// 右侧指引文案（显式左对齐，彻底杜绝对齐错乱）
+			this.drawSafeText(ctx, '微信长按识别小程序', 198, 842, {
+				fontSize: 25,
+				color: '#1E293B',
+				align: 'left',
+				baseline: 'top',
+			})
+			this.drawSafeText(ctx, '联系发布者 · 查看完整信息', 198, 880, {
+				fontSize: 20,
+				color: '#00A854',
+				align: 'left',
+				baseline: 'top',
+			})
+			this.drawSafeText(ctx, '同城生活分类信息 · 官方严选保障', 198, 916, {
+				fontSize: 17,
+				color: '#94A3B8',
+				align: 'left',
+				baseline: 'top',
+			})
 
-			ctx.setFontSize(21)
-			ctx.setFillStyle('#04874A')
-			ctx.fillText('查看完整电话 · 微信 · 地图导航', 214, 904)
-
-			ctx.setFontSize(18)
-			ctx.setFillStyle('#88A395')
-			ctx.fillText('同城生活分类信息 · 官方便民服务保障', 214, 938)
-
-			// 10. 最终导出高保真图片
+			// 11. 最终导出超清海报（2x Retina 分辨率：1280 x 2000）
 			ctx.draw(false, () => {
 				setTimeout(() => {
 					uni.canvasToTempFilePath(
@@ -1487,22 +1658,23 @@ export default {
 							canvasId: 'postPosterCanvas',
 							width: W,
 							height: H,
-							destWidth: W,
-							destHeight: H,
+							destWidth: W * 2,
+							destHeight: H * 2,
 							fileType: 'png',
 							quality: 1,
 							success: (res) => {
 								this.posterImagePath = res.tempFilePath
 								this.posterLoading = false
 							},
-							fail: () => {
+							fail: (err) => {
+								console.error('canvasToTempFilePath error', err)
 								this.posterLoading = false
 								uni.showToast({ title: '海报绘制失败，请重试', icon: 'none' })
 							},
 						},
 						this
 					)
-				}, 260)
+				}, 300)
 			})
 		},
 		/**
@@ -1554,7 +1726,9 @@ export default {
 		 * 一键复制海报文案
 		 */
 		copyPosterText() {
-			const text = `【${this.post.categoryName || '同城信息'}】${this.post.title}\n价格：${this.post.price > 0 ? '¥' + this.post.price : '面议'}\n位置：${this.post.address || ''}\n快来同城便民平台查看详情！`
+			const addr = this.post.address || this.post.area || '同城'
+			const priceText = this.post.price > 0 ? ('¥' + this.post.price + (this.post.priceUnit ? this.post.priceUnit : '')) : '面议'
+			const text = `【${this.post.categoryName || '同城信息'}】${this.post.title}\n价格：${priceText}\n地点：${addr}\n长按识别海报或在同城便民平台查看详情！`
 			uni.setClipboardData({
 				data: text,
 				success: () => {
diff --git a/uniapp/pages/distribution/index.vue b/uniapp/pages/distribution/index.vue
index 414c24d..2220e31 100644
--- a/uniapp/pages/distribution/index.vue
+++ b/uniapp/pages/distribution/index.vue
@@ -1,13 +1,20 @@
 <template>
 	<view class="dist fc-page">
-		<!-- 顶部导航：沿用全局规范，自适应状态栏与胶囊 -->
-		<fc-navbar title="分销中心" theme="gradient" :show-back="true" />
+		<!-- 顶部导航：自适应状态栏与胶囊，右上角增加分销规则入口 -->
+		<fc-navbar title="分销中心" theme="gradient" :show-back="true">
+			<template #right>
+				<view class="dist__nav-rule" @click="showRuleModal = true">
+					<image class="dist__nav-rule-icon" :src="iconUrl('info')" mode="aspectFit" />
+					<text class="dist__nav-rule-text">规则</text>
+				</view>
+			</template>
+		</fc-navbar>
 
 		<!-- 佣金 Hero -->
 		<view class="dist__hero">
 			<view class="dist__hero-copy">
-				<text class="dist__hero-title">分享好内容，赚取佣金</text>
-				<text class="dist__hero-sub">好友消费，佣金自动到账</text>
+				<text class="dist__hero-title">分享好内容，天天赚佣金</text>
+				<text class="dist__hero-sub">好友消费自动返佣 · {{ overview.settleCycle || 'T+7' }} 自动结算提现</text>
 			</view>
 		</view>
 
@@ -31,13 +38,17 @@
 					<text class="dist__wallet-stat-num">{{ money(overview.totalCommission) }}</text>
 					<text class="dist__wallet-stat-label">累计佣金</text>
 				</view>
+				<view class="dist__wallet-stat">
+					<text class="dist__wallet-stat-num">{{ money(overview.pendingCommission) }}</text>
+					<text class="dist__wallet-stat-label">待结算</text>
+				</view>
 				<view class="dist__wallet-stat">
 					<text class="dist__wallet-stat-num">{{ money(overview.settled) }}</text>
 					<text class="dist__wallet-stat-label">已结算</text>
 				</view>
 				<view class="dist__wallet-stat">
 					<text class="dist__wallet-stat-num">{{ money(overview.todayCommission) }}</text>
-					<text class="dist__wallet-stat-label">今日佣金</text>
+					<text class="dist__wallet-stat-label">今日收益</text>
 				</view>
 			</view>
 		</view>
@@ -48,21 +59,22 @@
 			<text class="dist__notice-text">数据加载失败，点击重试</text>
 		</view>
 
-		<!-- 邀请好友 -->
+		<!-- 邀请好友推广卡片 -->
 		<view class="dist__card">
 			<view class="dist__card-head">
 				<view class="dist__card-title">
 					<view class="dist__card-icon-wrap">
 						<image class="dist__card-icon" :src="iconUrl('link-dist')" mode="aspectFit" />
 					</view>
-					<text>邀请好友</text>
+					<text>邀请好友推广</text>
 				</view>
 				<text class="dist__card-extra">已邀请 {{ overview.teamCount || 0 }} 人</text>
 			</view>
 
+			<!-- 邀请码展示与复制 -->
 			<view class="dist__invite-box">
 				<view class="dist__invite-code">
-					<text class="dist__invite-label">我的邀请码</text>
+					<text class="dist__invite-label">我的专属邀请码</text>
 					<text class="dist__invite-value">{{ overview.inviteCode || '—' }}</text>
 				</view>
 				<view class="dist__invite-copy" @click="copyCode">
@@ -70,13 +82,35 @@
 				</view>
 			</view>
 
+			<!-- 核心分享动作区（支持：原生分享给好友、生成专属海报、复制链接） -->
 			<view class="dist__invite-actions">
+				<!-- #ifdef MP-WEIXIN -->
+				<!-- 微信小程序端：button open-type="share" 直接唤起微信好友选择列表 -->
+				<button class="dist__btn dist__btn--primary" open-type="share">
+					<view class="dist__btn-icon-circle">
+						<image class="dist__btn-icon" :src="iconUrl('share')" mode="aspectFit" />
+					</view>
+					<text>发给好友</text>
+				</button>
+				<!-- #endif -->
+
+				<!-- #ifndef MP-WEIXIN -->
+				<!-- H5/App 端：调用系统分享或复制邀请链接 -->
 				<view class="dist__btn dist__btn--primary" @click="shareInvite">
 					<view class="dist__btn-icon-circle">
 						<image class="dist__btn-icon" :src="iconUrl('share')" mode="aspectFit" />
 					</view>
-					<text>分享给好友</text>
+					<text>分享好友</text>
 				</view>
+				<!-- #endif -->
+
+				<!-- 专属海报按钮：点击唤起 Canvas 高保真海报绘制与保存相册 -->
+				<view class="dist__btn dist__btn--secondary" @click="openPosterModal">
+					<image class="dist__btn-icon dist__btn-icon--plain" :src="iconUrl('bar-poster')" mode="aspectFit" />
+					<text>专属海报</text>
+				</view>
+
+				<!-- 复制链接按钮 -->
 				<view class="dist__btn dist__btn--ghost" @click="copyLink">
 					<image class="dist__btn-icon dist__btn-icon--plain" :src="iconUrl('network')" mode="aspectFit" />
 					<text>复制链接</text>
@@ -84,18 +118,33 @@
 			</view>
 		</view>
 
-		<!-- 我的团队 -->
-		<view class="dist__card">
+		<!-- 业务板块导航切换：我的团队 / 收益明细 / 提现记录 -->
+		<view class="dist__tabs-bar">
+			<view
+				v-for="tab in mainTabs"
+				:key="tab.key"
+				class="dist__tab-item"
+				:class="{ 'dist__tab-item--active': activeTab === tab.key }"
+				@click="switchTab(tab.key)"
+			>
+				<text class="dist__tab-text">{{ tab.name }}</text>
+				<view v-if="activeTab === tab.key" class="dist__tab-line"></view>
+			</view>
+		</view>
+
+		<!-- ==================== Tab 1: 我的团队 ==================== -->
+		<view v-if="activeTab === 'team'" class="dist__card">
 			<view class="dist__card-head">
 				<view class="dist__card-title">
 					<view class="dist__card-icon-wrap">
 						<image class="dist__card-icon" :src="iconUrl('users')" mode="aspectFit" />
 					</view>
-					<text>我的团队</text>
+					<text>团队成员</text>
 				</view>
 				<text class="dist__card-extra">共 {{ overview.teamCount || 0 }} 人</text>
 			</view>
 
+			<!-- 层级分类 Tab -->
 			<view class="dist__seg">
 				<view
 					v-for="t in levelTabs"
@@ -109,12 +158,12 @@
 			</view>
 
 			<view class="dist__team-summary">
-				<text>一级 {{ overview.l1Count || 0 }} 人</text>
+				<text>一级直推 {{ overview.l1Count || 0 }} 人（返佣 {{ overview.level1Rate || 20 }}%）</text>
 				<text class="dist__team-dot">·</text>
-				<text>二级 {{ overview.l2Count || 0 }} 人</text>
+				<text>二级间推 {{ overview.l2Count || 0 }} 人（返佣 {{ overview.level2Rate || 10 }}%）</text>
 			</view>
 
-			<!-- 切换筛选时的骨架屏 -->
+			<!-- 团队骨架屏 -->
 			<view v-if="teamLoading" class="dist__skeleton">
 				<view v-for="i in 3" :key="i" class="dist__skeleton-row">
 					<view class="dist__skeleton-avatar fc-skeleton"></view>
@@ -125,29 +174,39 @@
 				</view>
 			</view>
 
+			<!-- 团队为空 -->
 			<view v-else-if="!team.length" class="dist__empty">
 				<view class="dist__empty-icon-wrap">
 					<image class="dist__empty-icon" :src="iconUrl('users')" mode="aspectFit" />
 				</view>
-				<text class="dist__empty-text">还没有团队成员</text>
-				<view class="dist__empty-btn" @click="shareInvite">
-					<text>邀请好友</text>
+				<text class="dist__empty-text">还没有团队成员，立即邀请好友加入</text>
+				<view class="dist__empty-btn" @click="openPosterModal">
+					<text>生成邀请海报</text>
 				</view>
 			</view>
 
+			<!-- 团队成员列表 -->
 			<view v-else class="dist__team-list">
 				<view v-for="t in visibleTeam" :key="t.id + '-' + t.level" class="dist__member">
-					<view class="dist__member-avatar">
-						<text>{{ firstChar(t.nickname) }}</text>
+					<view class="dist__member-avatar-wrap">
+						<image
+							v-if="t.avatar"
+							class="dist__member-avatar-img"
+							:src="assetUrl(t.avatar)"
+							mode="aspectFill"
+						/>
+						<view v-else class="dist__member-avatar">
+							<text>{{ firstChar(t.nickname) }}</text>
+						</view>
 					</view>
 					<view class="dist__member-main">
 						<view class="dist__member-top">
-							<text class="dist__member-name">{{ t.nickname || '匿名用户' }}</text>
+							<text class="dist__member-name">{{ t.nickname || '同城合伙人' }}</text>
 							<text class="dist__badge" :class="t.level === 1 ? 'dist__badge--l1' : 'dist__badge--l2'">
-								{{ t.level === 1 ? '一级' : '二级' }}
+								{{ t.level === 1 ? '一级直推' : '二级间推' }}
 							</text>
 						</view>
-						<text class="dist__member-meta">{{ joinText(t) }} · 业绩 ¥{{ money(t.performance) }}</text>
+						<text class="dist__member-meta">{{ joinText(t) }} · 累计消费 ¥{{ money(t.performance) }}</text>
 					</view>
 					<view class="dist__member-income">
 						<text class="dist__member-income-num">+¥{{ money(t.commission) }}</text>
@@ -155,15 +214,89 @@
 					</view>
 				</view>
 
+				<!-- 展开收起 -->
 				<view v-if="team.length > 5" class="dist__more" @click="teamExpanded = !teamExpanded">
-					<text>{{ teamExpanded ? '收起' : '展开全部 ' + team.length + ' 人' }}</text>
+					<text>{{ teamExpanded ? '收起' : '展开全部 ' + team.length + ' 位成员' }}</text>
 					<view class="dist__chevron" :class="{ 'dist__chevron--up': teamExpanded }"></view>
 				</view>
 			</view>
 		</view>
 
-		<!-- 提现记录 -->
-		<view class="dist__card">
+		<!-- ==================== Tab 2: 收益明细（佣金流水账单） ==================== -->
+		<view v-if="activeTab === 'commissions'" class="dist__card">
+			<view class="dist__card-head">
+				<view class="dist__card-title">
+					<view class="dist__card-icon-wrap">
+						<image class="dist__card-icon" :src="iconUrl('home-crown')" mode="aspectFit" />
+					</view>
+					<text>佣金账单</text>
+				</view>
+				<text v-if="commissionsList.length" class="dist__card-extra">共 {{ commissionsList.length }} 笔</text>
+			</view>
+
+			<!-- 状态筛选 -->
+			<view class="dist__seg">
+				<view
+					v-for="s in commissionStatusTabs"
+					:key="s.value"
+					class="dist__seg-item"
+					:class="{ 'dist__seg-item--active': commissionStatus === s.value }"
+					@click="changeCommissionStatus(s.value)"
+				>
+					<text>{{ s.label }}</text>
+				</view>
+			</view>
+
+			<!-- 收益明细骨架屏 -->
+			<view v-if="commissionsLoading" class="dist__skeleton">
+				<view v-for="i in 3" :key="'comm-' + i" class="dist__skeleton-record">
+					<view class="dist__skeleton-lines">
+						<view class="dist__skeleton-line fc-skeleton"></view>
+						<view class="dist__skeleton-line dist__skeleton-line--short fc-skeleton"></view>
+					</view>
+					<view class="dist__skeleton-amount fc-skeleton"></view>
+				</view>
+			</view>
+
+			<!-- 收益明细为空 -->
+			<view v-else-if="!commissionsList.length" class="dist__empty">
+				<view class="dist__empty-icon-wrap">
+					<image class="dist__empty-icon" :src="iconUrl('receipt')" mode="aspectFit" />
+				</view>
+				<text class="dist__empty-text">暂无收益记录，好友消费后自动入账</text>
+			</view>
+
+			<!-- 收益明细列表 -->
+			<view v-else class="dist__record-list">
+				<view v-for="c in visibleCommissions" :key="c.id" class="dist__record">
+					<view class="dist__record-main">
+						<view class="dist__record-top">
+							<text class="dist__record-title">{{ c.orderTypeName || '同城消费' }}</text>
+							<text
+								class="dist__record-status"
+								:class="c.status === 1 ? 'dist__record-status--paid' : (c.status === 2 ? 'dist__record-status--failed' : 'dist__record-status--auditing')"
+							>
+								{{ c.statusText || (c.status === 1 ? '已结算' : (c.status === 2 ? '已失效' : '待结算')) }}
+							</text>
+						</view>
+						<text class="dist__record-time">{{ timeText(c.createdAt) }} · {{ c.level === 1 ? '一级好友' : '二级好友' }}：{{ (c.fromUser && c.fromUser.nickname) || '同城好友' }}</text>
+						<text class="dist__record-no fc-ellipsis">消费 ¥{{ money(c.orderAmount) }} · 分佣比例 {{ c.rate }}% · 单号 {{ c.orderNo }}</text>
+					</view>
+					<view class="dist__record-right">
+						<text class="dist__record-amount dist__record-amount--income">+¥{{ money(c.amount) }}</text>
+					</view>
+				</view>
+
+				<!-- 展开收起 -->
+				<view v-if="commissionsList.length > 5" class="dist__more" @click="commissionsExpanded = !commissionsExpanded">
+					<text>{{ commissionsExpanded ? '收起' : '查看全部收益账单' }}</text>
+					<view class="dist__chevron" :class="{ 'dist__chevron--up': commissionsExpanded }"></view>
+				</view>
+			</view>
+		</view>
+
+		<!-- ==================== Tab 3: 提现记录 ==================== -->
+		<view v-if="activeTab === 'withdraw'" class="dist__card">
 			<view class="dist__card-head">
 				<view class="dist__card-title">
 					<view class="dist__card-icon-wrap">
@@ -213,7 +346,7 @@
 				</view>
 
 				<view v-if="records.length > 5" class="dist__more" @click="recordsExpanded = !recordsExpanded">
-					<text>{{ recordsExpanded ? '收起' : '查看全部记录' }}</text>
+					<text>{{ recordsExpanded ? '收起' : '查看全部提现记录' }}</text>
 					<view class="dist__chevron" :class="{ 'dist__chevron--up': recordsExpanded }"></view>
 				</view>
 			</view>
@@ -221,7 +354,7 @@
 
 		<view class="dist__bottom-space"></view>
 
-		<!-- 提现弹层 -->
+		<!-- ==================== 提现申请弹层 ==================== -->
 		<view v-if="showWithdraw" class="dist__mask" @click="closeWithdraw" @touchmove.stop.prevent>
 			<view class="dist__sheet" @click.stop>
 				<view class="dist__sheet-handle"></view>
@@ -237,6 +370,7 @@
 					<text class="dist__sheet-balance-num">{{ money(overview.withdrawable) }}</text>
 				</view>
 
+				<!-- 收款人真实姓名校验 -->
 				<view v-if="!realname" class="dist__sheet-field">
 					<input
 						v-model="realnameInput"
@@ -248,6 +382,7 @@
 					/>
 				</view>
 
+				<!-- 提现金额输入 -->
 				<view class="dist__sheet-field">
 					<text class="dist__sheet-symbol">¥</text>
 					<input
@@ -261,6 +396,7 @@
 					<text class="dist__sheet-all" @click="fillAll">全部</text>
 				</view>
 
+				<!-- 快捷金额选择 -->
 				<view v-if="quickAmounts.length" class="dist__sheet-chips">
 					<view
 						v-for="c in quickAmounts"
@@ -275,7 +411,7 @@
 
 				<view class="dist__sheet-tip-row">
 					<image class="dist__sheet-tip-icon" :src="iconUrl('info')" mode="aspectFit" />
-					<text class="dist__sheet-tip">最低提现 ¥{{ minWithdrawText }}，预计 T+7 到账微信零钱</text>
+					<text class="dist__sheet-tip">最低提现 ¥{{ minWithdrawText }}，预计 24 小时内直转微信零钱</text>
 				</view>
 
 				<view
@@ -288,16 +424,127 @@
 				<view class="dist__sheet-safe"></view>
 			</view>
 		</view>
+
+		<!-- ==================== 分销规则说明弹层 ==================== -->
+		<view v-if="showRuleModal" class="dist__mask" @click="showRuleModal = false" @touchmove.stop.prevent>
+			<view class="dist__sheet" @click.stop>
+				<view class="dist__sheet-handle"></view>
+				<view class="dist__sheet-head">
+					<text class="dist__sheet-title">分销推广奖励规则</text>
+					<view class="dist__sheet-close" @click="showRuleModal = false">
+						<image class="dist__sheet-close-img" :src="iconUrl('close')" mode="aspectFit" />
+					</view>
+				</view>
+
+				<view class="dist__rule-content">
+					<view class="dist__rule-item">
+						<view class="dist__rule-badge">1</view>
+						<view class="dist__rule-text-wrap">
+							<text class="dist__rule-h">一级直推返佣：{{ overview.level1Rate || 20 }}%</text>
+							<text class="dist__rule-p">好友通过您的专属海报或链接注册，其在平台发布信息、置顶、开通会员或购买便民服务，您立享订单金额 {{ overview.level1Rate || 20 }}% 的现金佣金。</text>
+						</view>
+					</view>
+
+					<view class="dist__rule-item">
+						<view class="dist__rule-badge">2</view>
+						<view class="dist__rule-text-wrap">
+							<text class="dist__rule-h">二级间推返佣：{{ overview.level2Rate || 10 }}%</text>
+							<text class="dist__rule-p">您的一级好友再次邀请新朋友消费，您仍可获得订单金额 {{ overview.level2Rate || 10 }}% 的间接分销奖励，裂变无忧。</text>
+						</view>
+					</view>
+
+					<view class="dist__rule-item">
+						<view class="dist__rule-badge">3</view>
+						<view class="dist__rule-text-wrap">
+							<text class="dist__rule-h">结算周期与到账：{{ overview.settleCycle || 'T+7' }}</text>
+							<text class="dist__rule-p">订单支付完成后佣金即刻进入待结算，满 {{ overview.settleCycle || 'T+7' }} 天后自动转入可提现余额，随时提现至微信零钱。</text>
+						</view>
+					</view>
+
+					<view class="dist__rule-item">
+						<view class="dist__rule-badge">4</view>
+						<view class="dist__rule-text-wrap">
+							<text class="dist__rule-h">提现规则与到账保障</text>
+							<text class="dist__rule-p">最低提现金额为 ¥{{ minWithdrawText }}，平台支持微信商家转账直接到账微信零钱，无任何手续费。</text>
+						</view>
+					</view>
+				</view>
+
+				<view class="dist__sheet-btn" @click="showRuleModal = false">
+					<text>我知道了</text>
+				</view>
+				<view class="dist__sheet-safe"></view>
+			</view>
+		</view>
+
+		<!-- ==================== 专属邀请海报弹层 ==================== -->
+		<view v-if="showPosterModal" class="dist__mask" @click="showPosterModal = false" @touchmove.stop.prevent>
+			<view class="dist__poster-sheet" @click.stop>
+				<view class="dist__poster-sheet-head">
+					<text class="dist__poster-sheet-title">专属合伙人海报</text>
+					<view class="dist__sheet-close" @click="showPosterModal = false">
+						<image class="dist__sheet-close-img" :src="iconUrl('close')" mode="aspectFit" />
+					</view>
+				</view>
+
+				<!-- 海报正在绘制态 -->
+				<view v-if="posterLoading" class="dist__poster-loading">
+					<view class="dist__poster-spinner"></view>
+					<text class="dist__poster-loading-text">正在生成专属推广海报…</text>
+				</view>
+
+				<!-- 海报预览大图 -->
+				<view v-else class="dist__poster-preview">
+					<image
+						v-if="posterImagePath"
+						class="dist__poster-img"
+						:src="posterImagePath"
+						mode="widthFix"
+						@click="previewPoster"
+					/>
+					<text class="dist__poster-tip">点击大图可全屏预览，长按图片直接转发</text>
+				</view>
+
+				<!-- 海报底部快捷操作按钮组 -->
+				<view class="dist__poster-actions">
+					<view class="dist__poster-act-btn dist__poster-act-btn--primary" @click="savePoster">
+						<image class="dist__btn-icon" :src="iconUrl('image-white')" mode="aspectFit" />
+						<text>保存到相册</text>
+					</view>
+					<!-- #ifdef MP-WEIXIN -->
+					<button class="dist__poster-act-btn dist__poster-act-btn--share" open-type="share">
+						<image class="dist__btn-icon" :src="iconUrl('share')" mode="aspectFit" />
+						<text>发给好友</text>
+					</button>
+					<!-- #endif -->
+					<view class="dist__poster-act-btn dist__poster-act-btn--ghost" @click="copyPosterText">
+						<text>复制文案</text>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 离屏 Canvas（600 x 880 逻辑分辨率，导出 2x 超清海报） -->
+		<canvas
+			canvas-id="distPosterCanvas"
+			id="distPosterCanvas"
+			style="width: 600px; height: 880px; position: fixed; left: -9999px; top: -9999px; z-index: -999;"
+		/>
 	</view>
 </template>
 
 <script>
+/**
+ * 分销中心模块（用户端）
+ * 包含：佣金资产看板、一二级团队管理、收益流水账单、微信商家转账提现、合伙人海报生成与多端分享裂变
+ */
 import distributionApi from '@/common/api/distribution.js'
 import authApi from '@/common/api/auth.js'
 import { WITHDRAW_TEXT } from '@/common/constants/ui.js'
-import { fromNow } from '@/common/utils/format.js'
+import { fromNow, assetUrl } from '@/common/utils/format.js'
 import { iconUrl, loadUiConfig, uiState, requestSubscribe } from '@/common/store/ui.js'
 import FcNavbar from '@/components/fc-navbar/fc-navbar.vue'
+import QRCode from '@/common/utils/qrcode-generator.js'
 
 export default {
 	components: { FcNavbar },
@@ -306,52 +553,93 @@ export default {
 			overview: {},
 			team: [],
 			records: [],
+			commissionsList: [],
+			activeTab: 'team', // 'team' | 'commissions' | 'withdraw'
 			level: 0,
-			// 最低提现金额由后台「分销设置」经 /distribution/overview 下发（加载前用 50 兜底）
+			commissionStatus: '',
 			minWithdraw: 50,
 			showWithdraw: false,
+			showRuleModal: false,
+			showPosterModal: false,
+			posterLoading: false,
+			posterImagePath: '',
+			posterMeta: null,
 			withdrawAmount: '',
-			// 收款人实名（提现转账用；为空时弹层内采集）
 			realname: '',
 			realnameInput: '',
 			submitting: false,
 			loading: true,
 			loadError: false,
 			teamLoading: true,
+			commissionsLoading: false,
 			teamExpanded: false,
 			recordsExpanded: false,
+			commissionsExpanded: false,
 			teamSeq: 0,
 			hasShown: false,
+			mainTabs: [
+				{ key: 'team', name: '我的团队' },
+				{ key: 'commissions', name: '收益明细' },
+				{ key: 'withdraw', name: '提现记录' },
+			],
 			levelTabs: [
 				{ label: '全部', value: 0 },
-				{ label: '一级', value: 1 },
-				{ label: '二级', value: 2 },
+				{ label: '一级直推', value: 1 },
+				{ label: '二级间推', value: 2 },
+			],
+			commissionStatusTabs: [
+				{ label: '全部', value: '' },
+				{ label: '已结算', value: '1' },
+				{ label: '待结算', value: '0' },
 			],
 		}
 	},
 	computed: {
-		/** 可提现金额（数值型） */
+		/**
+		 * 可提现金额数值
+		 * @returns {number}
+		 */
 		withdrawableNum() {
 			const n = Number(this.overview && this.overview.withdrawable)
 			return isNaN(n) ? 0 : Math.max(n, 0)
 		},
-		/** 最低提现金额展示文案（整数不带小数） */
+		/**
+		 * 最低提现金额展示文案
+		 * @returns {string}
+		 */
 		minWithdrawText() {
 			const n = Number(this.minWithdraw)
 			if (isNaN(n) || n <= 0) return '0'
 			return n % 1 === 0 ? String(n) : n.toFixed(2)
 		},
-		/** 团队列表默认展示 5 条，可展开 */
+		/**
+		 * 团队列表折叠展示
+		 * @returns {Array}
+		 */
 		visibleTeam() {
 			const list = this.team || []
 			return this.teamExpanded ? list : list.slice(0, 5)
 		},
-		/** 提现记录默认展示 5 条，可展开 */
+		/**
+		 * 收益账单折叠展示
+		 * @returns {Array}
+		 */
+		visibleCommissions() {
+			const list = this.commissionsList || []
+			return this.commissionsExpanded ? list : list.slice(0, 5)
+		},
+		/**
+		 * 提现记录折叠展示
+		 * @returns {Array}
+		 */
 		visibleRecords() {
 			const list = this.records || []
 			return this.recordsExpanded ? list : list.slice(0, 5)
 		},
-		/** 快捷提现金额（不高于可提现余额） */
+		/**
+		 * 快捷提现金额候选（不超过可提现余额）
+		 * @returns {Array}
+		 */
 		quickAmounts() {
 			const max = this.withdrawableNum
 			const min = Number(this.minWithdraw || 0)
@@ -361,61 +649,89 @@ export default {
 				.slice(0, 3)
 				.map((v) => ({ value: v, label: '¥' + v }))
 		},
-		/** 提现金额是否可提交 */
+		/**
+		 * 提现申请是否符合提交要求
+		 * @returns {boolean}
+		 */
 		canSubmit() {
 			if (this.submitting) return false
 			const amount = Number(this.withdrawAmount)
 			const min = Number(this.minWithdraw || 0)
 			return amount > 0 && amount >= min && amount <= this.withdrawableNum + 0.001
 		},
-		/** 邀请链接：H5 使用完整地址，小程序使用页面路径 */
+		/**
+		 * 邀请专属推广链接
+		 * @returns {string}
+		 */
+		/**
+		 * 邀请专属推广链接（确保全平台生成完整可访问的 HTTPS 绝对链接）
+		 * @returns {string}
+		 */
 		inviteLink() {
 			const code = this.overview.inviteCode || ''
 			if (!code) return ''
+			if (this.overview.shareUrl) {
+				return this.overview.shareUrl
+			}
 			// #ifdef H5
 			if (typeof location !== 'undefined' && location.origin) {
 				return location.origin + '/#/pages/index/index?ic=' + encodeURIComponent(code)
 			}
 			// #endif
-			return '/pages/index/index?ic=' + encodeURIComponent(code)
+			return 'https://fenleixinxi.gzyakj.com.cn/#/pages/index/index?ic=' + encodeURIComponent(code)
 		},
 	},
+	/**
+	 * 页面初始化加载
+	 */
 	onLoad() {
 		loadUiConfig()
 		this.init()
 	},
 	/**
-	 * 从其它页面返回时刷新，首次进入由 onLoad 负责，避免重复请求
+	 * 页面显示时静默刷新（从其它页面返回）
 	 */
 	onShow() {
 		if (this.hasShown) this.init()
 		this.hasShown = true
 	},
 	/**
-	 * 小程序右上角分享
+	 * 下拉刷新生命周期
+	 */
+	async onPullDownRefresh() {
+		await this.init()
+		uni.stopPullDownRefresh()
+	},
+	/**
+	 * 微信小程序原生分享给好友（卡片带参绑定邀请码）
 	 */
 	onShareAppMessage() {
 		const code = this.overview.inviteCode || ''
+		const site = uiState.siteName || '同城分类信息'
 		return {
-			title: uiState.shareTitle || uiState.siteName || '同城分类信息',
+			title: `【合伙人邀请】加入${site}，分享好内容，随时赚佣金！`,
 			path: '/pages/index/index?ic=' + encodeURIComponent(code),
+			imageUrl: this.posterImagePath || undefined,
 		}
 	},
 	/**
-	 * 小程序分享到朋友圈
+	 * 微信小程序分享到朋友圈
 	 */
 	onShareTimeline() {
 		const code = this.overview.inviteCode || ''
+		const site = uiState.siteName || '同城分类信息'
 		return {
-			title: uiState.shareTitle || uiState.siteName || '同城分类信息',
+			title: `【合伙人邀请】加入${site}，便民生活更轻松，分享赚佣金！`,
 			query: 'ic=' + encodeURIComponent(code),
+			imageUrl: this.posterImagePath || undefined,
 		}
 	},
 	methods: {
 		iconUrl,
+		assetUrl,
 
 		/**
-		 * 加载概览、团队与提现记录
+		 * 页面主数据加载
 		 */
 		async init() {
 			this.teamLoading = true
@@ -440,11 +756,25 @@ export default {
 			} finally {
 				this.loading = false
 			}
-			await this.fetchTeam(true)
+			await Promise.all([
+				this.fetchTeam(true),
+				this.fetchCommissions(true),
+			])
 		},
 
 		/**
-		 * 拉取团队列表（保持当前筛选层级）
+		 * 切换底部主板块
+		 * @param {'team'|'commissions'|'withdraw'} key 板块标识
+		 */
+		switchTab(key) {
+			this.activeTab = key
+			if (key === 'commissions' && !this.commissionsList.length) {
+				this.fetchCommissions(false)
+			}
+		},
+
+		/**
+		 * 拉取团队成员列表
 		 * @param {boolean} silent 失败时是否静默
 		 */
 		async fetchTeam(silent = true) {
@@ -460,7 +790,6 @@ export default {
 				this.team = (res && res.list) || []
 			} catch (e) {
 				if (seq !== this.teamSeq) return
-				// 静默刷新失败时保留旧列表，避免返回页面时列表被清空
 				if (!silent) {
 					this.team = []
 					uni.showToast({ title: '团队数据加载失败', icon: 'none' })
@@ -471,7 +800,29 @@ export default {
 		},
 
 		/**
-		 * 切换团队层级
+		 * 拉取收益明细流水账单
+		 * @param {boolean} silent 失败时是否静默
+		 */
+		async fetchCommissions(silent = true) {
+			this.commissionsLoading = true
+			try {
+				const res = await distributionApi.commissions({
+					status: this.commissionStatus !== '' ? this.commissionStatus : undefined,
+					page: 1,
+					size: 50,
+				})
+				this.commissionsList = (res && res.list) || []
+			} catch (e) {
+				if (!silent) {
+					uni.showToast({ title: '收益账单加载失败', icon: 'none' })
+				}
+			} finally {
+				this.commissionsLoading = false
+			}
+		},
+
+		/**
+		 * 切换团队层级筛选
 		 * @param {number} v 0 全部 / 1 一级 / 2 二级
 		 */
 		changeLevel(v) {
@@ -482,7 +833,18 @@ export default {
 		},
 
 		/**
-		 * 提现状态文案
+		 * 切换佣金账单状态筛选
+		 * @param {string} s 状态标识
+		 */
+		changeCommissionStatus(s) {
+			if (this.commissionStatus === s) return
+			this.commissionStatus = s
+			this.commissionsExpanded = false
+			this.fetchCommissions(false)
+		},
+
+		/**
+		 * 提现状态展示文案
 		 * @param {string} s 状态枚举
 		 * @returns {string}
 		 */
@@ -491,8 +853,8 @@ export default {
 		},
 
 		/**
-		 * 相对时间文案
-		 * @param {string} t 时间
+		 * 相对时间格式化
+		 * @param {string} t ISO时间字符串
 		 * @returns {string}
 		 */
 		timeText(t) {
@@ -500,8 +862,8 @@ export default {
 		},
 
 		/**
-		 * 成员加入时间文案
-		 * @param {Object} t 成员
+		 * 加入时间展示文案
+		 * @param {Object} t 成员对象
 		 * @returns {string}
 		 */
 		joinText(t) {
@@ -510,7 +872,7 @@ export default {
 		},
 
 		/**
-		 * 金额格式化（保留两位小数）
+		 * 格式化金额数值（保留两位小数）
 		 * @param {number|string} v 金额
 		 * @returns {string}
 		 */
@@ -521,7 +883,7 @@ export default {
 		},
 
 		/**
-		 * 昵称首字（头像占位）
+		 * 提取昵称首字（用于头像占位）
 		 * @param {string} name 昵称
 		 * @returns {string}
 		 */
@@ -531,12 +893,17 @@ export default {
 		},
 
 		/**
-		 * 复制文本
-		 * @param {string} text 内容
-		 * @param {string} tip 提示文案
+		 * 剪贴板文本复制通用逻辑
+		 * @param {string} text 复制内容
+		 * @param {string} tip 成功提示文案
 		 */
-		copyText(text, tip) {
-			const data = String(text || '')
+		/**
+		 * 剪贴板文本复制通用逻辑
+		 * @param {string} text 复制内容
+		 * @param {string} tip 成功提示文案
+		 */
+		copyText(text, tip = '已复制') {
+			const data = String(text || '').trim()
 			if (!data) {
 				uni.showToast({ title: '内容生成中，请稍后重试', icon: 'none' })
 				return
@@ -544,16 +911,19 @@ export default {
 			uni.setClipboardData({
 				data,
 				success: () => {
-					uni.showToast({ title: tip || '已复制', icon: 'none' })
+					// #ifndef MP-WEIXIN
+					// 微信小程序端 setClipboardData 会自带系统原生“内容已复制”提示，非微信端主动提示
+					uni.showToast({ title: tip, icon: 'none' })
+					// #endif
 				},
 				fail: () => {
-					uni.showToast({ title: '复制失败，请长按复制', icon: 'none' })
+					uni.showToast({ title: '复制失败，请重试', icon: 'none' })
 				},
 			})
 		},
 
 		/**
-		 * 复制邀请码
+		 * 复制我的专属邀请码
 		 */
 		copyCode() {
 			if (!this.overview.inviteCode) {
@@ -564,7 +934,7 @@ export default {
 		},
 
 		/**
-		 * 复制邀请链接
+		 * 复制我的专属推广链接
 		 */
 		copyLink() {
 			if (!this.inviteLink) {
@@ -575,7 +945,7 @@ export default {
 		},
 
 		/**
-		 * 分享邀请：H5 走系统分享，小程序提示右上角分享，其余复制链接
+		 * 分享邀请（H5 / App 端后备逻辑）
 		 */
 		shareInvite() {
 			if (!this.overview.inviteCode) {
@@ -587,34 +957,467 @@ export default {
 				try {
 					navigator
 						.share({
-							title: uiState.shareTitle || uiState.siteName || '同城分类信息 · 本地生活便民服务',
-							text: `邀请你加入${uiState.siteName || '同城分类信息'}，发布、找工作、找房子都方便`,
+							title: uiState.shareTitle || uiState.siteName || '同城分类信息 · 全民合伙人',
+							text: `邀请你加入${uiState.siteName || '同城分类信息'}，分享好内容，随时赚佣金！`,
 							url: this.inviteLink,
 						})
-						.catch((err) => {
-							if (!err || err.name !== 'AbortError') this.copyLink()
-						})
+						.catch(() => this.copyLink())
 				} catch (e) {
 					this.copyLink()
 				}
 				return
 			}
 			this.copyLink()
-			return
 			// #endif
-			// #ifdef MP-WEIXIN
-			uni.showShareMenu({
-				withShareTicket: true,
-				menus: ['shareAppMessage', 'shareTimeline'],
-			})
-			uni.showToast({ title: '点击右上角分享给好友', icon: 'none' })
-			return
-			// #endif
-			// #ifdef APP-PLUS
+			// #ifndef H5
 			this.copyLink()
 			// #endif
 		},
 
+		/**
+		 * 打开专属合伙人海报弹窗并按需生成海报
+		 */
+		async openPosterModal() {
+			this.showPosterModal = true
+			if (!this.posterImagePath) {
+				await this.generatePoster()
+			}
+		},
+
+		/**
+		 * 网络图片转化为本地可绘制路径（带超时熔断与相对路径补全，防止阻塞海报生成）
+		 * @param {string} src 网络图片地址或本地相对地址
+		 * @param {number} timeoutMs 最长等待毫秒数
+		 * @returns {Promise<string>}
+		 */
+		getImageLocalPath(src, timeoutMs = 1500) {
+			return new Promise((resolve) => {
+				const fullUrl = assetUrl(src)
+				if (!fullUrl) return resolve('')
+				// 若已是小程序本地临时路径（wxfile:// 等），直接复用
+				if (fullUrl.indexOf('http://') !== 0 && fullUrl.indexOf('https://') !== 0) {
+					return resolve(fullUrl)
+				}
+				let done = false
+				const timer = setTimeout(() => {
+					if (!done) {
+						done = true
+						resolve('')
+					}
+				}, timeoutMs)
+				uni.getImageInfo({
+					src: fullUrl,
+					success: (res) => {
+						if (!done) {
+							done = true
+							clearTimeout(timer)
+							resolve((res && res.path) || '')
+						}
+					},
+					fail: (err) => {
+						console.warn('getImageInfo fail for avatar', fullUrl, err)
+						if (!done) {
+							done = true
+							clearTimeout(timer)
+							resolve('')
+						}
+					},
+				})
+			})
+		},
+
+		/**
+		 * 绘制圆角矩形
+		 */
+		drawRoundRect(ctx, x, y, width, height, radius, fillColor, strokeColor, lineWidth = 1) {
+			ctx.save()
+			ctx.beginPath()
+			ctx.moveTo(x + radius, y)
+			ctx.lineTo(x + width - radius, y)
+			ctx.arc(x + width - radius, y + radius, radius, 1.5 * Math.PI, 2 * Math.PI)
+			ctx.lineTo(x + width, y + height - radius)
+			ctx.arc(x + width - radius, y + height - radius, radius, 0, 0.5 * Math.PI)
+			ctx.lineTo(x + radius, y + height)
+			ctx.arc(x + radius, y + height - radius, radius, 0.5 * Math.PI, Math.PI)
+			ctx.lineTo(x, y + radius)
+			ctx.arc(x + radius, y + radius, radius, Math.PI, 1.5 * Math.PI)
+			ctx.closePath()
+			if (fillColor) {
+				ctx.setFillStyle(fillColor)
+				ctx.fill()
+			}
+			if (strokeColor) {
+				ctx.setStrokeStyle(strokeColor)
+				ctx.setLineWidth(lineWidth)
+				ctx.stroke()
+			}
+			ctx.restore()
+		},
+
+		/**
+		 * 绘制文本
+		 */
+		drawSafeText(ctx, text, x, y, options = {}) {
+			const { fontSize = 20, color = '#1E293B', align = 'left', baseline = 'top', bold = false } = options
+			ctx.save()
+			ctx.setFontSize(fontSize)
+			ctx.setFillStyle(color)
+			ctx.setTextAlign(align)
+			ctx.setTextBaseline(baseline)
+			ctx.fillText(String(text), x, y)
+			ctx.restore()
+		},
+
+		/**
+		 * 计算文本预估宽度
+		 */
+		calcTextWidth(text, fontSize) {
+			if (!text) return 0
+			let width = 0
+			for (let i = 0; i < text.length; i++) {
+				const code = text.charCodeAt(i)
+				width += code > 255 ? fontSize : fontSize * 0.6
+			}
+			return width
+		},
+
+		/**
+		 * 绘制深墨绿合规二维码
+		 */
+		drawRealQRCode(ctx, text, x, y, size) {
+			try {
+				const qr = QRCode.create(text, { errorCorrectionLevel: 'M' })
+				const modules = qr.modules
+				const count = modules.size
+				const padding = 8
+				const qrRealSize = size - padding * 2
+				const cellSize = qrRealSize / count
+
+				this.drawRoundRect(ctx, x, y, size, size, 12, '#FFFFFF', '#DFF2E8', 1)
+
+				ctx.save()
+				ctx.setFillStyle('#04301E')
+				for (let r = 0; r < count; r++) {
+					for (let c = 0; c < count; c++) {
+						if (modules.get(r, c) === 1) {
+							ctx.fillRect(
+								x + padding + c * cellSize,
+								y + padding + r * cellSize,
+								cellSize + 0.35,
+								cellSize + 0.35
+							)
+						}
+					}
+				}
+				ctx.restore()
+			} catch (e) {
+				console.error('QR draw error', e)
+			}
+		},
+
+		/**
+		 * Canvas 高保真绘制专属合伙人邀请海报（轻氧浅绿微质感，无重叠几何流式排版）
+		 */
+		async generatePoster() {
+			if (this.posterImagePath) {
+				this.posterLoading = false
+				return
+			}
+			this.posterLoading = true
+
+			// 6秒最长超时兜底，防止任何未知异常卡住 loading 状态
+			const globalTimeout = setTimeout(() => {
+				if (this.posterLoading) {
+					this.posterLoading = false
+					uni.showToast({ title: '生成超时，请重试', icon: 'none' })
+				}
+			}, 6000)
+
+			const W = 600
+			const H = 880
+			const ctx = uni.createCanvasContext('distPosterCanvas', this)
+
+			try {
+				// 获取海报要素
+				let meta = this.posterMeta
+				if (!meta) {
+					try {
+						meta = await distributionApi.poster()
+						this.posterMeta = meta
+					} catch (e) {}
+				}
+				const code = (meta && meta.inviteCode) || this.overview.inviteCode || ''
+				const rawNickname = (meta && meta.nickname) || '同城合伙人'
+				const nickname = rawNickname.length > 8 ? rawNickname.slice(0, 7) + '…' : rawNickname
+				const rawSiteName = (meta && meta.siteName) || uiState.siteName || '同城分类信息'
+				const siteName = rawSiteName.length > 10 ? rawSiteName.slice(0, 9) + '…' : rawSiteName
+				const slogan = (meta && meta.slogan) || '分享本地好便民 · 天天躺赚现金佣金'
+
+				// 1. 全局轻氧浅绿全屏底色（#F2FEF7）
+				ctx.setFillStyle('#F2FEF7')
+				ctx.fillRect(0, 0, W, H)
+
+				// 2. 纯白立体高光主卡片（圆角 24px，细边框 #D1FAE5）
+				this.drawRoundRect(ctx, 20, 20, 560, 840, 24, '#FFFFFF', '#D1FAE5', 1.5)
+
+				// 3. 顶部 Header 栏（y: 44 ~ 76）
+				// 左侧绿色品牌胶囊
+				this.drawRoundRect(ctx, 40, 44, 150, 32, 16, '#E8FAF0', null)
+				this.drawSafeText(ctx, '同城合伙人计划', 115, 52, {
+					fontSize: 16,
+					color: '#00A854',
+					align: 'center',
+				})
+				// 右侧站点名称（右对齐，带截断防重叠）
+				this.drawSafeText(ctx, siteName, 560, 52, {
+					fontSize: 16,
+					color: '#64748B',
+					align: 'right',
+				})
+
+				// 4. 用户信息栏（y: 96 ~ 160，高度 64）
+				this.drawRoundRect(ctx, 40, 96, 520, 64, 14, '#F8FAFC', '#F1F5F9', 1)
+				// 头像加载（带短超时）
+				let avatarLocal = ''
+				if (meta && meta.avatar) {
+					avatarLocal = await this.getImageLocalPath(meta.avatar, 1200)
+				}
+				const avatarX = 54
+				const avatarY = 104
+				if (avatarLocal) {
+					ctx.save()
+					this.drawRoundRect(ctx, avatarX, avatarY, 48, 48, 24, '#E8FAF0', '#A7F3D0', 1)
+					ctx.drawImage(avatarLocal, avatarX, avatarY, 48, 48)
+					ctx.restore()
+				} else {
+					this.drawRoundRect(ctx, avatarX, avatarY, 48, 48, 24, '#00E070', null)
+					this.drawSafeText(ctx, this.firstChar(rawNickname), avatarX + 24, avatarY + 12, {
+						fontSize: 22,
+						color: '#04301E',
+						align: 'center',
+					})
+				}
+				// 昵称与身份徽章
+				this.drawSafeText(ctx, nickname, 114, 108, {
+					fontSize: 20,
+					color: '#1E293B',
+					align: 'left',
+				})
+				const nickW = this.calcTextWidth(nickname, 20)
+				const badgeX = 114 + nickW + 10
+				this.drawRoundRect(ctx, badgeX, 108, 54, 22, 11, '#FEF3C7', null)
+				this.drawSafeText(ctx, '合伙人', badgeX + 27, 112, {
+					fontSize: 13,
+					color: '#D97706',
+					align: 'center',
+				})
+				// 宣言
+				this.drawSafeText(ctx, '邀你加入同城便民生活圈，共享现金返佣', 114, 136, {
+					fontSize: 15,
+					color: '#64748B',
+					align: 'left',
+				})
+
+				// 5. 核心主旨标语卡片（y: 176 ~ 250，高度 74）
+				this.drawRoundRect(ctx, 40, 176, 520, 74, 16, '#F0FDF4', '#D1FAE5', 1)
+				this.drawSafeText(ctx, slogan, 300, 188, {
+					fontSize: 24,
+					color: '#04301E',
+					align: 'center',
+				})
+				const l1Rate = (this.overview && this.overview.level1Rate) || 20
+				const l2Rate = (this.overview && this.overview.level2Rate) || 10
+				const cycle = (this.overview && this.overview.settleCycle) || 'T+7'
+				this.drawSafeText(ctx, `直推返佣 ${l1Rate}% · 间推返佣 ${l2Rate}% · ${cycle} 自动结算到账`, 300, 222, {
+					fontSize: 16,
+					color: '#00A854',
+					align: 'center',
+				})
+
+				// 6. 专属邀请码卡片（y: 266 ~ 416，高度 150）
+				this.drawRoundRect(ctx, 40, 266, 520, 150, 18, '#FFFFFF', '#00E070', 2)
+				this.drawSafeText(ctx, '—— 我的专属邀请码 ——', 300, 282, {
+					fontSize: 16,
+					color: '#64748B',
+					align: 'center',
+				})
+				this.drawSafeText(ctx, code || '888888', 300, 314, {
+					fontSize: 52,
+					color: '#00A854',
+					align: 'center',
+				})
+				this.drawSafeText(ctx, '注册登录填写此邀请码，立即锁定终身分销关系', 300, 384, {
+					fontSize: 15,
+					color: '#94A3B8',
+					align: 'center',
+				})
+
+				// 7. 三大权益标签网格（y: 432 ~ 506，高度 74）
+				const featY = 432
+				const feats = [
+					{ t: '高额返佣', s: '全品类消费享' },
+					{ t: '自动结算', s: '收益随时提现' },
+					{ t: '微信零钱', s: '转账零手续费' },
+				]
+				feats.forEach((f, idx) => {
+					const fx = 40 + idx * 179
+					this.drawRoundRect(ctx, fx, featY, 162, 74, 12, '#F8FAFC', '#E2E8F0', 1)
+					this.drawSafeText(ctx, f.t, fx + 81, featY + 12, {
+						fontSize: 19,
+						color: '#1E293B',
+						align: 'center',
+					})
+					this.drawSafeText(ctx, f.s, fx + 81, featY + 40, {
+						fontSize: 14,
+						color: '#64748B',
+						align: 'center',
+					})
+				})
+
+				// 8. 优雅虚线分割线（y: 524）
+				ctx.save()
+				ctx.setStrokeStyle('#E2E8F0')
+				ctx.setLineWidth(1.5)
+				ctx.beginPath()
+				for (let x = 40; x < 560; x += 12) {
+					ctx.moveTo(x, 524)
+					ctx.lineTo(x + 6, 524)
+				}
+				ctx.stroke()
+				ctx.restore()
+
+				// 9. 底部扫码与专属二维码转化区（y: 546 ~ 696）
+				const qrUrl = `https://fenleixinxi.gzyakj.com.cn/#/pages/index/index?ic=${encodeURIComponent(code)}`
+				const qrX = 48
+				const qrY = 546
+				const qrSize = 150
+				this.drawRealQRCode(ctx, qrUrl, qrX, qrY, qrSize)
+
+				// 二维码右侧文字说明（从 x = 216 开始，宽度 344px 极为充裕，排版整洁绝不重叠）
+				const textX = 218
+				this.drawSafeText(ctx, '微信长按识别小程序', textX, 558, {
+					fontSize: 23,
+					color: '#1E293B',
+					align: 'left',
+				})
+				this.drawSafeText(ctx, '找工作 · 租售房 · 本地便民', textX, 594, {
+					fontSize: 17,
+					color: '#00A854',
+					align: 'left',
+				})
+				this.drawSafeText(ctx, '同城生活分类信息 · 官方严选保障', textX, 626, {
+					fontSize: 15,
+					color: '#64748B',
+					align: 'left',
+				})
+				// 专属邀请码小徽章
+				this.drawRoundRect(ctx, textX, 656, 210, 28, 14, '#E8FAF0', '#A7F3D0', 1)
+				this.drawSafeText(ctx, `专属邀请码：${code}`, textX + 105, 661, {
+					fontSize: 15,
+					color: '#00A854',
+					align: 'center',
+				})
+
+				// 10. 执行绘制并双重触发导出（彻底规避微信小程序真机 draw 回调偶发不触发的缺陷）
+				let hasExported = false
+				const finishExport = () => {
+					if (hasExported) return
+					hasExported = true
+					clearTimeout(globalTimeout)
+					uni.canvasToTempFilePath(
+						{
+							canvasId: 'distPosterCanvas',
+							width: W,
+							height: H,
+							destWidth: W * 2,
+							destHeight: H * 2,
+							fileType: 'png',
+							quality: 1,
+							success: (res) => {
+								this.posterImagePath = res.tempFilePath
+								this.posterLoading = false
+							},
+							fail: (err) => {
+								console.error('canvasToTempFilePath error', err)
+								this.posterLoading = false
+								uni.showToast({ title: '海报导出失败，请重试', icon: 'none' })
+							},
+						},
+						this
+					)
+				}
+
+				// 方式1：在 draw 回调中导出
+				ctx.draw(false, () => {
+					setTimeout(finishExport, 80)
+				})
+
+				// 方式2：延时兜底导出（防止平台未执行 draw 回调）
+				setTimeout(finishExport, 450)
+			} catch (e) {
+				clearTimeout(globalTimeout)
+				console.error('generatePoster error', e)
+				this.posterLoading = false
+				uni.showToast({ title: '海报绘制失败', icon: 'none' })
+			}
+		},
+
+		/**
+		 * 全屏预览生成的海报大图
+		 */
+		previewPoster() {
+			if (!this.posterImagePath) return
+			uni.previewImage({
+				urls: [this.posterImagePath],
+				current: this.posterImagePath,
+			})
+		},
+
+		/**
+		 * 保存海报到手机系统相册
+		 */
+		savePoster() {
+			if (!this.posterImagePath) {
+				uni.showToast({ title: '海报正在生成，请稍候', icon: 'none' })
+				return
+			}
+			// #ifdef H5
+			uni.showToast({ title: '请长按上方图片保存到相册', icon: 'none' })
+			// #endif
+			// #ifndef H5
+			uni.saveImageToPhotosAlbum({
+				filePath: this.posterImagePath,
+				success: () => {
+					uni.showToast({ title: '海报已保存到系统相册', icon: 'success' })
+				},
+				fail: (err) => {
+					if (err && err.errMsg && (err.errMsg.includes('auth') || err.errMsg.includes('deny'))) {
+						uni.showModal({
+							title: '授权提示',
+							content: '需要访问您的相册权限以保存海报，请在系统设置中开启授权。',
+							confirmText: '去设置',
+							success: (r) => {
+								if (r.confirm) uni.openSetting()
+							},
+						})
+					} else {
+						uni.showToast({ title: '保存取消或失败', icon: 'none' })
+					}
+				},
+			})
+			// #endif
+		},
+
+		/**
+		 * 复制海报推广文案到剪贴板
+		 */
+		copyPosterText() {
+			const code = this.overview.inviteCode || ''
+			const site = uiState.siteName || '同城分类信息'
+			const text = `【合伙人邀请】推荐你加入${site}！\n汇聚本地招聘求职、房产租售、二手闲置、便民服务，方便又实惠！\n我的专属邀请码：${code}\n在微信小程序搜索“${site}”或识别海报加入即可天天赚佣金！`
+			this.copyText(text, '推广文案已复制')
+		},
+
 		/**
 		 * 打开提现弹层
 		 */
@@ -628,7 +1431,8 @@ export default {
 		},
 
 		/**
-		 * 拉起微信「确认收款」页（商家转账 · 用户确认模式）
+		 * 拉起微信「确认收款」页（商家转账模式）
+		 * @param {Object} w 提现记录项
 		 */
 		confirmTransfer(w) {
 			if (!w || !w.packageInfo) {
@@ -672,7 +1476,8 @@ export default {
 		 */
 		async submitWithdraw() {
 			if (this.submitting) return
-			if (!this.canSubmit) {				const amount = Number(this.withdrawAmount)
+			if (!this.canSubmit) {
+				const amount = Number(this.withdrawAmount)
 				if (!amount || amount <= 0) {
 					uni.showToast({ title: '请输入提现金额', icon: 'none' })
 				} else if (amount < Number(this.minWithdraw || 0)) {
@@ -683,12 +1488,11 @@ export default {
 				return
 			}
 
-			// 订阅消息授权（提现到账）；未配置模板时静默跳过
+			// 授权提现到账通知订阅消息
 			await requestSubscribe('transfer')
 
 			this.submitting = true
 			try {
-				// 未填写收款人实名：先采集并保存（微信商家转账会校验实名）
 				if (!this.realname) {
 					const name = String(this.realnameInput || '').trim()
 					if (!/^[\u4e00-\u9fa5·]{2,20}$/.test(name)) {
@@ -718,7 +1522,7 @@ export default {
 		},
 
 		/**
-		 * 提现成功后刷新余额与记录
+		 * 提现操作后静默刷新
 		 */
 		async refreshAfterWithdraw() {
 			try {
@@ -735,6 +1539,26 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+/* ==================== 顶部导航右侧规则按钮 ==================== */
+.dist__nav-rule {
+	display: flex;
+	align-items: center;
+	padding: 8rpx 18rpx;
+	border-radius: $fc-radius-pill;
+	background: rgba(255, 255, 255, 0.7);
+	border: 1rpx solid rgba(0, 224, 112, 0.3);
+}
+.dist__nav-rule-icon {
+	width: 26rpx;
+	height: 26rpx;
+	margin-right: 6rpx;
+}
+.dist__nav-rule-text {
+	font-size: 24rpx;
+	font-weight: 600;
+	color: #00A854;
+}
+
 /* ==================== Hero ==================== */
 .dist__hero {
 	background: $fc-gradient-hero;
@@ -799,7 +1623,7 @@ export default {
 	box-shadow: 0 6rpx 16rpx rgba(0, 184, 92, 0.24);
 	transition: transform 0.15s ease;
 	&:active {
-		transform: scale(0.95);
+		transform: scale(0.96);
 	}
 }
 .dist__wallet-amount {
@@ -808,72 +1632,64 @@ export default {
 	margin-top: 16rpx;
 }
 .dist__wallet-symbol {
-	margin-right: 6rpx;
-	font-size: 32rpx;
+	font-size: 36rpx;
 	font-weight: 700;
-	color: $fc-price;
+	color: #04301E;
 }
 .dist__wallet-num {
-	font-size: 72rpx;
+	margin-left: 8rpx;
+	font-size: 64rpx;
 	font-weight: 800;
-	line-height: 1.1;
-	letter-spacing: -1rpx;
-	color: $fc-price;
+	line-height: 1;
+	letter-spacing: 1rpx;
+	color: #04301E;
 }
 .dist__wallet-stats {
 	display: flex;
-	margin-top: 26rpx;
+	align-items: center;
+	margin-top: 28rpx;
 	padding-top: 22rpx;
-	border-top: 1rpx solid $fc-border-light;
+	border-top: 1rpx solid #EDF5F0;
 }
 .dist__wallet-stat {
-	position: relative;
 	flex: 1;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
-	& + &::before {
-		content: '';
-		position: absolute;
-		left: 0;
-		top: 8rpx;
-		bottom: 8rpx;
-		width: 1rpx;
-		background: $fc-border-light;
-	}
 }
 .dist__wallet-stat-num {
-	font-size: 30rpx;
+	font-size: 28rpx;
 	font-weight: 700;
 	color: $fc-text;
 }
 .dist__wallet-stat-label {
-	margin-top: 8rpx;
+	margin-top: 6rpx;
 	font-size: 22rpx;
 	color: $fc-text-secondary;
 }
 
-/* ==================== 加载失败提示 ==================== */
+/* ==================== 错误提示 ==================== */
 .dist__notice {
+	margin: 20rpx 28rpx 0;
+	padding: 16rpx 22rpx;
+	border-radius: 16rpx;
+	background: #fff3f3;
+	border: 1rpx solid #ffd6d6;
 	display: flex;
 	align-items: center;
-	margin: 24rpx 28rpx 0;
-	padding: 20rpx 24rpx;
-	border-radius: 18rpx;
-	background: $fc-accent-lighter;
 }
 .dist__notice-icon {
-	width: 32rpx;
-	height: 32rpx;
+	width: 28rpx;
+	height: 28rpx;
 	flex-shrink: 0;
 }
 .dist__notice-text {
 	margin-left: 12rpx;
 	font-size: 24rpx;
-	color: $fc-accent-dark;
+	color: #d93025;
 }
 
-/* ==================== 卡片通用 ==================== */
+/* ==================== 通用卡片 ==================== */
 .dist__card {
 	margin: 24rpx 28rpx 0;
 	padding: 28rpx;
@@ -914,7 +1730,7 @@ export default {
 	color: $fc-text-secondary;
 }
 
-/* ==================== 邀请好友 ==================== */
+/* ==================== 邀请推广 ==================== */
 .dist__invite-box {
 	display: flex;
 	align-items: center;
@@ -940,7 +1756,7 @@ export default {
 	font-size: 38rpx;
 	font-weight: 700;
 	letter-spacing: 4rpx;
-	color: $fc-primary-text;
+	color: #00A854;
 }
 .dist__invite-copy {
 	flex-shrink: 0;
@@ -950,277 +1766,194 @@ export default {
 	background: #ffffff;
 	font-size: 24rpx;
 	font-weight: 600;
-	color: $fc-primary-text;
+	color: #00A854;
 	box-shadow: $fc-shadow-sm;
 	transition: transform 0.15s ease;
 	&:active {
 		transform: scale(0.95);
 	}
 }
+
 .dist__invite-actions {
 	display: flex;
+	gap: 16rpx;
 	margin-top: 24rpx;
 }
 .dist__btn {
 	flex: 1;
-	height: 84rpx;
+	height: 82rpx;
 	border-radius: $fc-radius-pill;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	font-size: 26rpx;
 	font-weight: 600;
+	border: none;
+	outline: none;
+	padding: 0 12rpx;
+	box-sizing: border-box;
 	transition: transform 0.15s ease;
-	&:active {
-		transform: scale(0.98);
+	line-height: 1;
+	&::after {
+		border: none;
 	}
-	& + & {
-		margin-left: 20rpx;
+	&:active {
+		transform: scale(0.97);
 	}
 }
 .dist__btn--primary {
 	background: $fc-gradient-primary;
 	color: $fc-primary-ink;
-	box-shadow: 0 8rpx 20rpx rgba(0, 184, 92, 0.22);
+	box-shadow: 0 8rpx 20rpx rgba(0, 224, 112, 0.28);
+}
+.dist__btn--secondary {
+	background: #E8FAF0;
+	color: #00A854;
+	border: 1rpx solid rgba(0, 168, 84, 0.2);
 }
 .dist__btn--ghost {
-	border: 2rpx solid $fc-border;
-	background: #ffffff;
-	color: $fc-primary-text;
+	background: #F8FAFC;
+	color: #475569;
+	border: 1rpx solid #E2E8F0;
 }
 .dist__btn-icon-circle {
-	width: 44rpx;
-	height: 44rpx;
-	margin-right: 10rpx;
+	width: 40rpx;
+	height: 40rpx;
 	border-radius: 50%;
-	background: #ffffff;
+	background: rgba(4, 48, 30, 0.12);
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	flex-shrink: 0;
+	margin-right: 8rpx;
 }
 .dist__btn-icon {
 	width: 28rpx;
 	height: 28rpx;
 }
 .dist__btn-icon--plain {
-	width: 34rpx;
-	height: 34rpx;
-	margin-right: 10rpx;
+	margin-right: 8rpx;
 }
 
-/* ==================== 团队 ==================== */
+/* ==================== 顶部 Tab 导航 ==================== */
+.dist__tabs-bar {
+	display: flex;
+	margin: 28rpx 28rpx 4rpx;
+	padding: 0 10rpx;
+}
+.dist__tab-item {
+	position: relative;
+	margin-right: 40rpx;
+	padding: 12rpx 4rpx 18rpx;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+.dist__tab-text {
+	font-size: 30rpx;
+	color: #64748B;
+	font-weight: 500;
+	transition: all 0.2s;
+}
+.dist__tab-item--active .dist__tab-text {
+	color: #1E293B;
+	font-size: 32rpx;
+	font-weight: 700;
+}
+.dist__tab-line {
+	position: absolute;
+	bottom: 6rpx;
+	width: 44rpx;
+	height: 6rpx;
+	border-radius: 4rpx;
+	background: #00E070;
+}
+
+/* ==================== 分段器与小结 ==================== */
 .dist__seg {
 	display: flex;
-	margin-top: 24rpx;
+	background: #F1F5F9;
+	border-radius: 14rpx;
 	padding: 6rpx;
-	border-radius: $fc-radius-pill;
-	background: $fc-bg;
+	margin-top: 20rpx;
 }
 .dist__seg-item {
 	flex: 1;
-	height: 60rpx;
-	border-radius: $fc-radius-pill;
-	display: flex;
-	align-items: center;
-	justify-content: center;
+	text-align: center;
+	padding: 12rpx 0;
 	font-size: 24rpx;
-	color: $fc-text-secondary;
-	transition: all 0.2s ease;
-	&--active {
-		background: #ffffff;
-		color: $fc-primary-text;
-		font-weight: 700;
-		box-shadow: $fc-shadow-sm;
-	}
+	color: #64748B;
+	border-radius: 10rpx;
+	transition: all 0.15s;
+}
+.dist__seg-item--active {
+	background: #ffffff;
+	color: #00A854;
+	font-weight: 700;
+	box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.05);
 }
 .dist__team-summary {
 	display: flex;
 	align-items: center;
 	margin-top: 18rpx;
 	font-size: 22rpx;
-	color: $fc-text-secondary;
+	color: #64748B;
 }
 .dist__team-dot {
-	margin: 0 12rpx;
-	color: $fc-text-placeholder;
+	margin: 0 10rpx;
 }
-.dist__team-list {
-	margin-top: 6rpx;
+
+/* ==================== 骨架屏与空状态 ==================== */
+.dist__skeleton {
+	margin-top: 20rpx;
 }
-.dist__member {
+.dist__skeleton-row {
 	display: flex;
 	align-items: center;
-	padding: 24rpx 0;
-	& + & {
-		border-top: 1rpx solid $fc-border-light;
-	}
+	padding: 20rpx 0;
 }
-.dist__member-avatar {
+.dist__skeleton-avatar {
 	width: 76rpx;
 	height: 76rpx;
 	border-radius: 50%;
-	background: $fc-primary-lighter;
-	color: $fc-primary-text;
-	font-size: 30rpx;
-	font-weight: 700;
-	display: flex;
-	align-items: center;
-	justify-content: center;
 	flex-shrink: 0;
 }
-.dist__member-main {
+.dist__skeleton-lines {
 	flex: 1;
-	min-width: 0;
 	margin-left: 18rpx;
 }
-.dist__member-top {
+.dist__skeleton-line {
+	height: 24rpx;
+	border-radius: 6rpx;
+	width: 60%;
+	margin-bottom: 12rpx;
+}
+.dist__skeleton-line--short {
+	width: 40%;
+	margin-bottom: 0;
+}
+.dist__skeleton-record {
 	display: flex;
-	align-items: center;
-	min-width: 0;
-}
-.dist__member-name {
-	max-width: 300rpx;
-	font-size: 28rpx;
-	font-weight: 600;
-	color: $fc-text;
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-}
-.dist__badge {
-	flex-shrink: 0;
-	margin-left: 12rpx;
-	padding: 2rpx 12rpx;
-	border-radius: $fc-radius-pill;
-	font-size: 20rpx;
-	&--l1 {
-		background: $fc-primary-lighter;
-		color: $fc-primary-text;
-	}
-	&--l2 {
-		background: $fc-bg;
-		color: $fc-text-secondary;
-	}
-}
-.dist__member-meta {
-	display: block;
-	margin-top: 8rpx;
-	font-size: 22rpx;
-	color: $fc-text-placeholder;
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-}
-.dist__member-income {
-	flex-shrink: 0;
-	margin-left: 16rpx;
-	display: flex;
-	flex-direction: column;
-	align-items: flex-end;
-}
-.dist__member-income-num {
-	font-size: 30rpx;
-	font-weight: 700;
-	color: $fc-price;
-}
-.dist__member-income-label {
-	margin-top: 6rpx;
-	font-size: 20rpx;
-	color: $fc-text-placeholder;
-}
-
-/* ==================== 提现记录 ==================== */
-.dist__record-list {
-	margin-top: 6rpx;
-}
-.dist__record {
-	display: flex;
-	align-items: center;
 	justify-content: space-between;
-	padding: 24rpx 0;
-	& + & {
-		border-top: 1rpx solid $fc-border-light;
-	}
-}
-.dist__record-main {
-	flex: 1;
-	min-width: 0;
-}
-.dist__record-top {
-	display: flex;
 	align-items: center;
+	padding: 24rpx 0;
 }
-.dist__record-title {
-	font-size: 28rpx;
-	font-weight: 500;
-	color: $fc-text;
-}
-.dist__record-status {
-	flex-shrink: 0;
-	margin-left: 12rpx;
-	padding: 2rpx 12rpx;
-	border-radius: $fc-radius-pill;
-	font-size: 20rpx;
-	background: $fc-accent-lighter;
-	color: $fc-accent-dark;
-	&--paid {
-		background: $fc-primary-lighter;
-		color: $fc-primary-text;
-	}
-	&--rejected {
-		background: #ffecec;
-		color: #c62f34;
-	}
-}
-.dist__record-time {
-	display: block;
-	margin-top: 8rpx;
-	font-size: 22rpx;
-	color: $fc-text-placeholder;
-}
-.dist__record-no {
-	display: block;
-	margin-top: 4rpx;
-	max-width: 420rpx;
-	font-size: 20rpx;
-	color: $fc-text-placeholder;
-}
-.dist__record-amount {
-	flex-shrink: 0;
-	margin-left: 16rpx;
-	font-size: 30rpx;
-	font-weight: 700;
-	color: $fc-text;
-}
-.dist__record-right {
-	display: flex;
-	flex-direction: column;
-	align-items: flex-end;
-	flex-shrink: 0;
-}
-.dist__record-action {
-	margin-top: 10rpx;
-	padding: 6rpx 18rpx;
-	border-radius: 24rpx;
-	background: $fc-primary;
-	color: $fc-primary-ink;
-	font-size: 22rpx;
-	line-height: 1.6;
+.dist__skeleton-amount {
+	width: 100rpx;
+	height: 36rpx;
+	border-radius: 8rpx;
 }
 
-/* ==================== 空态 / 骨架 / 展开 ==================== */
 .dist__empty {
-	padding: 44rpx 0 32rpx;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
+	padding: 60rpx 0 30rpx;
 }
 .dist__empty-icon-wrap {
-	width: 104rpx;
-	height: 104rpx;
-	border-radius: 32rpx;
-	background: $fc-gradient-soft;
+	width: 100rpx;
+	height: 100rpx;
+	border-radius: 50%;
+	background: $fc-primary-lighter;
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -1230,122 +1963,242 @@ export default {
 	height: 52rpx;
 }
 .dist__empty-text {
-	margin-top: 18rpx;
+	margin-top: 20rpx;
 	font-size: 24rpx;
 	color: $fc-text-secondary;
 }
 .dist__empty-btn {
-	margin-top: 22rpx;
-	padding: 12rpx 40rpx;
+	margin-top: 24rpx;
+	padding: 12rpx 36rpx;
 	border-radius: $fc-radius-pill;
 	background: $fc-gradient-primary;
 	color: $fc-primary-ink;
 	font-size: 24rpx;
-	font-weight: 600;
+	font-weight: 700;
 }
-.dist__skeleton {
-	padding-top: 6rpx;
+
+/* ==================== 团队列表 ==================== */
+.dist__team-list {
+	margin-top: 10rpx;
 }
-.dist__skeleton-row {
+.dist__member {
 	display: flex;
 	align-items: center;
-	padding: 24rpx 0;
+	padding: 20rpx 0;
+	border-bottom: 1rpx solid #F1F5F9;
 }
-.dist__skeleton-record {
-	display: flex;
-	align-items: center;
-	padding: 24rpx 0;
-	& + & {
-		border-top: 1rpx solid $fc-border-light;
-	}
+.dist__member:last-child {
+	border-bottom: none;
 }
-.dist__skeleton-avatar {
+.dist__member-avatar-wrap {
+	width: 76rpx;
+	height: 76rpx;
+	flex-shrink: 0;
+}
+.dist__member-avatar-img {
 	width: 76rpx;
 	height: 76rpx;
 	border-radius: 50%;
-	flex-shrink: 0;
 }
-.dist__skeleton-amount {
-	width: 120rpx;
-	height: 30rpx;
-	margin-left: 20rpx;
-	border-radius: 8rpx;
-	flex-shrink: 0;
+.dist__member-avatar {
+	width: 76rpx;
+	height: 76rpx;
+	border-radius: 50%;
+	background: $fc-primary-lighter;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 30rpx;
+	font-weight: 700;
+	color: #00A854;
 }
-.dist__skeleton-lines {
+.dist__member-main {
 	flex: 1;
+	min-width: 0;
 	margin-left: 18rpx;
 }
-.dist__skeleton-line {
-	width: 58%;
-	height: 24rpx;
-	&--short {
-		width: 38%;
-		height: 20rpx;
-		margin-top: 12rpx;
-	}
+.dist__member-top {
+	display: flex;
+	align-items: center;
 }
+.dist__member-name {
+	font-size: 28rpx;
+	font-weight: 600;
+	color: $fc-text;
+}
+.dist__badge {
+	margin-left: 10rpx;
+	padding: 2rpx 12rpx;
+	border-radius: 8rpx;
+	font-size: 20rpx;
+	font-weight: 600;
+}
+.dist__badge--l1 {
+	background: #E8FAF0;
+	color: #00A854;
+}
+.dist__badge--l2 {
+	background: #EFF6FF;
+	color: #2563EB;
+}
+.dist__member-meta {
+	margin-top: 6rpx;
+	font-size: 22rpx;
+	color: #64748B;
+}
+.dist__member-income {
+	flex-shrink: 0;
+	display: flex;
+	flex-direction: column;
+	align-items: flex-end;
+}
+.dist__member-income-num {
+	font-size: 30rpx;
+	font-weight: 700;
+	color: #00A854;
+}
+.dist__member-income-label {
+	margin-top: 4rpx;
+	font-size: 20rpx;
+	color: #64748B;
+}
+
+/* ==================== 账单与提现记录 ==================== */
+.dist__record-list {
+	margin-top: 10rpx;
+}
+.dist__record {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 24rpx 0;
+	border-bottom: 1rpx solid #F1F5F9;
+}
+.dist__record:last-child {
+	border-bottom: none;
+}
+.dist__record-main {
+	flex: 1;
+	min-width: 0;
+	margin-right: 16rpx;
+}
+.dist__record-top {
+	display: flex;
+	align-items: center;
+}
+.dist__record-title {
+	font-size: 28rpx;
+	font-weight: 600;
+	color: $fc-text;
+}
+.dist__record-status {
+	margin-left: 12rpx;
+	padding: 2rpx 12rpx;
+	border-radius: 6rpx;
+	font-size: 20rpx;
+	font-weight: 600;
+}
+.dist__record-status--auditing {
+	background: #FEF3C7;
+	color: #D97706;
+}
+.dist__record-status--paying {
+	background: #E0E7FF;
+	color: #4F46E5;
+}
+.dist__record-status--paid {
+	background: #DCFCE7;
+	color: #16A34A;
+}
+.dist__record-status--failed {
+	background: #FEE2E2;
+	color: #DC2626;
+}
+.dist__record-time {
+	margin-top: 6rpx;
+	font-size: 22rpx;
+	color: #64748B;
+}
+.dist__record-no {
+	margin-top: 4rpx;
+	font-size: 20rpx;
+	color: #94A3B8;
+}
+.dist__record-right {
+	flex-shrink: 0;
+	display: flex;
+	flex-direction: column;
+	align-items: flex-end;
+}
+.dist__record-amount {
+	font-size: 32rpx;
+	font-weight: 700;
+	color: #1E293B;
+}
+.dist__record-amount--income {
+	color: #00A854;
+}
+.dist__record-action {
+	margin-top: 8rpx;
+	padding: 6rpx 16rpx;
+	border-radius: $fc-radius-pill;
+	background: #00E070;
+	color: #04301E;
+	font-size: 20rpx;
+	font-weight: 700;
+}
+
+/* ==================== 展开收起 ==================== */
 .dist__more {
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	margin-top: 6rpx;
-	padding-top: 24rpx;
-	border-top: 1rpx solid $fc-border-light;
+	padding: 22rpx 0 6rpx;
 	font-size: 24rpx;
-	font-weight: 600;
-	color: $fc-primary-text;
+	color: #64748B;
 }
 .dist__chevron {
 	width: 12rpx;
 	height: 12rpx;
-	margin-top: -4rpx;
-	margin-left: 10rpx;
-	border-right: 2rpx solid currentColor;
-	border-bottom: 2rpx solid currentColor;
+	border-right: 3rpx solid #94A3B8;
+	border-bottom: 3rpx solid #94A3B8;
 	transform: rotate(45deg);
+	margin-left: 8rpx;
 	transition: transform 0.2s ease;
-	&--up {
-		margin-top: 4rpx;
-		transform: rotate(-135deg);
-	}
+}
+.dist__chevron--up {
+	transform: rotate(-135deg);
 }
 
-/* ==================== 提现弹层 ==================== */
+.dist__bottom-space {
+	height: 60rpx;
+}
+
+/* ==================== 遮罩弹层 ==================== */
 .dist__mask {
 	position: fixed;
+	top: 0;
 	left: 0;
 	right: 0;
-	top: 0;
 	bottom: 0;
-	z-index: 200;
-	background: rgba(4, 48, 30, 0.55);
+	z-index: 1000;
+	background: rgba(0, 0, 0, 0.55);
 	display: flex;
 	align-items: flex-end;
 }
 .dist__sheet {
 	width: 100%;
-	padding: 16rpx 32rpx 32rpx;
-	border-radius: 32rpx 32rpx 0 0;
 	background: #ffffff;
-	animation: dist-sheet-up 0.24s ease-out;
-}
-@keyframes dist-sheet-up {
-	from {
-		transform: translateY(40rpx);
-		opacity: 0;
-	}
-	to {
-		transform: translateY(0);
-		opacity: 1;
-	}
+	border-radius: 36rpx 36rpx 0 0;
+	padding: 24rpx 36rpx calc(24rpx + env(safe-area-inset-bottom));
+	box-sizing: border-box;
 }
 .dist__sheet-handle {
-	width: 72rpx;
+	width: 64rpx;
 	height: 8rpx;
-	margin: 0 auto 24rpx;
-	border-radius: $fc-radius-pill;
-	background: $fc-border;
+	border-radius: 4rpx;
+	background: #E2E8F0;
+	margin: 0 auto 20rpx;
 }
 .dist__sheet-head {
 	display: flex;
@@ -1353,9 +2206,9 @@ export default {
 	justify-content: space-between;
 }
 .dist__sheet-title {
-	font-size: 34rpx;
+	font-size: 32rpx;
 	font-weight: 700;
-	color: $fc-text;
+	color: #1E293B;
 }
 .dist__sheet-close {
 	width: 48rpx;
@@ -1365,129 +2218,255 @@ export default {
 	justify-content: center;
 }
 .dist__sheet-close-img {
-	width: 44rpx;
-	height: 44rpx;
+	width: 32rpx;
+	height: 32rpx;
 }
 .dist__sheet-balance {
+	display: flex;
+	align-items: baseline;
+	justify-content: space-between;
 	margin-top: 24rpx;
-	padding: 24rpx 26rpx;
-	border-radius: 20rpx;
-	background: $fc-gradient-soft;
+	padding: 18rpx 22rpx;
+	border-radius: 16rpx;
+	background: #F8FAFC;
 }
 .dist__sheet-balance-label {
-	display: block;
-	font-size: 22rpx;
-	color: $fc-text-secondary;
+	font-size: 24rpx;
+	color: #64748B;
 }
 .dist__sheet-balance-num {
-	display: block;
-	margin-top: 6rpx;
-	font-size: 48rpx;
-	font-weight: 800;
-	color: $fc-primary-text;
+	font-size: 32rpx;
+	font-weight: 700;
+	color: #04301E;
 }
 .dist__sheet-field {
 	display: flex;
 	align-items: center;
-	height: 110rpx;
 	margin-top: 24rpx;
-	padding: 0 24rpx;
-	border-radius: 20rpx;
-	border: 2rpx solid $fc-border;
+	padding: 16rpx 20rpx;
+	border-radius: 18rpx;
+	border: 2rpx solid #E2E8F0;
 	background: #ffffff;
 }
 .dist__sheet-symbol {
-	margin-right: 10rpx;
 	font-size: 36rpx;
 	font-weight: 700;
-	color: $fc-text;
+	color: #1E293B;
+	margin-right: 12rpx;
 }
 .dist__sheet-input {
 	flex: 1;
-	height: 100%;
-	font-size: 44rpx;
+	font-size: 38rpx;
 	font-weight: 700;
-	color: $fc-text;
+	color: #1E293B;
 }
-/* 收款人姓名输入（字号比金额小一号，避免喧宾夺主） */
 .dist__sheet-input--name {
-	padding-left: 24rpx;
-	font-size: 30rpx;
+	font-size: 28rpx;
 	font-weight: 500;
 }
 .dist__sheet-placeholder {
-	color: $fc-text-placeholder;
+	font-size: 26rpx;
 	font-weight: 400;
+	color: #94A3B8;
 }
 .dist__sheet-all {
-	flex-shrink: 0;
-	margin-left: 16rpx;
-	padding: 8rpx 14rpx;
-	font-size: 24rpx;
+	font-size: 26rpx;
 	font-weight: 600;
-	color: $fc-primary-text;
+	color: #00A854;
+	padding: 8rpx 14rpx;
 }
 .dist__sheet-chips {
 	display: flex;
-	flex-wrap: wrap;
-	margin-top: 8rpx;
+	gap: 16rpx;
+	margin-top: 20rpx;
 }
 .dist__chip {
-	margin-top: 16rpx;
-	margin-right: 16rpx;
-	padding: 8rpx 26rpx;
+	padding: 10rpx 28rpx;
 	border-radius: $fc-radius-pill;
-	border: 1rpx solid transparent;
-	background: $fc-bg;
+	background: #F1F5F9;
 	font-size: 24rpx;
-	color: $fc-text-secondary;
-	&--active {
-		border-color: $fc-primary;
-		background: $fc-primary-lighter;
-		color: $fc-primary-text;
-		font-weight: 700;
-	}
+	font-weight: 600;
+	color: #475569;
+}
+.dist__chip--active {
+	background: #E8FAF0;
+	color: #00A854;
+	border: 1rpx solid #00E070;
 }
 .dist__sheet-tip-row {
 	display: flex;
-	align-items: flex-start;
-	margin-top: 24rpx;
+	align-items: center;
+	margin-top: 22rpx;
 }
 .dist__sheet-tip-icon {
-	width: 28rpx;
-	height: 28rpx;
-	margin-top: 4rpx;
-	margin-right: 8rpx;
+	width: 26rpx;
+	height: 26rpx;
 	flex-shrink: 0;
 }
 .dist__sheet-tip {
-	flex: 1;
+	margin-left: 10rpx;
 	font-size: 22rpx;
-	line-height: 1.5;
-	color: $fc-text-secondary;
+	color: #64748B;
 }
 .dist__sheet-btn {
-	height: 92rpx;
 	margin-top: 32rpx;
+	height: 88rpx;
 	border-radius: $fc-radius-pill;
 	background: $fc-gradient-primary;
+	display: flex;
+	align-items: center;
+	justify-content: center;
 	color: $fc-primary-ink;
 	font-size: 30rpx;
 	font-weight: 700;
+	box-shadow: 0 8rpx 20rpx rgba(0, 224, 112, 0.28);
+}
+.dist__sheet-btn--disabled {
+	opacity: 0.45;
+	pointer-events: none;
+}
+.dist__sheet-safe {
+	height: 20rpx;
+}
+
+/* ==================== 规则弹层 ==================== */
+.dist__rule-content {
+	margin-top: 24rpx;
+	max-height: 60vh;
+	overflow-y: auto;
+}
+.dist__rule-item {
+	display: flex;
+	margin-bottom: 24rpx;
+}
+.dist__rule-badge {
+	width: 36rpx;
+	height: 36rpx;
+	border-radius: 50%;
+	background: #E8FAF0;
+	color: #00A854;
+	font-size: 22rpx;
+	font-weight: 700;
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	box-shadow: 0 10rpx 24rpx rgba(0, 184, 92, 0.25);
-	&--disabled {
-		background: $fc-border;
-		color: $fc-text-placeholder;
-		box-shadow: none;
+	flex-shrink: 0;
+	margin-top: 4rpx;
+}
+.dist__rule-text-wrap {
+	flex: 1;
+	margin-left: 16rpx;
+}
+.dist__rule-h {
+	font-size: 28rpx;
+	font-weight: 700;
+	color: #1E293B;
+	display: block;
+}
+.dist__rule-p {
+	margin-top: 6rpx;
+	font-size: 24rpx;
+	color: #64748B;
+	line-height: 1.5;
+	display: block;
+}
+
+/* ==================== 海报弹层 ==================== */
+.dist__poster-sheet {
+	width: 100%;
+	background: #ffffff;
+	border-radius: 36rpx 36rpx 0 0;
+	padding: 28rpx 36rpx calc(32rpx + env(safe-area-inset-bottom));
+	box-sizing: border-box;
+}
+.dist__poster-sheet-head {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+.dist__poster-sheet-title {
+	font-size: 32rpx;
+	font-weight: 700;
+	color: #1E293B;
+}
+.dist__poster-loading {
+	height: 520rpx;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+.dist__poster-spinner {
+	width: 56rpx;
+	height: 56rpx;
+	border: 6rpx solid #E8FAF0;
+	border-top-color: #00E070;
+	border-radius: 50%;
+	animation: posterSpin 0.8s linear infinite;
+}
+@keyframes posterSpin {
+	to {
+		transform: rotate(360deg);
 	}
 }
-.dist__sheet-safe {
-	height: env(safe-area-inset-bottom);
+.dist__poster-loading-text {
+	margin-top: 24rpx;
+	font-size: 26rpx;
+	color: #64748B;
 }
-.dist__bottom-space {
-	height: 32rpx;
+.dist__poster-preview {
+	margin-top: 20rpx;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+.dist__poster-img {
+	width: 500rpx;
+	height: 733rpx;
+	border-radius: 20rpx;
+	box-shadow: 0 16rpx 40rpx rgba(4, 48, 30, 0.16);
+	background: #ffffff;
+}
+.dist__poster-tip {
+	margin-top: 16rpx;
+	font-size: 22rpx;
+	color: #94A3B8;
+}
+.dist__poster-actions {
+	display: flex;
+	gap: 16rpx;
+	margin-top: 28rpx;
+}
+.dist__poster-act-btn {
+	flex: 1;
+	height: 82rpx;
+	border-radius: $fc-radius-pill;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 26rpx;
+	font-weight: 600;
+	border: none;
+	line-height: 1;
+	&::after {
+		border: none;
+	}
+	&:active {
+		transform: scale(0.97);
+	}
+}
+.dist__poster-act-btn--primary {
+	background: $fc-gradient-primary;
+	color: $fc-primary-ink;
+	box-shadow: 0 8rpx 20rpx rgba(0, 224, 112, 0.28);
+}
+.dist__poster-act-btn--share {
+	background: #E8FAF0;
+	color: #00A854;
+	border: 1rpx solid rgba(0, 168, 84, 0.2);
+}
+.dist__poster-act-btn--ghost {
+	background: #F1F5F9;
+	color: #475569;
 }
 </style>
diff --git a/uniapp/pages/index/index.vue b/uniapp/pages/index/index.vue
index 041481e..fe601d4 100644
--- a/uniapp/pages/index/index.vue
+++ b/uniapp/pages/index/index.vue
@@ -419,7 +419,27 @@ export default {
 			immediate: true,
 		},
 	},
-	onLoad() {
+	/**
+	 * 页面初始化：提取布局高度与裂变邀请参数
+	 * @param {Object} query 路由启动参数
+	 */
+	onLoad(query) {
+		if (query) {
+			const ic = query.ic || query.inviteCode || query.invite_code
+			const inviterId = query.inviterId || query.inviter_id
+			if (ic) uni.setStorageSync('fc_invite_code', String(ic))
+			if (inviterId) uni.setStorageSync('fc_inviter_id', Number(inviterId))
+			if (!ic && query.scene) {
+				try {
+					const s = decodeURIComponent(query.scene)
+					if (s.indexOf('ic_') === 0 || s.indexOf('ic=') === 0) {
+						uni.setStorageSync('fc_invite_code', s.slice(3))
+					} else if (/^[A-Za-z0-9]{4,16}$/.test(s)) {
+						uni.setStorageSync('fc_invite_code', s)
+					}
+				} catch (e) {}
+			}
+		}
 		try {
 			const m = getNavMetrics()
 			this.statusBarHeight = m.statusBarHeight
diff --git a/uniapp/pages/member/index.vue b/uniapp/pages/member/index.vue
index 623ffdf..880a3d2 100644
--- a/uniapp/pages/member/index.vue
+++ b/uniapp/pages/member/index.vue
@@ -770,22 +770,23 @@ export default {
 	padding: 16rpx 28rpx 0;
 }
 .vip__card {
-	background: linear-gradient(145deg, #023a21 0%, #044f2d 60%, #033f24 100%);
+	/* 尊享高定暖金黑金渐变：彻底告别老式墨绿发黑，与 mine 会员卡片视觉基因统一 */
+	background: linear-gradient(135deg, #ffe7a6 0%, #ffd06a 45%, #f5a623 100%);
 	border-radius: 28rpx;
 	padding: 36rpx 32rpx 28rpx;
 	position: relative;
 	overflow: hidden;
-	box-shadow: 0 12rpx 32rpx rgba(2, 58, 33, 0.28);
-	border: 1rpx solid rgba(0, 224, 112, 0.22);
+	box-shadow: 0 16rpx 36rpx rgba(245, 166, 35, 0.22);
+	border: 1rpx solid rgba(255, 255, 255, 0.6);
 }
 .vip__card-sheen {
 	position: absolute;
-	top: -80rpx;
-	right: -80rpx;
-	width: 260rpx;
-	height: 260rpx;
+	top: -90rpx;
+	right: -90rpx;
+	width: 280rpx;
+	height: 280rpx;
 	border-radius: 50%;
-	background: radial-gradient(circle, rgba(255, 194, 92, 0.2) 0%, rgba(255, 194, 92, 0) 70%);
+	background: radial-gradient(circle, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 70%);
 	pointer-events: none;
 }
 .vip__card-user {
@@ -798,17 +799,18 @@ export default {
 	width: 88rpx;
 	height: 88rpx;
 	border-radius: 50%;
-	background: linear-gradient(135deg, #00e070 0%, #00b85c 100%);
+	background: #ffffff;
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	border: 3rpx solid #ffffff;
+	border: 3rpx solid rgba(255, 255, 255, 0.95);
+	box-shadow: 0 4rpx 14rpx rgba(74, 38, 0, 0.12);
 	flex-shrink: 0;
 }
 .vip__avatar-txt {
 	font-size: 38rpx;
 	font-weight: 800;
-	color: #04301e;
+	color: #4a2600;
 }
 .vip__user-meta {
 	margin-left: 20rpx;
@@ -822,19 +824,20 @@ export default {
 }
 .vip__user-name {
 	font-size: 32rpx;
-	font-weight: 700;
-	color: #ffffff;
+	font-weight: 800;
+	color: #3e2000;
 }
 .vip__badge {
 	display: inline-flex;
 	align-items: center;
 	padding: 4rpx 14rpx;
 	border-radius: 20rpx;
-	background: rgba(255, 255, 255, 0.15);
-	backdrop-filter: blur(4px);
+	background: rgba(74, 38, 0, 0.08);
+	border: 1rpx solid rgba(74, 38, 0, 0.12);
 }
 .vip__badge--active {
-	background: linear-gradient(135deg, #ffc25c 0%, #f5a623 100%);
+	background: #3e2000;
+	border-color: #3e2000;
 }
 .vip__badge-icon {
 	width: 22rpx;
@@ -843,24 +846,28 @@ export default {
 }
 .vip__badge-txt {
 	font-size: 20rpx;
-	color: #ffffff;
-	font-weight: 600;
+	color: #4a2600;
+	font-weight: 700;
+}
+.vip__badge--active .vip__badge-txt {
+	color: #ffe7a6;
 }
 .vip__user-desc {
 	margin-top: 8rpx;
 	font-size: 22rpx;
-	color: rgba(255, 255, 255, 0.7);
+	color: #7a4600;
+	font-weight: 500;
 }
 .vip__card-crown {
 	width: 72rpx;
 	height: 72rpx;
-	opacity: 0.25;
+	opacity: 0.18;
 }
 
 .vip__assets {
 	margin-top: 32rpx;
 	padding-top: 24rpx;
-	border-top: 1rpx solid rgba(255, 255, 255, 0.12);
+	border-top: 1rpx solid rgba(74, 38, 0, 0.1);
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
@@ -878,13 +885,14 @@ export default {
 .vip__asset-val {
 	font-size: 40rpx;
 	font-weight: 800;
-	color: #ffffff;
+	color: #3e2000;
 	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
 }
 .vip__asset-unit {
 	font-size: 20rpx;
-	color: rgba(255, 255, 255, 0.75);
+	color: #7a4600;
 	margin-left: 4rpx;
+	font-weight: 600;
 }
 .vip__asset-label-row {
 	margin-top: 6rpx;
@@ -894,17 +902,21 @@ export default {
 }
 .vip__asset-lbl {
 	font-size: 22rpx;
-	color: rgba(255, 255, 255, 0.7);
+	color: #7a4600;
+	font-weight: 500;
 }
 .vip__asset-act {
 	font-size: 20rpx;
-	color: #00e070;
-	font-weight: 600;
+	color: #4a2600;
+	font-weight: 700;
+	background: rgba(255, 255, 255, 0.45);
+	padding: 2rpx 10rpx;
+	border-radius: 10rpx;
 }
 .vip__asset-sep {
 	width: 1rpx;
 	height: 36rpx;
-	background: rgba(255, 255, 255, 0.15);
+	background: rgba(74, 38, 0, 0.12);
 }
 
 .vip__section {
@@ -912,7 +924,7 @@ export default {
 	background: #ffffff;
 	border-radius: 28rpx;
 	padding: 32rpx 28rpx;
-	box-shadow: 0 4rpx 20rpx rgba(4, 48, 30, 0.05);
+	box-shadow: 0 4rpx 20rpx rgba(15, 23, 42, 0.04);
 }
 .vip__sec-head {
 	display: flex;
@@ -923,11 +935,11 @@ export default {
 .vip__sec-title {
 	font-size: 32rpx;
 	font-weight: 700;
-	color: #04291c;
+	color: #1e293b;
 }
 .vip__sec-tip {
 	font-size: 22rpx;
-	color: #8fb3a3;
+	color: #64748b;
 }
 
 .vip__privileges-grid {
@@ -938,7 +950,7 @@ export default {
 .vip__priv-item {
 	display: flex;
 	align-items: center;
-	background: #f7faf8;
+	background: #f8fafc;
 	padding: 20rpx 18rpx;
 	border-radius: 20rpx;
 }
@@ -970,13 +982,13 @@ export default {
 .vip__priv-name {
 	font-size: 26rpx;
 	font-weight: 700;
-	color: #04291c;
+	color: #1e293b;
 	display: block;
 }
 .vip__priv-desc {
 	margin-top: 4rpx;
 	font-size: 20rpx;
-	color: #8fb3a3;
+	color: #64748b;
 	display: block;
 }
 
@@ -988,7 +1000,7 @@ export default {
 }
 .vip__plan-card {
 	background: #ffffff;
-	border: 2rpx solid #e2eee7;
+	border: 2rpx solid #e2e8f0;
 	border-radius: 20rpx;
 	padding: 28rpx 10rpx 24rpx;
 	display: flex;
@@ -1008,7 +1020,7 @@ export default {
 	top: -12rpx;
 	right: -6rpx;
 	background: #00e070;
-	color: #04301e;
+	color: #0f2f1d;
 	font-size: 18rpx;
 	font-weight: 700;
 	padding: 2rpx 12rpx;
@@ -1017,7 +1029,7 @@ export default {
 .vip__plan-name {
 	font-size: 28rpx;
 	font-weight: 700;
-	color: #04291c;
+	color: #1e293b;
 }
 .vip__plan-price-row {
 	display: flex;
@@ -1038,13 +1050,13 @@ export default {
 .vip__plan-del {
 	margin-top: 4rpx;
 	font-size: 20rpx;
-	color: #a4b8af;
+	color: #94a3b8;
 	text-decoration: line-through;
 }
 .vip__plan-quota-chip {
 	margin-top: 12rpx;
 	font-size: 18rpx;
-	color: #04874a;
+	color: #00a854;
 	background: #eaf8f0;
 	padding: 2rpx 10rpx;
 	border-radius: 8rpx;
@@ -1056,13 +1068,13 @@ export default {
 	align-items: center;
 	justify-content: space-between;
 	padding: 24rpx 0;
-	border-top: 1rpx solid #edf4f0;
-	border-bottom: 1rpx solid #edf4f0;
+	border-top: 1rpx solid #f1f5f9;
+	border-bottom: 1rpx solid #f1f5f9;
 	margin: 24rpx 0 16rpx;
 }
 .vip__coupon-lbl {
 	font-size: 26rpx;
-	color: #04291c;
+	color: #1e293b;
 	font-weight: 700;
 }
 .vip__coupon-act-box {
@@ -1081,17 +1093,17 @@ export default {
 		background: #fff4e0;
 	}
 	&--has {
-		color: #04874a;
+		color: #00a854;
 		background: #eaf8f0;
 	}
 	&--none {
-		color: #8fb3a3;
+		color: #64748b;
 		font-weight: normal;
 	}
 }
 .vip__coupon-arrow {
 	font-size: 28rpx;
-	color: #8fb3a3;
+	color: #64748b;
 }
 
 .vip__pay-toggle {
@@ -1100,7 +1112,7 @@ export default {
 .vip__pay-label {
 	font-size: 26rpx;
 	font-weight: 700;
-	color: #04291c;
+	color: #1e293b;
 	margin-bottom: 16rpx;
 	display: block;
 }
@@ -1114,7 +1126,7 @@ export default {
 	align-items: center;
 	padding: 20rpx 18rpx;
 	border-radius: 18rpx;
-	background: #f7faf8;
+	background: #f8fafc;
 	border: 2rpx solid transparent;
 	transition: all 0.2s ease;
 
@@ -1132,14 +1144,14 @@ export default {
 .vip__pay-opt-txt {
 	flex: 1;
 	font-size: 24rpx;
-	color: #04291c;
+	color: #1e293b;
 	font-weight: 600;
 }
 .vip__radio {
 	width: 32rpx;
 	height: 32rpx;
 	border-radius: 50%;
-	border: 2rpx solid #c8d8d0;
+	border: 2rpx solid #cbd5e1;
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -1154,7 +1166,7 @@ export default {
 	width: 12rpx;
 	height: 12rpx;
 	border-radius: 50%;
-	background: #04301e;
+	background: #0f2f1d;
 }
 
 .vip__dock-pad {
@@ -1166,7 +1178,7 @@ export default {
 	left: 0;
 	right: 0;
 	background: #ffffff;
-	box-shadow: 0 -8rpx 28rpx rgba(4, 48, 30, 0.08);
+	box-shadow: 0 -8rpx 28rpx rgba(15, 23, 42, 0.06);
 	padding: 20rpx 32rpx;
 	padding-bottom: calc(20rpx + constant(safe-area-inset-bottom));
 	padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
@@ -1185,7 +1197,7 @@ export default {
 }
 .vip__dock-tag {
 	font-size: 24rpx;
-	color: #668877;
+	color: #64748b;
 	margin-right: 8rpx;
 }
 .vip__dock-sym {
@@ -1212,7 +1224,7 @@ export default {
 .vip__dock-meta {
 	margin-top: 6rpx;
 	font-size: 20rpx;
-	color: #8fb3a3;
+	color: #64748b;
 }
 .vip__dock-submit {
 	height: 84rpx;
@@ -1222,14 +1234,14 @@ export default {
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	box-shadow: 0 8rpx 24rpx rgba(0, 224, 112, 0.3);
+	box-shadow: 0 8rpx 24rpx rgba(0, 224, 112, 0.28);
 	margin: 0;
 	border: none;
 }
 .vip__dock-submit-txt {
 	font-size: 30rpx;
 	font-weight: 700;
-	color: #04301e;
+	color: #0f2f1d;
 }
 
 .vip__sheet-mask {
@@ -1258,19 +1270,19 @@ export default {
 	align-items: center;
 	justify-content: space-between;
 	padding: 32rpx 36rpx 20rpx;
-	border-bottom: 1rpx solid #edf4f0;
+	border-bottom: 1rpx solid #f1f5f9;
 }
 .vip__sheet-title {
 	font-size: 32rpx;
 	font-weight: 700;
-	color: #04291c;
+	color: #1e293b;
 }
 .vip__sheet-close-btn {
 	padding: 8rpx 16rpx;
 }
 .vip__sheet-close-txt {
 	font-size: 32rpx;
-	color: #8fb3a3;
+	color: #64748b;
 }
 .vip__sheet-scroll {
 	max-height: 55vh;
@@ -1288,7 +1300,7 @@ export default {
 	align-items: center;
 	padding: 20rpx 24rpx;
 	border-radius: 18rpx;
-	background: #f7faf8;
+	background: #f8fafc;
 	border: 2rpx solid transparent;
 	transition: all 0.2s ease;
 
@@ -1303,7 +1315,7 @@ export default {
 }
 .vip__sheet-opt-txt {
 	font-size: 28rpx;
-	color: #3b5f4d;
+	color: #334155;
 	font-weight: 500;
 }
 .vip__sheet-card-left {
@@ -1313,7 +1325,7 @@ export default {
 	align-items: center;
 	justify-content: center;
 	flex-shrink: 0;
-	border-right: 2rpx dashed #dbe8e1;
+	border-right: 2rpx dashed #cbd5e1;
 	padding-right: 16rpx;
 	margin-right: 18rpx;
 }
@@ -1333,7 +1345,7 @@ export default {
 }
 .vip__sheet-card-cond {
 	font-size: 18rpx;
-	color: #8a7343;
+	color: #b45309;
 	margin-top: 4rpx;
 }
 .vip__sheet-card-info {
@@ -1346,15 +1358,15 @@ export default {
 .vip__sheet-card-name {
 	font-size: 26rpx;
 	font-weight: 700;
-	color: #04291c;
+	color: #1e293b;
 }
 .vip__sheet-card-date {
 	font-size: 20rpx;
-	color: #8fb3a3;
+	color: #64748b;
 }
 .vip__sheet-bottom {
 	padding: 20rpx 36rpx 24rpx;
-	border-top: 1rpx solid #edf4f0;
+	border-top: 1rpx solid #f1f5f9;
 }
 .vip__sheet-btn {
 	height: 84rpx;
@@ -1368,6 +1380,6 @@ export default {
 .vip__sheet-btn-txt {
 	font-size: 28rpx;
 	font-weight: 700;
-	color: #04301e;
+	color: #0f2f1d;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/uniapp/pages/merchant/detail.vue b/uniapp/pages/merchant/detail.vue
index 40a5621..2c141c2 100644
--- a/uniapp/pages/merchant/detail.vue
+++ b/uniapp/pages/merchant/detail.vue
@@ -84,14 +84,14 @@
 					</view>
 				</view>
 
-				<!-- 门店电话行 -->
+				<!-- 门店电话行（支持未解锁受保护提示） -->
 				<view v-if="merchant.contact" class="shop-detail__cell-row" @click="callPhone">
 					<view class="shop-detail__cell-left">
 						<image class="fc-icon fc-icon--sm" :src="iconUrl('phone')" mode="aspectFit" />
 						<text class="shop-detail__cell-txt">联系咨询：{{ merchant.contact }}</text>
 					</view>
-					<view class="shop-detail__call-link">
-						<text>立即拨打 ›</text>
+					<view class="shop-detail__call-link" :class="{ 'shop-detail__call-link--locked': !merchant.unlocked }">
+						<text>{{ merchant.unlocked ? '立即拨打 ›' : '受保护 · 去解锁 ›' }}</text>
 					</view>
 				</view>
 
@@ -155,9 +155,9 @@
 				<text>地图导航</text>
 			</view>
 
-			<view class="shop-detail__btn-call" @click="callPhone">
+			<view class="shop-detail__btn-call" :class="{ 'shop-detail__btn-call--locked': !merchant.unlocked }" @click="callPhone">
 				<image class="fc-icon fc-icon--xs" :src="iconUrl('phone')" mode="aspectFit" />
-				<text>联系店长</text>
+				<text>{{ merchant.unlocked ? '联系店长' : '联系店长 (受保护)' }}</text>
 			</view>
 		</view>
 		<view class="fc-safe-bottom"></view>
@@ -196,6 +196,7 @@ export default {
 			loadingMore: false,
 			userLat: null,
 			userLng: null,
+			postId: 0,
 		}
 	},
 	computed: {
@@ -232,6 +233,7 @@ export default {
 	 */
 	onLoad(query) {
 		this.merchantId = Number(query.id || query.userId || 0)
+		this.postId = Number(query.postId || 0)
 		loadUiConfig()
 		this.fetchLocation()
 		this.loadDetail()
@@ -291,6 +293,9 @@ export default {
 			if (!refresh) this.loading = true
 			try {
 				const params = {}
+				if (this.postId > 0) {
+					params.postId = this.postId
+				}
 				if (this.userLat != null && this.userLng != null) {
 					params.lat = this.userLat
 					params.lng = this.userLng
@@ -368,9 +373,29 @@ export default {
 			}
 		},
 		/**
-		 * 一键拨打商家咨询电话
+		 * 一键拨打商家咨询电话（未解锁/非会员状态下严格执行付费拦截）
 		 */
 		callPhone() {
+			const isProtected = !this.merchant || !this.merchant.unlocked || (this.merchant.contact && this.merchant.contact.includes('*'))
+			if (isProtected) {
+				uni.showModal({
+					title: '联系方式受保护',
+					content: this.postId ? '该商家门店电话受平台付费保护，请先解锁关联的发布信息或开通会员查看。' : '该商家门店联系方式受平台保护，开通会员即可直接联系全站商家。 ',
+					confirmText: this.postId ? '返回去解锁' : '去开通会员',
+					cancelText: '知道了',
+					confirmColor: '#00E070',
+					success: (r) => {
+						if (r.confirm) {
+							if (this.postId) {
+								uni.navigateBack()
+							} else {
+								uni.navigateTo({ url: '/pages/member/index' })
+							}
+						}
+					}
+				})
+				return
+			}
 			const phone = this.merchant && this.merchant.contact
 			if (!phone) {
 				uni.showToast({ title: '商家暂未公开联系电话', icon: 'none' })
diff --git a/uniapp/pages/order/detail.vue b/uniapp/pages/order/detail.vue
index ebdcda3..cd03aa3 100644
--- a/uniapp/pages/order/detail.vue
+++ b/uniapp/pages/order/detail.vue
@@ -570,12 +570,12 @@ export default {
 /* 顶部 Hero 状态区 */
 .order-detail__hero {
 	padding: 36rpx 32rpx 30rpx;
-	background: linear-gradient(150deg, #04874A, #023A21);
+	background: linear-gradient(135deg, #00D26A 0%, #00A854 100%);
 	color: #ffffff;
 	margin-bottom: 24rpx;
 
 	&--paid {
-		background: linear-gradient(150deg, #04874A, #02502C);
+		background: linear-gradient(135deg, #00D26A 0%, #00B359 100%);
 	}
 	&--closed {
 		background: linear-gradient(150deg, #4A5B53, #2B3A33);
diff --git a/uniapp/pages/post/create.vue b/uniapp/pages/post/create.vue
index 73bc06b..8fc541d 100644
--- a/uniapp/pages/post/create.vue
+++ b/uniapp/pages/post/create.vue
@@ -433,7 +433,7 @@ export default {
 				lat: null,
 				lng: null,
 				plan: 'free',
-				payType: config.defaultPayType,
+				payType: config.defaultPayType || 'wxpay',
 			},
 			publish: {
 				mode: 'paid',