fix: 避免横向滚动条

src/components/ArticleContainer.astro

@@ -9,7 +9,7 @@ export interface Props {
 const { className = "", dataPagefindBody = true } = Astro.props;
 ---
 
-<article class={`${className}`} data-pagefind-body={dataPagefindBody}>
+<article class="mx-auto max-w-3xl overflow-x-hidden px-4">
 	<slot />
 
 	<div class="mt-8 border-t pt-4">

src/components/BaseHead.astro

@@ -121,3 +121,18 @@ const socialImageURL = new URL(ogImage ? ogImage : "/social-card.png", Astro.url
 </script>
 
 <meta content={Astro.generator} name="generator" />
+
+<style is:global>
+	html,
+	body {
+		overflow-x: hidden;
+		width: 100%;
+		position: relative;
+	}
+
+	/* 确保所有图片不会溢出容器 */
+	img {
+		max-width: 100%;
+		height: auto;
+	}
+</style>

src/components/ShareButtons.astro

@@ -15,7 +15,7 @@ const shareButtons = [
 ];
 ---
 
-<div class="share-buttons flex gap-2">
+<div class="flex flex-wrap items-center gap-2">
 	{
 		shareButtons.map((button) => (
 			<button