diff --git a/src/pages/custom.css b/src/pages/custom.css
index 1ea6cb4..c3edf31 100644
--- a/src/pages/custom.css
+++ b/src/pages/custom.css
@@ -19,7 +19,7 @@
     text-align: center;
     min-width: 100%;
 }
-.MuiAlert-message,.MuiInputLabel-root,.MuiButton-contained {
+.MuiAlert-message,.MuiInputLabel-root,.MuiButton-contained,.MuiTypography-root {
     font-family: "OPPO Sans" !important;
 }
 
diff --git a/src/pages/notfound.tsx b/src/pages/notfound.tsx
index 28236f0..f33057f 100644
--- a/src/pages/notfound.tsx
+++ b/src/pages/notfound.tsx
@@ -1,42 +1,59 @@
-import { Box, Button, CssBaseline, Grid, Typography } from "@mui/material"
+import { Paper, Box, Button, CssBaseline, Grid, Typography } from "@mui/material"
 import { ThemeProvider } from "@mui/material/styles"
 import { theme } from ".."
 import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline'
 import { useNavigate } from "react-router-dom"
+import "./custom.css"
 
 export const PageNotFound = () => {
     const navigate = useNavigate()
 
     return <ThemeProvider theme={theme}>
         <CssBaseline />
-        <Box style={{ 'minWidth': '100%', 'minHeight': '100%', 'display': 'flex' }}>
-            <Grid container direction="row" justifyContent="center" alignItems="center" spacing={3}>
-                <Grid item> 
-                    <ErrorOutlineIcon style={{width: '11rem', height: '11rem'}}/>
+        <div className="rootPanel">
+
+            <Box>
+                <Grid container direction="column" justifyContent="center" alignItems="center" spacing={1}>
+                    <Paper elevation={3} className="inlineBox">
+                        <Grid container direction="column" justifyContent="center" alignItems="center" spacing={3}>
+                            <Grid item><Grid container direction="row" alignItems="center">
+                                <ErrorOutlineIcon style={{
+                                    width: '3rem',
+                                    height: '3rem',
+                                    marginRight: '0.5rem'
+                                }}/>
+                                <Typography variant="h5">
+                                    Oops! 网页娘迷路了~
+                                </Typography>
+                            </Grid></Grid>
+
+                            <Grid item style={{
+                                color: "pink",
+                                lineHeight: "5px"
+                            }}>
+                                <Typography>
+                                    如果你看到这个页面，那大概率是你乱访问了一个不存在的地址。
+                                </Typography>
+                            </Grid>
+                            <Grid item>
+                                <Typography>
+                                    如果不是这样的，那可能是网页出现了Bug，请截图发送给开发者 Qumolama.d 以寻求帮助。
+                                </Typography>
+                            </Grid>
+                            <Grid item>
+                                <Button variant="contained" color="primary" onClick={() => { navigate('/') }}>
+                                    返回主页
+                                </Button>
+                            </Grid>
+                            <Grid item>
+                                <Button variant="contained" color="primary" href="https://t.me/qumolama" target="_blank">
+                                    找开发者击剑
+                                </Button>
+                            </Grid>
+                        </Grid>
+                    </Paper>
                 </Grid>
-
-                <Grid item style={{ 'maxWidth': '50%', 'maxHeight': '80%'}}> 
-                    <Grid container direction="column" justifyContent="center" alignItems="flex-start" spacing={1}>
-                        <Grid item>
-                            <Typography variant="h3">
-                                Oops! Page not found!
-                            </Typography>
-                        </Grid>
-
-                        <Grid item  style={{ 'maxWidth': '85%', 'maxHeight': '60%'}}>
-                            <Typography variant="body1" display="block" gutterBottom>
-                                您要访问的页面不存在！请确认您是不是瞎几把输入了个URL然后就访问。如果不是那就是出bug了，带上你访问的URL截图发给<strong> Lama </strong><div style={{'color': 'rgba(0,0,0,0)'}}>也解决不了</div>
-                            </Typography>
-                        </Grid>
-
-                        <Grid item>
-                            <Button variant="contained" color="primary" onClick={() => { navigate('/') }}>
-                                返回主页
-                            </Button>
-                        </Grid>
-                    </Grid>
-                </Grid>
-            </Grid>
-        </Box>
+            </Box>
+        </div>
     </ThemeProvider>
 }
\ No newline at end of file