style(subscription): limit visible plan cards

src/app/subscription/components/subscription-plan-card.tsx

@@ -5,18 +5,17 @@
  * 视觉规格（与设计稿对齐）：
  *   - 卡片顶部：套餐名（12px / secondary）
  *   - 中部：大字价格（28px / 300）+ 划线原价（12px / line-through / 999）
- *   - 底部 28px 高渐变条：白字 12px/600 每日折算价
+ *   - 底部 28px 高色条：白字 12px/600 每日折算价
  *   - 选中：2px 粉色边框 + 浅粉阴影
- *   - 三个卡片底部渐变不同：粉 → 紫红 → 紫
+ *   - 三个卡片底部色条不同：粉 → 亮粉 → 紫
  */
 
 import styles from "./subscription-plan-card.module.css";
 
-const PER_DAY_GRADIENTS = [
+const PER_DAY_COLORS = [
-  "linear-gradient(90deg, #ff7ab8 0%, #ff5d9c 100%)",
+  "#f657a0",
-  "linear-gradient(90deg, #d16bff 0%, #ff5da3 100%)",
+  "#fa77e3",
-  "linear-gradient(90deg, #9a4dff 0%, #c44dff 100%)",
+  "#bb72f9",
-  "linear-gradient(90deg, #32c7b5 0%, #2f8fd8 100%)",
 ] as const;
 
 export interface SubscriptionPlanView {
@@ -53,7 +52,7 @@ export function SubscriptionPlanCard({
     .join(" ");
 
   const perDayStyle = {
-    background: PER_DAY_GRADIENTS[gradientIndex % PER_DAY_GRADIENTS.length],
+    backgroundColor: PER_DAY_COLORS[gradientIndex % PER_DAY_COLORS.length],
   };
 
   return (

src/app/subscription/subscription-screen.tsx

@@ -136,6 +136,7 @@ export function SubscriptionScreen({
     () =>
       payment.plans
         .filter((plan) => isPlanForType(plan, subscriptionType))
+        .slice(0, 3)
         .map((plan) => toPlanView(plan, subscriptionType)),
     [payment.plans, subscriptionType],
   );