fix: 修复移动端菜单样式问题

- 修复语言选择器下拉框在移动端溢出问题（改为左对齐）
- 移动端 Logo 旁边显示 FastGPT 文字
- 菜单打开时锁定背景滚动（仅移动端）
- 点击蒙层外部可关闭菜单
- 菜单 header 高度与原 header 对齐（56px）
- 菜单内容区域可滚动

Author: archer

next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

src/components/header/Header.tsx

@@ -6,7 +6,7 @@ import { siteConfig } from '@/config/site';
 import { MenuIcon } from 'lucide-react';
 import Image from 'next/image';
 import Link from 'next/link';
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { CgClose } from 'react-icons/cg';
 import { useParams } from 'next/navigation';
 import { defaultLocale } from '@/lib/i18n';
@@ -24,6 +24,20 @@ const Header = ({ dict, CTALocale }: { dict: Dict; CTALocale: any }) => {
   const params = useParams<{ lang: string }>();
   const lang = params?.lang || defaultLocale;
 
+  useEffect(() => {
+    if (isMenuOpen) {
+      // 只在移动端锁定滚动
+      if (window.innerWidth < 768) {
+        document.body.style.overflow = 'hidden';
+      }
+    } else {
+      document.body.style.overflow = '';
+    }
+    return () => {
+      document.body.style.overflow = '';
+    };
+  }, [isMenuOpen]);
+
   return (
     <header className="relative py-2 mx-auto max-w-8xl px-4 sm:px-6 lg:px-8 flex justify-between">
       <nav className="z-50 flex justify-between w-full fix-header">
@@ -49,24 +63,27 @@ const Header = ({ dict, CTALocale }: { dict: Dict; CTALocale: any }) => {
         </button>
 
         {isMenuOpen && (
-          <div className="absolute top-0 left-0 z-50 w-screen h-screen bg-overlay/50">
-            <div className="p-5 bg-background rounded shadow-sm">
-              <div className="flex items-center justify-between mb-4">
+          <div 
+            className="absolute top-0 left-0 z-50 w-screen h-screen bg-overlay/50"
+            onClick={() => setIsMenuOpen(false)}
+          >
+            <div className="bg-background h-screen overflow-y-auto" onClick={(e) => e.stopPropagation()}>
+              <div className="px-4 sm:px-6 lg:px-8 flex items-center justify-between h-[56px]">
                 <LogoFC dict={dict} lang={lang} />
 
                 <div>
                   <button
                     aria-label="Close Menu"
                     title="Close Menu"
-                    className="tracking-wide transition-colors duration-200 font-norma"
+                    className="p-2 -mr-1 transition duration-200 rounded focus:outline-none focus:shadow-outline"
                     onClick={() => setIsMenuOpen(false)}
                   >
                     <CgClose />
                   </button>
                 </div>
               </div>
 
-              <nav>
+              <nav className="px-4 sm:px-6 lg:px-8">
                 <ul className="space-y-4">
                   {dict?.links.map((link) => (
                     <Link
@@ -83,7 +100,7 @@ const Header = ({ dict, CTALocale }: { dict: Dict; CTALocale: any }) => {
                 </ul>
               </nav>
 
-              <div className="mt-4 border-t-1 flex flex-col gap-6 pt-4 border-white/10">
+              <div className="mt-4 border-t pt-4 border-white/10 px-4 sm:px-6 lg:px-8">
                 <LangSwitcher />
               </div>
             </div>
@@ -111,7 +128,7 @@ const LogoFC = ({ dict, lang }: { dict: Dict; lang: string }) => (
         width={32}
         height={32}
       />
-      <span className="text-white hidden md:block">FastGPT</span>
+      <span className="text-white">FastGPT</span>
     </Link>
 
     <ul className="hidden items-center gap-5 md:flex">

src/components/header/LangSwitcher.tsx

@@ -84,7 +84,7 @@ export const LangSwitcher = () => {
       {open && (
         <div
           role="listbox"
-          className="absolute right-0 top-full mt-1 z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95"
+          className="absolute left-0 top-full mt-1 z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95"
         >
           <div className="p-1">
             {Object.keys(localeNames).map((key: string) => (