fix: defult language

src/i18n/index.ts

@@ -6,14 +6,14 @@ import i18n from 'i18next';
 import { initReactI18next } from 'react-i18next';
 import zhCN from './locales/zh-CN.json';
 import en from './locales/en.json';
-import { STORAGE_KEY_LANGUAGE } from '@/utils/constants';
+import { getInitialLanguage } from '@/utils/language';
 
 i18n.use(initReactI18next).init({
   resources: {
     'zh-CN': { translation: zhCN },
     en: { translation: en }
   },
-  lng: localStorage.getItem(STORAGE_KEY_LANGUAGE) || 'zh-CN',
+  lng: getInitialLanguage(),
   fallbackLng: 'zh-CN',
   interpolation: {
     escapeValue: false // React 已经转义

src/pages/LoginPage.tsx

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
 import { Button } from '@/components/ui/Button';
 import { Input } from '@/components/ui/Input';
 import { IconEye, IconEyeOff } from '@/components/ui/icons';
-import { useAuthStore, useNotificationStore } from '@/stores';
+import { useAuthStore, useLanguageStore, useNotificationStore } from '@/stores';
 import { detectApiBaseFromLocation, normalizeApiBase } from '@/utils/connection';
 
 export function LoginPage() {
@@ -12,6 +12,8 @@ export function LoginPage() {
   const navigate = useNavigate();
   const location = useLocation();
   const { showNotification } = useNotificationStore();
+  const language = useLanguageStore((state) => state.language);
+  const toggleLanguage = useLanguageStore((state) => state.toggleLanguage);
   const isAuthenticated = useAuthStore((state) => state.isAuthenticated);
   const login = useAuthStore((state) => state.login);
   const restoreSession = useAuthStore((state) => state.restoreSession);
@@ -27,6 +29,7 @@ export function LoginPage() {
   const [error, setError] = useState('');
 
   const detectedBase = useMemo(() => detectApiBaseFromLocation(), []);
+  const nextLanguageLabel = language === 'zh-CN' ? t('language.english') : t('language.chinese');
 
   useEffect(() => {
     const init = async () => {
@@ -49,10 +52,6 @@ export function LoginPage() {
     return <Navigate to={redirect} replace />;
   }
 
-  const handleUseCurrent = () => {
-    setApiBase(detectedBase);
-  };
-
   const handleSubmit = async () => {
     if (!managementKey.trim()) {
       setError(t('login.error_required'));
@@ -79,7 +78,20 @@ export function LoginPage() {
     <div className="login-page">
       <div className="login-card">
         <div className="login-header">
+          <div className="login-title-row">
             <div className="title">{t('title.login')}</div>
+            <Button
+              type="button"
+              variant="ghost"
+              size="sm"
+              className="login-language-btn"
+              onClick={toggleLanguage}
+              title={t('language.switch')}
+              aria-label={t('language.switch')}
+            >
+              {nextLanguageLabel}
+            </Button>
+          </div>
           <div className="subtitle">{t('login.subtitle')}</div>
         </div>
 
@@ -136,14 +148,9 @@ export function LoginPage() {
           }
         />
 
-        <div style={{ display: 'flex', gap: 12, alignItems: 'center' }}>
-          <Button variant="secondary" onClick={handleUseCurrent}>
-            {t('login.use_current_address')}
-          </Button>
         <Button fullWidth onClick={handleSubmit} loading={loading}>
           {loading ? t('login.submitting') : t('login.submit_button')}
         </Button>
-        </div>
 
         {error && <div className="error-box">{error}</div>}
 

src/stores/useLanguageStore.ts

@@ -8,6 +8,7 @@ import { persist } from 'zustand/middleware';
 import type { Language } from '@/types';
 import { STORAGE_KEY_LANGUAGE } from '@/utils/constants';
 import i18n from '@/i18n';
+import { getInitialLanguage } from '@/utils/language';
 
 interface LanguageState {
   language: Language;
@@ -18,7 +19,7 @@ interface LanguageState {
 export const useLanguageStore = create<LanguageState>()(
   persist(
     (set, get) => ({
-      language: 'zh-CN',
+      language: getInitialLanguage(),
 
       setLanguage: (language) => {
         // 切换 i18next 语言

src/styles/layout.scss

@@ -431,6 +431,7 @@
     display: flex;
     flex-direction: column;
     gap: $spacing-sm;
+    text-align: center;
 
     .title {
       font-size: 22px;
@@ -443,6 +444,18 @@
     }
   }
 
+  .login-title-row {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: $spacing-sm;
+    flex-wrap: wrap;
+  }
+
+  .login-language-btn {
+    white-space: nowrap;
+  }
+
   .connection-box {
     background: var(--bg-secondary);
     border: 1px dashed var(--border-color);

src/utils/language.ts

@@ -0,0 +1,42 @@
+import type { Language } from '@/types';
+import { STORAGE_KEY_LANGUAGE } from '@/utils/constants';
+
+const parseStoredLanguage = (value: string): Language | null => {
+  try {
+    const parsed = JSON.parse(value);
+    const candidate = parsed?.state?.language ?? parsed?.language ?? parsed;
+    if (candidate === 'zh-CN' || candidate === 'en') {
+      return candidate;
+    }
+  } catch {
+    if (value === 'zh-CN' || value === 'en') {
+      return value;
+    }
+  }
+  return null;
+};
+
+const getStoredLanguage = (): Language | null => {
+  if (typeof window === 'undefined') {
+    return null;
+  }
+  try {
+    const stored = localStorage.getItem(STORAGE_KEY_LANGUAGE);
+    if (!stored) {
+      return null;
+    }
+    return parseStoredLanguage(stored);
+  } catch {
+    return null;
+  }
+};
+
+const getBrowserLanguage = (): Language => {
+  if (typeof navigator === 'undefined') {
+    return 'zh-CN';
+  }
+  const raw = navigator.languages?.[0] || navigator.language || 'zh-CN';
+  return raw.toLowerCase().startsWith('zh') ? 'zh-CN' : 'en';
+};
+
+export const getInitialLanguage = (): Language => getStoredLanguage() ?? getBrowserLanguage();