diff --git a/src/views/_builtin/login/index.vue b/src/views/_builtin/login/index.vue
index 7c241612..b341dc33 100644
--- a/src/views/_builtin/login/index.vue
+++ b/src/views/_builtin/login/index.vue
@@ -49,8 +49,8 @@ const activeModule = computed(() => moduleMap[props.module || 'pwd-login']);
       <div class="mx-auto max-w-464px w-full">
         <header class="flex-y-center justify-between">
           <div class="flex-y-center gap-16px">
-            <SystemLogo class="text-42px text-primary" />
-            <h3 class="text-32px text-primary font-500">{{ $t('system.title') }}</h3>
+            <SystemLogo class="text-30px text-primary sm:text-42px" />
+            <h3 class="text-24px text-primary font-500 sm:text-32px">{{ $t('system.title') }}</h3>
           </div>
           <div class="flex-y-center">
             <ThemeSchemaSwitch
@@ -64,6 +64,7 @@ const activeModule = computed(() => moduleMap[props.module || 'pwd-login']);
               :lang="appStore.locale"
               :lang-options="appStore.localeOptions"
               :show-tooltip="false"
+              class="text-20px lt-sm:text-18px"
               @change-lang="appStore.changeLocale"
             />
           </div>
diff --git a/src/views/_builtin/login/modules/pwd-login.vue b/src/views/_builtin/login/modules/pwd-login.vue
index 60320a1d..8af8916f 100644
--- a/src/views/_builtin/login/modules/pwd-login.vue
+++ b/src/views/_builtin/login/modules/pwd-login.vue
@@ -122,7 +122,7 @@ async function handleSocialLogin(type: Api.System.SocialSource) {
 
 <template>
   <div>
-    <div class="mb-12px text-30px text-black font-500 dark:text-white">登录到您的账户</div>
+    <div class="mb-12px text-24px text-black font-500 sm:text-30px dark:text-white">登录到您的账户</div>
     <div class="pb-24px text-18px text-#858585">欢迎回来！请输入您的账户信息</div>
     <NForm
       ref="formRef"
diff --git a/src/views/_builtin/login/modules/register.vue b/src/views/_builtin/login/modules/register.vue
index e8c3e131..ae15f0be 100644
--- a/src/views/_builtin/login/modules/register.vue
+++ b/src/views/_builtin/login/modules/register.vue
@@ -104,7 +104,7 @@ handleFetchCaptchaCode();
 
 <template>
   <div>
-    <div class="mb-12px text-30px text-black font-500 dark:text-white">注册新账户</div>
+    <div class="mb-12px text-24px text-black font-500 sm:text-30px dark:text-white">注册新账户</div>
     <div class="pb-24px text-18px text-#858585">欢迎注册！请输入您的账户信息</div>
     <NForm
       ref="formRef"
diff --git a/src/views/_builtin/login/modules/reset-pwd.vue b/src/views/_builtin/login/modules/reset-pwd.vue
index 53310677..bcefaccd 100644
--- a/src/views/_builtin/login/modules/reset-pwd.vue
+++ b/src/views/_builtin/login/modules/reset-pwd.vue
@@ -46,7 +46,9 @@ async function handleSubmit() {
 
 <template>
   <div>
-    <div class="mb-12px text-30px text-black font-500 dark:text-white">{{ $t('page.login.resetPwd.title') }}</div>
+    <div class="mb-12px text-24px text-black font-500 sm:text-30px dark:text-white">
+      {{ $t('page.login.resetPwd.title') }}
+    </div>
     <div class="pb-24px text-18px text-#858585">请输入您的手机号，我们将发送验证码到您的手机</div>
     <NForm ref="formRef" :model="model" :rules="rules" size="large" :show-label="false" @keyup.enter="handleSubmit">
       <NFormItem path="phone">