diff --git a/.env.local b/.env.local
index dac45ac8..f8b077a7 100644
--- a/.env.local
+++ b/.env.local
@@ -1,2 +1,3 @@
 # 环境变量 @see https://www.nextjs.cn/docs/basic-features/environment-variables
-NEXT_PUBLIC_VERSION=3.5.0
\ No newline at end of file
+NEXT_PUBLIC_VERSION=3.5.0
+NOTION_PAGE_ID=bee1fccfa3bd47a1a7be83cc71372d83
\ No newline at end of file
diff --git a/styles/globals.css b/styles/globals.css
index e5eda977..7899bd3d 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -124,7 +124,7 @@ nav {
 
 
 .glassmorphism{
-  background: hsla(0, 0%, 100%, .75);
+  background: hsla(0, 0%, 100%, .05);
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
 }
diff --git a/themes/hexo/LayoutBase.js b/themes/hexo/LayoutBase.js
index ff45d646..537f0fad 100644
--- a/themes/hexo/LayoutBase.js
+++ b/themes/hexo/LayoutBase.js
@@ -64,7 +64,7 @@ const LayoutBase = props => {
           id="container-inner"
           className="pt-14 w-full mx-auto lg:flex lg:space-x-4 justify-center"
         >
-          <div className="w-full max-w-4xl">
+          <div className="w-full max-w-4xl overflow-x-hidden">
             {onLoading ? <LoadingCover /> : children}
           </div>
           <SideRight {...props} slot={rightAreaSlot} />
diff --git a/themes/hexo/components/HeaderArticle.js b/themes/hexo/components/HeaderArticle.js
index fb730263..7cfe1d30 100644
--- a/themes/hexo/components/HeaderArticle.js
+++ b/themes/hexo/components/HeaderArticle.js
@@ -24,7 +24,7 @@ export default function HeaderArticle({ post, siteInfo }) {
       <header className="animate__slideInDown animate__animated bg-black bg-opacity-70 absolute top-0 w-full h-96 py-10 flex justify-center items-center font-sans">
         <div className='mt-24'>
           {/* 文章Title */}
-          <div className="font-bold text-xl shadow-text flex justify-center text-white dark:text-white font-sans">
+          <div className="font-bold text-xl shadow-text flex justify-center text-center text-white dark:text-white font-sans">
             {post.title}
           </div>
 
diff --git a/themes/hexo/components/NavButtonGroup.js b/themes/hexo/components/NavButtonGroup.js
index 8b2aba3e..fc82afe0 100644
--- a/themes/hexo/components/NavButtonGroup.js
+++ b/themes/hexo/components/NavButtonGroup.js
@@ -10,10 +10,10 @@ import Link from 'next/link'
 const NavButtonGroup = (props) => {
   const { categories } = props
 
-  return <nav id='home-nav-button' style={{ lineHeight: '100px' }} className={'md:h-52 md:mt-32 px-5 mt-12 flex flex-wrap m-0 md:max-w-5xl md:space-x-12 space-y-2 md:space-y-0 md:flex justify-center'}>
+  return <nav id='home-nav-button' className={'md:h-52 md:mt-6 xl:mt-32 px-5 mt-8 flex flex-wrap md:max-w-5xl space-y-2 md:space-y-0 md:flex justify-center max-h-80 overflow-auto'}>
     {categories.map(category => {
       return <Link key={`${category.name}`} title={`${category.name}`} href={`/category/${category.name}`} passHref>
-            <a className='text-center w-full md:w-40 md:h-20 h-14 justify-center items-center flex border-white border-2 cursor-pointer rounded-lg font-serif hover:bg-white hover:text-black duration-200 font-bold hover:scale-110 transform'>{category.name}</a>
+            <a className='text-center w-full md:mx-6 md:w-40 md:h-14 lg:h-20 h-14 justify-center items-center flex border-2 cursor-pointer rounded-lg glassmorphism font-serif hover:bg-white hover:text-black duration-200 font-bold hover:scale-110 transform'>{category.name}</a>
         </Link>
     })}
   </nav>