feat(pages): 五页型落地——首页/文章双模板/图库 masonry/瞬间/关于

- 首页：名片+身份陈述空槽+按年分组分轨列表（情绪色/mono标签）+影像格+项目墙
- 文章 /archives/{slug}（与 Halo 旧 URL 1:1）：reading→衬线纸墨 / tech→
  TOC 侧栏(≥1120 sticky)+2px 进度条+Artalk 容器占位
- 图库：grid masonry（构建期 aspect-ratio 零 JS）+原生 dialog lightbox
  （←→/Esc+EXIF 底栏）+分组筛选
- 瞬间时间线 / 关于（三轨版图+构建说明）
- sharp ^0.35.5 入依赖（Astro 7 不内置，astro:assets 缩略图管线前提）
- 裸 blockquote 默认吃 A 墨线样式（markdown 原生输出无类名的缝隙）
- 车道 30min 超时，产物完整，主会话补 sharp+断言脚本递归修正后收编

验证: pnpm astro build exit 0（7 页）；五路由产物断言过；
      scripts/check-responsive.sh 11/11 ok（1120/820/760/560 全档）

Spec: 2026-10-24_add-blog-skeleton
Co-authored-by: GLM-5.3

src/components/IdCard.astro

@@ -0,0 +1,27 @@
+---
+// 名片区（首页/关于共用）：渐变头像占位 + 称呼；图标行等内容由使用页经 slot 注入
+import Avatar from './Avatar.astro';
+---
+
+<div class="idcard">
+  <Avatar />
+  <div class="idcard-main">
+    <p class="idcard-name">wait4x</p>
+    <!-- 身份陈述：用户后续撰写（一句话自我介绍，落在称呼下方） -->
+    <slot />
+  </div>
+</div>
+
+<style>
+  .idcard {
+    display: flex;
+    align-items: center;
+    gap: var(--space-4);
+    margin-block: var(--space-5);
+  }
+  .idcard-name {
+    font-size: 21px;
+    font-weight: 700;
+    color: var(--ink-1);
+  }
+</style>