diff --git a/app/page.jsx b/app/page.jsx
index 2c4d36e..269ac0e 100644
--- a/app/page.jsx
+++ b/app/page.jsx
@@ -38,12 +38,10 @@ export default function Page() {
         <>
           <section className="wrapper">
             <Hero />
-            {/* /.swiper-container */}
           </section>
-          <section className="wrapper !bg-[#ffffff] ">
-            <div className="w-full">
+          <section className="w-full xl:w-10/12 xl:mx-auto">
             <SwiperItems />
-            </div>
+            <CategoryItems /> 
           </section>
         </>
       </div>{" "}
diff --git a/components/homes/home-15/CategoryItems.jsx b/components/homes/home-15/CategoryItems.jsx
index 616507d..bc020f7 100644
--- a/components/homes/home-15/CategoryItems.jsx
+++ b/components/homes/home-15/CategoryItems.jsx
@@ -197,7 +197,7 @@ export default function CategoryItems() {
                 {/* 文字内容 */}
                 <div className="card-body flex-[1_1_auto] p-[40px] xl:!p-[2rem_2.5rem_1.25rem] lg:!p-[2rem_2.5rem_1.25rem] md:!p-[2rem_2.5rem_1.25rem] max-md:pb-4">
                   <div className="post-header !mb-[.9rem]">
-                    <div className="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
+                    <div className="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#1fc76f]">
                     {post.additional_title}
                     </div>
                     <h2 className="post-title !mt-1 !leading-[1.35] !mb-0 text-base md:!text-[0.85rem]">
diff --git a/components/homes/home-15/SwiperItems.jsx b/components/homes/home-15/SwiperItems.jsx
index eb3c6b5..faea41c 100644
--- a/components/homes/home-15/SwiperItems.jsx
+++ b/components/homes/home-15/SwiperItems.jsx
@@ -169,7 +169,7 @@ export default function SwiperItems(props) {
   }
 
   return (
-    <div className="xl:w-10/12 lg:w-10/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto my-[150px]">
+    <div className="w-full max-w-full mx-auto my-[150px] px-4 sm:px-6 md:px-8 xl:w-10/12 xl:px-0">
       {/* 新增模块标题和副标题显示 */}
       {(title || subtitle) && (
         <div className="relative z-20 text-center mb-10 select-text">
@@ -185,9 +185,9 @@ export default function SwiperItems(props) {
         ) : (
           <div className="relative">
             <Swiper
-              className="swiper"
+              className="swiper w-full"
               modules={[Navigation, Pagination, Grid]}
-              spaceBetween={30}
+              spaceBetween={16}
               slidesPerView={columns}
               slidesPerGroup={columns * rows}
               grid={{ rows }}
@@ -226,19 +226,19 @@ export default function SwiperItems(props) {
                       {/* 文字内容 */}
                       <div className="card-body flex-[1_1_auto] p-[40px] xl:!p-[2rem_2.5rem_1.25rem] lg:!p-[2rem_2.5rem_1.25rem] md:!p-[2rem_2.5rem_1.25rem] max-md:pb-4">
                         <div className="post-header !mb-[.9rem]">
-                          <div className="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
+                          <div className="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#1fc76f]">
                             {post.additional_title || ""}
                           </div>
-                          <h2 className="post-title !mt-1 !leading-[1.35] !mb-0">
+                          <h2 className="post-title !mt-1 !leading-[1.35] !mb-0 text-base md:!text-[0.85rem]">
                             <Link
-                              className="!text-[#343f52] hover:!text-[#3f78e0]"
+                              className="!text-[#333333] hover:!text-[#1fc76f]"
                               href={post.slug ? `/${category_slug}/${post.slug}` : "#"}
                             >
                               {post.title}
                             </Link>
                           </h2>
                         </div>
-                        <div className="!relative">
+                        <div className="!relative !text-[0.7rem]">
                           <p>{getSummary(post.subtitle)}</p>
                         </div>
                       </div>
diff --git a/public/assets/custom.css b/public/assets/custom.css
index 2535d42..bbdc9e5 100644
--- a/public/assets/custom.css
+++ b/public/assets/custom.css
@@ -518,3 +518,7 @@ html {
   box-shadow: none !important;
   background: #ffffff !important;
 }
+
+html, body {
+  overflow-x: hidden;
+}
\ No newline at end of file