diff --git a/new_theme/static/css/dist/styles.css b/new_theme/static/css/dist/styles.css
index 18e13cc..f00dca4 100644
--- a/new_theme/static/css/dist/styles.css
+++ b/new_theme/static/css/dist/styles.css
@@ -1279,6 +1279,10 @@ video {
   --tw-ring-opacity: 0.5;
 }
 
+.group:hover .group-hover\:block {
+  display: block;
+}
+
 @media (min-width: 640px) {
   .sm\:inline {
     display: inline;
diff --git a/new_theme/static/css/styles.css b/new_theme/static/css/styles.css
new file mode 100644
index 0000000..dca0a5f
--- /dev/null
+++ b/new_theme/static/css/styles.css
@@ -0,0 +1,25 @@
+/* 添加到文件末尾 */
+.group:hover .group-hover\:block {
+    display: block;
+}
+
+/* 添加新的样式 */
+#more-menu-dropdown {
+    display: none;
+}
+
+#more-menu-dropdown.show {
+    display: block;
+}
+
+.hidden {
+    display: none;
+}
+
+#language-options.hidden {
+    display: none;
+}
+
+#language-options {
+    display: block;
+}
diff --git a/new_theme/static/js/navbar.js b/new_theme/static/js/navbar.js
new file mode 100644
index 0000000..c3d8fcf
--- /dev/null
+++ b/new_theme/static/js/navbar.js
@@ -0,0 +1,61 @@
+console.log('navbar.js is being executed');
+
+document.addEventListener('DOMContentLoaded', function() {
+    console.log('DOMContentLoaded event fired in navbar.js');
+
+    const moreMenuButton = document.getElementById('more-menu-button');
+    const moreMenuDropdown = document.getElementById('more-menu-dropdown');
+    const languageSelectorButton = document.getElementById('language-selector-button');
+    const languageOptions = document.getElementById('language-options');
+
+    console.log('moreMenuButton:', moreMenuButton);
+    console.log('moreMenuDropdown:', moreMenuDropdown);
+    console.log('languageSelectorButton:', languageSelectorButton);
+    console.log('languageOptions:', languageOptions);
+
+    function toggleDropdown(button, dropdown) {
+        button.addEventListener('click', function(e) {
+            e.preventDefault();
+            e.stopPropagation();
+            dropdown.classList.toggle('hidden');
+        });
+    }
+
+    if (moreMenuButton && moreMenuDropdown) {
+        toggleDropdown(moreMenuButton, moreMenuDropdown);
+    } else {
+        console.error('More menu button or dropdown not found');
+    }
+
+    if (languageSelectorButton && languageOptions) {
+        toggleDropdown(languageSelectorButton, languageOptions);
+    } else {
+        console.error('Language selector button or options not found');
+    }
+
+    // 点击页面其他地方时关闭下拉菜单
+    document.addEventListener('click', function(e) {
+        if (moreMenuDropdown && !moreMenuButton.contains(e.target) && !moreMenuDropdown.contains(e.target)) {
+            moreMenuDropdown.classList.add('hidden');
+        }
+        if (languageOptions && !languageSelectorButton.contains(e.target) && !languageOptions.contains(e.target)) {
+            languageOptions.classList.add('hidden');
+        }
+    });
+
+    // 处理语言选择
+    const languageForm = document.getElementById('language-form');
+    console.log('languageForm:', languageForm);
+    if (languageForm) {
+        const languageButtons = languageForm.querySelectorAll('button[name="language"]');
+        console.log('languageButtons:', languageButtons);
+        languageButtons.forEach(button => {
+            button.addEventListener('click', function() {
+                console.log('Language changed');
+                languageForm.submit();
+            });
+        });
+    } else {
+        console.error('Language form not found');
+    }
+});
diff --git a/templates/base.html b/templates/base.html
index 304a724..399ae61 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -55,27 +55,37 @@
         <div class="container mx-auto flex justify-between items-center">
             <a href="{% url 'link_list' %}" class="text-xl font-bold">{% trans "GoLinks" %}</a>
             <div class="flex items-center space-x-4">
-                <a href="{% url 'search' %}" class="text-white hover:text-gray-200">{% trans "Advanced Search" %}</a>
-                <a href="{% url 'tools' %}" class="text-white hover:text-gray-200">{% trans "Tools" %}</a>
                 <div class="search-container">
                     <input type="text" id="search-input" class="bg-transparent text-white rounded px-2 py-1" placeholder="">
                     <div id="search-results" class="absolute top-full left-0 right-0 bg-white border border-gray-300 rounded mt-1 hidden"></div>
                 </div>
-                <div class="language-selector relative">
-                    <button class="flex items-center text-white hover:text-gray-200">
+                <!-- "Menus" 下拉菜单 -->
+                <div class="relative group">
+                    <button id="more-menu-button" class="flex items-center text-white hover:text-gray-200">
+                        <i class="fas fa-bars mr-2"></i>
+                        {% trans "Menus" %}
+                    </button>
+                    <div id="more-menu-dropdown" class="absolute right-0 mt-2 py-2 w-48 bg-white rounded-md shadow-xl z-20 hidden">
+                        <a href="{% url 'search' %}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{% trans "Advanced Search" %}</a>
+                        <a href="{% url 'tools' %}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{% trans "Tools" %}</a>
+                    </div>
+                </div>
+                <!-- 语言选择器 -->
+                <div class="relative">
+                    <button id="language-selector-button" class="flex items-center text-white hover:text-gray-200">
                         <i class="fas fa-globe mr-2"></i>
                         {% get_current_language as LANGUAGE_CODE %}
                         {% get_language_info for LANGUAGE_CODE as current_language %}
                         {{ current_language.code|upper }}
                     </button>
-                    <div class="language-options absolute right-0 mt-2 py-2 w-48 bg-white rounded-md shadow-xl z-20 hidden">
+                    <div id="language-options" class="absolute right-0 mt-2 py-2 w-48 bg-white rounded-md shadow-xl z-20 hidden">
                         <form action="{% url 'set_language' %}" method="post" id="language-form">
                             {% csrf_token %}
                             <input name="next" type="hidden" value="{{ request.path }}">
                             {% get_available_languages as LANGUAGES %}
                             {% get_language_info_list for LANGUAGES as languages %}
                             {% for language in languages %}
-                                <button type="submit" name="language" value="{{ language.code }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 w-full text-left {% if language.code == LANGUAGE_CODE %}font-bold{% endif %}">
+                                <button type="submit" name="language" value="{{ language.code }}" class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 {% if language.code == LANGUAGE_CODE %}font-bold{% endif %}">
                                     {{ language.name_local }} ({{ language.code|upper }})
                                 </button>
                             {% endfor %}
@@ -102,6 +112,7 @@
     </div>
 
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="{% static 'js/navbar.js' %}"></script>
     <script>
         document.addEventListener('DOMContentLoaded', function() {
             const searchContainer = document.querySelector('.search-container');
@@ -217,24 +228,6 @@
             });
         });
 
-        // Add this new script for language selector functionality
-        document.addEventListener('DOMContentLoaded', function() {
-            const languageSelector = document.querySelector('.language-selector');
-            const languageOptions = document.querySelector('.language-options');
-
-            languageSelector.addEventListener('click', function(e) {
-                e.stopPropagation();
-                languageOptions.classList.toggle('hidden');
-            });
-
-            document.addEventListener('click', function() {
-                languageOptions.classList.add('hidden');
-            });
-
-            languageOptions.addEventListener('click', function(e) {
-                e.stopPropagation();
-            });
-        });
     </script>
     {% block extra_js %}{% endblock %}
 </body>
diff --git a/url_manager/__pycache__/settings.cpython-312.pyc b/url_manager/__pycache__/settings.cpython-312.pyc
index 46bd05e..f1e9ae6 100644
Binary files a/url_manager/__pycache__/settings.cpython-312.pyc and b/url_manager/__pycache__/settings.cpython-312.pyc differ
diff --git a/url_manager/settings.py b/url_manager/settings.py
index 0b9b6ed..d511460 100644
--- a/url_manager/settings.py
+++ b/url_manager/settings.py
@@ -68,7 +68,7 @@ DATABASES = {
 STATIC_URL = '/static/'
 STATIC_ROOT = BASE_DIR / 'staticfiles'
 STATICFILES_DIRS = [
-    BASE_DIR / "static",
+    os.path.join(BASE_DIR, 'new_theme/static'),
 ]
 
 # 默认自动字段类型