From d6e411c8ef0ed7b23206aa6ba4143a880d5f3400 Mon Sep 17 00:00:00 2001
From: chenhang <averych@126.com>
Date: Wed, 24 Jun 2026 17:12:38 +0800
Subject: [PATCH] fix(subscription): update font sizes and padding for better
 consistency

---
 .../subscription-benefits-card.module.css       |  2 +-
 .../subscription-plan-card.module.css           | 17 ++++++-----------
 .../components/subscription-screen.module.css   |  5 ++---
 src/tokens/typography.css                       |  1 +
 4 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/src/app/subscription/components/subscription-benefits-card.module.css b/src/app/subscription/components/subscription-benefits-card.module.css
index daef8840..d5c2f879 100644
--- a/src/app/subscription/components/subscription-benefits-card.module.css
+++ b/src/app/subscription/components/subscription-benefits-card.module.css
@@ -32,7 +32,7 @@
   align-items: flex-start;
   gap: 0;
   padding: 0;
-  font-size: 14px;
+  font-size: var(--font-size-lg);
   color: #1e1e1e;
   line-height: normal;
 }
diff --git a/src/app/subscription/components/subscription-plan-card.module.css b/src/app/subscription/components/subscription-plan-card.module.css
index 34d83652..684330ce 100644
--- a/src/app/subscription/components/subscription-plan-card.module.css
+++ b/src/app/subscription/components/subscription-plan-card.module.css
@@ -36,8 +36,8 @@
 }
 
 .name {
-  margin-top: var(--spacing-xl);
-  font-size: var(--font-size-md);
+  margin-top: var(--spacing-lg);
+  font-size: var(--font-size-lg);
   font-weight: 500;
   color: var(--color-auth-text-primary);
   line-height: 1.2;
@@ -47,28 +47,23 @@
   display: flex;
   align-items: baseline;
   justify-content: center;
-  margin-top: 20px;
+  margin-top: var(--spacing-md);
   gap: 2px;
-  color: #000;
   line-height: 1;
 }
 
 .currency {
-  font-size: var(--font-size-md);
-  font-weight: 400;
-  color: #000;
+  font-size: var(--font-size-lg);
 }
 
 .price {
-  font-size: 28px;
-  font-weight: 300;
-  color: #000;
+  font-size: var(--font-size-40);
   line-height: 1;
 }
 
 .originalPrice {
   margin: 4px 0 var(--spacing-sm);
-  font-size: var(--font-size-xs);
+  font-size: var(--font-size-lg);
   color: #999999;
   text-decoration: line-through;
   line-height: 1;
diff --git a/src/app/subscription/components/subscription-screen.module.css b/src/app/subscription/components/subscription-screen.module.css
index d41cc885..9caba2b7 100644
--- a/src/app/subscription/components/subscription-screen.module.css
+++ b/src/app/subscription/components/subscription-screen.module.css
@@ -3,7 +3,7 @@
   flex-direction: column;
   min-height: 100dvh;
   background: #fcf3f4;
-  padding: 18 30px 10px;
+  padding: 18px 30px 10px;
 }
 
 .header {
@@ -45,9 +45,8 @@
 .autoRenewCaption {
   margin-top: var(--spacing-xxl);
   padding: 0 var(--spacing-xs);
-  font-size: var(--font-size-md);
+  font-size: var(--font-size-lg);
   color: #3c3b3b;
-  line-height: 1.5;
 }
 
 .benefitsSlot {
diff --git a/src/tokens/typography.css b/src/tokens/typography.css
index 09459a8c..c4dbf459 100644
--- a/src/tokens/typography.css
+++ b/src/tokens/typography.css
@@ -27,6 +27,7 @@
   --font-size-title: 24px;
   --font-size-title-large: 28px;
   --font-size-title-x-large: 32px;
+  --font-size-40: 40px;
 
   /* 扩展字号（迁移自 Flutter widgets） */
   --font-size-22: 22px;