Widen native pages and about article layout

src/pages/about.astro

@@ -5,11 +5,10 @@ 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">
+    <article class="article page-article native-page-article about-page-article">
       <div class="prose">
         <p>
           你好，我是 Bi。这个博客主要用来保存技术实践、生活片段和那些一时半会儿不想让它们散掉的想法。
@@ -43,4 +42,5 @@ import { siteConfig } from '../../site.config.mjs';
         </p>
       </div>
     </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);