diff --git a/frontend/app/login/page.tsx b/frontend/app/login/page.tsx
index 0913c24..be05544 100644
--- a/frontend/app/login/page.tsx
+++ b/frontend/app/login/page.tsx
@@ -161,14 +161,14 @@ function LoginForm() {
         </div>
 
         {/* 登录方式切换 */}
-        <div className="flex bg-bg-elevated rounded-xl p-1 border border-border-subtle">
+        <div className="flex gap-4 border-b border-border-subtle">
           <button
             type="button"
             onClick={() => { setLoginMode('password'); setError('') }}
-            className={`flex-1 py-2.5 rounded-lg text-sm font-medium transition-all ${
+            className={`pb-3 text-sm font-medium transition-all border-b-2 ${
               loginMode === 'password'
-                ? 'bg-white text-text-primary shadow-sm'
-                : 'text-text-tertiary hover:text-text-secondary'
+                ? 'border-accent-indigo text-accent-indigo'
+                : 'border-transparent text-text-tertiary hover:text-text-secondary'
             }`}
           >
             密码登录
@@ -176,10 +176,10 @@ function LoginForm() {
           <button
             type="button"
             onClick={() => { setLoginMode('code'); setError('') }}
-            className={`flex-1 py-2.5 rounded-lg text-sm font-medium transition-all ${
+            className={`pb-3 text-sm font-medium transition-all border-b-2 ${
               loginMode === 'code'
-                ? 'bg-white text-text-primary shadow-sm'
-                : 'text-text-tertiary hover:text-text-secondary'
+                ? 'border-accent-indigo text-accent-indigo'
+                : 'border-transparent text-text-tertiary hover:text-text-secondary'
             }`}
           >
             验证码登录