From c5889f960b94a70c61b7c31d13e3e4be4cacaaf8 Mon Sep 17 00:00:00 2001
From: wait4xx <X@alumni.nudt.edu.cn>
Date: Wed, 4 Nov 2026 23:49:17 +0800
Subject: [PATCH] =?UTF-8?q?style(about):=20=E6=96=B9=E6=A1=88=20A=20?=
 =?UTF-8?q?=E5=A4=8D=E6=A0=B8=E6=B6=A6=E8=89=B2=EF=BC=88=E5=90=8D=E7=89=87?=
 =?UTF-8?q?=E7=95=99=E7=99=BD=20+=20=E9=93=BE=E6=8E=A5=20hover=20=E7=AE=AD?=
 =?UTF-8?q?=E5=A4=B4=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

验证: pnpm astro build exit 0；dist/about/index.html 含 .about-id 包裹

Spec: none (已上线方案的复核润色)

Co-authored-by: GLM-5.3
---
 src/components/pages/AboutPage.astro | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/AboutPage.astro b/src/components/pages/AboutPage.astro
index 18aa6f8..158b824 100644
--- a/src/components/pages/AboutPage.astro
+++ b/src/components/pages/AboutPage.astro
@@ -31,7 +31,11 @@ const typo = await pageTypography('siteAbout', 'about');
   <div class={typo.className || undefined} style={typo.style || undefined}>
   {docHtml ? (
     <>
-      {showIdCard && <IdCard />}
+      {showIdCard && (
+        <div class="about-id">
+          <IdCard />
+        </div>
+      )}
       <article class="about-doc rich" set:html={docHtml} />
     </>
   ) : blocks.length > 0 ? (
@@ -178,4 +182,9 @@ const typo = await pageTypography('siteAbout', 'about');
     margin: var(--space-6) 0 var(--space-3);
   }
   .about-doc :global(p) { line-height: 1.85; }
+  .about-id { margin-bottom: var(--space-6); }
+  .about-doc :global(li a) { transition: color var(--dur) var(--ease); }
+  .about-doc :global(li a)::after { content: ' ↗'; opacity: 0; transition: opacity var(--dur) var(--ease); }
+  .about-doc :global(li a:hover)::after { opacity: 0.7; }
+  .about-doc :global(li a:hover) { color: var(--accent); }
 </style>