diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index 3b58f77..b194178 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -114,7 +114,11 @@
                         </div>
                     @endif
 
-                    <form method="POST" action="{{ (isset($isPreview) && $isPreview) ? '#' : (isset($company) ? route('tenant.login.post', $company->code) : route('login')) }}" onsubmit="if ({{ (isset($isPreview) && $isPreview) ? 'true' : 'false' }}) { alert('{{ __('Preview Mode: Login functionality is disabled.') }}'); return false; }" class="space-y-6">
+                    <form method="POST"
+                        action="{{ (isset($isPreview) && $isPreview) ? '#' : (isset($company) ? route('tenant.login.post', $company->code) : route('login')) }}"
+                        x-data="{ isSubmitting: false, isPreview: {{ (isset($isPreview) && $isPreview) ? 'true' : 'false' }} }"
+                        @submit="if (isPreview) { alert('{{ __('Preview Mode: Login functionality is disabled.') }}'); $event.preventDefault(); return; } if (isSubmitting) { $event.preventDefault(); return; } isSubmitting = true;"
+                        class="space-y-6">
                         @csrf
 
                         <!-- 帳號輸入框 -->
@@ -183,9 +187,15 @@
                         </div>
 
                         <!-- 提交按鈕 -->
-                        <button type="submit" 
-                            class="w-full py-3.5 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-extrabold rounded-xl border border-transparent bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-700 hover:to-indigo-700 text-white shadow-lg shadow-blue-500/25 active:scale-[0.98] focus:outline-none transition-all cursor-pointer">
-                            登入
+                        <button type="submit"
+                            :disabled="isSubmitting"
+                            class="w-full py-3.5 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-extrabold rounded-xl border border-transparent bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-700 hover:to-indigo-700 text-white shadow-lg shadow-blue-500/25 active:scale-[0.98] focus:outline-none transition-all cursor-pointer disabled:opacity-70 disabled:cursor-not-allowed disabled:active:scale-100">
+                            <svg x-show="isSubmitting" x-cloak class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24">
+                                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+                                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"></path>
+                            </svg>
+                            <span x-show="!isSubmitting">登入</span>
+                            <span x-show="isSubmitting" x-cloak>登入中</span>
                         </button>
                     </form>
                 </div>
@@ -195,4 +205,3 @@
     </div>
 </body>
 </html>
-