diff --git a/public/build/beike/admin/css/app.css b/public/build/beike/admin/css/app.css
index c528d89a..3db9fc54 100644
--- a/public/build/beike/admin/css/app.css
+++ b/public/build/beike/admin/css/app.css
@@ -469,10 +469,17 @@ body.page-login .card {
   overflow: hidden;
   align-items: center;
   flex-wrap: wrap;
+  width: 480px;
+  margin: 0 auto;
+}
+@media (max-width: 768px) {
+  body.page-login .card {
+    width: 100%;
+  }
 }
 @media (min-width: 768px) {
   body.page-login .card .w-480 {
-    width: 420px;
+    width: 86%;
     margin: 2rem 0;
   }
 }
diff --git a/resources/beike/admin/css/login.scss b/resources/beike/admin/css/login.scss
index 54b04fbf..77389981 100644
--- a/resources/beike/admin/css/login.scss
+++ b/resources/beike/admin/css/login.scss
@@ -35,10 +35,16 @@ body.page-login {
     overflow: hidden;
     align-items: center;
     flex-wrap: wrap;
+    width: 480px;
+    margin: 0 auto;
+    @media (max-width: 768px) {
+      width: 100%;
+      // margin: 2rem 1rem;
+    }
 
     .w-480 {
       @media (min-width: 768px) {
-        width: 420px;
+        width: 86%;
         margin: 2rem 0;
       }
     }
diff --git a/resources/beike/admin/views/pages/login/login.blade.php b/resources/beike/admin/views/pages/login/login.blade.php
index 8c2a72a7..94d389a8 100644
--- a/resources/beike/admin/views/pages/login/login.blade.php
+++ b/resources/beike/admin/views/pages/login/login.blade.php
@@ -11,45 +11,42 @@
 <body class="page-login">
   <div class="d-flex align-items-center vh-100 pt-2 pt-sm-5 pb-4 pb-sm-5">
     <div class="container">
-      <div class="justify-content-center row">
-        <div class="col-xl-5 col-lg-5 col-md-6 mx-auto">
-          <div class="card">
-            <div class="w-480">
-              <div class="card-header mt-3 mb-4">
-                <h4 class="fw-bold">登录到 beikeshop 后台</h4>
-                <div class="text-muted fw-normal">登录到 beikeshop 后台</div>
+      <div class="card">
+        <div class="w-480">
+          <div class="card-header mt-3 mb-4">
+            <h4 class="fw-bold">登录到 beikeshop 后台</h4>
+            <div class="text-muted fw-normal">登录到 beikeshop 后台</div>
+          </div>
+
+          <div class="card-body">
+            <form action="{{ admin_route('login.store') }}" method="post">
+              @csrf
+
+              <div class="form-floating mb-4">
+                <input type="text" name="email" class="form-control" id="email-input" value="{{ old('email') }}" placeholder="邮箱地址">
+                <label for="email-input">邮箱地址</label>
+                @error('email')
+                  <x-admin::form.error :message="$message" />
+                @enderror
               </div>
 
-              <div class="card-body">
-                <form action="{{ admin_route('login.store') }}" method="post">
-                  @csrf
-
-                  <div class="form-floating mb-4">
-                    <input type="text" name="email" class="form-control" id="email-input" value="{{ old('email') }}" placeholder="邮箱地址">
-                    <label for="email-input">邮箱地址</label>
-                    @error('email')
-                      <x-admin::form.error :message="$message" />
-                    @enderror
-                  </div>
-
-                  <div class="form-floating mb-5">
-                    <input type="password" name="password" class="form-control" id="password-input" placeholder="密码">
-                    <label for="password-input">密码</label>
-                    @error('password')
-                      <x-admin::form.error :message="$message" />
-                    @enderror
-                  </div>
-
-                  @if (session('error'))
-                    <div class="alert alert-success">
-                      {{ session('error') }}
-                    </div>
-                  @endif
-
-                  <div class="d-grid mb-4"><button type="submit" class="btn btn-lg btn-primary">登录</button></div>
-                </form>
+              <div class="form-floating mb-5">
+                <input type="password" name="password" class="form-control" id="password-input" placeholder="密码">
+                <label for="password-input">密码</label>
+                @error('password')
+                  <x-admin::form.error :message="$message" />
+                @enderror
               </div>
-            </div>
+
+              @if (session('error'))
+                <div class="alert alert-success">
+                  {{ session('error') }}
+                </div>
+              @endif
+
+              <div class="d-grid mb-4"><button type="submit" class="btn btn-lg btn-primary">登录</button></div>
+            </form>
+          </div>
         </div>
       </div>
     </div>
