feat(subscription): enhance styling and layout for subscription components

src/app/subscription/subscription-screen.tsx

@@ -1,17 +1,4 @@
 "use client";
-/**
- * 订阅页主屏幕
- *
- * 布局（顶到底）：
- *   1. 顶部返回箭头
- *   2. 用户信息行
- *   3. 渐变横幅
- *   4. 三个套餐卡片
- *   5. 自动续费说明
- *   6. 权益列表卡片
- *   7. 主操作按钮
- *   8. 协议复选框
- */
 import { useEffect, useMemo, useRef, useState } from "react";
 import { useRouter } from "next/navigation";
 
@@ -334,7 +321,7 @@ export function SubscriptionScreen({
         </header>
 
         {isVipSubscription ? (
-          <>
+          <div className={styles.offerStack}>
             <SubscriptionVipOfferSection
               plans={vipOfferPlans}
               selectedPlanId={payment.selectedPlanId || selectedPlan?.id || null}
@@ -355,7 +342,7 @@ export function SubscriptionScreen({
                 })
               }
             />
-          </>
+          </div>
         ) : (
           <>
             <section className={styles.userSlot}>