diff --git a/package-lock.json b/package-lock.json
index 6651aba..e05aaec 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "github-stars-manager",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "github-stars-manager",
-      "version": "0.3.0",
+      "version": "0.4.0",
       "dependencies": {
         "date-fns": "^3.3.1",
         "lucide-react": "^0.344.0",
diff --git a/server/src/db/schema.ts b/server/src/db/schema.ts
index fa21252..2c48dfa 100644
--- a/server/src/db/schema.ts
+++ b/server/src/db/schema.ts
@@ -61,8 +61,11 @@ export function initializeSchema(db: Database.Database): void {
     CREATE TABLE IF NOT EXISTS categories (
       id TEXT PRIMARY KEY,
       name TEXT NOT NULL,
+      description TEXT,
       icon TEXT NOT NULL DEFAULT '📁',
       keywords TEXT,
+      color TEXT,
+      sort_order INTEGER DEFAULT 0,
       is_custom INTEGER DEFAULT 1
     );
 
@@ -93,7 +96,10 @@ export function initializeSchema(db: Database.Database): void {
     CREATE TABLE IF NOT EXISTS asset_filters (
       id TEXT PRIMARY KEY,
       name TEXT NOT NULL,
-      keywords TEXT
+      description TEXT,
+      keywords TEXT,
+      platform TEXT,
+      sort_order INTEGER DEFAULT 0
     );
 
     CREATE TABLE IF NOT EXISTS settings (
@@ -106,4 +112,10 @@ export function initializeSchema(db: Database.Database): void {
   addColumnIfMissing(db, 'repositories', 'category_locked', 'INTEGER DEFAULT 0');
   addColumnIfMissing(db, 'releases', 'zipball_url', 'TEXT');
   addColumnIfMissing(db, 'releases', 'tarball_url', 'TEXT');
+  addColumnIfMissing(db, 'categories', 'description', 'TEXT');
+  addColumnIfMissing(db, 'categories', 'color', 'TEXT');
+  addColumnIfMissing(db, 'categories', 'sort_order', 'INTEGER DEFAULT 0');
+  addColumnIfMissing(db, 'asset_filters', 'description', 'TEXT');
+  addColumnIfMissing(db, 'asset_filters', 'platform', 'TEXT');
+  addColumnIfMissing(db, 'asset_filters', 'sort_order', 'INTEGER DEFAULT 0');
 }
diff --git a/server/src/routes/proxy.ts b/server/src/routes/proxy.ts
index 4f469e0..c37a516 100644
--- a/server/src/routes/proxy.ts
+++ b/server/src/routes/proxy.ts
@@ -15,6 +15,19 @@ function buildApiUrl(baseUrl: string, pathWithVersion: string): string {
     const base = new URL(baseUrlWithSlash);
     const basePath = base.pathname.replace(/\/$/, '');
 
+    // 检测 baseUrl 是否已经以任何版本号结尾（v1, v2, v3, v1beta, v1alpha 等）
+    // 这样可以兼容火山引擎（/v3）、OpenAI（/v1）、Gemini（/v1beta）等不同版本号
+    const anyVersionPattern = /\/v\d+(?:beta|alpha)?$/;
+    const hasVersionInBase = anyVersionPattern.test(basePath);
+
+    if (hasVersionInBase) {
+      // baseUrl 已包含版本号，只补全端点路径（去掉版本号部分）
+      const endpointPath = pathWithVersion.includes('/')
+        ? pathWithVersion.split('/').slice(1).join('/')
+        : pathWithVersion;
+      return new URL(endpointPath, baseUrlWithSlash).toString();
+    }
+
     if (versionPrefix) {
       const versionRe = new RegExp(`/${versionPrefix}$`);
       if (versionRe.test(basePath) && pathWithVersion.startsWith(`${versionPrefix}/`)) {
diff --git a/server/src/routes/releases.ts b/server/src/routes/releases.ts
index 7cdefb6..316af5a 100644
--- a/server/src/routes/releases.ts
+++ b/server/src/routes/releases.ts
@@ -175,4 +175,29 @@ router.post('/api/releases/mark-all-read', (_req, res) => {
   }
 });
 
+// DELETE /api/releases/:id
+router.delete('/api/releases/:id', (req, res) => {
+  try {
+    const db = getDb();
+    const id = parseInt(req.params.id);
+
+    if (isNaN(id) || id <= 0) {
+      res.status(400).json({ error: 'Valid release id required', code: 'INVALID_RELEASE_ID' });
+      return;
+    }
+
+    const result = db.prepare('DELETE FROM releases WHERE id = ?').run(id);
+
+    if (result.changes === 0) {
+      res.status(404).json({ error: 'Release not found', code: 'RELEASE_NOT_FOUND' });
+      return;
+    }
+
+    res.json({ deleted: true, id });
+  } catch (err) {
+    console.error('DELETE /api/releases/:id error:', err);
+    res.status(500).json({ error: 'Failed to delete release', code: 'DELETE_RELEASE_FAILED' });
+  }
+});
+
 export default router;
diff --git a/server/src/routes/repositories.ts b/server/src/routes/repositories.ts
index a297acf..a7362a6 100644
--- a/server/src/routes/repositories.ts
+++ b/server/src/routes/repositories.ts
@@ -241,4 +241,45 @@ router.patch('/api/repositories/:id', (req, res) => {
   }
 });
 
+// DELETE /api/repositories/:id
+router.delete('/api/repositories/:id', (req, res) => {
+  try {
+    const db = getDb();
+    const id = parseInt(req.params.id);
+
+    if (isNaN(id) || id <= 0) {
+      res.status(400).json({ error: 'Valid repository id required', code: 'INVALID_REPOSITORY_ID' });
+      return;
+    }
+
+    const deleteReleases = db.prepare('DELETE FROM releases WHERE repo_id = ?');
+    const deleteRepo = db.prepare('DELETE FROM repositories WHERE id = ?');
+
+    const deleteAll = db.transaction(() => {
+      const releaseResult = deleteReleases.run(id);
+      const repoResult = deleteRepo.run(id);
+      
+      if (repoResult.changes === 0) {
+        throw new Error('Repository not found or already deleted');
+      }
+      
+      return {
+        releasesDeleted: releaseResult.changes,
+        repoDeleted: repoResult.changes
+      };
+    });
+
+    const result = deleteAll();
+
+    res.json({ 
+      deleted: true, 
+      id,
+      releasesDeleted: result.releasesDeleted
+    });
+  } catch (err) {
+    console.error('DELETE /api/repositories/:id error:', err);
+    res.status(500).json({ error: 'Failed to delete repository', code: 'DELETE_REPOSITORY_FAILED' });
+  }
+});
+
 export default router;
diff --git a/server/src/types/api.ts b/server/src/types/api.ts
new file mode 100644
index 0000000..9c22cc5
--- /dev/null
+++ b/server/src/types/api.ts
@@ -0,0 +1,155 @@
+export interface RepositoryRow {
+  id: number;
+  name: string;
+  full_name: string;
+  description: string | null;
+  html_url: string;
+  stargazers_count: number;
+  language: string | null;
+  created_at: string | null;
+  updated_at: string | null;
+  pushed_at: string | null;
+  starred_at: string | null;
+  owner_login: string;
+  owner_avatar_url: string | null;
+  topics: string;
+  ai_summary: string | null;
+  ai_tags: string;
+  ai_platforms: string;
+  analyzed_at: string | null;
+  analysis_failed: number;
+  custom_description: string | null;
+  custom_tags: string;
+  custom_category: string | null;
+  category_locked: number;
+  last_edited: string | null;
+  subscribed_to_releases: number;
+}
+
+export interface ReleaseRow {
+  id: number;
+  tag_name: string;
+  name: string | null;
+  body: string | null;
+  published_at: string | null;
+  html_url: string | null;
+  assets: string;
+  repo_id: number;
+  repo_full_name: string;
+  repo_name: string;
+  prerelease: number;
+  draft: number;
+  is_read: number;
+  zipball_url: string | null;
+  tarball_url: string | null;
+}
+
+export interface CategoryRow {
+  id: string;
+  name: string;
+  description: string | null;
+  icon: string;
+  keywords: string;
+  color: string | null;
+  sort_order: number;
+  is_custom: number;
+}
+
+export interface AIConfigRow {
+  id: string;
+  name: string;
+  api_type: string;
+  base_url: string;
+  api_key_encrypted: string;
+  model: string;
+  is_active: number;
+  custom_prompt: string | null;
+  use_custom_prompt: number;
+  concurrency: number;
+  reasoning_effort: string | null;
+}
+
+export interface WebDAVConfigRow {
+  id: string;
+  name: string;
+  url: string;
+  username: string;
+  password_encrypted: string;
+  path: string;
+  is_active: number;
+}
+
+export interface AssetFilterRow {
+  id: string;
+  name: string;
+  description: string | null;
+  keywords: string;
+  platform: string | null;
+  sort_order: number;
+}
+
+export interface SettingsRow {
+  key: string;
+  value: string | null;
+}
+
+export interface ApiResponse<T = unknown> {
+  data?: T;
+  error?: string;
+  code?: string;
+}
+
+export interface PaginatedResponse<T> {
+  items: T[];
+  total: number;
+  page: number;
+  limit: number;
+}
+
+export interface SyncRepositoriesRequest {
+  repositories: Record<string, unknown>[];
+  isFullSync?: boolean;
+}
+
+export interface SyncReleasesRequest {
+  releases: Record<string, unknown>[];
+}
+
+export interface SyncAIConfigsRequest {
+  configs: Array<{
+    id: string;
+    name: string;
+    apiType?: string;
+    baseUrl: string;
+    apiKey: string;
+    model: string;
+    isActive: boolean;
+    customPrompt?: string;
+    useCustomPrompt?: boolean;
+    concurrency?: number;
+    reasoningEffort?: string;
+  }>;
+}
+
+export interface SyncWebDAVConfigsRequest {
+  configs: Array<{
+    id: string;
+    name: string;
+    url: string;
+    username: string;
+    password: string;
+    path: string;
+    isActive: boolean;
+  }>;
+}
+
+export interface SyncSettingsRequest {
+  activeAIConfig?: string | null;
+  activeWebDAVConfig?: string | null;
+  hiddenDefaultCategoryIds?: string[];
+  categoryOrder?: string[];
+  customCategories?: unknown[];
+  assetFilters?: unknown[];
+  collapsedSidebarCategoryCount?: number;
+  github_token?: string;
+}
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 7a2b5aa..9a138a8 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -1,5 +1,5 @@
-import React from 'react';
-import { Settings, Calendar, Search, Moon, Sun, LogOut, RefreshCw } from 'lucide-react';
+import React, { useState, useRef, useEffect } from 'react';
+import { Settings, Calendar, Search, Moon, Sun, LogOut, RefreshCw, Menu, X } from 'lucide-react';
 import { useAppStore } from '../store/useAppStore';
 import { GitHubApiService } from '../services/githubApi';
 
@@ -22,6 +22,45 @@ export const Header: React.FC = () => {
     language,
   } = useAppStore();
 
+  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+  const [isTextWrapped, setIsTextWrapped] = useState(false);
+  const navRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    const checkIfTextWrapped = () => {
+      const windowWidth = window.innerWidth;
+      if (windowWidth < 1100) {
+        setIsTextWrapped(true);
+        return;
+      }
+
+      if (navRef.current) {
+        const buttons = navRef.current.querySelectorAll('button');
+        let wrapped = false;
+        buttons.forEach(button => {
+          if (button.scrollHeight > button.clientHeight + 5) {
+            wrapped = true;
+          }
+        });
+        setIsTextWrapped(wrapped);
+      }
+    };
+
+    checkIfTextWrapped();
+    
+    const resizeObserver = new ResizeObserver(checkIfTextWrapped);
+    if (navRef.current) {
+      resizeObserver.observe(navRef.current);
+    }
+
+    window.addEventListener('resize', checkIfTextWrapped);
+    
+    return () => {
+      resizeObserver.disconnect();
+      window.removeEventListener('resize', checkIfTextWrapped);
+    };
+  }, []);
+
   const handleSync = async () => {
     if (!githubToken) {
       alert('GitHub token not found. Please login again.');
@@ -103,110 +142,193 @@ export const Header: React.FC = () => {
 
   const t = (zh: string, en: string) => language === 'zh' ? zh : en;
 
+
+
   return (
-    <header className="bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 sticky top-0 z-50 hd-drag">
+    <header className="bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 sticky top-0 z-50 hd-drag lg:hd-drag relative">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div className="flex flex-col gap-3 py-3 sm:h-16 sm:flex-row sm:items-center sm:justify-between sm:py-0">
+        <div className="flex items-center justify-between h-14 sm:h-16">
           {/* Logo and Title */}
-          <div className="flex items-center justify-between gap-3 sm:justify-start">
-            <div className="flex min-w-0 items-center space-x-3">
-              <div className="flex items-center justify-center w-10 h-10 rounded-lg overflow-hidden">
-                <img 
-                  src="./icon.png" 
-                  alt="GitHub Stars Manager" 
-                  className="w-10 h-10 object-cover"
-                />
-              </div>
-              <div className="min-w-0">
-                <h1 className="truncate text-xl font-bold text-gray-900 dark:text-white">
-                  GitHub Stars Manager
-                </h1>
-                <p className="truncate text-sm text-gray-500 dark:text-gray-400">
-                  AI-powered repository management
-                </p>
-              </div>
+          <div className="flex min-w-0 items-center space-x-3">
+            <div className="flex items-center justify-center w-10 h-10 rounded-lg overflow-hidden flex-shrink-0">
+              <img 
+                src="./icon.png" 
+                alt="GitHub Stars Manager" 
+                className="w-10 h-10 object-cover"
+              />
+            </div>
+            <div className="min-w-0 hidden sm:block">
+              <h1 className="truncate text-xl font-bold text-gray-900 dark:text-white">
+                GitHub Stars Manager
+              </h1>
+              <p className="truncate text-sm text-gray-500 dark:text-gray-400">
+                AI-powered repository management
+              </p>
+            </div>
+            <div className="min-w-0 sm:hidden">
+              <h1 className="truncate text-base font-bold text-gray-900 dark:text-white">
+                GitHub Stars
+              </h1>
             </div>
-            <button
-              onClick={handleSync}
-              disabled={isLoading}
-              className="sm:hidden inline-flex items-center justify-center rounded-lg border border-gray-200 p-2 text-gray-600 transition-colors hover:bg-gray-100 disabled:opacity-50 dark:border-gray-700 dark:text-gray-300 dark:hover:bg-gray-700"
-              title={t('同步仓库', 'Sync repositories')}
-            >
-              <RefreshCw className={`w-4 h-4 ${isLoading ? 'animate-spin' : ''}`} />
-            </button>
           </div>
 
-          {/* Navigation */}
-          <nav className="grid w-full grid-cols-3 gap-2 sm:hidden hd-btns">
+          {/* Navigation - Desktop (≥1024px): Icon + Text + Badge */}
+          <nav ref={navRef} className={`hidden lg:flex items-center space-x-1 hd-btns lg:hd-btns ${isTextWrapped ? 'flex-wrap' : ''}`}>
             <button
               onClick={() => setCurrentView('repositories')}
-              className={`px-3 py-2 rounded-lg text-sm font-medium transition-colors ${
+              className={`${isTextWrapped ? 'p-2.5' : 'px-4 py-2'} rounded-lg font-medium transition-colors ${
                 currentView === 'repositories'
                   ? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300'
                   : 'text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700'
               }`}
             >
-              {t('仓库', 'Repos')}
+              <Search className={`${isTextWrapped ? 'w-5 h-5' : 'w-4 h-4'} ${isTextWrapped ? '' : 'inline mr-2'}`} />
+              {!isTextWrapped && (
+                <>
+                  {t('仓库', 'Repositories')}
+                  {currentView === 'repositories' && repositories.length > 0 && (
+                    <span className="ml-1.5 text-sm text-blue-600 dark:text-blue-400">
+                      {repositories.length}
+                    </span>
+                  )}
+                </>
+              )}
             </button>
             <button
               onClick={() => setCurrentView('releases')}
-              className={`px-3 py-2 rounded-lg text-sm font-medium transition-colors ${
+              className={`${isTextWrapped ? 'p-2.5' : 'px-4 py-2'} rounded-lg font-medium transition-colors ${
                 currentView === 'releases'
                   ? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300'
                   : 'text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700'
               }`}
             >
-              {t('发布', 'Releases')}
+              <Calendar className={`${isTextWrapped ? 'w-5 h-5' : 'w-4 h-4'} ${isTextWrapped ? '' : 'inline mr-2'}`} />
+              {!isTextWrapped && t('发布', 'Releases')}
             </button>
             <button
               onClick={() => setCurrentView('settings')}
-              className={`px-3 py-2 rounded-lg text-sm font-medium transition-colors ${
+              className={`${isTextWrapped ? 'p-2.5' : 'px-4 py-2'} rounded-lg font-medium transition-colors ${
                 currentView === 'settings'
                   ? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300'
                   : 'text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700'
               }`}
             >
-              {t('设置', 'Settings')}
+              <Settings className={`${isTextWrapped ? 'w-5 h-5' : 'w-4 h-4'} ${isTextWrapped ? '' : 'inline mr-2'}`} />
+              {!isTextWrapped && t('设置', 'Settings')}
             </button>
           </nav>
-          <nav className="hidden md:flex items-center space-x-1 hd-btns">
+
+          {/* Navigation - Tablet (768px-1023px): Icon only */}
+          <nav className="hidden md:flex lg:hidden items-center space-x-1 hd-btns lg:hd-btns">
             <button
               onClick={() => setCurrentView('repositories')}
-              className={`px-4 py-2 rounded-lg font-medium transition-colors ${
+              className={`p-2.5 rounded-lg transition-colors ${
                 currentView === 'repositories'
                   ? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300'
                   : 'text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700'
               }`}
+              title={t('仓库', 'Repositories')}
             >
-              <Search className="w-4 h-4 inline mr-2" />
-              {t('仓库', 'Repositories')} ({repositories.length})
+              <Search className="w-5 h-5" />
             </button>
             <button
               onClick={() => setCurrentView('releases')}
-              className={`px-4 py-2 rounded-lg font-medium transition-colors ${
+              className={`p-2.5 rounded-lg transition-colors ${
                 currentView === 'releases'
                   ? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300'
                   : 'text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700'
               }`}
+              title={t('发布', 'Releases')}
             >
-              <Calendar className="w-4 h-4 inline mr-2" />
-              {t('发布', 'Releases')}
+              <Calendar className="w-5 h-5" />
             </button>
             <button
               onClick={() => setCurrentView('settings')}
-              className={`px-4 py-2 rounded-lg font-medium transition-colors ${
+              className={`p-2.5 rounded-lg transition-colors ${
                 currentView === 'settings'
                   ? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300'
                   : 'text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700'
               }`}
+              title={t('设置', 'Settings')}
             >
-              <Settings className="w-4 h-4 inline mr-2" />
-              {t('设置', 'Settings')}
+              <Settings className="w-5 h-5" />
             </button>
           </nav>
 
+          {/* Mobile Dropdown Menu (<768px) */}
+          {mobileMenuOpen && (
+            <div className="absolute top-[calc(100%+1px)] left-0 right-0 md:hidden bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 shadow-lg animate-expand-fade z-[100]">
+              <nav className="flex flex-col p-2 space-y-1">
+                <button
+                  onClick={() => {
+                    setCurrentView('repositories');
+                    setMobileMenuOpen(false);
+                  }}
+                  className={`flex items-center justify-between px-4 py-3 rounded-lg font-medium transition-colors ${
+                    currentView === 'repositories'
+                      ? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300'
+                      : 'text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700'
+                  }`}
+                >
+                  <div className="flex items-center">
+                    <Search className="w-5 h-5 mr-3" />
+                    {t('仓库', 'Repositories')}
+                  </div>
+                  {currentView === 'repositories' && repositories.length > 0 && (
+                    <span className="text-sm text-blue-600 dark:text-blue-400">
+                      {repositories.length}
+                    </span>
+                  )}
+                </button>
+                <button
+                  onClick={() => {
+                    setCurrentView('releases');
+                    setMobileMenuOpen(false);
+                  }}
+                  className={`flex items-center justify-between px-4 py-3 rounded-lg font-medium transition-colors ${
+                    currentView === 'releases'
+                      ? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300'
+                      : 'text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700'
+                  }`}
+                >
+                  <div className="flex items-center">
+                    <Calendar className="w-5 h-5 mr-3" />
+                    {t('发布', 'Releases')}
+                  </div>
+                </button>
+                <button
+                  onClick={() => {
+                    setCurrentView('settings');
+                    setMobileMenuOpen(false);
+                  }}
+                  className={`flex items-center px-4 py-3 rounded-lg font-medium transition-colors ${
+                    currentView === 'settings'
+                      ? 'bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300'
+                      : 'text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700'
+                  }`}
+                >
+                  <Settings className="w-5 h-5 mr-3" />
+                  {t('设置', 'Settings')}
+                </button>
+              </nav>
+            </div>
+          )}
+
           {/* User Actions */}
-          <div className="flex items-center justify-between gap-3 sm:justify-end hd-btns">
+          <div className="flex items-center gap-2 sm:gap-3 hd-btns lg:hd-btns">
+            {/* Mobile Menu Button */}
+            <button
+              onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
+              className="md:hidden p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"
+              title={t('菜单', 'Menu')}
+            >
+              {mobileMenuOpen ? (
+                <X className="w-5 h-5 text-gray-700 dark:text-gray-300" />
+              ) : (
+                <Menu className="w-5 h-5 text-gray-700 dark:text-gray-300" />
+              )}
+            </button>
+
             {/* Sync Status */}
             <div className="hidden sm:flex items-center space-x-2 text-sm text-gray-500 dark:text-gray-400">
               <span>{t('上次同步:', 'Last sync:')} {formatLastSync(lastSync)}</span>
@@ -235,13 +357,13 @@ export const Header: React.FC = () => {
 
             {/* User Profile */}
             {user && (
-              <div className="flex min-w-0 items-center space-x-3">
+              <div className="flex items-center space-x-2 sm:space-x-3">
                 <img
                   src={user.avatar_url}
                   alt={user.name || user.login}
                   className="w-8 h-8 rounded-full"
                 />
-                <div className="min-w-0">
+                <div className="min-w-0 hidden sm:block">
                   <p className="truncate text-sm font-medium text-gray-900 dark:text-white">
                     {user.name || user.login}
                   </p>
diff --git a/src/components/RepositoryCard.tsx b/src/components/RepositoryCard.tsx
index b8679c0..54d3bca 100644
--- a/src/components/RepositoryCard.tsx
+++ b/src/components/RepositoryCard.tsx
@@ -724,9 +724,9 @@ const RepositoryCardComponent: React.FC<RepositoryCardProps> = ({
           </p>
         </div>
         
-        {/* 拖拽按钮 - 右上角 */}
+        {/* 拖拽按钮 - 右上角 - 手机和平板端隐藏 */}
         {!selectionMode && (
-          <div className="relative flex-shrink-0 opacity-0 hover:opacity-100 transition-opacity duration-200 group-hover:opacity-100">
+          <div className="hidden lg:block relative flex-shrink-0 opacity-0 hover:opacity-100 transition-opacity duration-200 group-hover:opacity-100">
             <div
               ref={dragHandleRef}
               draggable
diff --git a/src/components/RepositoryList.tsx b/src/components/RepositoryList.tsx
index e090764..ee9d8bc 100644
--- a/src/components/RepositoryList.tsx
+++ b/src/components/RepositoryList.tsx
@@ -1101,7 +1101,7 @@ export const RepositoryList: React.FC<RepositoryListProps> = ({
 
       {/* Repository Grid with consistent card widths */}
       <div
-        className="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-6 min-h-[200px]"
+        className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 min-h-[200px]"
         onClick={handleClick}
         onDoubleClick={handleDoubleClick}
       >
diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx
index 5b82514..70fa67e 100644
--- a/src/components/SearchBar.tsx
+++ b/src/components/SearchBar.tsx
@@ -800,11 +800,24 @@ export const SearchBar: React.FC = () => {
             onClick={handleAISearch}
             disabled={isSearching}
             className="flex items-center space-x-1 px-2.5 sm:px-4 py-1.5 bg-purple-600 text-white rounded-md hover:bg-purple-700 transition-colors text-sm font-medium disabled:opacity-50"
-            title={t('使用AI进行语义搜索和智能排序', 'Use AI for semantic search and intelligent ranking')}
+            title={t('不是真正地调用大模型\n使用本地智能排序算法', 'Not actually calling LLM, uses local intelligent ranking algorithm')}
           >
             <Bot className="w-4 h-4" />
             <span className="hidden sm:inline">{isSearching ? t('AI搜索中...', 'AI Searching...') : t('AI搜索', 'AI Search')}</span>
           </button>
+          <div className="group relative">
+            <AlertCircle className="w-4 h-4 text-gray-400 cursor-help" />
+            <div className="absolute right-0 top-full mt-2 w-64 p-3 bg-gray-800 text-white text-xs rounded-lg shadow-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all z-50">
+              <p className="font-medium mb-1">{t('关于AI搜索', 'About AI Search')}</p>
+              <p className="text-gray-300">
+                {t(
+                  '此功能使用本地算法进行智能排序，并非调用GPT等大模型API。它会根据仓库名称、描述、标签等多维度进行匹配和排序。',
+                  'This feature uses local algorithms for intelligent ranking, not calling GPT or other LLM APIs. It matches and ranks based on repository name, description, tags, and other dimensions.'
+                )}
+              </p>
+              <div className="absolute bottom-full right-2 w-2 h-2 bg-gray-800 transform rotate-45"></div>
+            </div>
+          </div>
         </div>
       </div>
 
diff --git a/src/components/settings/AIConfigPanel.tsx b/src/components/settings/AIConfigPanel.tsx
index 83c3c10..72ddaa6 100644
--- a/src/components/settings/AIConfigPanel.tsx
+++ b/src/components/settings/AIConfigPanel.tsx
@@ -1,5 +1,5 @@
-import React, { useState } from 'react';
-import { Bot, Plus, Edit3, Trash2, Save, X, TestTube, RefreshCw, MessageSquare } from 'lucide-react';
+import React, { useState, useCallback, useMemo } from 'react';
+import { Bot, Plus, Edit3, Trash2, Save, X, TestTube, RefreshCw, MessageSquare, Eye, EyeOff, AlertCircle } from 'lucide-react';
 import { AIConfig, AIApiType, AIReasoningEffort } from '../../types';
 import { useAppStore } from '../../store/useAppStore';
 import { AIService } from '../../services/aiService';
@@ -34,7 +34,15 @@ export const AIConfigPanel: React.FC<AIConfigPanelProps> = ({ t }) => {
   const [showForm, setShowForm] = useState(false);
   const [editingId, setEditingId] = useState<string | null>(null);
   const [testingId, setTestingId] = useState<string | null>(null);
+  const [testingForm, setTestingForm] = useState(false);
   const [showCustomPrompt, setShowCustomPrompt] = useState(false);
+  const [showDefaultPrompt, setShowDefaultPrompt] = useState(false);
+  const [notification, setNotification] = useState<{ type: 'success' | 'error' | 'info'; message: string } | null>(null);
+
+  const showNotification = useCallback((type: 'success' | 'error' | 'info', message: string) => {
+    setNotification({ type, message });
+    setTimeout(() => setNotification(null), 3000);
+  }, []);
 
   const [form, setForm] = useState<AIFormState>({
     name: '',
@@ -63,6 +71,7 @@ export const AIConfigPanel: React.FC<AIConfigPanelProps> = ({ t }) => {
     setShowForm(false);
     setEditingId(null);
     setShowCustomPrompt(false);
+    setShowDefaultPrompt(false);
   };
 
   const handleSave = () => {
@@ -144,7 +153,45 @@ export const AIConfigPanel: React.FC<AIConfigPanelProps> = ({ t }) => {
     }
   };
 
-  const getDefaultPrompt = () => {
+  const handleTestForm = async () => {
+    if (!form.baseUrl || !form.apiKey || !form.model) {
+      alert(t('请先填写API端点、API密钥和模型名称', 'Please fill in API Endpoint, API Key and Model Name first'));
+      return;
+    }
+
+    setTestingForm(true);
+    try {
+      const tempConfig: AIConfig = {
+        id: 'temp-test',
+        name: form.name || 'Test',
+        apiType: form.apiType,
+        baseUrl: form.baseUrl.replace(/\/$/, ''),
+        apiKey: form.apiKey,
+        model: form.model,
+        isActive: false,
+        customPrompt: form.customPrompt || undefined,
+        useCustomPrompt: form.useCustomPrompt,
+        concurrency: form.concurrency,
+        reasoningEffort: form.reasoningEffort || undefined,
+      };
+
+      const aiService = new AIService(tempConfig, language);
+      const isConnected = await aiService.testConnection();
+      
+      if (isConnected) {
+        alert(t('AI服务连接成功！', 'AI service connection successful!'));
+      } else {
+        alert(t('AI服务连接失败，请检查配置。', 'AI service connection failed. Please check configuration.'));
+      }
+    } catch (error) {
+      console.error('AI test failed:', error);
+      alert(t('AI服务测试失败，请检查网络连接和配置。', 'AI service test failed. Please check network connection and configuration.'));
+    } finally {
+      setTestingForm(false);
+    }
+  };
+
+  const defaultPrompt = useMemo(() => {
     if (language === 'zh') {
       return `请分析这个GitHub仓库并提供：
 
@@ -186,7 +233,66 @@ Repository information:
 
 Focus on practicality and accurate categorization to help users quickly understand the repository's purpose and supported platforms.`;
     }
-  };
+  }, [language]);
+
+  const isCustomPromptModified = useMemo(() => {
+    return form.customPrompt.trim() !== '' && form.customPrompt !== defaultPrompt;
+  }, [form.customPrompt, defaultPrompt]);
+
+  const isCustomPromptSameAsDefault = useMemo(() => {
+    return form.customPrompt === defaultPrompt;
+  }, [form.customPrompt, defaultPrompt]);
+
+  const handleUseCustomPromptChange = useCallback((checked: boolean) => {
+    setForm(prev => {
+      const newCustomPrompt = checked && prev.customPrompt.trim() === '' 
+        ? defaultPrompt 
+        : prev.customPrompt;
+      return { 
+        ...prev, 
+        useCustomPrompt: checked,
+        customPrompt: newCustomPrompt
+      };
+    });
+    
+    if (checked) {
+      setShowCustomPrompt(true);
+      setShowDefaultPrompt(false);
+      if (form.customPrompt.trim() === '') {
+        showNotification('info', t('已自动填充默认提示词，您可以进行修改', 'Default prompt auto-filled, you can modify it'));
+      }
+    } else {
+      setShowCustomPrompt(false);
+    }
+  }, [defaultPrompt, form.customPrompt, showNotification, t]);
+
+  const handleToggleDefaultPrompt = useCallback(() => {
+    if (showCustomPrompt) {
+      showNotification('info', t('请先关闭自定义提示词编辑区域', 'Please close the custom prompt editor first'));
+      return;
+    }
+    setShowDefaultPrompt(prev => !prev);
+  }, [showCustomPrompt, showNotification, t]);
+
+  const handleRestoreDefaultPrompt = useCallback(() => {
+    if (isCustomPromptSameAsDefault) {
+      showNotification('info', t('当前提示词已是默认值', 'Current prompt is already the default'));
+      return;
+    }
+    
+    if (isCustomPromptModified) {
+      const confirmed = window.confirm(
+        t(
+          '确定要恢复默认提示词吗？这将覆盖您当前的修改。',
+          'Are you sure you want to restore the default prompt? This will overwrite your current changes.'
+        )
+      );
+      if (!confirmed) return;
+    }
+    
+    setForm(prev => ({ ...prev, customPrompt: defaultPrompt }));
+    showNotification('success', t('已恢复默认提示词', 'Default prompt restored'));
+  }, [defaultPrompt, isCustomPromptModified, isCustomPromptSameAsDefault, showNotification, t]);
 
   return (
     <div className="space-y-6">
@@ -337,25 +443,52 @@ Focus on practicality and accurate categorization to help users quickly understa
           </div>
 
           <div className="mb-4">
+            {notification && (
+              <div 
+                className={`mb-3 p-3 rounded-lg flex items-center space-x-2 ${
+                  notification.type === 'success' 
+                    ? 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200' 
+                    : notification.type === 'error'
+                      ? 'bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200'
+                      : 'bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200'
+                }`}
+              >
+                {notification.type === 'error' && <AlertCircle className="w-4 h-4" />}
+                <span className="text-sm">{notification.message}</span>
+              </div>
+            )}
+            
             <div className="flex items-center justify-between mb-2">
-              <label className="flex items-center space-x-2 cursor-pointer">
-                <input
-                  type="checkbox"
-                  checked={form.useCustomPrompt}
-                  onChange={(e) => {
-                    setForm(prev => ({ ...prev, useCustomPrompt: e.target.checked }));
-                    setShowCustomPrompt(e.target.checked);
-                  }}
-                  className="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
-                />
-                <span className="text-sm font-medium text-gray-700 dark:text-gray-300">
-                  {t('使用自定义提示词', 'Use Custom Prompt')}
-                </span>
-              </label>
+              <div className="flex items-center space-x-4">
+                <label className="flex items-center space-x-2 cursor-pointer">
+                  <input
+                    type="checkbox"
+                    checked={form.useCustomPrompt}
+                    onChange={(e) => handleUseCustomPromptChange(e.target.checked)}
+                    className="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
+                  />
+                  <span className="text-sm font-medium text-gray-700 dark:text-gray-300">
+                    {t('使用自定义提示词', 'Use Custom Prompt')}
+                  </span>
+                </label>
+                <button
+                  type="button"
+                  onClick={handleToggleDefaultPrompt}
+                  disabled={showCustomPrompt}
+                  className={`flex items-center space-x-1 text-sm ${
+                    showCustomPrompt 
+                      ? 'text-gray-400 dark:text-gray-500 cursor-not-allowed' 
+                      : 'text-gray-600 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300'
+                  }`}
+                >
+                  {showDefaultPrompt ? <EyeOff className="w-4 h-4" /> : <Eye className="w-4 h-4" />}
+                  <span>{showDefaultPrompt ? t('隐藏默认提示词', 'Hide Default Prompt') : t('查看默认提示词', 'View Default Prompt')}</span>
+                </button>
+              </div>
               {form.useCustomPrompt && (
                 <button
                   type="button"
-                  onClick={() => setForm(prev => ({ ...prev, customPrompt: getDefaultPrompt() }))}
+                  onClick={handleRestoreDefaultPrompt}
                   className="text-sm text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300"
                 >
                   {t('恢复默认提示词', 'Restore Default Prompt')}
@@ -363,14 +496,45 @@ Focus on practicality and accurate categorization to help users quickly understa
               )}
             </div>
             
+            {showDefaultPrompt && !showCustomPrompt && (
+              <div className="mb-3">
+                <label className="block text-xs font-medium text-gray-500 dark:text-gray-400 mb-1">
+                  {t('默认提示词（只读）', 'Default Prompt (Read-only)')}
+                </label>
+                <pre className="w-full px-3 py-2 border border-gray-200 dark:border-gray-600 rounded-lg bg-gray-50 dark:bg-gray-900 text-gray-700 dark:text-gray-300 font-mono text-xs whitespace-pre-wrap overflow-auto max-h-64">
+                  {defaultPrompt}
+                </pre>
+              </div>
+            )}
+            
             {showCustomPrompt && (
-              <textarea
-                value={form.customPrompt}
-                onChange={(e) => setForm(prev => ({ ...prev, customPrompt: e.target.value }))}
-                rows={10}
-                className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white font-mono text-sm"
-                placeholder={t('在此输入自定义提示词...', 'Enter custom prompt here...')}
-              />
+              <div className="space-y-2">
+                <div className="flex items-center justify-between">
+                  <label className="block text-xs font-medium text-gray-500 dark:text-gray-400">
+                    {t('自定义提示词', 'Custom Prompt')}
+                    {isCustomPromptModified && (
+                      <span className="ml-2 text-amber-600 dark:text-amber-400">
+                        ({t('已修改', 'Modified')})
+                      </span>
+                    )}
+                    {isCustomPromptSameAsDefault && (
+                      <span className="ml-2 text-green-600 dark:text-green-400">
+                        ({t('默认值', 'Default')})
+                      </span>
+                    )}
+                  </label>
+                  <span className="text-xs text-gray-400">
+                    {form.customPrompt.length} {t('字符', 'characters')}
+                  </span>
+                </div>
+                <textarea
+                  value={form.customPrompt}
+                  onChange={(e) => setForm(prev => ({ ...prev, customPrompt: e.target.value }))}
+                  rows={10}
+                  className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white font-mono text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+                  placeholder={t('在此输入自定义提示词...', 'Enter custom prompt here...')}
+                />
+              </div>
             )}
           </div>
 
@@ -382,6 +546,18 @@ Focus on practicality and accurate categorization to help users quickly understa
               <Save className="w-4 h-4" />
               <span>{t('保存', 'Save')}</span>
             </button>
+            <button
+              onClick={handleTestForm}
+              disabled={testingForm}
+              className="flex items-center space-x-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors disabled:opacity-50"
+            >
+              {testingForm ? (
+                <RefreshCw className="w-4 h-4 animate-spin" />
+              ) : (
+                <TestTube className="w-4 h-4" />
+              )}
+              <span>{t('测试连接', 'Test Connection')}</span>
+            </button>
             <button
               onClick={resetForm}
               className="flex items-center space-x-2 px-4 py-2 bg-gray-500 text-white rounded-lg hover:bg-gray-600 transition-colors"
diff --git a/src/index.css b/src/index.css
index 2492009..6b125c0 100644
--- a/src/index.css
+++ b/src/index.css
@@ -93,6 +93,12 @@
   -webkit-app-region: no-drag;
 }
 
+@media (max-width: 1023px) {
+  .hd-drag {
+    -webkit-app-region: no-drag;
+  }
+}
+
 .repository-list-syncing .repository-card,
 .repository-list-syncing .repository-card * {
   animation: none !important;
diff --git a/src/services/aiService.ts b/src/services/aiService.ts
index 6ebbfd4..0e6edb2 100644
--- a/src/services/aiService.ts
+++ b/src/services/aiService.ts
@@ -57,11 +57,24 @@ export class AIService {
       const base = new URL(baseUrlWithSlash);
       const basePath = base.pathname.replace(/\/$/, '');
 
+      // 检测 baseUrl 是否已经以任何版本号结尾（v1, v2, v3, v1beta, v1alpha 等）
+      // 这样可以兼容火山引擎（/v3）、OpenAI（/v1）、Gemini（/v1beta）等不同版本号
+      const anyVersionPattern = /\/v\d+(?:beta|alpha)?$/;
+      const hasVersionInBase = anyVersionPattern.test(basePath);
+
+      if (hasVersionInBase) {
+        // baseUrl 已包含版本号，只补全端点路径（去掉版本号部分）
+        const endpointPath = pathWithVersion.includes('/')
+          ? pathWithVersion.split('/').slice(1).join('/')
+          : pathWithVersion;
+        return new URL(endpointPath, baseUrlWithSlash).toString();
+      }
+
       // 兼容用户把 baseUrl 写成 .../v1 或 .../v1beta 的情况，避免拼成 /v1/v1/...
       if (versionPrefix) {
         const versionRe = new RegExp(`/${versionPrefix}$`);
         if (versionRe.test(basePath) && pathWithVersion.startsWith(`${versionPrefix}/`)) {
-          const rest = pathWithVersion.slice(versionPrefix.length + 1); // remove "v1/"
+          const rest = pathWithVersion.slice(versionPrefix.length + 1);
           return new URL(rest, baseUrlWithSlash).toString();
         }
       }
diff --git a/src/services/backendAdapter.ts b/src/services/backendAdapter.ts
index fddbaed..392d4fd 100644
--- a/src/services/backendAdapter.ts
+++ b/src/services/backendAdapter.ts
@@ -204,7 +204,7 @@ class BackendAdapter {
     const res = await this.fetchWithTimeout(`${this._backendUrl}/repositories`, {
       method: 'PUT',
       headers: this.getAuthHeaders(),
-      body: JSON.stringify({ repositories: repos })
+      body: JSON.stringify({ repositories: repos, isFullSync: true })
     });
     if (!res.ok) await this.throwTranslatedError(res, 'Sync repositories error');
   }