From 45c6c034e087fd6d406109ba2a0b8d13c649d35c Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Mon, 9 Feb 2026 18:56:48 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E9=A1=B5=E7=99=BB=E5=BD=95=E6=96=B9=E5=BC=8F=E5=88=87=E6=8D=A2?=
 =?UTF-8?q?=20Tab=20=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将白色背景切换改为下划线 Tab 样式，选中态使用紫色文字+底边框，辨识度更高。

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/app/login/page.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

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'
             }`}
           >
             验证码登录