feat(TokenImport): 增加 URL 获取 Token 功能并优化手动输入流程

- 新增 URL表单，支持从 API 接口获取 Token
- 优化手动输入表单，增加自定义连接地址选项
- 移除等级、职业等可选信息
- 添加主题切换功能
-调整页面样式，适配暗黑主题

src/App.vue

@@ -28,20 +28,88 @@ const checkThemePreference = () => {
   
   if (savedTheme === 'dark' || (!savedTheme && prefersDark)) {
     theme.value = darkTheme
+    document.documentElement.classList.add('dark')
   } else {
     theme.value = null
+    document.documentElement.classList.remove('dark')
   }
 }
 
+// 监听系统主题变化
+const setupThemeListener = () => {
+  const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
+  mediaQuery.addListener(() => {
+    const savedTheme = localStorage.getItem('theme')
+    // 只有在用户没有手动设置主题时才跟随系统
+    if (!savedTheme) {
+      checkThemePreference()
+    }
+  })
+}
+
 onMounted(() => {
   checkThemePreference()
+  setupThemeListener()
 })
 </script>
 
 <style>
+/* 主题变量 */
+:root {
+  --app-background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  --text-color: #333;
+  --text-secondary: #666;
+  --text-tertiary: #999;
+  --bg-color: #ffffff;
+  --border-color: #e0e0e0;
+}
+
+/* 深色主题变量 */
+.dark {
+  --app-background: linear-gradient(135deg, #2d3748 0%, #4a5568 100%);
+  --text-color: #ffffff !important;
+  --text-secondary: #cbd5e0 !important;
+  --text-tertiary: #a0aec0 !important;
+  --bg-color: #1a202c !important;
+  --border-color: #4a5568 !important;
+}
+
+/* 强制深色主题样式 - 更具体的选择器 */
+html.dark,
+html.dark body,
+html.dark #app,
+html.dark * {
+  color: #ffffff !important;
+}
+
+html.dark .n-form-item-label,
+html.dark .n-form-item-label__text,
+html.dark .n-input,
+html.dark .n-input__input,
+html.dark .n-input__textarea,
+html.dark .n-collapse-item__header,
+html.dark .n-radio-button,
+html.dark .n-card,
+html.dark .n-card__content,
+html.dark h1,
+html.dark h2,
+html.dark h3,
+html.dark p,
+html.dark span,
+html.dark div {
+  color: #ffffff !important;
+}
+
+html.dark .n-input__placeholder,
+html.dark ::placeholder {
+  color: rgba(255, 255, 255, 0.6) !important;
+}
+
 #app {
   min-height: 100vh;
-  background: var(--app-background, linear-gradient(135deg, #667eea 0%, #764ba2 100%));
+  background: var(--app-background);
+  color: var(--text-color);
+  transition: background 0.3s ease, color 0.3s ease;
 }
 
 /* 全局样式重置 */
@@ -54,6 +122,8 @@ onMounted(() => {
 html, body {
   height: 100%;
   font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  color: var(--text-color);
+  transition: color 0.3s ease;
 }
 
 /* 滚动条样式 */