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 c12be573..9933207d 100644
--- a/src/app/subscription/components/subscription-coins-offer-section.module.css
+++ b/src/app/subscription/components/subscription-coins-offer-section.module.css
@@ -2,8 +2,8 @@
   overflow: hidden;
   border: 1px solid rgba(17, 17, 17, 0.12);
   border-radius: 28px;
-  background: #f7dce7;
-  box-shadow: 0 16px 42px rgba(31, 21, 25, 0.12);
+  background: #fff8df;
+  box-shadow: 0 16px 42px rgba(220, 162, 36, 0.12);
   backdrop-filter: blur(18px);
 }
 
@@ -11,8 +11,8 @@
   position: relative;
   padding: 18px 18px 22px;
   background:
-    linear-gradient(135deg, #f3cbd8 0%, #efbacd 58%, #eaa9c3 100%),
-    #efbacd;
+    linear-gradient(135deg, #fffdf2 0%, #fff3c8 58%, #ffe8a6 100%),
+    #fff3c8;
 }
 
 .title {
@@ -29,7 +29,7 @@
   bottom: -12px;
   width: 24px;
   height: 24px;
-  background: #efbacd;
+  background: #fff3c8;
   transform: translateX(-50%) rotate(45deg);
 }
 
diff --git a/src/app/subscription/components/subscription-coins-offer-section.tsx b/src/app/subscription/components/subscription-coins-offer-section.tsx
index 76d591fa..f132890f 100644
--- a/src/app/subscription/components/subscription-coins-offer-section.tsx
+++ b/src/app/subscription/components/subscription-coins-offer-section.tsx
@@ -25,7 +25,7 @@ export function SubscriptionCoinsOfferSection({
   return (
     <section className={styles.section} aria-label="Buy coins directly">
       <div className={styles.heading}>
-        <h2 className={styles.title}>直接充值购买积分</h2>
+        <h2 className={styles.title}>Buy Coins Directly</h2>
         <span className={styles.notch} aria-hidden="true" />
       </div>