Spaces:

uu531
/

web

Running

App Files Files Community

uu531 commited on Apr 6, 2025

Commit

834a134

verified ·

1 Parent(s): 778e097

Add 1 files

Browse files

Files changed (1) hide show

index.html +469 -44

index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>任务管理</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
@@ -364,6 +364,104 @@
         .netease-login-btn:hover {
             background-color: #c50020;
         }
     </style>
 </head>
 <body class="bg-gray-50 min-h-screen">
@@ -472,14 +570,143 @@
     </div>
     <div class="container mx-auto px-4 py-8 max-w-3xl main-content" id="mainContent">
-        <!-- 标题 -->
-        <header class="mb-8 text-center">
             <div class="todo-logo">
                 <span>任务管理</span>
                 <span class="dot">.</span>
             </div>
-            <p class="text-gray-600">专注当下，高效生活</p>
-            <div class="mt-6 relative">
                 <input
                     type="text"
                     id="newTaskInput"
@@ -493,7 +720,8 @@
                     <i class="fas fa-plus"></i>
                 </button>
             </div>
-            <div class="mt-3 flex items-center justify-between">
                 <div class="flex-1 mr-2">
                     <label for="dueDate" class="block text-sm text-gray-600 mb-1">截止日期</label>
                     <input
@@ -514,48 +742,48 @@
                     </select>
                 </div>
             </div>
-        </header>
-        <!-- 任务控制 -->
-        <div class="flex justify-between items-center mb-6">
-            <div class="flex space-x-2">
-                <button id="filterAll" class="filter-btn active px-4 py-2 rounded-lg bg-gray-900 text-white font-medium">全部</button>
-                <button id="filterActive" class="filter-btn px-4 py-2 rounded-lg border border-gray-300 hover:bg-gray-100 text-gray-700">待办</button>
-                <button id="filterCompleted" class="filter-btn px-4 py-2 rounded-lg border border-gray-300 hover:bg-gray-100 text-gray-700">已完成</button>
-                <button id="filterDueToday" class="filter-btn px-4 py-2 rounded-lg border border-gray-300 hover:bg-gray-100 text-gray-700">今日到期</button>
             </div>
-            <button id="clearCompleted" class="text-gray-700 hover:text-gray-900 text-sm">
-                <i class="fas fa-trash-alt mr-1"></i> 清除已完成
-            </button>
-        </div>
-        <!-- 任务统计 -->
-        <div class="bg-white rounded-lg p-4 mb-6 border border-gray-200 flex justify-between items-center">
-            <div>
-                <span class="text-gray-600">总任务:</span>
-                <span id="totalTasks" class="font-bold ml-1">0</span>
-            </div>
-            <div>
-                <span class="text-gray-600">已完成:</span>
-                <span id="completedTasks" class="font-bold ml-1">0</span>
-            </div>
-            <div>
-                <span class="text-gray-600">待完成:</span>
-                <span id="remainingTasks" class="font-bold ml-1">0</span>
-            </div>
-            <div>
-                <span class="text-gray-600">今日到期:</span>
-                <span id="dueTodayTasks" class="font-bold ml-1">0</span>
             </div>
-        </div>
-        <!-- 任务列表 -->
-        <div id="taskList" class="space-y-3">
-            <!-- 任务将动态添加在这里 -->
-            <div class="text-center py-10 text-gray-500" id="emptyState">
-                <i class="fas fa-tasks text-4xl mb-3 text-gray-300"></i>
-                <p class="text-lg">暂无任务</p>
-                <p class="mt-1">添加你的第一个任务开始吧</p>
             </div>
         </div>
     </div>
@@ -604,6 +832,22 @@
             const progressBar = document.getElementById('progressBar');
             const mainContent = document.getElementById('mainContent');
             // 状态
             let tasks = JSON.parse(localStorage.getItem('tasks')) || [];
             let currentFilter = 'all';
@@ -615,6 +859,69 @@
             let progressInterval;
             let neteaseMusicUrl = localStorage.getItem('neteaseMusicUrl') || 'https://music.163.com';
             // 初始化
             initDarkMode();
             renderTasks();
@@ -622,6 +929,7 @@
             setupMusicPlayer();
             neteaseUrl.value = neteaseMusicUrl;
             updateNeteaseLoginBtn();
             // 事件监听
             addTaskBtn.addEventListener('click', addTask);
@@ -657,6 +965,40 @@
             prevBtn.addEventListener('click', playPrevious);
             nextBtn.addEventListener('click', playNext);
             // 功能函数
             function addTask() {
                 const taskText = newTaskInput.value.trim();
@@ -1068,7 +1410,7 @@
                         { id: 1, title: '晴天', artist: '周杰伦', url: 'https://music.163.com/song/media/outer/url?id=186436.mp3' },
                         { id: 2, title: '夜曲', artist: '周杰伦', url: 'https://music.163.com/song/media/outer/url?id=186001.mp3' },
                         { id: 3, title: '七里香', artist: '周杰伦', url: 'https://music.163.com/song/media/outer/url?id=185879.mp3' },
-                        { id: 4, title: '稻香', artist: '周杰伦', url: 'https://music.163.com/song/media/outer/url?id=287035.mp3' },
                         { id: 5, title: '告白气球', artist: '周杰伦', url: 'https://music.163.com/song/media/outer/url?id=418603077.mp3' }
                     ];
@@ -1208,6 +1550,89 @@
                 }
             }
             // 辅助函数
             function formatDate(dateString) {
                 if (!dateString) return '';

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>多功能搜索与任务管理</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         .netease-login-btn:hover {
             background-color: #c50020;
         }
+        /* 搜索引擎切换按钮 */
+        .search-engine-btn {
+            position: absolute;
+            right: 10px;
+            top: 50%;
+            transform: translateY(-50%);
+            background: none;
+            border: none;
+            cursor: pointer;
+            color: #6b7280;
+        }
+        .search-engine-btn:hover {
+            color: #4b5563;
+        }
+        .dark-mode .search-engine-btn {
+            color: #9ca3af;
+        }
+        .dark-mode .search-engine-btn:hover {
+            color: #e5e7eb;
+        }
+        /* 搜索引擎下拉菜单 */
+        .search-engine-dropdown {
+            position: absolute;
+            right: 0;
+            top: 100%;
+            background-color: white;
+            border: 1px solid #e5e7eb;
+            border-radius: 0.5rem;
+            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+            z-index: 10;
+            display: none;
+            min-width: 200px;
+        }
+        .dark-mode .search-engine-dropdown {
+            background-color: #1f2937;
+            border-color: #374151;
+        }
+        .search-engine-dropdown.show {
+            display: block;
+        }
+        .search-engine-item {
+            padding: 0.5rem 1rem;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+        }
+        .search-engine-item:hover {
+            background-color: #f3f4f6;
+        }
+        .dark-mode .search-engine-item:hover {
+            background-color: #374151;
+        }
+        .search-engine-icon {
+            margin-right: 0.5rem;
+            width: 16px;
+            height: 16px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        /* 搜索卡片 */
+        .search-card {
+            background-color: white;
+            border-radius: 0.5rem;
+            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+            padding: 1.5rem;
+            margin-bottom: 1.5rem;
+        }
+        .dark-mode .search-card {
+            background-color: #1f2937;
+            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+        }
+        /* 任务管理区域 */
+        .task-manager-section {
+            margin-top: 2rem;
+            background-color: white;
+            border-radius: 0.5rem;
+            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+            padding: 1.5rem;
+        }
+        .dark-mode .task-manager-section {
+            background-color: #1f2937;
+        }
     </style>
 </head>
 <body class="bg-gray-50 min-h-screen">
     </div>
     <div class="container mx-auto px-4 py-8 max-w-3xl main-content" id="mainContent">
+        <!-- 搜索区域 -->
+        <div class="search-card">
+            <h1 class="text-3xl font-bold text-center mb-8">多功能搜索</h1>
+            <!-- 通用搜索引擎 -->
+            <div class="mb-8">
+                <h2 class="text-xl font-semibold mb-4">通用搜索</h2>
+                <div class="relative">
+                    <input
+                        type="text"
+                        id="generalSearchInput"
+                        placeholder="在 Google 上搜索..."
+                        class="w-full px-6 py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-gray-500 bg-white text-gray-900"
+                    >
+                    <button id="generalSearchBtn" class="absolute right-16 top-1/2 transform -translate-y-1/2 bg-gray-900 text-white p-2 rounded-lg hover:bg-gray-800 transition-colors">
+                        <i class="fas fa-search"></i>
+                    </button>
+                    <button id="generalSearchEngineBtn" class="search-engine-btn">
+                        <i class="fas fa-chevron-down"></i>
+                    </button>
+                    <div id="generalSearchEngineDropdown" class="search-engine-dropdown">
+                        <div class="search-engine-item" data-engine="google">
+                            <div class="search-engine-icon">
+                                <i class="fab fa-google text-blue-500"></i>
+                            </div>
+                            <span>Google</span>
+                        </div>
+                        <div class="search-engine-item" data-engine="bing">
+                            <div class="search-engine-icon">
+                                <i class="fab fa-microsoft text-green-500"></i>
+                            </div>
+                            <span>Bing</span>
+                        </div>
+                        <div class="search-engine-item" data-engine="baidu">
+                            <div class="search-engine-icon">
+                                <i class="fas fa-search text-blue-600"></i>
+                            </div>
+                            <span>百度</span>
+                        </div>
+                        <div class="search-engine-item" data-engine="duckduckgo">
+                            <div class="search-engine-icon">
+                                <i class="fas fa-search text-yellow-500"></i>
+                            </div>
+                            <span>DuckDuckGo</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- 学术搜索 -->
+            <div class="mb-8">
+                <h2 class="text-xl font-semibold mb-4">学术搜索</h2>
+                <div class="relative">
+                    <input
+                        type="text"
+                        id="academicSearchInput"
+                        placeholder="在 Google 学术上搜索..."
+                        class="w-full px-6 py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-gray-500 bg-white text-gray-900"
+                    >
+                    <button id="academicSearchBtn" class="absolute right-16 top-1/2 transform -translate-y-1/2 bg-gray-900 text-white p-2 rounded-lg hover:bg-gray-800 transition-colors">
+                        <i class="fas fa-search"></i>
+                    </button>
+                    <button id="academicSearchEngineBtn" class="search-engine-btn">
+                        <i class="fas fa-chevron-down"></i>
+                    </button>
+                    <div id="academicSearchEngineDropdown" class="search-engine-dropdown">
+                        <div class="search-engine-item" data-engine="google_scholar">
+                            <div class="search-engine-icon">
+                                <i class="fas fa-graduation-cap text-blue-500"></i>
+                            </div>
+                            <span>Google 学术</span>
+                        </div>
+                        <div class="search-engine-item" data-engine="semantic_scholar">
+                            <div class="search-engine-icon">
+                                <i class="fas fa-book text-orange-500"></i>
+                            </div>
+                            <span>Semantic Scholar</span>
+                        </div>
+                        <div class="search-engine-item" data-engine="cnki">
+                            <div class="search-engine-icon">
+                                <i class="fas fa-university text-red-500"></i>
+                            </div>
+                            <span>CNKI</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- AI 搜索 -->
+            <div>
+                <h2 class="text-xl font-semibold mb-4">AI 搜索</h2>
+                <div class="relative">
+                    <input
+                        type="text"
+                        id="aiSearchInput"
+                        placeholder="在 DeepSeek 上搜索..."
+                        class="w-full px-6 py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-gray-500 bg-white text-gray-900"
+                    >
+                    <button id="aiSearchBtn" class="absolute right-16 top-1/2 transform -translate-y-1/2 bg-gray-900 text-white p-2 rounded-lg hover:bg-gray-800 transition-colors">
+                        <i class="fas fa-search"></i>
+                    </button>
+                    <button id="aiSearchEngineBtn" class="search-engine-btn">
+                        <i class="fas fa-chevron-down"></i>
+                    </button>
+                    <div id="aiSearchEngineDropdown" class="search-engine-dropdown">
+                        <div class="search-engine-item" data-engine="deepseek">
+                            <div class="search-engine-icon">
+                                <i class="fas fa-robot text-purple-500"></i>
+                            </div>
+                            <span>DeepSeek</span>
+                        </div>
+                        <div class="search-engine-item" data-engine="chatgpt">
+                            <div class="search-engine-icon">
+                                <i class="fas fa-comment text-green-500"></i>
+                            </div>
+                            <span>ChatGPT</span>
+                        </div>
+                        <div class="search-engine-item" data-engine="claude">
+                            <div class="search-engine-icon">
+                                <i class="fas fa-comment-dots text-orange-500"></i>
+                            </div>
+                            <span>Claude</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- 任务管理区域 -->
+        <div class="task-manager-section">
             <div class="todo-logo">
                 <span>任务管理</span>
                 <span class="dot">.</span>
             </div>
+            <p class="text-gray-600 mb-6">专注当下，高效生活</p>
+            <div class="relative mb-4">
                 <input
                     type="text"
                     id="newTaskInput"
                     <i class="fas fa-plus"></i>
                 </button>
             </div>
+            <div class="flex items-center justify-between mb-4">
                 <div class="flex-1 mr-2">
                     <label for="dueDate" class="block text-sm text-gray-600 mb-1">截止日期</label>
                     <input
                     </select>
                 </div>
             </div>
+            <!-- 任务控制 -->
+            <div class="flex justify-between items-center mb-6">
+                <div class="flex space-x-2">
+                    <button id="filterAll" class="filter-btn active px-4 py-2 rounded-lg bg-gray-900 text-white font-medium">全部</button>
+                    <button id="filterActive" class="filter-btn px-4 py-2 rounded-lg border border-gray-300 hover:bg-gray-100 text-gray-700">待办</button>
+                    <button id="filterCompleted" class="filter-btn px-4 py-2 rounded-lg border border-gray-300 hover:bg-gray-100 text-gray-700">已完成</button>
+                    <button id="filterDueToday" class="filter-btn px-4 py-2 rounded-lg border border-gray-300 hover:bg-gray-100 text-gray-700">今日到期</button>
+                </div>
+                <button id="clearCompleted" class="text-gray-700 hover:text-gray-900 text-sm">
+                    <i class="fas fa-trash-alt mr-1"></i> 清除已完成
+                </button>
             </div>
+            <!-- 任务统计 -->
+            <div class="bg-white rounded-lg p-4 mb-6 border border-gray-200 flex justify-between items-center">
+                <div>
+                    <span class="text-gray-600">总任务:</span>
+                    <span id="totalTasks" class="font-bold ml-1">0</span>
+                </div>
+                <div>
+                    <span class="text-gray-600">已完成:</span>
+                    <span id="completedTasks" class="font-bold ml-1">0</span>
+                </div>
+                <div>
+                    <span class="text-gray-600">待完成:</span>
+                    <span id="remainingTasks" class="font-bold ml-1">0</span>
+                </div>
+                <div>
+                    <span class="text-gray-600">今日到期:</span>
+                    <span id="dueTodayTasks" class="font-bold ml-1">0</span>
+                </div>
             </div>
+            <!-- 任务列表 -->
+            <div id="taskList" class="space-y-3">
+                <!-- 任务将动态添加在这里 -->
+                <div class="text-center py-10 text-gray-500" id="emptyState">
+                    <i class="fas fa-tasks text-4xl mb-3 text-gray-300"></i>
+                    <p class="text-lg">暂无任务</p>
+                    <p class="mt-1">添加你的第一个任务开始吧</p>
+                </div>
             </div>
         </div>
     </div>
             const progressBar = document.getElementById('progressBar');
             const mainContent = document.getElementById('mainContent');
+            // 搜索相关元素
+            const generalSearchInput = document.getElementById('generalSearchInput');
+            const generalSearchBtn = document.getElementById('generalSearchBtn');
+            const generalSearchEngineBtn = document.getElementById('generalSearchEngineBtn');
+            const generalSearchEngineDropdown = document.getElementById('generalSearchEngineDropdown');
+            const academicSearchInput = document.getElementById('academicSearchInput');
+            const academicSearchBtn = document.getElementById('academicSearchBtn');
+            const academicSearchEngineBtn = document.getElementById('academicSearchEngineBtn');
+            const academicSearchEngineDropdown = document.getElementById('academicSearchEngineDropdown');
+            const aiSearchInput = document.getElementById('aiSearchInput');
+            const aiSearchBtn = document.getElementById('aiSearchBtn');
+            const aiSearchEngineBtn = document.getElementById('aiSearchEngineBtn');
+            const aiSearchEngineDropdown = document.getElementById('aiSearchEngineDropdown');
             // 状态
             let tasks = JSON.parse(localStorage.getItem('tasks')) || [];
             let currentFilter = 'all';
             let progressInterval;
             let neteaseMusicUrl = localStorage.getItem('neteaseMusicUrl') || 'https://music.163.com';
+            // 搜索引擎配置
+            let currentGeneralEngine = 'google';
+            let currentAcademicEngine = 'google_scholar';
+            let currentAIEngine = 'deepseek';
+            const searchEngines = {
+                // 通用搜索引擎
+                google: {
+                    name: 'Google',
+                    url: 'https://www.google.com/search?q=',
+                    icon: 'fab fa-google text-blue-500'
+                },
+                bing: {
+                    name: 'Bing',
+                    url: 'https://www.bing.com/search?q=',
+                    icon: 'fab fa-microsoft text-green-500'
+                },
+                baidu: {
+                    name: '百度',
+                    url: 'https://www.baidu.com/s?wd=',
+                    icon: 'fas fa-search text-blue-600'
+                },
+                duckduckgo: {
+                    name: 'DuckDuckGo',
+                    url: 'https://duckduckgo.com/?q=',
+                    icon: 'fas fa-search text-yellow-500'
+                },
+                // 学术搜索引擎
+                google_scholar: {
+                    name: 'Google 学术',
+                    url: 'https://scholar.google.com/scholar?q=',
+                    icon: 'fas fa-graduation-cap text-blue-500'
+                },
+                semantic_scholar: {
+                    name: 'Semantic Scholar',
+                    url: 'https://www.semanticscholar.org/search?q=',
+                    icon: 'fas fa-book text-orange-500'
+                },
+                cnki: {
+                    name: 'CNKI',
+                    url: 'https://search.cnki.net/search.aspx?q=',
+                    icon: 'fas fa-university text-red-500'
+                },
+                // AI搜索引擎
+                deepseek: {
+                    name: 'DeepSeek',
+                    url: 'https://www.deepseek.com/search?q=',
+                    icon: 'fas fa-robot text-purple-500'
+                },
+                chatgpt: {
+                    name: 'ChatGPT',
+                    url: 'https://chat.openai.com/',
+                    icon: 'fas fa-comment text-green-500'
+                },
+                claude: {
+                    name: 'Claude',
+                    url: 'https://claude.ai/',
+                    icon: 'fas fa-comment-dots text-orange-500'
+                }
+            };
             // 初始化
             initDarkMode();
             renderTasks();
             setupMusicPlayer();
             neteaseUrl.value = neteaseMusicUrl;
             updateNeteaseLoginBtn();
+            initSearchEngines();
             // 事件监听
             addTaskBtn.addEventListener('click', addTask);
             prevBtn.addEventListener('click', playPrevious);
             nextBtn.addEventListener('click', playNext);
+            // 搜索相关事件
+            generalSearchBtn.addEventListener('click', () => performSearch('general'));
+            generalSearchInput.addEventListener('keypress', function(e) {
+                if (e.key === 'Enter') performSearch('general');
+            });
+            generalSearchEngineBtn.addEventListener('click', () => toggleSearchEngineDropdown('general'));
+            academicSearchBtn.addEventListener('click', () => performSearch('academic'));
+            academicSearchInput.addEventListener('keypress', function(e) {
+                if (e.key === 'Enter') performSearch('academic');
+            });
+            academicSearchEngineBtn.addEventListener('click', () => toggleSearchEngineDropdown('academic'));
+            aiSearchBtn.addEventListener('click', () => performSearch('ai'));
+            aiSearchInput.addEventListener('keypress', function(e) {
+                if (e.key === 'Enter') performSearch('ai');
+            });
+            aiSearchEngineBtn.addEventListener('click', () => toggleSearchEngineDropdown('ai'));
+            // 关闭下拉菜单当点击其他地方时
+            document.addEventListener('click', function(e) {
+                if (!generalSearchEngineBtn.contains(e.target) && !generalSearchEngineDropdown.contains(e.target)) {
+                    generalSearchEngineDropdown.classList.remove('show');
+                }
+                if (!academicSearchEngineBtn.contains(e.target) && !academicSearchEngineDropdown.contains(e.target)) {
+                    academicSearchEngineDropdown.classList.remove('show');
+                }
+                if (!aiSearchEngineBtn.contains(e.target) && !aiSearchEngineDropdown.contains(e.target)) {
+                    aiSearchEngineDropdown.classList.remove('show');
+                }
+            });
             // 功能函数
             function addTask() {
                 const taskText = newTaskInput.value.trim();
                         { id: 1, title: '晴天', artist: '周杰伦', url: 'https://music.163.com/song/media/outer/url?id=186436.mp3' },
                         { id: 2, title: '夜曲', artist: '周杰伦', url: 'https://music.163.com/song/media/outer/url?id=186001.mp3' },
                         { id: 3, title: '七里香', artist: '周杰伦', url: 'https://music.163.com/song/media/outer/url?id=185879.mp3' },
+                        { id: 4, title: '稻香', artist: '周杰Lauren', url: 'https://music.163.com/song/media/outer/url?id=287035.mp3' },
                         { id: 5, title: '告白气球', artist: '周杰伦', url: 'https://music.163.com/song/media/outer/url?id=418603077.mp3' }
                     ];
                 }
             }
+            // 搜索功能
+            function initSearchEngines() {
+                // 设置默认搜索引擎
+                generalSearchInput.placeholder = `在 ${searchEngines[currentGeneralEngine].name} 上搜索...`;
+                academicSearchInput.placeholder = `在 ${searchEngines[currentAcademicEngine].name} 上搜索...`;
+                aiSearchInput.placeholder = `在 ${searchEngines[currentAIEngine].name} 上搜索...`;
+                // 为下拉菜单项添加点击事件
+                document.querySelectorAll('#generalSearchEngineDropdown .search-engine-item').forEach(item => {
+                    item.addEventListener('click', function() {
+                        const engine = this.getAttribute('data-engine');
+                        currentGeneralEngine = engine;
+                        generalSearchInput.placeholder = `在 ${searchEngines[engine].name} 上搜索...`;
+                        generalSearchEngineDropdown.classList.remove('show');
+                    });
+                });
+                document.querySelectorAll('#academicSearchEngineDropdown .search-engine-item').forEach(item => {
+                    item.addEventListener('click', function() {
+                        const engine = this.getAttribute('data-engine');
+                        currentAcademicEngine = engine;
+                        academicSearchInput.placeholder = `��� ${searchEngines[engine].name} 上搜索...`;
+                        academicSearchEngineDropdown.classList.remove('show');
+                    });
+                });
+                document.querySelectorAll('#aiSearchEngineDropdown .search-engine-item').forEach(item => {
+                    item.addEventListener('click', function() {
+                        const engine = this.getAttribute('data-engine');
+                        currentAIEngine = engine;
+                        aiSearchInput.placeholder = `在 ${searchEngines[engine].name} 上搜索...`;
+                        aiSearchEngineDropdown.classList.remove('show');
+                    });
+                });
+            }
+            function toggleSearchEngineDropdown(type) {
+                let dropdown;
+                switch(type) {
+                    case 'general':
+                        dropdown = generalSearchEngineDropdown;
+                        break;
+                    case 'academic':
+                        dropdown = academicSearchEngineDropdown;
+                        break;
+                    case 'ai':
+                        dropdown = aiSearchEngineDropdown;
+                        break;
+                }
+                // 关闭其他下拉菜单
+                if (type !== 'general') generalSearchEngineDropdown.classList.remove('show');
+                if (type !== 'academic') academicSearchEngineDropdown.classList.remove('show');
+                if (type !== 'ai') aiSearchEngineDropdown.classList.remove('show');
+                // 切换当前下拉菜单
+                dropdown.classList.toggle('show');
+            }
+            function performSearch(type) {
+                let input, engine;
+                switch(type) {
+                    case 'general':
+                        input = generalSearchInput;
+                        engine = currentGeneralEngine;
+                        break;
+                    case 'academic':
+                        input = academicSearchInput;
+                        engine = currentAcademicEngine;
+                        break;
+                    case 'ai':
+                        input = aiSearchInput;
+                        engine = currentAIEngine;
+                        break;
+                }
+                const query = input.value.trim();
+                if (query === '') return;
+                const searchUrl = searchEngines[engine].url + encodeURIComponent(query);
+                window.open(searchUrl, '_blank');
+            }
             // 辅助函数
             function formatDate(dateString) {
                 if (!dateString) return '';