diff --git a/themes/fukasawa/components/BlogListPage.js b/themes/fukasawa/components/BlogListPage.js
index a418ff47..04ef2b47 100644
--- a/themes/fukasawa/components/BlogListPage.js
+++ b/themes/fukasawa/components/BlogListPage.js
@@ -20,6 +20,8 @@ const BlogListPage = ({ page = 1, posts = [], postCount }) => {
   function updateCol() {
     if (window.outerWidth > 1200) {
       changeCol(3)
+    } else if (window.outerWidth > 900) {
+      changeCol(2)
     } else {
       changeCol(1)
     }
diff --git a/themes/hexo/LayoutBase.js b/themes/hexo/LayoutBase.js
index 6d78abee..d7fdbf2b 100644
--- a/themes/hexo/LayoutBase.js
+++ b/themes/hexo/LayoutBase.js
@@ -59,12 +59,12 @@ const LayoutBase = props => {
 
       {headerSlot}
 
-      <main id="wrapper" className="w-full py-8 min-h-screen">
+      <main id="wrapper" className="w-full py-8 md:px-8 xl:px-24 min-h-screen">
         <div
           id="container-inner"
           className="pt-14 w-full mx-auto lg:flex justify-center lg:space-x-4"
         >
-          <div className="flex-grow w-full lg:max-w-4xl">
+          <div className="flex-grow w-full">
             {onLoading ? <LoadingCover /> : children}
           </div>
 
diff --git a/themes/hexo/LayoutSlug.js b/themes/hexo/LayoutSlug.js
index ee3143cf..e914a191 100644
--- a/themes/hexo/LayoutSlug.js
+++ b/themes/hexo/LayoutSlug.js
@@ -54,7 +54,7 @@ export const LayoutSlug = props => {
       <div className="w-full lg:shadow-sm lg:hover:shadow lg:border lg:rounded-xl lg:px-2 lg:py-4 bg-white dark:bg-hexo-black-gray dark:border-black">
         {lock && <ArticleLock password={post.password} validPassword={validPassword} />}
 
-        {!lock && <div id="container" className="max-w-5xl overflow-x-auto flex-grow mx-auto md:w-full md:px-5 ">
+        {!lock && <div id="container" className="overflow-x-auto flex-grow mx-auto md:w-full md:px-5 ">
 
           <article itemScope itemType="https://schema.org/Movie" className="subpixel-antialiased" >
             {/* Notion文章主体 */}
diff --git a/themes/hexo/components/BlogPostCard.js b/themes/hexo/components/BlogPostCard.js
index ea95f425..a11af155 100644
--- a/themes/hexo/components/BlogPostCard.js
+++ b/themes/hexo/components/BlogPostCard.js
@@ -85,7 +85,7 @@ const BlogPostCard = ({ post, showSummary }) => {
               <img
                 src={post?.page_cover}
                 alt={post.title}
-                className="hover:scale-125 rounded-t-xl lg:rounded-r-xl lg:rounded-t-none transform object-cover duration-500"
+                className="max-h-52 lg:max-h-72 w-full hover:scale-125 rounded-t-xl lg:rounded-r-xl lg:rounded-t-none transform object-cover duration-500"
               />
               {/* <Image className='hover:scale-125 rounded-t-xl lg:rounded-r-xl lg:rounded-t-none transform duration-500' src={post?.page_cover} alt={post.title} layout='fill' objectFit='cover' loading='lazy' /> */}
             </div>