diff --git a/frontend/app/login/page.tsx b/frontend/app/login/page.tsx
index 3be3851..2298004 100644
--- a/frontend/app/login/page.tsx
+++ b/frontend/app/login/page.tsx
@@ -8,8 +8,12 @@ import { useAuth } from '@/contexts/AuthContext'
 export default function LoginPage() {
   const router = useRouter()
   const { login } = useAuth()
-  const [email, setEmail] = useState('')
-  const [password, setPassword] = useState('')
+  const [email, setEmail] = useState(
+    process.env.NODE_ENV === 'development' ? 'john@mail.com' : ''
+  )
+  const [password, setPassword] = useState(
+    process.env.NODE_ENV === 'development' ? '1qaz@WSX' : ''
+  )
   const [rememberMe, setRememberMe] = useState(false)
   const [loading, setLoading] = useState(false)
   const [error, setError] = useState('')
@@ -44,6 +48,13 @@ export default function LoginPage() {
         <div className="text-center mb-8">
           <h1 className="text-3xl font-bold text-gray-900">歡迎回來</h1>
           <p className="text-gray-600 mt-2">登入您的 DramaLing 帳號</p>
+          {process.env.NODE_ENV === 'development' && (
+            <div className="mt-4 p-2 bg-yellow-100 border border-yellow-300 rounded-lg">
+              <p className="text-yellow-800 text-xs">
+                🚧 開發模式 - 測試資料已自動填入
+              </p>
+            </div>
+          )}
         </div>
 
         <form onSubmit={handleSubmit} className="space-y-6">