From 7f18dc388e4eb8096f35a0faf6ff9d2846e05396 Mon Sep 17 00:00:00 2001
From: biss <bishsh2006@outlook.com>
Date: Sun, 19 Jul 2026 16:08:26 +0800
Subject: [PATCH] Widen native pages and about article layout

---
 src/pages/about.astro                | 68 ++++++++++++++--------------
 src/pages/archives/index.astro       |  2 +-
 src/pages/archives/page/[page].astro |  2 +-
 src/pages/categories/index.astro     |  2 +-
 src/pages/link.astro                 |  2 +-
 src/pages/tags/index.astro           |  2 +-
 src/styles/site/18-worklog.css       |  4 ++
 7 files changed, 43 insertions(+), 39 deletions(-)

diff --git a/src/pages/about.astro b/src/pages/about.astro
index fe10b46..8cd62f0 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -5,42 +5,42 @@ import { siteConfig } from '../../site.config.mjs';
 ---
 
 <BaseLayout title="关于" description={`关于 ${siteConfig.site.name} 和站长 ${siteConfig.author.name} 的简短介绍。`}>
-  <section class="content-wrap narrow page-with-card native-page">
+  <section class="content-wrap page-with-card native-page">
     <PageHeaderCard title="关于" subtitle="这里记录折腾、学习和一些普通日子的回声。" />
-  </section>
 
-  <article class="article page-article native-page-article">
-    <div class="prose">
-      <p>
-        你好，我是 Bi。这个博客主要用来保存技术实践、生活片段和那些一时半会儿不想让它们散掉的想法。
-      </p>
+    <article class="article page-article native-page-article about-page-article">
+      <div class="prose">
+        <p>
+          你好，我是 Bi。这个博客主要用来保存技术实践、生活片段和那些一时半会儿不想让它们散掉的想法。
+        </p>
 
-      <div class="native-feature-grid">
-        <section>
-          <i class="fa-solid fa-code" aria-hidden="true"></i>
-          <h2>技术笔记</h2>
-          <p>记录服务器、网络、开发环境、图像处理和一些实际踩坑过程。</p>
-        </section>
-        <section>
-          <i class="fa-regular fa-comments" aria-hidden="true"></i>
-          <h2>日常碎片</h2>
-          <p>把普通的一天、突然冒出来的灵感和一点点情绪留在这里。</p>
-        </section>
-        <section>
-          <i class="fa-solid fa-seedling" aria-hidden="true"></i>
-          <h2>持续生长</h2>
-          <p>网站本身也在慢慢迁移和重写，新的页面会逐步变成原生实现。</p>
-        </section>
+        <div class="native-feature-grid">
+          <section>
+            <i class="fa-solid fa-code" aria-hidden="true"></i>
+            <h2>技术笔记</h2>
+            <p>记录服务器、网络、开发环境、图像处理和一些实际踩坑过程。</p>
+          </section>
+          <section>
+            <i class="fa-regular fa-comments" aria-hidden="true"></i>
+            <h2>日常碎片</h2>
+            <p>把普通的一天、突然冒出来的灵感和一点点情绪留在这里。</p>
+          </section>
+          <section>
+            <i class="fa-solid fa-seedling" aria-hidden="true"></i>
+            <h2>持续生长</h2>
+            <p>网站本身也在慢慢迁移和重写，新的页面会逐步变成原生实现。</p>
+          </section>
+        </div>
+
+        <h2>联系</h2>
+        <p>
+          如果你想交流文章内容、友链或网站相关问题，可以通过
+          <a href={`mailto:${siteConfig.author.email}`}>{siteConfig.author.email}</a>
+          联系我，也可以去
+          <a href={siteConfig.author.github} target="_blank" rel="noreferrer">GitHub</a>
+          找到我。
+        </p>
       </div>
-
-      <h2>联系</h2>
-      <p>
-        如果你想交流文章内容、友链或网站相关问题，可以通过
-        <a href={`mailto:${siteConfig.author.email}`}>{siteConfig.author.email}</a>
-        联系我，也可以去
-        <a href={siteConfig.author.github} target="_blank" rel="noreferrer">GitHub</a>
-        找到我。
-      </p>
-    </div>
-  </article>
+    </article>
+  </section>
 </BaseLayout>
diff --git a/src/pages/archives/index.astro b/src/pages/archives/index.astro
index 5f7f113..ab62e30 100644
--- a/src/pages/archives/index.astro
+++ b/src/pages/archives/index.astro
@@ -19,7 +19,7 @@ const archiveStats = [...posts.reduce((months, post) => {
 ---
 
 <BaseLayout title="归档">
-  <section class="content-wrap narrow">
+  <section class="content-wrap">
     <PageHeaderCard title="归档" subtitle={`共 ${posts.length} 篇文章`} />
     <StatsChart title="归档发布趋势" subtitle="按月份统计文章发布数量" type="line" items={archiveStats} />
     <ArchiveTimeline posts={pageData.items} />
diff --git a/src/pages/archives/page/[page].astro b/src/pages/archives/page/[page].astro
index 8f33a50..b91171b 100644
--- a/src/pages/archives/page/[page].astro
+++ b/src/pages/archives/page/[page].astro
@@ -29,7 +29,7 @@ const archiveStats = [...posts.reduce((months, post) => {
 ---
 
 <BaseLayout title={`归档 - 第 ${pageData.currentPage} 页`}>
-  <section class="content-wrap narrow">
+  <section class="content-wrap">
     <PageHeaderCard title="归档" subtitle={`共 ${posts.length} 篇文章，第 ${pageData.currentPage} 页`} />
     <StatsChart title="归档发布趋势" subtitle="按月份统计文章发布数量" type="line" items={archiveStats} />
     <ArchiveTimeline posts={pageData.items} />
diff --git a/src/pages/categories/index.astro b/src/pages/categories/index.astro
index 7221664..3f187fd 100644
--- a/src/pages/categories/index.astro
+++ b/src/pages/categories/index.astro
@@ -32,7 +32,7 @@ const categoryChartSubtitle = [
 ---
 
 <BaseLayout title="分类">
-  <section class="content-wrap narrow">
+  <section class="content-wrap">
     <PageHeaderCard title="分类" subtitle={`共 ${categories.length} 个分类`} />
     <StatsChart title="分类归档统计" subtitle={categoryChartSubtitle} type="pie" items={categoryChartStats} totalLabel="次归档" />
     <div class="term-grid">
diff --git a/src/pages/link.astro b/src/pages/link.astro
index 1546866..1402a25 100644
--- a/src/pages/link.astro
+++ b/src/pages/link.astro
@@ -7,7 +7,7 @@ const friends = siteConfig.friends;
 ---
 
 <BaseLayout title="友情链接" description={`${siteConfig.site.name} 的友情链接页面。`}>
-  <section class="content-wrap narrow native-page">
+  <section class="content-wrap native-page">
     <PageHeaderCard title="友情链接" subtitle="把仍在发光的角落放在一起。" />
 
     <div class="friend-link-grid" aria-label="友情链接列表">
diff --git a/src/pages/tags/index.astro b/src/pages/tags/index.astro
index 80c490a..0c7d75a 100644
--- a/src/pages/tags/index.astro
+++ b/src/pages/tags/index.astro
@@ -14,7 +14,7 @@ const tagStats = tags.map((tag) => ({
 ---
 
 <BaseLayout title="标签">
-  <section class="content-wrap narrow">
+  <section class="content-wrap">
     <PageHeaderCard title="标签" subtitle={`共 ${tags.length} 个标签`} />
     <StatsChart title="标签文章统计" subtitle={`共 ${posts.length} 篇文章`} type="pie" items={tagStats} />
     <div class="term-grid">
diff --git a/src/styles/site/18-worklog.css b/src/styles/site/18-worklog.css
index 375ae0e..1eccaeb 100644
--- a/src/styles/site/18-worklog.css
+++ b/src/styles/site/18-worklog.css
@@ -693,6 +693,10 @@ select {
   gap: 38px;
 }
 
+.about-page-article {
+  width: 100%;
+}
+
 .article {
   border: 1px solid var(--line);
   border-top: 5px solid var(--accent);