From fbaf6f96601d5e92aa0ee087c7a31a35e4f4b15f Mon Sep 17 00:00:00 2001
From: chenhang <averych@126.com>
Date: Thu, 2 Jul 2026 15:28:09 +0800
Subject: [PATCH] style(subscription): update padding and font sizes for offer
 badges

---
 .../components/subscription-coins-offer-section.module.css  | 4 ++--
 .../subscription/components/subscription-screen.module.css  | 4 ++--
 .../components/subscription-vip-offer-section.module.css    | 6 +++---
 .../components/subscription-vip-offer-section.tsx           | 2 +-
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/app/subscription/components/subscription-coins-offer-section.module.css b/src/app/subscription/components/subscription-coins-offer-section.module.css
index cac34974..06c4f060 100644
--- a/src/app/subscription/components/subscription-coins-offer-section.module.css
+++ b/src/app/subscription/components/subscription-coins-offer-section.module.css
@@ -104,11 +104,11 @@
 
 .offerBadge {
   justify-self: end;
-  padding: 4px 8px;
+  padding: 5px 9px;
   border-radius: 999px;
   background: linear-gradient(135deg, #ff5fae 0%, #ff8a34 100%);
   color: #ffffff;
-  font-size: 11px;
+  font-size: 14px;
   font-weight: 900;
   line-height: 1;
   white-space: nowrap;
diff --git a/src/app/subscription/components/subscription-screen.module.css b/src/app/subscription/components/subscription-screen.module.css
index 0d0b4f05..43ecc274 100644
--- a/src/app/subscription/components/subscription-screen.module.css
+++ b/src/app/subscription/components/subscription-screen.module.css
@@ -34,11 +34,11 @@
 
 .firstRechargeBadge {
   flex: 0 0 auto;
-  padding: 8px 10px;
+  padding: 9px 12px;
   border-radius: 999px;
   background: linear-gradient(135deg, #ff5fae 0%, #ff8a34 100%);
   color: #ffffff;
-  font-size: 13px;
+  font-size: 20;
   font-weight: 900;
   line-height: 1;
   box-shadow: 0 10px 22px rgba(255, 95, 174, 0.25);
diff --git a/src/app/subscription/components/subscription-vip-offer-section.module.css b/src/app/subscription/components/subscription-vip-offer-section.module.css
index e073a0bf..de6a3639 100644
--- a/src/app/subscription/components/subscription-vip-offer-section.module.css
+++ b/src/app/subscription/components/subscription-vip-offer-section.module.css
@@ -107,11 +107,11 @@
   top: 8px;
   left: 50%;
   max-width: calc(100% - 12px);
-  padding: 3px 7px;
+  padding: 4px 8px;
   border-radius: 999px;
   background: linear-gradient(135deg, #ff5fae 0%, #ff8a34 100%);
   color: #ffffff;
-  font-size: 10px;
+  font-size: 16px;
   font-weight: 900;
   line-height: 1;
   white-space: nowrap;
@@ -120,7 +120,7 @@
 }
 
 .planTitle {
-  margin-top: 12px;
+  margin-top: 20px;
   font-size: 19px;
   font-weight: 800;
   line-height: 1.15;
diff --git a/src/app/subscription/components/subscription-vip-offer-section.tsx b/src/app/subscription/components/subscription-vip-offer-section.tsx
index c21d0fea..63ef377d 100644
--- a/src/app/subscription/components/subscription-vip-offer-section.tsx
+++ b/src/app/subscription/components/subscription-vip-offer-section.tsx
@@ -53,7 +53,7 @@ export function SubscriptionVipOfferSection({
             >
               {plan.isFirstRechargeOffer ? (
                 <span className={styles.offerBadge}>
-                  First recharge {plan.firstRechargeDiscountPercent ?? 50}% OFF
+                  {plan.firstRechargeDiscountPercent ?? 50}% OFF
                 </span>
               ) : null}
               <span className={styles.planTitle}>{plan.title}</span>