temeplate

topbar update
change
2025-11-20 15:00:26 +08:00 · 2025-11-19 21:37:54 +08:00 · 2025-11-19 21:31:06 +08:00 · 2025-11-16 21:58:57 +08:00 · 2025-11-16 15:51:22 +08:00 · 2025-11-16 15:48:42 +08:00
51 changed files with 868 additions and 804 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -15,7 +15,6 @@

 # next.js
 /.next/
-/out/

 # production
 /build
@@ -39,3 +38,5 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+/out
--- a/app/awa/first/page.tsx
+++ b/app/awa/first/page.tsx
@@ -0,0 +1,20 @@
+import Typography from '@mui/material/Typography';
+import Box from '@mui/material/Box';
+import { Container } from '@mui/material';
+
+export default function First() {
+  return (
+    <div>
+      <Container maxWidth="md" sx={{ py: { xs: 7, md: 16 }, textAlign: 'center' }}>
+      <Box sx={{ width: '100%', maxWidth: 500 }}>
+        <Typography variant='h1'>
+          First
+        </Typography><br />
+        <Typography>
+          在<code>/awa</code>底下的第一个页面
+        </Typography>
+      </Box>
+      </Container>
+    </div>
+  )
+}
--- a/app/awa/second/page.tsx
+++ b/app/awa/second/page.tsx
@@ -0,0 +1,20 @@
+import Typography from '@mui/material/Typography';
+import Box from '@mui/material/Box';
+import { Container } from '@mui/material';
+
+export default function Second() {
+  return (
+    <div>
+      <Container maxWidth="md" sx={{ py: { xs: 7, md: 16 }, textAlign: 'center' }}>
+      <Box sx={{ width: '100%', maxWidth: 500 }}>
+        <Typography variant='h1'>
+          Second
+        </Typography><br />
+        <Typography>
+          在<code>/awa</code>底下的第二个页面
+        </Typography>
+      </Box>
+      </Container>
+    </div>
+  )
+}
--- a/app/awa/third/page.tsx
+++ b/app/awa/third/page.tsx
@@ -0,0 +1,20 @@
+import Typography from '@mui/material/Typography';
+import Box from '@mui/material/Box';
+import { Container } from '@mui/material';
+
+export default function Third() {
+  return (
+    <div>
+      <Container maxWidth="md" sx={{ py: { xs: 7, md: 16 }, textAlign: 'center' }}>
+      <Box sx={{ width: '100%', maxWidth: 500 }}>
+        <Typography variant='h1'>
+          Third
+        </Typography><br />
+        <Typography>
+          在<code>/awa</code>底下的第三个页面
+        </Typography>
+      </Box>
+      </Container>
+    </div>
+  )
+}
--- a/app/components/ClientLayout.tsx
+++ b/app/components/ClientLayout.tsx
@@ -8,11 +8,30 @@ import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 import Menu from "@mui/material/Menu";
 import MenuItem from "@mui/material/MenuItem";
+import Container from "@mui/material/Container";
 import { ThemeProvider, createTheme } from "@mui/material/styles";
 import CssBaseline from "@mui/material/CssBaseline";
 import { styled } from "@mui/material/styles";
 import ListSubheader from "@mui/material/ListSubheader";
 import useScrollTrigger from "@mui/material/useScrollTrigger";
+import Drawer from "@mui/material/Drawer";
+import IconButton from "@mui/material/IconButton";
+import List from "@mui/material/List";
+import ListItem from "@mui/material/ListItem";
+import ListItemText from "@mui/material/ListItemText";
+import Divider from "@mui/material/Divider";
+import ChevronRightIcon from "@mui/icons-material/ChevronRight";
+
+function colorLog(message: string, color: 'reset' | 'red' | 'green' | 'yellow' | 'blue') {
+    const colors = {
+        reset: '\x1b[0m',
+        red: '\x1b[31m',
+        green: '\x1b[32m',
+        yellow: '\x1b[33m',
+        blue: '\x1b[34m'
+    };
+    console.log(`${colors[color]}%s${colors.reset}`, message);
+}

 // 自定义内容标题样式
 const StyledListHeader = styled(ListSubheader)({
@@ -34,6 +53,24 @@ interface ClientLayoutProps {
 const ClientLayout: React.FC<ClientLayoutProps> = ({ children }) => {
  // 将hooks移到组件内部
  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
+  const [mobileDrawerOpen, setMobileDrawerOpen] = React.useState(false);
+  const [isMobile, setIsMobile] = React.useState(false);
+
+  // 监听窗口大小变化，判断是否为移动设备
+  React.useEffect(() => {
+    const handleResize = () => {
+      setIsMobile(window.innerWidth < 768); // 768px为移动端断点
+    };
+    
+    // 初始化时判断
+    handleResize();
+    
+    // 添加事件监听器
+    window.addEventListener('resize', handleResize);
+    
+    // 清理函数
+    return () => window.removeEventListener('resize', handleResize);
+  }, []);

  const handleMenu = (event: React.MouseEvent<HTMLElement>) => {
    setAnchorEl(event.currentTarget);
@@ -42,6 +79,112 @@ const ClientLayout: React.FC<ClientLayoutProps> = ({ children }) => {
  const handleClose = () => {
    setAnchorEl(null);
  };
+
+  // 定义顶栏导航项的类型
+  interface NavItem {
+    id: string;
+    label: string;
+    href: string;
+    type: 'link' | 'menu';
+    children?: NavItem[];
+  }
+
+  // 定义导航项目菜单的类型
+  interface ProjectItem {
+    id: string;
+    label: string;
+    href: string;
+    category: string;
+  }
+
+  // 动态定义顶部导航链接
+  const navItems: NavItem[] = [
+    {
+      id: 'home',
+      label: 'LeonCloud',
+      href: '/',
+      type: 'link'
+    },
+    {
+      id: 'link',
+      label: 'Link',
+      href: '/test',
+      type: 'link'
+    },
+    {
+      id: 'Menu',
+      label: 'Menu',
+      href: '',
+      type: 'menu'
+    },
+    // {
+    //   id: 'id',
+    //   label: 'label',
+    //   href: '/href',
+    //   type: 'link'
+    // }
+  ];
+
+  // 动态定义项目列表
+  const projectItems: ProjectItem[] = [
+    {
+      id: 'first',
+      label: 'First',
+      href: '/awa/first',
+      category: '1'
+    },
+    {
+      id: 'second',
+      label: 'Second',
+      href: '/awa/second',
+      category: '1'
+    },
+    {
+      id: 'third',
+      label: 'Third',
+      href: '/awa/third',
+      category: '2'
+    }
+  ];
+
+  // 按分类组织项目
+  const projectsByCategory = projectItems.reduce((acc, item) => {
+    if (!acc[item.category]) {
+      acc[item.category] = [];
+    }
+    acc[item.category].push(item);
+    return acc;
+  }, {} as Record<string, ProjectItem[]>);
+
+  // 侧边栏开关控制
+  const toggleDrawer = (open: boolean) => () => {
+    setMobileDrawerOpen(open);
+  };
+
+  // 侧边栏项目点击处理
+  const handleDrawerItemClick = (href: string) => {
+    window.location.href = href;
+    setMobileDrawerOpen(false);
+  };
+
+  // 分类展开状态管理 - 现在在projectsByCategory定义之后初始化
+  const [expandedCategories, setExpandedCategories] = React.useState<Record<string, boolean>>({
+    // 直接初始化所有已知分类为展开状态
+    'Web': true,
+    '其它': true
+  });
+  
+  // 项目部分的展开状态管理
+  const [projectsExpanded, setProjectsExpanded] = React.useState(false);
+
+  // 切换分类展开/收缩状态
+  const toggleCategory = (category: string) => {
+    setExpandedCategories(prev => ({
+      ...prev,
+      [category]: !prev[category]
+    }));
+  };
+
  interface Props {
    /**
     * Injected by the documentation to work in an iframe.
@@ -73,61 +216,290 @@ const ClientLayout: React.FC<ClientLayoutProps> = ({ children }) => {
    <ThemeProvider theme={theme}>
      <CssBaseline />
      <Box sx={{ flexGrow: 1 }}>
-        <AppBar position="static">
+        <AppBar position="fixed" sx={{ 
+          zIndex: 1100, 
+          backdropFilter: 'blur(12px)',
+          // backgroundColor: 'rgba(30, 30, 30, 0.8)', // 添加半透明背景色以显示模糊效果
+        }}>
          <Toolbar>
-            {/* 左侧区域：Logo和项目按钮 */}
-            <Box sx={{ display: "flex", alignItems: "center" }}>
+            {/* 响应式顶栏 - 移动端显示汉堡菜单，桌面端显示完整导航 */}
+            <Box sx={{ display: "flex", alignItems: "center", flexGrow: 1 }}>
+              {/* 移动端：汉堡菜单按钮 */}
+              {isMobile && (
+                <IconButton
+                  color="inherit"
+                  aria-label="打开菜单"
+                  edge="start"
+                  onClick={toggleDrawer(true)}
+                  sx={{ mr: 2 }}
+                >
+                  <Box sx={{ 
+                    display: 'flex', 
+                    flexDirection: 'column', 
+                    justifyContent: 'space-between', 
+                    width: 24, 
+                    height: 18 
+                  }}>
+                    <Box sx={{ height: 2, bgcolor: 'white', width: '100%' }} />
+                    <Box sx={{ height: 2, bgcolor: 'white', width: '100%' }} />
+                    <Box sx={{ height: 2, bgcolor: 'white', width: '100%' }} />
+                  </Box>
+                </IconButton>
+              )}
+
+              {/* 首页链接（在所有设备上都显示） */}
              <Typography
-                variant="h6"
+                variant={isMobile ? "h6" : "h6"}
                component="div"
-                sx={{ mr: 2, cursor: 'pointer' }}
-                onClick={() => (window.location.href = "/")}
+                sx={{ 
+                  cursor: 'pointer',
+                  '&:hover': {
+                    opacity: 0.8
+                  }
+                }}
+                onClick={() => (window.location.href = '/')}
              >
                LeonCloud
              </Typography>
-              <Button
-                id="menu-appbar"
-                aria-controls="menu-appbar"
-                aria-haspopup="true"
-                onClick={handleMenu}
-                color="inherit"
-              >
-                <Typography variant="body1" component="span">
-                  项目
-                </Typography>
-              </Button>
+
+              {/* 桌面端：完整导航链接 */}
+              {!isMobile && (
+                <Box sx={{ display: "flex", alignItems: "center", ml: 2 }}>
+                  {navItems.filter(item => item.id !== 'home').map((item) => {
+                    if (item.type === 'link') {
+                      return (
+                        <Typography
+                          key={item.id}
+                          variant="body1"
+                          component="div"
+                          sx={{ 
+                            mr: 2, 
+                            cursor: 'pointer',
+                            '&:hover': {
+                              opacity: 0.8
+                            }
+                          }}
+                          onClick={() => (window.location.href = item.href)}
+                        >
+                          {item.label}
+                        </Typography>
+                      );
+                    } else if (item.type === 'menu') {
+                      return (
+                        <Button
+                          key={item.id}
+                          id="menu-appbar"
+                          aria-controls="menu-appbar"
+                          aria-haspopup="true"
+                          onClick={handleMenu}
+                          color="inherit"
+                        >
+                          <Typography variant="body1" component="span">
+                            {item.label}
+                          </Typography>
+                        </Button>
+                      );
+                    }
+                    return null;
+                  })}
+                </Box>
+              )}
            </Box>

-            {/* 右侧区域留空，让左侧内容靠左 */}
-            <Box sx={{ flexGrow: 1 }} />
-
-            <Menu
-              id="menu-appbar"
-              anchorEl={anchorEl}
-              // anchorOrigin={{
-              //   vertical: 'top',
-              //   horizontal: 'left',
-              // }}
-              keepMounted
-              // transformOrigin={{
-              //   vertical: 'top',
-              //   horizontal: 'left',
-              // }}
-              open={Boolean(anchorEl)}
-              onClose={handleClose}
-            >
-              <StyledListHeader>Web</StyledListHeader>
-              <MenuItem
-                onClick={() => (window.location.href = "/project/leonpan")}
+            {/* 桌面端：项目下拉菜单 */}
+            {!isMobile && (
+              <Menu
+                id="menu-appbar"
+                anchorEl={anchorEl}
+                keepMounted
+                open={Boolean(anchorEl)}
+                onClose={handleClose}
              >
-                LeonPan
-              </MenuItem>
-              {/* <MenuItem onClick={handleClose}>My account</MenuItem> */}
-            </Menu>
-          </Toolbar>
-        </AppBar>
+                {Object.entries(projectsByCategory).map(([category, items]) => (
+                  <React.Fragment key={category}>
+                    <StyledListHeader>{category}</StyledListHeader>
+                    {items.map((project) => (
+                      <MenuItem
+                        key={project.id}
+                        onClick={() => {
+                          window.location.href = project.href;
+                          handleClose();
+                        }}
+                      >
+                        {project.label}
+                      </MenuItem>
+                    ))}
+                  </React.Fragment>
+                ))}
+              </Menu>
+            )}
+           </Toolbar>
+          </AppBar>
+      </Box>
+
+      {/* 移动端侧边栏 */}
+      <Drawer
+        anchor="left"
+        open={mobileDrawerOpen}
+        onClose={toggleDrawer(false)}
+      >
+        <Box sx={{ width: 250 }} role="presentation">
+          {/* 侧边栏头部 */}
+          <Box sx={{ 
+            bgcolor: 'primary.main', 
+            color: 'white', 
+            p: 2, 
+            display: 'flex', 
+            justifyContent: 'space-between', 
+            alignItems: 'center'
+          }}>
+            <Typography variant="h6">导航菜单</Typography>
+            <IconButton
+              edge="end"
+              color="inherit"
+              onClick={toggleDrawer(false)}
+              aria-label="关闭菜单"
+            >
+              <ChevronRightIcon />
+            </IconButton>
+          </Box>
+          
+          <Divider />
+          
+          {/* 侧边栏导航链接 */}
+          <List>
+            {navItems.filter(item => item.id !== 'home').map((item) => {
+              if (item.type === 'link') {
+                return (
+                  <ListItem 
+                    component="a"
+                    href={item.href}
+                    key={item.id}
+                    onClick={(e) => {
+                      e.preventDefault();
+                      handleDrawerItemClick(item.href);
+                    }}
+                  >
+                    <ListItemText primary={item.label} />
+                  </ListItem>
+                );
+              } else if (item.type === 'menu') {
+                return (
+                  <React.Fragment key={item.id}>
+                    <ListItem 
+                      component="div"
+                      onClick={() => setProjectsExpanded(prev => !prev)}
+                      sx={{ 
+                        pl: 1, 
+                        cursor: 'pointer',
+                        '&:hover': { backgroundColor: 'rgba(0,0,0,0.04)' },
+                        display: 'flex',
+                        alignItems: 'center',
+                        backgroundColor: 'rgba(0,0,0,0.02)',
+                        fontWeight: 'bold'
+                      }}
+                    >
+                      <ChevronRightIcon 
+                        fontSize="small" 
+                        sx={{ 
+                          mr: 1,
+                          transform: projectsExpanded ? 'rotate(90deg)' : 'none',
+                          transition: 'transform 0.2s ease-in-out'
+                        }} 
+                      />
+                      <ListItemText 
+                        primary={item.label} 
+                      />
+                    </ListItem>
+                    {projectsExpanded && Object.entries(projectsByCategory).map(([category, projects]) => (
+                      <React.Fragment key={category}>
+                        <ListItem 
+                          component="div"
+                          onClick={() => toggleCategory(category)}
+                          sx={{ 
+                            pl: 2, 
+                            cursor: 'pointer',
+                            '&:hover': { backgroundColor: 'rgba(0,0,0,0.04)' },
+                            display: 'flex',
+                            alignItems: 'center'
+                          }}
+                        >
+                          <ChevronRightIcon 
+                            fontSize="small" 
+                            sx={{ 
+                              mr: 1,
+                              transform: expandedCategories[category] ? 'rotate(90deg)' : 'none',
+                              transition: 'transform 0.2s ease-in-out'
+                            }} 
+                          />
+                          <ListItemText 
+                            primary={category} 
+                            primaryTypographyProps={{ fontSize: '0.7rem' }}
+                          />
+                        </ListItem>
+                        {expandedCategories[category] && projects.map((project) => (
+                          <ListItem 
+                            component="a"
+                            href={project.href}
+                            key={project.id}
+                            onClick={(e) => {
+                              e.preventDefault();
+                              handleDrawerItemClick(project.href);
+                            }}
+                            sx={{ pl: 6 }}
+                          >
+                            <ListItemText primary={project.label} />
+                          </ListItem>
+                        ))}
+                      </React.Fragment>
+                    ))}
+                  </React.Fragment>
+                );
+              }
+              return null;
+            })}
+          </List>
+        </Box>
+      </Drawer>
+
+      {/* 为固定顶栏添加足够的顶部空间 */}
+      <Box sx={{ pt: { xs: 8, sm: 6 } }}>
+        {children}
+      </Box>
+      
+      {/* 页脚区域 */}
+      <Box sx={{ bgcolor: 'primary.dark', color: 'white', py: 8, px: 2 }}>
+        <Container maxWidth="lg">
+          <Box sx={{ 
+            display: 'flex', 
+            flexDirection: { xs: 'column', md: 'row' },
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            mb: 6
+          }}>
+            <Typography variant="h5" gutterBottom fontWeight="bold">
+              Test
+            </Typography>
+            <Typography variant="body1" sx={{ opacity: 0.8 }}>
+              这是页脚
+            </Typography>
+          </Box>
+          
+          <Box sx={{ 
+            height: 1, 
+            bgcolor: 'white', 
+            opacity: 0.1, 
+            mb: 6 
+          }}></Box>
+          
+          <Typography variant="body2" align="center" paragraph>
+            © {new Date().getFullYear()} Test. 保留所有权利。
+          </Typography>
+          <Typography variant="caption" align="center" color="rgba(255,255,255,0.7)">
+            你可以在ClientLayout.tsx修改这个页脚
+          </Typography>
+        </Container>
      </Box>
-      {children}
    </ThemeProvider>
  );
 };
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -5,8 +5,8 @@ import "./globals.css";

 // 导出元数据
 export const metadata: Metadata = {
-  title: "LeonCloud官网",
-  description: "LeonCloud（原LeonWeb）官网",
+  title: "Test模板",
+  description: "这是一个模板，改编于LeonCloud官网（https://jjmm.ink/）",
 };

 // 导入客户端组件
--- a/app/not-found.tsx
+++ b/app/not-found.tsx
@@ -0,0 +1,97 @@
+'use client';
+
+import React from 'react';
+import { Container, Typography, Button, Box, useMediaQuery } from '@mui/material';
+import { useTheme } from '@mui/material/styles';
+import { ArrowBack } from '@mui/icons-material';
+import Link from 'next/link';
+import ClientLayout from './components/ClientLayout';
+
+const NotFoundPage: React.FC = () => {
+  const theme = useTheme();
+  const isMobile = useMediaQuery(theme.breakpoints.down('sm'));
+  const isMedium = useMediaQuery(theme.breakpoints.down('md'));
+
+  return (
+    <Container maxWidth="md" sx={{ py: { xs: 8, md: 16 }, textAlign: 'center' }}>
+      <Box
+        sx={{
+          display: 'flex',
+          flexDirection: 'column',
+          alignItems: 'center',
+          justifyContent: 'center',
+          minHeight: '60vh',
+          gap: { xs: 4, md: 6 },
+        }}
+      >
+        {/* 404 大号数字 */}
+        <Typography
+          variant={isMobile ? 'h1' : 'h1'}
+          component="h1"
+          sx={{
+            fontWeight: 700,
+            fontSize: isMobile ? '5rem' : isMedium ? '8rem' : '10rem',
+            color: theme.palette.primary.main,
+            opacity: 0.8,
+            lineHeight: 1,
+            letterSpacing: '-0.05em',
+            textShadow: '2px 2px 4px rgba(0,0,0,0.1)',
+          }}
+        >
+          404
+        </Typography>
+
+        {/* 错误标题 */}
+        <Typography
+          variant={isMobile ? 'h5' : 'h4'}
+          component="h2"
+          sx={{
+            fontWeight: 600,
+            color: theme.palette.text.primary,
+            mb: 2,
+          }}
+        >
+          页面未找到
+        </Typography>
+
+        {/* 错误描述 */}
+        <Typography
+          variant="body1"
+          sx={{
+            maxWidth: '600px',
+            color: theme.palette.text.secondary,
+            mb: 6,
+            fontSize: isMobile ? '1rem' : '1.125rem',
+          }}
+        >
+          抱歉，您访问的页面不存在或已被移除。请检查您的链接是否正确，或返回首页继续浏览。
+        </Typography>
+
+        {/* 返回首页按钮 */}
+        <Button
+          component={Link}
+          href="/"
+          variant="contained"
+          startIcon={<ArrowBack />}
+          sx={{
+            px: { xs: 4, md: 6 },
+            py: { xs: 1.5, md: 2 },
+            borderRadius: '9999px',
+            fontSize: { xs: '0.9rem', md: '1rem' },
+            fontWeight: 600,
+            textTransform: 'none',
+            transition: 'all 0.3s ease',
+            '&:hover': {
+              transform: 'translateY(-2px)',
+              boxShadow: '0 10px 20px rgba(0,0,0,0.1)',
+            },
+          }}
+        >
+          返回首页
+        </Button>
+      </Box>
+    </Container>
+  );
+};
+
+export default NotFoundPage;
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,404 +1,20 @@
-
-
-'use client';
-
-import { Box, Container, Typography, Card, CardContent, CardMedia, Button, useMediaQuery, useTheme } from '@mui/material';
-import AttachFileIcon from '@mui/icons-material/AttachFile';
-import PublicIcon from '@mui/icons-material/Public';
-import WindowIcon from '@mui/icons-material/Window';
-
-
+import Typography from '@mui/material/Typography';
+import Box from '@mui/material/Box';
+import { Container } from '@mui/material';

 export default function Home() {
-  const theme = useTheme();
-  const isMobile = useMediaQuery(theme.breakpoints.down('sm'));
-  const isTablet = useMediaQuery(theme.breakpoints.down('md'));
-
-  // 功能数据
-  const features = [
-    {
-      icon: <PublicIcon fontSize="large" color="primary" style={{ fontSize: isMobile ? 32 : 48 }} />,
-      title: "云端访问",
-      description: "随时随地访问您的项目和文件，无需担心设备限制"
-    },
-    {
-      icon: <WindowIcon fontSize="large" color="primary" style={{ fontSize: isMobile ? 32 : 48 }} />,
-      title: "响应式设计",
-      description: "完美适配各种设备，从手机到桌面电脑"
-    },
-    {
-      icon: <AttachFileIcon fontSize="large" color="primary" style={{ fontSize: isMobile ? 32 : 48 }} />,
-      title: "文件管理",
-      description: "高效管理您的所有项目文件，支持多种格式"
-    }
-  ];
-
-  // 项目数据
-  const projects = [
-    {
-      name: "LeonPan",
-      description: "个人项目展示平台",
-      image: "/projects/leonpan/logo.png",
-      href: "/project/leonpan"
-    }
-  ];
-
-  // 扩展服务类别数据
-  const services = [
-    {
-      name: "云盘服务",
-      description: "安全可靠的云存储解决方案",
-      icon: <AttachFileIcon />
-    },
-    {
-      name: "社区论坛",
-      description: "用户交流与分享的平台",
-      icon: <PublicIcon />
-    },
-    {
-      name: "编程语言",
-      description: "创新的编程语言开发",
-      icon: <WindowIcon />
-    },
-    {
-      name: "操作系统",
-      description: "轻量级操作系统解决方案",
-      icon: <WindowIcon />
-    },
-    {
-      name: "我的世界服务器",
-      description: "稳定高效的游戏服务器",
-      icon: <PublicIcon />
-    },
-    {
-      name: "加密语言",
-      description: "安全通信解决方案",
-      icon: <AttachFileIcon />
-    }
-  ];
-
  return (
-    <Box sx={{ minHeight: '100vh', bgcolor: 'background.default' }}>
-      {/* 英雄区域 */}
-      <Box sx={{
-        bgcolor: 'primary.main',
-        color: 'white',
-        py: isMobile ? 10 : 16,
-        px: 2,
-        textAlign: 'center',
-        position: 'relative',
-        overflow: 'hidden',
-        '&::before': {
-          content: '""',
-          position: 'absolute',
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
-          background: 'radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%)',
-          zIndex: 1
-        }
-      }}>
-        <Container maxWidth="md" sx={{ position: 'relative', zIndex: 2 }}>
-          <Typography 
-            variant={isMobile ? "h3" : "h2"} 
-            component="h1" 
-            gutterBottom 
-            fontWeight="bold"
-            sx={{ mb: 3 }}
-          >
-            LeonCloud
-          </Typography>
-          <Typography 
-            variant={isMobile ? "h6" : "h5"} 
-            paragraph 
-            sx={{ mb: 6, opacity: 0.9 }}
-          >
-            LeonMMcoset的所有产品的运营商
-          </Typography>
-          <Typography 
-            variant="body1" 
-            paragraph 
-            sx={{ 
-              maxWidth: 600, 
-              mx: 'auto', 
-              opacity: 0.8, 
-              mb: 8,
-              fontSize: isMobile ? '1rem' : '1.1rem'
-            }}
-          >
-            覆盖云盘、论坛、编程语言、操作系统、我的世界服务器、加密语言等各种服务
-          </Typography>
-          <Typography 
-            variant="body1" 
-            paragraph 
-            sx={{ 
-              fontWeight: 'bold',
-              fontSize: isMobile ? '1rem' : '1.1rem',
-              backgroundColor: 'rgba(255,255,255,0.1)',
-              py: 2,
-              px: 4,
-              borderRadius: 2,
-              display: 'inline-block'
-            }}
-          >
-            我们的宗旨是给用户提供简单、安全、高效、全方面的服务
-          </Typography>
-        </Container>
+    <div>
+      <Container maxWidth="md" sx={{ py: { xs: 7, md: 16 }, textAlign: 'center' }}>
+      <Box sx={{ width: '100%', maxWidth: 500 }}>
+        <Typography variant='h1'>
+          这是主页
+        </Typography><br />
+        <Typography>
+          这个模板主要是mui库，官网：https://mui.com/material-ui/
+        </Typography>
      </Box>
-
-      {/* 服务介绍区域 */}
-      <Box sx={{ py: isMobile ? 8 : 12, px: 2 }}>
-        <Container maxWidth="lg">
-          <Typography 
-            variant={isMobile ? "h4" : "h3"} 
-            component="h2" 
-            align="center" 
-            gutterBottom 
-            fontWeight="bold"
-            sx={{ mb: 6 }}
-          >
-            我们的服务
-          </Typography>
-          
-          <Box sx={{ 
-            display: 'flex', 
-            flexWrap: 'wrap', 
-            justifyContent: 'center',
-            gap: { xs: 3, md: 4 }
-          }}>
-            {services.map((service, index) => (
-              <Box 
-                key={index} 
-                sx={{
-                  width: { xs: '100%', sm: 'calc(50% - 16px)', md: 'calc(33.333% - 16px)' },
-                  maxWidth: { xs: '100%', sm: 400, md: 350 },
-                  bgcolor: 'background.paper',
-                  borderRadius: 3,
-                  boxShadow: 2,
-                  p: 4,
-                  transition: 'all 0.3s ease',
-                  '&:hover': {
-                    transform: 'translateY(-5px)',
-                    boxShadow: 4,
-                  },
-                  display: 'flex',
-                  flexDirection: 'column',
-                  alignItems: 'center',
-                  textAlign: 'center'
-                }}
-              >
-                <Box sx={{ 
-                  mb: 3, 
-                  color: 'primary.main',
-                  fontSize: isMobile ? 2.5 : 3
-                }}>
-                  {service.icon}
-                </Box>
-                <Typography variant="h6" gutterBottom fontWeight="bold">
-                  {service.name}
-                </Typography>
-                <Typography variant="body2" color="text.secondary">
-                  {service.description}
-                </Typography>
-              </Box>
-            ))}
-          </Box>
-        </Container>
-      </Box>
-
-      {/* 项目展示区域 */}
-      <Box sx={{ 
-        py: isMobile ? 8 : 12, 
-        px: 2,
-        bgcolor: 'grey.50'
-      }}>
-        <Container maxWidth="lg">
-          <Typography 
-            variant={isMobile ? "h4" : "h3"} 
-            component="h2" 
-            align="center" 
-            gutterBottom 
-            fontWeight="bold"
-            sx={{ mb: 6 }}
-          >
-            精选项目
-          </Typography>
-          
-          <Box sx={{ 
-            display: 'flex', 
-            justifyContent: 'center',
-            gap: 4
-          }}>
-            {projects.map((project, index) => (
-              <Card 
-                key={index} 
-                sx={{
-                  width: { xs: '100%', sm: 400, md: 500 },
-                  maxWidth: '100%',
-                  borderRadius: 3,
-                  boxShadow: 3,
-                  transition: 'all 0.3s ease',
-                  '&:hover': {
-                    transform: 'translateY(-5px)',
-                    boxShadow: 6,
-                  }
-                }}
-              >
-                <CardMedia
-                  component="img"
-                  height={200}
-                  image={project.image}
-                  alt={project.name}
-                  sx={{ objectFit: 'contain', padding: 3, bgcolor: 'background.paper' }}
-                />
-                <CardContent sx={{ textAlign: 'center' }}>
-                  <Typography variant="h5" component="h3" gutterBottom fontWeight="bold">
-                    {project.name}
-                  </Typography>
-                  <Typography variant="body1" color="text.secondary" paragraph sx={{ mb: 3 }}>
-                    {project.description}
-                  </Typography>
-                  <Button 
-                    variant="contained" 
-                    color="primary" 
-                    size="large"
-                    href={project.href}
-                    fullWidth
-                    sx={{ py: 1.2 }}
-                  >
-                    查看详情
-                  </Button>
-                </CardContent>
-              </Card>
-            ))}
-          </Box>
-        </Container>
-      </Box>
-
-      {/* 优势亮点 */}
-      <Box sx={{ py: isMobile ? 8 : 12, px: 2 }}>
-        <Container maxWidth="lg">
-          <Typography 
-            variant={isMobile ? "h4" : "h3"} 
-            component="h2" 
-            align="center" 
-            gutterBottom 
-            fontWeight="bold"
-            sx={{ mb: 6 }}
-          >
-            我们的优势
-          </Typography>
-          
-          <Box sx={{ 
-            display: 'flex', 
-            flexWrap: 'wrap', 
-            justifyContent: 'center',
-            gap: { xs: 4, md: 6 }
-          }}>
-            <Box sx={{ 
-              width: { xs: '100%', md: '45%' },
-              maxWidth: 500,
-              textAlign: isMobile ? 'center' : 'left',
-              mb: { xs: 4, md: 0 }
-            }}>
-              {features.map((feature, index) => (
-                <Box 
-                  key={index} 
-                  sx={{
-                    display: 'flex',
-                    flexDirection: isMobile ? 'column' : 'row',
-                    alignItems: isMobile ? 'center' : 'flex-start',
-                    mb: 4,
-                    gap: 3
-                  }}
-                >
-                  <Box sx={{ color: 'primary.main' }}>
-                    {feature.icon}
-                  </Box>
-                  <Box>
-                    <Typography variant="h6" gutterBottom fontWeight="bold">
-                      {feature.title}
-                    </Typography>
-                    <Typography variant="body2" color="text.secondary">
-                      {feature.description}
-                    </Typography>
-                  </Box>
-                </Box>
-              ))}
-            </Box>
-            
-            <Box sx={{ 
-              width: { xs: '100%', md: '45%' },
-              maxWidth: 500,
-              bgcolor: 'primary.main',
-              color: 'white',
-              p: 6,
-              borderRadius: 3,
-              boxShadow: 4,
-              display: 'flex',
-              flexDirection: 'column',
-              justifyContent: 'center'
-            }}>
-              <Typography variant={isMobile ? "h5" : "h4"} gutterBottom fontWeight="bold">
-                我们的承诺
-              </Typography>
-              <Box sx={{ height: 2, bgcolor: 'white', opacity: 0.3, mb: 4 }}></Box>
-              <ul style={{ paddingLeft: isMobile ? 0 : 20, margin: 0, listStyleType: isMobile ? 'none' : 'disc' }}>
-                <li style={{ marginBottom: 16, fontSize: isMobile ? '0.9rem' : '1rem' }}>
-                  简单易用的界面设计
-                </li>
-                <li style={{ marginBottom: 16, fontSize: isMobile ? '0.9rem' : '1rem' }}>
-                  企业级安全保障
-                </li>
-                <li style={{ marginBottom: 16, fontSize: isMobile ? '0.9rem' : '1rem' }}>
-                  高效稳定的系统性能
-                </li>
-                <li style={{ marginBottom: 16, fontSize: isMobile ? '0.9rem' : '1rem' }}>
-                  全方面的服务支持
-                </li>
-                <li style={{ fontSize: isMobile ? '0.9rem' : '1rem' }}>
-                  持续创新的技术研发
-                </li>
-              </ul>
-            </Box>
-          </Box>
-        </Container>
-      </Box>
-
-      {/* 页脚区域 */}
-      <Box sx={{ bgcolor: 'primary.dark', color: 'white', py: 8, px: 2 }}>
-        <Container maxWidth="lg">
-          <Box sx={{ 
-            display: 'flex', 
-            flexDirection: isMobile ? 'column' : 'row',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-            mb: 6
-          }}>
-            <Typography variant="h5" gutterBottom fontWeight="bold">
-              LeonCloud
-            </Typography>
-            <Typography variant="body1" sx={{ opacity: 0.8 }}>
-              LeonMMcoset的所有产品的运营商
-            </Typography>
-          </Box>
-          
-          <Box sx={{ 
-            height: 1, 
-            bgcolor: 'white', 
-            opacity: 0.1, 
-            mb: 6 
-          }}></Box>
-          
-          <Typography variant="body2" align="center" paragraph>
-            © {new Date().getFullYear()} LeonCloud. 保留所有权利。
-          </Typography>
-          <Typography variant="caption" align="center" color="rgba(255,255,255,0.7)">
-            我们的宗旨是给用户提供简单、安全、高效、全方面的服务
-          </Typography>
-        </Container>
-      </Box>
-    </Box>
-  );
+      </Container>
+    </div>
+  )
 }
--- a/app/project/leonpan/page.tsx
+++ b/app/project/leonpan/page.tsx
@@ -1,357 +0,0 @@
-'use client';
-
-import { Box, Container, Typography, Card, CardContent, CardMedia, Button, useMediaQuery, useTheme, Tabs, Tab } from '@mui/material';
-import { Code, Star, Download, GitHub, Link, Monitor, Smartphone, Storage } from '@mui/icons-material';
-import { useState } from 'react';
-
-export default function LeonPan() {
-  const theme = useTheme();
-  const isMobile = useMediaQuery(theme.breakpoints.down('sm'));
-  const isTablet = useMediaQuery(theme.breakpoints.down('md'));
-  const [currentTab, setCurrentTab] = useState(0);
-
-  // 项目截图
-  const screenshots = [
-    '/projects/leonpan/img1.png',
-    '/projects/leonpan/img2.png',
-    '/projects/leonpan/img3.png'
-  ];
-
-  // 功能特点
-  const features = [
-    {
-      icon: <Monitor color="primary" style={{ fontSize: isMobile ? 24 : 32 }} />,
-      title: "Web支持",
-      description: "无需安装任何客户端就可以快速使用"
-    },
-    {
-      icon: <Smartphone color="primary" style={{ fontSize: isMobile ? 24 : 32 }} />,
-      title: "PC客户端",
-      description: "完美适配Windows 10以上的系统"
-    },
-    {
-      icon: <Storage color="primary" style={{ fontSize: isMobile ? 24 : 32 }} />,
-      title: "精美设计",
-      description: "提供简洁而专业的用户界面，操作方便"
-    },
-    {
-      icon: <Code color="primary" style={{ fontSize: isMobile ? 24 : 32 }} />,
-      title: "开源可定制",
-      description: "基于GPLv3协议开源，可自由修改和定制"
-    }
-  ];
-
-  // 技术栈
-  // const techStack = [
-  //   { name: "Go", level: 90 },
-  //   { name: "Vue.js", level: 85 },
-  //   { name: "Element UI", level: 80 },
-  //   { name: "MySQL", level: 75 },
-  //   { name: "Redis", level: 70 }
-  // ];
-
-  return (
-    <Box sx={{ minHeight: '100vh', bgcolor: 'background.default' }}>
-      {/* 项目头部 */}
-      <Box sx={{
-        bgcolor: 'primary.main',
-        color: 'white',
-        py: isMobile ? 8 : 12,
-        px: 2,
-        textAlign: 'center',
-        position: 'relative',
-        overflow: 'hidden',
-        '&::after': {
-          content: '""',
-          position: 'absolute',
-          bottom: -50,
-          right: -50,
-          width: 200,
-          height: 200,
-          borderRadius: '50%',
-          bgcolor: 'rgba(255,255,255,0.1)',
-        }
-      }}>
-        <Container maxWidth="md" sx={{ position: 'relative', zIndex: 1 }}>
-          <Typography variant={isMobile ? "h3" : "h2"} component="h1" gutterBottom fontWeight="bold">
-            LeonPan
-          </Typography>
-          <Typography variant="body1" paragraph sx={{ maxWidth: 600, mx: 'auto', opacity: 0.9 }}>
-            LeonPan是一个开源项目，改编自Cloudreve开源项目，使用GPLv3协议开源。提供强大的文件管理功能。
-          </Typography>
-          <Box sx={{ mt: 4, display: 'flex', flexWrap: 'wrap', gap: 2, justifyContent: 'center' }}>
-            <Button 
-              variant="contained" 
-              color="secondary" 
-              size={isMobile ? "small" : "medium"}
-              startIcon={<GitHub />}
-              sx={{ px: 3 }}
-              onClick={() => window.open('http://leonmmcoset.jjxmm.win:2000/leonmmcoset/leonpan', '_blank')}
-            >
-              Git仓库
-            </Button>
-            <Button 
-              variant="outlined" 
-              color="inherit" 
-              size={isMobile ? "small" : "medium"}
-              startIcon={<Download />}
-              sx={{ px: 3, borderColor: 'white', color: 'white', '&:hover': { borderColor: 'rgba(255,255,255,0.8)' } }}
-              onClick={() => window.open('http://leonmmcoset.jjxmm.win:5212/', '_blank')}
-            >
-              进入LeonAPP
-            </Button>
-          </Box>
-        </Container>
-      </Box>
-
-      {/* 项目概述 */}
-      <Box sx={{ py: isMobile ? 6 : 10, px: 2 }}>
-        <Container maxWidth="lg">
-          <Box sx={{ display: 'flex', flexDirection: isMobile ? 'column' : 'row', gap: isMobile ? 4 : 6, alignItems: 'center', width: '100%' }}>
-            <Box sx={{ width: '100%' }}>
-              <Typography variant={isMobile ? "h4" : "h3"} component="h2" gutterBottom fontWeight="bold">
-                项目概述
-              </Typography>
-              <Typography variant="body1" paragraph sx={{ mb: 3, color: 'text.secondary' }}>
-                LeonPan是基于Cloudreve开发的文件管理系统，提供了丰富的功能和友好的用户界面。
-                它支持多种存储方式，包括本地存储、对象存储等，可以满足不同用户的需求。
-              </Typography>
-              <Typography variant="body1" paragraph sx={{ mb: 3, color: 'text.secondary' }}>
-                项目致力于提供安全、稳定、高效的文件管理解决方案，适用于个人用户和团队协作场景。
-              </Typography>
-              <Box sx={{ display: 'flex', alignItems: 'center', gap: 2, mt: 4 }}>
-                <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
-                  <Star color="secondary" fontSize="small" style={{ fontSize: 16 }} />
-                  <Typography variant="body2">开源免费</Typography>
-                </Box>
-                <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
-                  <Code color="primary" fontSize="small" style={{ fontSize: 16 }} />
-                  <Typography variant="body2">GPLv3协议</Typography>
-                </Box>
-              </Box>
-            </Box>
-            <Box sx={{ width: '100%' }}>
-              <Card sx={{ boxShadow: 4, borderRadius: 2, overflow: 'hidden' }}>
-                <CardMedia
-                  component="img"
-                  height={isMobile ? 200 : 300}
-                  image={screenshots[0]}
-                  alt="LeonPan 截图"
-                  sx={{ objectFit: 'cover' }}
-                />
-              </Card>
-              </Box>
-            </Box>
-        </Container>
-      </Box>
-
-      {/* 功能特点 */}
-      <Box sx={{ py: isMobile ? 6 : 10, px: 2, bgcolor: 'grey.50' }}>
-        <Container maxWidth="lg">
-          <Typography variant={isMobile ? "h4" : "h3"} component="h2" align="center" gutterBottom fontWeight="bold">
-            功能特点
-          </Typography>
-          <Typography variant="body1" align="center" paragraph sx={{ mb: 8, maxWidth: 600, mx: 'auto', color: 'text.secondary' }}>
-            LeonPan提供丰富的功能，满足您的文件管理需求
-          </Typography>
-          
-          <Box sx={{ display: 'flex', flexDirection: 'row', flexWrap: 'wrap', gap: isMobile ? 3 : 4, width: '100%' }}>
-            {features.map((feature, index) => (
-              <Box sx={{ width: isMobile ? '100%' : 'calc(50% - 16px)', key: index }}>
-                <Card sx={{ 
-                  height: '100%', 
-                  display: 'flex', 
-                  flexDirection: 'row',
-                  alignItems: 'center',
-                  padding: 3,
-                  boxShadow: 2,
-                  borderRadius: 2,
-                  transition: 'transform 0.3s, box-shadow 0.3s',
-                  '&:hover': {
-                    transform: 'translateY(-3px)',
-                    boxShadow: 4,
-                  }
-                }}>
-                  <Box sx={{ mr: 3, display: 'flex', alignItems: 'center', justifyContent: 'center', minWidth: 60 }}>
-                    {feature.icon}
-                  </Box>
-                  <Box>
-                    <Typography variant="h6" component="h3" gutterBottom fontWeight="bold">
-                      {feature.title}
-                    </Typography>
-                    <Typography variant="body2" color="text.secondary">
-                      {feature.description}
-                    </Typography>
-                  </Box>
-                </Card>
-              </Box>
-            ))}
-          </Box>
-        </Container>
-      </Box>
-
-      {/* 截图展示 */}
-      <Box sx={{ py: isMobile ? 6 : 10, px: 2 }}>
-        <Container maxWidth="lg">
-          <Typography variant={isMobile ? "h4" : "h3"} component="h2" align="center" gutterBottom fontWeight="bold">
-            界面展示
-          </Typography>
-          <Typography variant="body1" align="center" paragraph sx={{ mb: 8, maxWidth: 600, mx: 'auto', color: 'text.secondary' }}>
-            查看LeonPan的精美界面
-          </Typography>
-
-          {/* 截图切换标签 */}
-          {!isMobile && (
-            <Box sx={{ mb: 4, display: 'flex', justifyContent: 'center' }}>
-              <Tabs
-                value={currentTab}
-                onChange={(_, newValue) => setCurrentTab(newValue)}
-                variant="scrollable"
-                scrollButtons="auto"
-                indicatorColor="primary"
-                textColor="primary"
-              >
-                {screenshots.map((_, index) => (
-                  <Tab key={index} label={`截图 ${index + 1}`} />
-                ))}
-              </Tabs>
-            </Box>
-          )}
-
-          {/* 主要截图展示 */}
-          <Box sx={{ textAlign: 'center' }}>
-            <Card sx={{ display: 'inline-block', boxShadow: 5, borderRadius: 2, overflow: 'hidden', maxWidth: '100%' }}>
-              <CardMedia
-                component="img"
-                height={isMobile ? 250 : 400}
-                image={screenshots[currentTab]}
-                alt={`LeonPan 截图 ${currentTab + 1}`}
-                sx={{ objectFit: 'contain', maxWidth: '100%' }}
-              />
-            </Card>
-          </Box>
-
-          {/* 移动端缩略图导航 */}
-          {isMobile && (
-            <Box sx={{ mt: 4, display: 'flex', gap: 2, justifyContent: 'center', overflowX: 'auto', pb: 2 }}>
-              {screenshots.map((screenshot, index) => (
-                <Button
-                  key={index}
-                  variant={currentTab === index ? "contained" : "outlined"}
-                  size="small"
-                  onClick={() => setCurrentTab(index)}
-                  sx={{
-                    minWidth: 60,
-                    height: 60,
-                    p: 1,
-                    border: currentTab === index ? 0 : 1,
-                  }}
-                >
-                  <img
-                    src={screenshot}
-                    alt={`缩略图 ${index + 1}`}
-                    style={{ width: '100%', height: '100%', objectFit: 'cover' }}
-                  />
-                </Button>
-              ))}
-            </Box>
-          )}
-        </Container>
-      </Box>
-
-      {/* 技术栈 */}
-      {/* <Box sx={{ py: isMobile ? 6 : 10, px: 2, bgcolor: 'grey.50' }}>
-        <Container maxWidth="lg">
-          <Typography variant={isMobile ? "h4" : "h3"} component="h2" align="center" gutterBottom fontWeight="bold">
-            技术栈
-          </Typography>
-          <Typography variant="body1" align="center" paragraph sx={{ mb: 8, maxWidth: 600, mx: 'auto', color: 'text.secondary' }}>
-            LeonPan基于现代技术栈开发，保证系统的高性能和稳定性
-          </Typography>
-          
-          <Box sx={{ display: 'flex', flexDirection: 'row', flexWrap: 'wrap', gap: isMobile ? 3 : 4, width: '100%' }}>
-            {techStack.map((tech, index) => (
-              <Box sx={{ width: isMobile ? '100%' : isTablet ? 'calc(50% - 16px)' : 'calc(33.333% - 20px)', key: index }}>
-                <Card sx={{ 
-                  height: '100%', 
-                  boxShadow: 2,
-                  borderRadius: 2,
-                  transition: 'transform 0.3s, box-shadow 0.3s',
-                  '&:hover': {
-                    transform: 'translateY(-3px)',
-                    boxShadow: 4,
-                  }
-                }}>
-                  <CardContent>
-                    <Typography variant="h6" component="h3" gutterBottom fontWeight="bold">
-                      {tech.name}
-                    </Typography>
-                    <Box sx={{ mt: 2 }}>
-                      <Box sx={{ display: 'flex', alignItems: 'center', mb: 1 }}>
-                        <Typography variant="caption" color="text.secondary" sx={{ minWidth: 40 }}>
-                          熟练度
-                        </Typography>
-                        <Typography variant="caption" color="text.secondary">
-                          {tech.level}%
-                        </Typography>
-                      </Box>
-                      <Box sx={{ 
-                        width: '100%', 
-                        height: 8, 
-                        bgcolor: 'grey.200', 
-                        borderRadius: 4,
-                        overflow: 'hidden'
-                      }}>
-                        <Box sx={{
-                          width: `${tech.level}%`,
-                          height: '100%',
-                          bgcolor: 'primary.main',
-                          borderRadius: 4,
-                          transition: 'width 0.5s ease-in-out'
-                        }} />
-                      </Box>
-                    </Box>
-                  </CardContent>
-                </Card>
-              </Box>
-            ))}
-          </Box>
-        </Container>
-      </Box> */}
-
-      {/* 行动号召 */}
-      <Box sx={{ py: isMobile ? 8 : 12, px: 2, bgcolor: 'primary.main', color: 'white', textAlign: 'center' }}>
-        <Container maxWidth="md">
-          <Typography variant={isMobile ? "h4" : "h3"} component="h2" gutterBottom fontWeight="bold">
-            开始使用 LeonPan
-          </Typography>
-          <Typography variant="body1" paragraph sx={{ mb: 6, opacity: 0.9 }}>
-            立即体验LeonPan带来的高效文件管理体验，开源免费，功能强大
-          </Typography>
-          <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 3, justifyContent: 'center' }}>
-            <Button 
-              variant="contained" 
-              color="secondary" 
-              size={isMobile ? "small" : "large"}
-              startIcon={<GitHub />}
-              sx={{ px: 4, py: 1.5 }}
-              onClick={() => window.open('http://leonmmcoset.jjxmm.win:2000/leonmmcoset/leonpan', '_blank')}
-            >
-              访问Git仓库
-            </Button>
-            <Button 
-              variant="outlined" 
-              color="inherit" 
-              size={isMobile ? "small" : "large"}
-              startIcon={<Download />}
-              sx={{ px: 4, py: 1.5, borderColor: 'white', color: 'white', '&:hover': { borderColor: 'rgba(255,255,255,0.8)' } }}
-              onClick={() => window.open('http://leonmmcoset.jjxmm.win:5212/', '_blank')}
-            >
-              立即访问LeonAPP
-            </Button>
-          </Box>
-        </Container>
-      </Box>
-    </Box>
-  );
-}
--- a/app/test/page.tsx
+++ b/app/test/page.tsx
@@ -0,0 +1,20 @@
+import Typography from '@mui/material/Typography';
+import Box from '@mui/material/Box';
+import { Container } from '@mui/material';
+
+export default function Test() {
+  return (
+    <div>
+      <Container maxWidth="md" sx={{ py: { xs: 7, md: 16 }, textAlign: 'center' }}>
+      <Box sx={{ width: '100%', maxWidth: 500 }}>
+        <Typography variant='h1'>
+          这是一个测试页面
+        </Typography><br />
+        <Typography>
+          这个测试页面位于<code>/test</code>
+        </Typography>
+      </Box>
+      </Container>
+    </div>
+  )
+}
--- a/next.config.ts
+++ b/next.config.ts
@@ -2,6 +2,7 @@ import type { NextConfig } from "next";

 const nextConfig: NextConfig = {
  /* config options here */
+  "output": "export",
 };

 export default nextConfig;
--- a/out/404.html
+++ b/out/404.html
--- a/out/next.PAGE__.txt
+++ b/out/next.PAGE__.txt
@@ -0,0 +1,8 @@
+1:"$Sreact.fragment"
+2:I[59896,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js"],"default"]
+3:I[23671,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js"],"default"]
+4:I[92517,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js"],"default"]
+5:I[88079,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"OutletBoundary"]
+6:"$Sreact.suspense"
+0:{"buildId":"7G-uthStep3iTWa0qP4TH","rsc":["$","$1","c",{"children":[["$","div",null,{"children":["$","$L2",null,{"maxWidth":"md","sx":{"py":{"xs":7,"md":16},"textAlign":"center"},"children":["$","$L3",null,{"sx":{"width":"100%","maxWidth":500},"children":[["$","$L4",null,{"variant":"h1","children":"这是主页"}],["$","br",null,{}],["$","$L4",null,{"children":"这个模板主要是mui库，官网：https://mui.com/material-ui/"}]]}]}]}],null,["$","$L5",null,{"children":["$","$6",null,{"name":"Next.MetadataOutlet","children":"$@7"}]}]]}],"loading":null,"isPartial":false}
+7:null
--- a/out/__next._full.txt
+++ b/out/__next._full.txt
@@ -0,0 +1,19 @@
+1:"$Sreact.fragment"
+2:I[65063,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js"],"default"]
+3:I[77345,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"default"]
+4:I[35684,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"default"]
+5:I[42747,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js","/_next/static/chunks/398681095689aac7.js"],"default"]
+6:I[59896,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js"],"default"]
+7:I[23671,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js"],"default"]
+8:I[92517,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js"],"default"]
+9:I[88079,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"OutletBoundary"]
+a:"$Sreact.suspense"
+c:I[88079,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"ViewportBoundary"]
+e:I[88079,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"MetadataBoundary"]
+10:I[15600,[],"default"]
+:HL["/_next/static/chunks/22402e8f77a0e0ae.css","style"]
+0:{"P":null,"b":"7G-uthStep3iTWa0qP4TH","c":["",""],"q":"","i":false,"f":[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/22402e8f77a0e0ae.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/14794bbae5f476eb.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/534a1108f7352e6d.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/chunks/86d8e4e25df89a43.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"children":["$","body",null,{"children":["$","$L2",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$L5",null,{}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]}]]}],{"children":[["$","$1","c",{"children":[["$","div",null,{"children":["$","$L6",null,{"maxWidth":"md","sx":{"py":{"xs":7,"md":16},"textAlign":"center"},"children":["$","$L7",null,{"sx":{"width":"100%","maxWidth":500},"children":[["$","$L8",null,{"variant":"h1","children":"这是主页"}],["$","br",null,{}],["$","$L8",null,{"children":"这个模板主要是mui库，官网：https://mui.com/material-ui/"}]]}]}]}],null,["$","$L9",null,{"children":["$","$a",null,{"name":"Next.MetadataOutlet","children":"$@b"}]}]]}],{},null,false,false]},null,false,false],["$","$1","h",{"children":[null,["$","$Lc",null,{"children":"$@d"}],["$","div",null,{"hidden":true,"children":["$","$Le",null,{"children":["$","$a",null,{"name":"Next.Metadata","children":"$@f"}]}]}],null]}],false]],"m":"$undefined","G":["$10",[]],"S":true}
+d:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
+11:I[92497,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"IconMark"]
+f:[["$","title","0",{"children":"Test模板"}],["$","meta","1",{"name":"description","content":"这是一个模板，改编于LeonCloud官网（https://jjmm.ink/）"}],["$","link","2",{"rel":"icon","href":"/favicon.ico?favicon.0b3bf435.ico","sizes":"256x256","type":"image/x-icon"}],["$","$L11","3",{}]]
+b:null
--- a/out/__next._head.txt
+++ b/out/__next._head.txt
@@ -0,0 +1,8 @@
+1:"$Sreact.fragment"
+2:I[88079,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"ViewportBoundary"]
+4:I[88079,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"MetadataBoundary"]
+5:"$Sreact.suspense"
+7:I[92497,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"IconMark"]
+0:{"buildId":"7G-uthStep3iTWa0qP4TH","rsc":["$","$1","h",{"children":[null,["$","$L2",null,{"children":"$@3"}],["$","div",null,{"hidden":true,"children":["$","$L4",null,{"children":["$","$5",null,{"name":"Next.Metadata","children":"$@6"}]}]}],null]}],"loading":null,"isPartial":false}
+3:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
+6:[["$","title","0",{"children":"Test模板"}],["$","meta","1",{"name":"description","content":"这是一个模板，改编于LeonCloud官网（https://jjmm.ink/）"}],["$","link","2",{"rel":"icon","href":"/favicon.ico?favicon.0b3bf435.ico","sizes":"256x256","type":"image/x-icon"}],["$","$L7","3",{}]]
--- a/out/__next._index.txt
+++ b/out/__next._index.txt
@@ -0,0 +1,7 @@
+1:"$Sreact.fragment"
+2:I[65063,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js"],"default"]
+3:I[77345,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"default"]
+4:I[35684,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"default"]
+5:I[42747,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js","/_next/static/chunks/398681095689aac7.js"],"default"]
+:HL["/_next/static/chunks/22402e8f77a0e0ae.css","style"]
+0:{"buildId":"7G-uthStep3iTWa0qP4TH","rsc":["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/22402e8f77a0e0ae.css","precedence":"next"}],["$","script","script-0",{"src":"/_next/static/chunks/14794bbae5f476eb.js","async":true}],["$","script","script-1",{"src":"/_next/static/chunks/534a1108f7352e6d.js","async":true}],["$","script","script-2",{"src":"/_next/static/chunks/86d8e4e25df89a43.js","async":true}]],["$","html",null,{"children":["$","body",null,{"children":["$","$L2",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","template":["$","$L4",null,{}],"notFound":[["$","$L5",null,{}],[]]}]}]}]}]]}],"loading":null,"isPartial":false}
--- a/out/__next._tree.txt
+++ b/out/__next._tree.txt
@@ -0,0 +1,2 @@
+:HL["/_next/static/chunks/22402e8f77a0e0ae.css","style"]
+0:{"buildId":"7G-uthStep3iTWa0qP4TH","tree":{"name":"","paramType":null,"paramKey":"","hasRuntimePrefetch":false,"slots":{"children":{"name":"__PAGE__","paramType":null,"paramKey":"__PAGE__","hasRuntimePrefetch":false,"slots":null,"isRootLayout":false}},"isRootLayout":true},"staleTime":300}
--- a/out/_next/static/chunks/a6dad97d9634a72d.js
+++ b/out/_next/static/chunks/a6dad97d9634a72d.js
--- a/out/_next/static/media/favicon.0b3bf435.ico
+++ b/out/_next/static/media/favicon.0b3bf435.ico
--- a/out/_not-found.html
+++ b/out/_not-found.html
--- a/out/_not-found.txt
+++ b/out/_not-found.txt
@@ -0,0 +1,19 @@
+1:"$Sreact.fragment"
+2:I[65063,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js"],"default"]
+3:I[77345,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"default"]
+4:I[35684,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"default"]
+5:I[42747,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js","/_next/static/chunks/398681095689aac7.js"],"default"]
+6:I[53004,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"ClientPageRoot"]
+9:I[88079,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"OutletBoundary"]
+a:"$Sreact.suspense"
+c:I[88079,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"ViewportBoundary"]
+e:I[88079,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"MetadataBoundary"]
+10:I[15600,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"default"]
+:HL["/_next/static/chunks/22402e8f77a0e0ae.css","style"]
+0:{"P":null,"b":"7G-uthStep3iTWa0qP4TH","c":["","_not-found"],"q":"","i":false,"f":[[["",{"children":["/_not-found",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/22402e8f77a0e0ae.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/14794bbae5f476eb.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/534a1108f7352e6d.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/chunks/86d8e4e25df89a43.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"children":["$","body",null,{"children":["$","$L2",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$L5",null,{}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[["$","$L6",null,{"Component":"$5","serverProvidedParams":{"searchParams":{},"params":{},"promises":["$@7","$@8"]}}],[["$","script","script-0",{"src":"/_next/static/chunks/398681095689aac7.js","async":true,"nonce":"$undefined"}]],["$","$L9",null,{"children":["$","$a",null,{"name":"Next.MetadataOutlet","children":"$@b"}]}]]}],{},null,false,false]},null,false,false]},null,false,false],["$","$1","h",{"children":[["$","meta",null,{"name":"robots","content":"noindex"}],["$","$Lc",null,{"children":"$@d"}],["$","div",null,{"hidden":true,"children":["$","$Le",null,{"children":["$","$a",null,{"name":"Next.Metadata","children":"$@f"}]}]}],null]}],false]],"m":"$undefined","G":["$10","$undefined"],"S":true}
+7:{}
+8:"$0:f:0:1:1:children:1:children:0:props:children:0:props:serverProvidedParams:params"
+d:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
+11:I[92497,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"IconMark"]
+f:[["$","title","0",{"children":"Test模板"}],["$","meta","1",{"name":"description","content":"这是一个模板，改编于LeonCloud官网（https://jjmm.ink/）"}],["$","link","2",{"rel":"icon","href":"/favicon.ico?favicon.0b3bf435.ico","sizes":"256x256","type":"image/x-icon"}],["$","$L11","3",{}]]
+b:null
--- a/out/_not-found/__next._full.txt
+++ b/out/_not-found/__next._full.txt
@@ -0,0 +1,19 @@
+1:"$Sreact.fragment"
+2:I[65063,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js"],"default"]
+3:I[77345,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"default"]
+4:I[35684,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"default"]
+5:I[42747,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js","/_next/static/chunks/398681095689aac7.js"],"default"]
+6:I[53004,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"ClientPageRoot"]
+9:I[88079,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"OutletBoundary"]
+a:"$Sreact.suspense"
+c:I[88079,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"ViewportBoundary"]
+e:I[88079,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"MetadataBoundary"]
+10:I[15600,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"default"]
+:HL["/_next/static/chunks/22402e8f77a0e0ae.css","style"]
+0:{"P":null,"b":"7G-uthStep3iTWa0qP4TH","c":["","_not-found"],"q":"","i":false,"f":[[["",{"children":["/_not-found",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/22402e8f77a0e0ae.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/14794bbae5f476eb.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/534a1108f7352e6d.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/chunks/86d8e4e25df89a43.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"children":["$","body",null,{"children":["$","$L2",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$L5",null,{}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[["$","$L6",null,{"Component":"$5","serverProvidedParams":{"searchParams":{},"params":{},"promises":["$@7","$@8"]}}],[["$","script","script-0",{"src":"/_next/static/chunks/398681095689aac7.js","async":true,"nonce":"$undefined"}]],["$","$L9",null,{"children":["$","$a",null,{"name":"Next.MetadataOutlet","children":"$@b"}]}]]}],{},null,false,false]},null,false,false]},null,false,false],["$","$1","h",{"children":[["$","meta",null,{"name":"robots","content":"noindex"}],["$","$Lc",null,{"children":"$@d"}],["$","div",null,{"hidden":true,"children":["$","$Le",null,{"children":["$","$a",null,{"name":"Next.Metadata","children":"$@f"}]}]}],null]}],false]],"m":"$undefined","G":["$10","$undefined"],"S":true}
+7:{}
+8:"$0:f:0:1:1:children:1:children:0:props:children:0:props:serverProvidedParams:params"
+d:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
+11:I[92497,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"IconMark"]
+f:[["$","title","0",{"children":"Test模板"}],["$","meta","1",{"name":"description","content":"这是一个模板，改编于LeonCloud官网（https://jjmm.ink/）"}],["$","link","2",{"rel":"icon","href":"/favicon.ico?favicon.0b3bf435.ico","sizes":"256x256","type":"image/x-icon"}],["$","$L11","3",{}]]
+b:null
--- a/out/_not-found/__next._head.txt
+++ b/out/_not-found/__next._head.txt
@@ -0,0 +1,8 @@
+1:"$Sreact.fragment"
+2:I[88079,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"ViewportBoundary"]
+4:I[88079,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"MetadataBoundary"]
+5:"$Sreact.suspense"
+7:I[92497,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"IconMark"]
+0:{"buildId":"7G-uthStep3iTWa0qP4TH","rsc":["$","$1","h",{"children":[["$","meta",null,{"name":"robots","content":"noindex"}],["$","$L2",null,{"children":"$@3"}],["$","div",null,{"hidden":true,"children":["$","$L4",null,{"children":["$","$5",null,{"name":"Next.Metadata","children":"$@6"}]}]}],null]}],"loading":null,"isPartial":false}
+3:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
+6:[["$","title","0",{"children":"Test模板"}],["$","meta","1",{"name":"description","content":"这是一个模板，改编于LeonCloud官网（https://jjmm.ink/）"}],["$","link","2",{"rel":"icon","href":"/favicon.ico?favicon.0b3bf435.ico","sizes":"256x256","type":"image/x-icon"}],["$","$L7","3",{}]]
--- a/out/_not-found/__next._index.txt
+++ b/out/_not-found/__next._index.txt
@@ -0,0 +1,7 @@
+1:"$Sreact.fragment"
+2:I[65063,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js"],"default"]
+3:I[77345,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"default"]
+4:I[35684,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"default"]
+5:I[42747,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js","/_next/static/chunks/398681095689aac7.js"],"default"]
+:HL["/_next/static/chunks/22402e8f77a0e0ae.css","style"]
+0:{"buildId":"7G-uthStep3iTWa0qP4TH","rsc":["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/22402e8f77a0e0ae.css","precedence":"next"}],["$","script","script-0",{"src":"/_next/static/chunks/14794bbae5f476eb.js","async":true}],["$","script","script-1",{"src":"/_next/static/chunks/534a1108f7352e6d.js","async":true}],["$","script","script-2",{"src":"/_next/static/chunks/86d8e4e25df89a43.js","async":true}]],["$","html",null,{"children":["$","body",null,{"children":["$","$L2",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","template":["$","$L4",null,{}],"notFound":[["$","$L5",null,{}],[]]}]}]}]}]]}],"loading":null,"isPartial":false}
--- a/out/_not-found/__next._not-found.txt
+++ b/out/_not-found/__next._not-found.txt
@@ -0,0 +1,4 @@
+1:"$Sreact.fragment"
+2:I[77345,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"default"]
+3:I[35684,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"default"]
+0:{"buildId":"7G-uthStep3iTWa0qP4TH","rsc":["$","$1","c",{"children":[null,["$","$L2",null,{"parallelRouterKey":"children","template":["$","$L3",null,{}]}]]}],"loading":null,"isPartial":false}
--- a/out/_not-found/__next._not-found/PAGE.txt
+++ b/out/_not-found/__next._not-found/PAGE.txt
@@ -0,0 +1,9 @@
+1:"$Sreact.fragment"
+2:I[53004,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"ClientPageRoot"]
+3:I[42747,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js","/_next/static/chunks/398681095689aac7.js"],"default"]
+6:I[88079,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"OutletBoundary"]
+7:"$Sreact.suspense"
+0:{"buildId":"7G-uthStep3iTWa0qP4TH","rsc":["$","$1","c",{"children":[["$","$L2",null,{"Component":"$3","serverProvidedParams":{"searchParams":{},"params":{},"promises":["$@4","$@5"]}}],[["$","script","script-0",{"src":"/_next/static/chunks/398681095689aac7.js","async":true}]],["$","$L6",null,{"children":["$","$7",null,{"name":"Next.MetadataOutlet","children":"$@8"}]}]]}],"loading":null,"isPartial":false}
+4:{}
+5:"$0:rsc:props:children:0:props:serverProvidedParams:params"
+8:null
--- a/out/_not-found/__next._tree.txt
+++ b/out/_not-found/__next._tree.txt
@@ -0,0 +1,2 @@
+:HL["/_next/static/chunks/22402e8f77a0e0ae.css","style"]
+0:{"buildId":"7G-uthStep3iTWa0qP4TH","tree":{"name":"","paramType":null,"paramKey":"","hasRuntimePrefetch":false,"slots":{"children":{"name":"/_not-found","paramType":null,"paramKey":"/_not-found","hasRuntimePrefetch":false,"slots":{"children":{"name":"__PAGE__","paramType":null,"paramKey":"__PAGE__","hasRuntimePrefetch":false,"slots":null,"isRootLayout":false}},"isRootLayout":false}},"isRootLayout":true},"staleTime":300}
--- a/out/favicon.ico
+++ b/out/favicon.ico
--- a/out/file.svg
+++ b/out/file.svg
@@ -0,0 +1 @@
+<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>
--- a/out/globe.svg
+++ b/out/globe.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
--- a/out/index.html
+++ b/out/index.html
--- a/out/index.txt
+++ b/out/index.txt
@@ -0,0 +1,19 @@
+1:"$Sreact.fragment"
+2:I[65063,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js"],"default"]
+3:I[77345,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"default"]
+4:I[35684,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"default"]
+5:I[42747,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js","/_next/static/chunks/398681095689aac7.js"],"default"]
+6:I[59896,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js"],"default"]
+7:I[23671,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js"],"default"]
+8:I[92517,["/_next/static/chunks/14794bbae5f476eb.js","/_next/static/chunks/534a1108f7352e6d.js","/_next/static/chunks/86d8e4e25df89a43.js"],"default"]
+9:I[88079,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"OutletBoundary"]
+a:"$Sreact.suspense"
+c:I[88079,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"ViewportBoundary"]
+e:I[88079,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"MetadataBoundary"]
+10:I[15600,[],"default"]
+:HL["/_next/static/chunks/22402e8f77a0e0ae.css","style"]
+0:{"P":null,"b":"7G-uthStep3iTWa0qP4TH","c":["",""],"q":"","i":false,"f":[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/22402e8f77a0e0ae.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/14794bbae5f476eb.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/534a1108f7352e6d.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/chunks/86d8e4e25df89a43.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"children":["$","body",null,{"children":["$","$L2",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$L5",null,{}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]}]]}],{"children":[["$","$1","c",{"children":[["$","div",null,{"children":["$","$L6",null,{"maxWidth":"md","sx":{"py":{"xs":7,"md":16},"textAlign":"center"},"children":["$","$L7",null,{"sx":{"width":"100%","maxWidth":500},"children":[["$","$L8",null,{"variant":"h1","children":"这是主页"}],["$","br",null,{}],["$","$L8",null,{"children":"这个模板主要是mui库，官网：https://mui.com/material-ui/"}]]}]}]}],null,["$","$L9",null,{"children":["$","$a",null,{"name":"Next.MetadataOutlet","children":"$@b"}]}]]}],{},null,false,false]},null,false,false],["$","$1","h",{"children":[null,["$","$Lc",null,{"children":"$@d"}],["$","div",null,{"hidden":true,"children":["$","$Le",null,{"children":["$","$a",null,{"name":"Next.Metadata","children":"$@f"}]}]}],null]}],false]],"m":"$undefined","G":["$10",[]],"S":true}
+d:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
+11:I[92497,["/_next/static/chunks/54e1284cadbbb9c8.js","/_next/static/chunks/badacebf4b79668a.js"],"IconMark"]
+f:[["$","title","0",{"children":"Test模板"}],["$","meta","1",{"name":"description","content":"这是一个模板，改编于LeonCloud官网（https://jjmm.ink/）"}],["$","link","2",{"rel":"icon","href":"/favicon.ico?favicon.0b3bf435.ico","sizes":"256x256","type":"image/x-icon"}],["$","$L11","3",{}]]
+b:null
--- a/out/next.svg
+++ b/out/next.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
--- a/out/nologo.png
+++ b/out/nologo.png
--- a/out/projects/leonapp/img1.png
+++ b/out/projects/leonapp/img1.png
--- a/out/projects/leonapp/img2.png
+++ b/out/projects/leonapp/img2.png
--- a/out/projects/leonapp/img3.png
+++ b/out/projects/leonapp/img3.png
--- a/out/projects/leonapp/logo.jpeg
+++ b/out/projects/leonapp/logo.jpeg
--- a/out/projects/leonpan/img1.png
+++ b/out/projects/leonpan/img1.png
--- a/out/projects/leonpan/img2.png
+++ b/out/projects/leonpan/img2.png
--- a/out/projects/leonpan/img3.png
+++ b/out/projects/leonpan/img3.png
--- a/out/projects/leonpan/logo.png
+++ b/out/projects/leonpan/logo.png
--- a/out/vercel.svg
+++ b/out/vercel.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>
--- a/out/window.svg
+++ b/out/window.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
        "@emotion/styled": "^11.14.1",
        "@mui/base": "^5.0.0-beta.70",
        "@mui/icons-material": "^7.3.5",
+        "@mui/lab": "^7.0.1-beta.19",
        "@mui/material": "^7.3.5",
        "next": "16.0.3",
        "react": "19.2.0",
@@ -71,6 +72,7 @@
      "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
      "dev": true,
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@babel/code-frame": "^7.27.1",
        "@babel/generator": "^7.28.5",
@@ -377,6 +379,7 @@
      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.14.0.tgz",
      "integrity": "sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@babel/runtime": "^7.18.3",
        "@emotion/babel-plugin": "^11.13.5",
@@ -420,6 +423,7 @@
      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.14.1.tgz",
      "integrity": "sha512-qEEJt42DuToa3gurlH4Qqc1kVpNq8wO8cJtDzU46TjlzWjDlsVyevtYCRijVq3SrHsROS+gVQ8Fnea108GnKzw==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@babel/runtime": "^7.18.3",
        "@emotion/babel-plugin": "^11.13.5",
@@ -1280,11 +1284,109 @@
        }
      }
    },
+    "node_modules/@mui/lab": {
+      "version": "7.0.1-beta.19",
+      "resolved": "https://registry.npmjs.org/@mui/lab/-/lab-7.0.1-beta.19.tgz",
+      "integrity": "sha512-Ekxd2mPnr5iKwrMXjN/y2xgpxPX8ithBBcDenjqNdBt/ZQumrmBl0ifVoqAHsL6lxN6DOgRsWTRc4eOdDiB+0Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.4",
+        "@mui/system": "^7.3.5",
+        "@mui/types": "^7.4.8",
+        "@mui/utils": "^7.3.5",
+        "clsx": "^2.1.1",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.5.0",
+        "@emotion/styled": "^11.3.0",
+        "@mui/material": "^7.3.5",
+        "@mui/material-pigment-css": "^7.3.5",
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        },
+        "@mui/material-pigment-css": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/lab/node_modules/@mui/types": {
+      "version": "7.4.8",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.4.8.tgz",
+      "integrity": "sha512-ZNXLBjkPV6ftLCmmRCafak3XmSn8YV0tKE/ZOhzKys7TZXUiE0mZxlH8zKDo6j6TTUaDnuij68gIG+0Ucm7Xhw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.4"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/lab/node_modules/@mui/utils": {
+      "version": "7.3.5",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-7.3.5.tgz",
+      "integrity": "sha512-jisvFsEC3sgjUjcPnR4mYfhzjCDIudttSGSbe1o/IXFNu0kZuR+7vqQI0jg8qtcVZBHWrwTfvAZj9MNMumcq1g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.4",
+        "@mui/types": "^7.4.8",
+        "@types/prop-types": "^15.7.15",
+        "clsx": "^2.1.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^19.2.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/lab/node_modules/react-is": {
+      "version": "19.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.2.0.tgz",
+      "integrity": "sha512-x3Ax3kNSMIIkyVYhWPyO09bu0uttcAIoecO/um/rKGQ4EltYWVYtyiGkS/3xMynrbVQdS69Jhlv8FXUEZehlzA==",
+      "license": "MIT"
+    },
    "node_modules/@mui/material": {
      "version": "7.3.5",
      "resolved": "https://registry.npmjs.org/@mui/material/-/material-7.3.5.tgz",
      "integrity": "sha512-8VVxFmp1GIm9PpmnQoCoYo0UWHoOrdA57tDL62vkpzEgvb/d71Wsbv4FRg7r1Gyx7PuSo0tflH34cdl/NvfHNQ==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@babel/runtime": "^7.28.4",
        "@mui/core-downloads-tracker": "^7.3.5",
@@ -2200,6 +2302,7 @@
      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.4.tgz",
      "integrity": "sha512-tBFxBp9Nfyy5rsmefN+WXc1JeW/j2BpBHFdLZbEVfs9wn3E3NRFxwV0pJg8M1qQAexFpvz73hJXFofV0ZAu92A==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "csstype": "^3.0.2"
      }
@@ -2269,6 +2372,7 @@
      "integrity": "sha512-tK3GPFWbirvNgsNKto+UmB/cRtn6TZfyw0D6IKrW55n6Vbs7KJoZtI//kpTKzE/DUmmnAFD8/Ca46s7Obs92/w==",
      "dev": true,
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@typescript-eslint/scope-manager": "8.46.4",
        "@typescript-eslint/types": "8.46.4",
@@ -2799,6 +2903,7 @@
      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
      "dev": true,
      "license": "MIT",
+      "peer": true,
      "bin": {
        "acorn": "bin/acorn"
      },
@@ -3155,6 +3260,7 @@
        }
      ],
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "baseline-browser-mapping": "^2.8.25",
        "caniuse-lite": "^1.0.30001754",
@@ -3762,6 +3868,7 @@
      "integrity": "sha512-BhHmn2yNOFA9H9JmmIVKJmd288g9hrVRDkdoIgRCRuSySRUHH7r/DI6aAXW9T1WwUuY3DFgrcaqB+deURBLR5g==",
      "dev": true,
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@eslint-community/eslint-utils": "^4.8.0",
        "@eslint-community/regexpp": "^4.12.1",
@@ -3947,6 +4054,7 @@
      "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
      "dev": true,
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "@rtsao/scc": "^1.1.0",
        "array-includes": "^3.1.9",
@@ -6173,6 +6281,7 @@
      "resolved": "https://registry.npmjs.org/react/-/react-19.2.0.tgz",
      "integrity": "sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==",
      "license": "MIT",
+      "peer": true,
      "engines": {
        "node": ">=0.10.0"
      }
@@ -6182,6 +6291,7 @@
      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.0.tgz",
      "integrity": "sha512-UlbRu4cAiGaIewkPyiRGJk0imDN2T3JjieT6spoL2UeSf5od4n5LB/mQ4ejmxhCFT1tYe8IvaFulzynWovsEFQ==",
      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "scheduler": "^0.27.0"
      },
@@ -6897,6 +7007,7 @@
      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
      "dev": true,
      "license": "MIT",
+      "peer": true,
      "engines": {
        "node": ">=12"
      },
@@ -7059,6 +7170,7 @@
      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
      "dev": true,
      "license": "Apache-2.0",
+      "peer": true,
      "bin": {
        "tsc": "bin/tsc",
        "tsserver": "bin/tsserver"
@@ -7343,6 +7455,7 @@
      "integrity": "sha512-JInaHOamG8pt5+Ey8kGmdcAcg3OL9reK8ltczgHTAwNhMys/6ThXHityHxVV2p3fkw/c+MAvBHFVYHFZDmjMCQ==",
      "dev": true,
      "license": "MIT",
+      "peer": true,
      "funding": {
        "url": "https://github.com/sponsors/colinhacks"
      }
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
    "@emotion/styled": "^11.14.1",
    "@mui/base": "^5.0.0-beta.70",
    "@mui/icons-material": "^7.3.5",
+    "@mui/lab": "^7.0.1-beta.19",
    "@mui/material": "^7.3.5",
    "next": "16.0.3",
    "react": "19.2.0",
--- a/public/nologo.png
+++ b/public/nologo.png
--- a/public/projects/leonapp/img1.png
+++ b/public/projects/leonapp/img1.png
--- a/public/projects/leonapp/img2.png
+++ b/public/projects/leonapp/img2.png
--- a/public/projects/leonapp/img3.png
+++ b/public/projects/leonapp/img3.png
--- a/public/projects/leonapp/logo.jpeg
+++ b/public/projects/leonapp/logo.jpeg
Author	SHA1	Message	Date
LeonMMcoset	392d553276	temeplate	2025-11-20 15:00:26 +08:00
Leonmmcoset	e2885d6433	topbar update	2025-11-19 21:37:54 +08:00
Leonmmcoset	b7ef82a26d	change	2025-11-19 21:31:06 +08:00
Leonmmcoset	bf8951fbc3	awa	2025-11-16 21:58:57 +08:00
Leonmmcoset	b4e745b3a8	awa	2025-11-16 15:51:22 +08:00
Leonmmcoset	5b990ef36a	BUILD	2025-11-16 15:48:42 +08:00
Leonmmcoset	4ae1743030	easteregg	2025-11-16 15:47:33 +08:00
Leonmmcoset	c0410c343e	404	2025-11-16 15:31:19 +08:00
Leonmmcoset	d5a6730a7c	AWA	2025-11-16 14:32:13 +08:00
Leonmmcoset	1062127f4c	upload	2025-11-15 22:02:46 +08:00
				`@@ -0,0 +1 @@`
				`<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>`
				`@@ -0,0 +1 @@`
				<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
				`@@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
				`@@ -0,0 +1 @@`
				`<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>`