diff --git a/tests/verify_active_countdown_spec.js b/tests/verify_active_countdown_spec.js
index 595bb0a..9121c03 100644
--- a/tests/verify_active_countdown_spec.js
+++ b/tests/verify_active_countdown_spec.js
@@ -95,7 +95,7 @@ function calculateActiveState(agent, user, nowSec) {
     status: 'active',
     title: '30天收益资格生效中',
     badge: '正常活跃',
-    btnText: '去自购续期'
+    btnText: '自购或分享续期'
   };
 }
 
@@ -115,7 +115,7 @@ function calculateCountdown(expireTime, nowSec) {
 }
 
 // 3. 正常场景：自购在第 2 天（剩余 28 天） -> 正常活跃
-it('正常场景：剩余28天 -> 状态为 active 且倒计时天数格式为 28', () => {
+it('正常场景：剩余28天 -> 状态为 active 且倒计时天数格式为 28，按钮为自购或分享续期', () => {
   const now = 1700000000;
   const expire = now + 28 * 86400 + 3600 * 5 + 60 * 12 + 30; // 28天5小时12分30秒
   const state = calculateActiveState({ expire_time: expire, last_self_order_time: now - 2 * 86400 }, {}, now);
@@ -123,6 +123,7 @@ it('正常场景：剩余28天 -> 状态为 active 且倒计时天数格式为 2
 
   assert.strictEqual(state.status, 'active');
   assert.strictEqual(state.badge, '正常活跃');
+  assert.strictEqual(state.btnText, '自购或分享续期');
   assert.strictEqual(cd.days, '28');
   assert.strictEqual(cd.hours, '05');
   assert.strictEqual(cd.minutes, '12');
diff --git a/uniapp/pages/commission/index.vue b/uniapp/pages/commission/index.vue
index 96e1764..dc23c28 100644
--- a/uniapp/pages/commission/index.vue
+++ b/uniapp/pages/commission/index.vue
@@ -184,7 +184,7 @@
       status: 'active',
       title: '30天收益资格生效中',
       badge: '正常活跃',
-      btnText: '去自购续期',
+      btnText: '自购或分享续期',
       tip: '已满足30日保活（自购/直推有效），享有全部团队分红与奖项',
       lastOrderText: lastTime > 0 ? `上次有效订单: ${dayjs(lastTime * 1000).format('MM-DD HH:mm')}` : '',
     };
@@ -414,6 +414,8 @@
         border-radius: 26rpx;
         font-size: 22rpx;
         font-weight: 500;
+        white-space: nowrap;
+        flex-shrink: 0;
       }
     }