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