From 45713aeb57a418a6ed2b1c5e0dec64baa5af16e8 Mon Sep 17 00:00:00 2001
From: erio <asakifeng@gmail.com>
Date: Sat, 14 Mar 2026 02:11:06 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=AE=A2=E9=98=85=E5=A5=97=E9=A4=90?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E4=B9=9F=E9=80=82=E9=85=8D=E5=B9=B3=E5=8F=B0?=
 =?UTF-8?q?=E9=A2=9C=E8=89=B2(=E6=8C=89=E9=92=AE=E3=80=81=E5=80=8D?=
 =?UTF-8?q?=E7=8E=87=E3=80=81=E4=BB=B7=E6=A0=BC)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SubscriptionPlanCard.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/SubscriptionPlanCard.tsx b/src/components/SubscriptionPlanCard.tsx
index 05c326b..d322af7 100644
--- a/src/components/SubscriptionPlanCard.tsx
+++ b/src/components/SubscriptionPlanCard.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 import type { Locale } from '@/lib/locale';
 import { pickLocaleText } from '@/lib/locale';
 import { formatValidityLabel, formatValiditySuffix, type ValidityUnit } from '@/lib/subscription-utils';
-import { PlatformBadge } from '@/lib/platform-style';
+import { PlatformBadge, getPlatformStyle } from '@/lib/platform-style';
 
 export interface PlanInfo {
   id: string;
@@ -47,6 +47,8 @@ export default function SubscriptionPlanCard({ plan, onSubscribe, isDark, locale
   );
 
   const isOpenAI = plan.platform?.toLowerCase() === 'openai';
+  const ps = getPlatformStyle(plan.platform ?? '');
+  const accentCls = isDark ? ps.accent.dark : ps.accent.light;
 
   return (
     <div
@@ -87,7 +89,7 @@ export default function SubscriptionPlanCard({ plan, onSubscribe, isDark, locale
               ¥{plan.originalPrice}
             </span>
           )}
-          <span className="text-3xl font-bold text-emerald-500">¥{plan.price}</span>
+          <span className={['text-3xl font-bold', accentCls].join(' ')}>¥{plan.price}</span>
           <span className={['text-sm', isDark ? 'text-slate-400' : 'text-slate-500'].join(' ')}>
             {periodSuffix}
           </span>
@@ -110,9 +112,9 @@ export default function SubscriptionPlanCard({ plan, onSubscribe, isDark, locale
                 {pickLocaleText(locale, '倍率', 'Rate')}
               </span>
               <div className="flex items-baseline">
-                <span className="text-lg font-bold text-emerald-500">1</span>
+                <span className={['text-lg font-bold', accentCls].join(' ')}>1</span>
                 <span className={['mx-1 text-base', isDark ? 'text-slate-500' : 'text-slate-400'].join(' ')}>:</span>
-                <span className="text-lg font-bold text-emerald-500">{plan.rateMultiplier}</span>
+                <span className={['text-lg font-bold', accentCls].join(' ')}>{plan.rateMultiplier}</span>
               </div>
             </div>
           )}
@@ -193,7 +195,10 @@ export default function SubscriptionPlanCard({ plan, onSubscribe, isDark, locale
       <button
         type="button"
         onClick={() => onSubscribe(plan.id)}
-        className="mt-2 inline-flex w-full items-center justify-center gap-2 rounded-xl bg-emerald-500 py-3 text-sm font-semibold text-white transition-colors hover:bg-emerald-600 active:bg-emerald-700"
+        className={[
+          'mt-2 inline-flex w-full items-center justify-center gap-2 rounded-xl py-3 text-sm font-semibold text-white transition-colors',
+          ps.button,
+        ].join(' ')}
       >
         <svg className="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2}>
           <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />