From c1059820de81fddc77dcbfb0516f69344538c0f4 Mon Sep 17 00:00:00 2001
From: toom1996 <23cm.cn@gmail.com>
Date: Sun, 25 Oct 2026 00:42:52 +0800
Subject: [PATCH] =?UTF-8?q?fix(layout):=20=E9=A1=B5=E8=84=9A=E9=BB=91?=
 =?UTF-8?q?=E5=BA=95=E9=93=BA=E6=BB=A1=E8=A7=86=E5=8F=A3=EF=BC=8C=E6=96=87?=
 =?UTF-8?q?=E5=AD=97=E4=BF=9D=E7=95=99=E5=8E=9F=E7=BC=A9=E8=BF=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

body 上的 px/py 会向内缩进子元素，页脚因此四周露白边。
用等量负边距让黑底贴到视口边缘，再在内层把缩进补回来
（移动 20+20=40 → px-10；桌面 50+40=90 → md:px-[90px]），
文字位置与改动前完全一致。
---
 src/layouts/Layout.astro | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 1ea43fe..7a16ae8 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -273,7 +273,10 @@ const headers = {
 			<slot />
 		</div>
 
-		<footer class="relative z-[1] mt-20 w-full bg-black font-sans text-white">
+		{/* 黑色页脚要贴到视口左右与底部边缘：body 上有 px-5 py-5 md:px-[50px] md:py-[30px]，
+		    子元素默认会缩进这层 padding；这里用等量负外边距抵消（与上方 marquee 同一手法）。
+		    注意不能加 w-full：width:100% + 负 margin-left 会让右边少 20px，只能靠 auto 宽度撑满。 */}
+		<footer class="relative z-[1] mt-20 -mx-5 -mb-5 bg-black font-sans text-white md:-mx-[50px] md:-mb-[30px]">
       <script>
         import { getUser } from "@/lib/auth"
         import type { AuthUser } from "@/lib/auth"
@@ -371,7 +374,10 @@ const headers = {
         })
       </script>
       {/* 页脚主体：黑底反白，作为整页收尾（沿用全站直角 / 粗线 / 宽字距语言） */}
-      <div class="mx-auto w-full max-w-[1400px] px-5 py-14 md:px-10 md:py-20">
+      {/* 黑底已用负边距铺到视口边缘，内层补回被抵消的那层缩进，让文字位置与改动前完全一致：
+            移动端 body 20 + 原 footer 20 = 40 → px-10
+            桌面   body 50 + 原 footer 40 = 90 → md:px-[90px] */}
+      <div class="mx-auto w-full max-w-[1400px] px-10 py-14 md:px-[90px] md:py-20">
         <div class="grid grid-cols-1 gap-12 md:grid-cols-12 md:gap-8">
 
           {/* 品牌 */}