Widen native pages and about article layout

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>

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} />

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} />

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">

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="友情链接列表">

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">

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);