diff --git a/components/HorizontalBanner.tsx b/components/HorizontalBanner.tsx
index 6364ae7..99c5e4d 100644
--- a/components/HorizontalBanner.tsx
+++ b/components/HorizontalBanner.tsx
@@ -26,26 +26,28 @@ export default function HorizontalBanner() {
   }
 
   return (
-    <div className="w-full bg-gray-100">
-      {/* 横向 Banner - 7:1 比例 */}
-      <a 
-        href={getAdLink()}
-        target="_blank"
-        rel="noopener noreferrer"
-        className="block relative w-full bg-gray-200 overflow-hidden hover:opacity-90 transition-opacity duration-300 cursor-pointer"
-        style={{
-          aspectRatio: '7/1'
-        }}
-      >
-        {/* 实际广告图片 */}
-        <Image 
-          src="/banner.png"
-          alt="横幅广告"
-          fill
-          className="object-cover"
-          priority
-        />
-      </a>
+    <div className="w-full bg-gray-100 py-2">
+      <div className="max-w-4xl mx-auto px-4">
+        {/* 横向 Banner - 7:1 比例 */}
+        <a 
+          href={getAdLink()}
+          target="_blank"
+          rel="noopener noreferrer"
+          className="block relative w-full bg-gray-200 overflow-hidden hover:opacity-90 transition-opacity duration-300 cursor-pointer rounded-lg shadow-sm"
+          style={{
+            aspectRatio: '7/1'
+          }}
+        >
+          {/* 实际广告图片 */}
+          <Image 
+            src="/banner.png"
+            alt="横幅广告"
+            fill
+            className="object-cover"
+            priority
+          />
+        </a>
+      </div>
     </div>
   );
 }
\ No newline at end of file
diff --git a/public/banner.png b/public/banner.png
new file mode 100644
index 0000000..fbfecd9
Binary files /dev/null and b/public/banner.png differ
diff --git a/public/mainpage.png b/public/mainpage.png
new file mode 100644
index 0000000..bf647c7
Binary files /dev/null and b/public/mainpage.png differ