update web interface

static/js/mobile-menu.js

@@ -0,0 +1,54 @@
+// 移动端菜单功能
+document.addEventListener('DOMContentLoaded', function() {
+    const mobileMenuToggle = document.querySelector('.mobile-menu-toggle');
+    const navMenu = document.querySelector('.nav-menu');
+    
+    if (mobileMenuToggle && navMenu) {
+        // 切换菜单显示
+        mobileMenuToggle.addEventListener('click', function() {
+            navMenu.classList.toggle('active');
+            mobileMenuToggle.classList.toggle('active');
+            document.body.classList.toggle('menu-open');
+        });
+        
+        // 点击菜单外区域关闭菜单
+        document.addEventListener('click', function(event) {
+            if (!navMenu.contains(event.target) && !mobileMenuToggle.contains(event.target)) {
+                navMenu.classList.remove('active');
+                mobileMenuToggle.classList.remove('active');
+                document.body.classList.remove('menu-open');
+            }
+        });
+        
+        // 防止菜单内点击事件冒泡
+        navMenu.addEventListener('click', function(event) {
+            event.stopPropagation();
+        });
+        
+        // 菜单项点击后关闭菜单
+        const menuItems = navMenu.querySelectorAll('a');
+        menuItems.forEach(item => {
+            item.addEventListener('click', function() {
+                navMenu.classList.remove('active');
+                mobileMenuToggle.classList.remove('active');
+                document.body.classList.remove('menu-open');
+            });
+        });
+    }
+    
+    // 窗口大小变化时重置菜单状态
+    window.addEventListener('resize', function() {
+        if (window.innerWidth > 768) {
+            navMenu.classList.remove('active');
+            mobileMenuToggle.classList.remove('active');
+            document.body.classList.remove('menu-open');
+        }
+    });
+});
+
+// 语言切换功能
+function changeLanguage(langCode) {
+    if (langCode) {
+        window.location.href = '/set_language/' + langCode;
+    }
+}