From fe11c9a1cc40de1b0526f5b3ed2d61e15fc7b57d Mon Sep 17 00:00:00 2001
From: necobot <bot@mattuy.top>
Date: Sat, 25 Jul 2026 16:33:03 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=81=BF=E5=85=8D=E9=A1=B6=E9=83=A8?=
 =?UTF-8?q?=E6=96=87=E5=AD=97=E9=87=8D=E5=8F=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/style.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/style.css b/src/style.css
index 1622e9f..3662a8d 100644
--- a/src/style.css
+++ b/src/style.css
@@ -58,24 +58,26 @@ input:focus-visible {
 }
 
 .hero {
-  position: relative;
   display: grid;
   grid-template-columns: 1fr auto;
+  grid-template-rows: auto 1fr;
+  row-gap: clamp(20px, 3vw, 38px);
   min-height: 220px;
   padding: 22px 0 30px;
   border-top: 1px solid var(--ink);
 }
 
 .hero__index {
-  position: absolute;
-  top: 22px;
-  left: 0;
+  grid-column: 1 / -1;
+  grid-row: 1;
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
   font-size: 11px;
   letter-spacing: 0.14em;
 }
 
 .hero__content {
+  grid-column: 1;
+  grid-row: 2;
   align-self: end;
 }
 
@@ -98,6 +100,8 @@ input:focus-visible {
 }
 
 .hero__mark {
+  grid-column: 2;
+  grid-row: 2;
   align-self: end;
   padding-bottom: 2px;
   font-size: clamp(64px, 9vw, 124px);
-- 
2.52.0