diff --git a/web/usercenter/components/Invite.tsx b/web/usercenter/components/Invite.tsx
index fa994d5..f97925e 100644
--- a/web/usercenter/components/Invite.tsx
+++ b/web/usercenter/components/Invite.tsx
@@ -25,7 +25,7 @@ export default function Invite({ t }: { t: TFn }) {
   }
 
   return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: 18, maxWidth: 680 }}>
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 18 }}>
       <div>
         <div style={{ fontFamily: 'var(--font-display)', fontSize: 25, fontWeight: 700, color: 'var(--fg1)' }}>{t('inviteTitle')}</div>
         <div style={{ fontSize: 13, color: 'var(--fg3)', marginTop: 5, lineHeight: 1.6 }}>{t('inviteSub')}</div>
diff --git a/web/usercenter/components/Redeem.tsx b/web/usercenter/components/Redeem.tsx
index 537c8ac..8a84d50 100644
--- a/web/usercenter/components/Redeem.tsx
+++ b/web/usercenter/components/Redeem.tsx
@@ -39,7 +39,7 @@ export default function Redeem({ t, lang, onRedeemed }: { t: TFn; lang: Lang; on
   }
 
   return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: 18, maxWidth: 680 }}>
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 18 }}>
       <div style={{ fontFamily: 'var(--font-display)', fontSize: 25, fontWeight: 700, color: 'var(--fg1)' }}>{t('navRedeem')}</div>
       <div style={{ ...card, padding: '20px 22px' }}>
         <div style={{ fontSize: 14.5, fontWeight: 700, color: 'var(--fg1)', marginBottom: 12 }}>{t('redeemTitle')}</div>
diff --git a/web/usercenter/components/Settings.tsx b/web/usercenter/components/Settings.tsx
index 2944b4b..a85934a 100644
--- a/web/usercenter/components/Settings.tsx
+++ b/web/usercenter/components/Settings.tsx
@@ -13,7 +13,7 @@ import type { Device, TotpSetup } from '../lib/api/types';
 
 export default function Settings({ t, lang, totpEnabled, onTotpChange }: { t: TFn; lang: Lang; totpEnabled: boolean; onTotpChange: () => void }) {
   return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: 18, maxWidth: 680 }}>
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 18 }}>
       <div style={{ fontFamily: 'var(--font-display)', fontSize: 25, fontWeight: 700, color: 'var(--fg1)' }}>{t('settingsTitle')}</div>
       <Preferences t={t} />
       <TotpSection t={t} lang={lang} enabled={totpEnabled} onChange={onTotpChange} />
diff --git a/web/usercenter/components/Subscription.tsx b/web/usercenter/components/Subscription.tsx
index f361c8e..b2eb3a9 100644
--- a/web/usercenter/components/Subscription.tsx
+++ b/web/usercenter/components/Subscription.tsx
@@ -48,7 +48,7 @@ export default function Subscription({ t, mobile }: { t: TFn; mobile: boolean })
   }
 
   return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: 18, maxWidth: 720 }}>
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 18 }}>
       <div>
         <div style={{ fontFamily: 'var(--font-display)', fontSize: 25, fontWeight: 700, color: 'var(--fg1)' }}>{t('subTitle')}</div>
         <div style={{ fontSize: 13, color: 'var(--fg3)', marginTop: 5, lineHeight: 1.6 }}>{t('subDesc')}</div>