chore: update files

Author: SWHL

README.md

@@ -56,7 +56,9 @@ npm test
 - 仓库已忽略 `node_modules/`、`dist/`、`.astro/` 等本地输出目录
 - 核心数据和页面内容都带构建期校验
 - 当前单元测试覆盖内容文件顺序、关键静态路由文件存在性，以及 GitHub 项目合并顺序这几类关键逻辑
-- 站点支持 `light`、`dark`、`system` 三种主题模式，浏览器会记住上次选择
+- 站点支持 `light`、`dark`、`system` 三种主题模式，当前默认模式为 `system`
+- 主题切换会记住用户选择；当默认策略升级时，会自动迁移一次本地主题偏好
+- 顶部标题栏为固定定位，页面滚动偏移已经在样式层统一处理
 
 ## 目录结构
 
@@ -185,6 +187,7 @@ tests/             Node 内置测试
 - `/research` 会展示论文预览，并链接到完整论文页
 - 每篇论文都支持独立详情页：`/publications/[slug]`
 - 论文条目按内容文件名顺序展示
+- 论文详情页依赖 `src/pages/publications/[slug].astro`，不要误删该静态路由文件
 
 ### 博客
 
@@ -200,6 +203,7 @@ tests/             Node 内置测试
 - 博客列表按照内容文件名顺序展示，不再按日期自动重排
 - 如果需要调整展示顺序，直接调整文件命名顺序即可
 - frontmatter 中 `coverDark` 为可选字段，用于给深色模式提供独立封面图
+- `/blog`、`/blog/[slug]` 和 `/blog/page/[page]` 都是静态页面，缺少对应路由文件会直接导致构建后页面缺失
 
 ### 动态
 
@@ -252,6 +256,13 @@ tests/             Node 内置测试
 - 改卡片、成员卡、项目卡、博客卡、分页，优先看 `cards.css`
 - 改研究院、论文、页脚、Markdown 正文，优先看 `pages.css`
 - 改断点和移动端样式，优先看 `responsive.css`
+- 改浅色 / 深色模式、主题对比度、标签和链接色，优先看 `theme.css`
+
+补充说明：
+
+- 当前浅色模式已经收敛到“接近 GitHub 的高对比白底 + 保留少量灰蓝气质”的方向
+- 站点整体采用扁平风格，圆角、阴影和 hover 动效都被刻意压低
+- 固定标题栏高度使用 `--site-header-offset` 管理，跨断点同步在 `foundation.css` 和 `responsive.css` 中维护
 
 ## 常见操作
 
@@ -309,6 +320,12 @@ links:
 
 在 `src/content/blog/` 下新增 Markdown 文件，参考现有 frontmatter。
 
+说明：
+
+- 列表页、详情页和分页页都已经接回静态路由
+- 如果博客发布后出现 404，优先先检查 `src/pages/blog/index.astro`、`src/pages/blog/[slug].astro`、`src/pages/blog/page/[page].astro` 是否仍然存在
+- 站内链接统一通过 `withBase()` 生成，并会为静态目录页补上尾部 `/`
+
 ### 新增一条动态
 
 在 `src/content/updates/` 下新增 Markdown 文件。
@@ -351,3 +368,9 @@ npm run build
 ```
 
 如果这两步都通过，再手动快速检查一次首页、博客、动态、研究院的移动端布局即可。
+
+额外建议：
+
+- 浅色模式下至少检查一次首页、项目页、博客页，确认文字对比度和标签可读性
+- 检查固定标题栏是否遮挡页面首屏内容和锚点跳转位置
+- 检查 `/blog/`、博客详情页和论文详情页是否都在构建产物中生成

src/styles/cards.css

@@ -12,7 +12,7 @@
 .stat-card,
 .timeline-item,
 .page-hero-panel {
-  padding: 1.45rem;
+  padding: 1.32rem;
   border-radius: 28px;
 }
 
@@ -41,7 +41,7 @@
   align-items: center;
   justify-content: space-between;
   gap: 0.75rem;
-  margin-top: 1.2rem;
+  margin-top: 1rem;
   color: var(--muted);
   font-size: 0.92rem;
   flex-wrap: wrap;
@@ -69,7 +69,7 @@
 }
 
 .project-mark {
-  margin: 1.1rem 0 1.2rem;
+  margin: 0.9rem 0 1rem;
   color: rgba(255, 255, 255, 0.28);
   font-size: 0.92rem;
   letter-spacing: 0.12em;
@@ -100,7 +100,7 @@
   align-items: center;
   justify-content: space-between;
   gap: 0.75rem;
-  margin-bottom: 0.85rem;
+  margin-bottom: 0.72rem;
 }
 
 .member-badges {
@@ -116,7 +116,7 @@
   align-items: baseline;
   justify-content: space-between;
   gap: 0.75rem;
-  margin-bottom: 0.45rem;
+  margin-bottom: 0.36rem;
 }
 
 .member-title-row h3 {
@@ -151,31 +151,31 @@
 }
 
 .member-meta {
-  margin-top: 0.95rem;
-  padding-top: 0.85rem;
+  margin-top: 0.82rem;
+  padding-top: 0.72rem;
   border-top: 1px solid rgba(255, 255, 255, 0.08);
 }
 
 .member-groups {
   display: grid;
-  gap: 2rem;
+  gap: 1.7rem;
 }
 
 .member-group-section {
   display: grid;
-  gap: 1rem;
+  gap: 0.85rem;
 }
 
 .member-group-head {
   max-width: 720px;
 }
 
 .member-group-head .card-tag {
-  margin-bottom: 0.9rem;
+  margin-bottom: 0.72rem;
 }
 
 .member-group-head h3 {
-  margin-bottom: 0.55rem;
+  margin-bottom: 0.44rem;
 }
 
 .member-group-head p {
@@ -197,7 +197,7 @@
 }
 
 .join-card-image {
-  margin-top: 1rem;
+  margin-top: 0.85rem;
   overflow: hidden;
   border: 1px solid var(--line);
   border-radius: 22px;
@@ -226,7 +226,7 @@
 }
 
 .blog-card-body {
-  padding: 1.25rem 1.4rem 1.4rem;
+  padding: 1.12rem 1.24rem 1.22rem;
 }
 
 .blog-cover {

src/styles/hero.css

@@ -2,19 +2,19 @@
 .page-hero {
   display: grid;
   grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
-  gap: 2rem;
+  gap: 1.8rem;
   align-items: center;
 }
 
 .hero {
   position: relative;
   grid-template-columns: minmax(0, 1fr);
   justify-items: center;
-  padding: 7.2rem 0 4.4rem;
+  padding: 6.7rem 0 4rem;
 }
 
 .page-hero {
-  padding: 4.8rem 0 1.8rem;
+  padding: 4.35rem 0 1.5rem;
 }
 
 .page-hero-single {
@@ -47,7 +47,7 @@
 }
 
 .eyebrow {
-  margin: 0 0 1rem;
+  margin: 0 0 0.82rem;
   color: var(--cyan);
   text-transform: uppercase;
   letter-spacing: 0.2em;
@@ -63,7 +63,7 @@ p {
 }
 
 h1 {
-  margin-bottom: 1rem;
+  margin-bottom: 0.86rem;
   font-size: clamp(2.4rem, 4.8vw, 4rem);
   line-height: 1.02;
   letter-spacing: -0.05em;
@@ -85,9 +85,9 @@ h1 {
 }
 
 h2 {
-  margin-bottom: 0.8rem;
+  margin-bottom: 0.66rem;
   font-size: clamp(1.35rem, 2.1vw, 1.95rem);
-  line-height: 1.14;
+  line-height: 1.12;
   letter-spacing: -0.028em;
 }
 
@@ -107,7 +107,7 @@ h3 {
 .signal-card p {
   color: var(--muted);
   font-size: 1rem;
-  line-height: 1.62;
+  line-height: 1.58;
 }
 
 .hero-description {
@@ -122,7 +122,7 @@ h3 {
   flex-wrap: wrap;
   gap: 0.9rem;
   justify-content: center;
-  margin-top: 2.2rem;
+  margin-top: 1.85rem;
 }
 
 .hero-actions .button {
@@ -134,7 +134,7 @@ h3 {
   flex-wrap: wrap;
   justify-content: center;
   gap: 0.75rem;
-  margin-top: 1.25rem;
+  margin-top: 1rem;
 }
 
 .hero-badges span,
@@ -316,16 +316,16 @@ h3 {
 }
 
 .content-section {
-  padding: 2rem 0 4rem;
+  padding: 1.8rem 0 3.6rem;
 }
 
 .content-band {
-  padding-top: 0.6rem;
+  padding-top: 0.45rem;
 }
 
 .section-intro {
   max-width: 1080px;
-  margin-bottom: 1.8rem;
+  margin-bottom: 1.45rem;
 }
 
 .section-intro-wide {
@@ -335,7 +335,7 @@ h3 {
 .section-actions {
   display: flex;
   justify-content: flex-start;
-  margin: -0.35rem 0 1.6rem;
+  margin: -0.2rem 0 1.35rem;
 }
 
 .section-actions-dual {

src/styles/pages.css

@@ -5,7 +5,7 @@
 }
 
 .research-feature {
-  padding: 2rem;
+  padding: 1.8rem;
   border: 1px solid var(--line);
   border-radius: 30px;
   background:
@@ -17,7 +17,7 @@
 .research-actions {
   justify-content: flex-start;
   gap: 1rem;
-  margin-top: 1.35rem;
+  margin-top: 1.15rem;
 }
 
 .research-actions .button {
@@ -29,7 +29,7 @@
   align-items: center;
   gap: 0.8rem;
   flex-wrap: wrap;
-  margin-top: 1.35rem;
+  margin-top: 1.1rem;
 }
 
 .research-sidecards {
@@ -121,7 +121,7 @@
   align-items: center;
   gap: 0.75rem;
   flex-wrap: wrap;
-  margin-bottom: 1rem;
+  margin-bottom: 0.82rem;
 }
 
 .publication-venue {
@@ -136,7 +136,7 @@
 }
 
 .publication-authors {
-  margin-bottom: 0.85rem;
+  margin-bottom: 0.72rem;
   color: var(--muted-strong);
   font-size: 0.95rem;
   line-height: 1.6;
@@ -147,7 +147,7 @@
   flex-wrap: wrap;
   gap: 0.75rem;
   margin-top: auto;
-  padding-top: 1rem;
+  padding-top: 0.82rem;
 }
 
 .publication-link {
@@ -157,12 +157,12 @@
 .publication-archive {
   display: grid;
   gap: 2rem;
-  margin-top: 2rem;
+  margin-top: 1.6rem;
 }
 
 .publication-year-group {
   display: grid;
-  gap: 1rem;
+  gap: 0.82rem;
 }
 
 .publication-year-head {
@@ -187,7 +187,7 @@
 .publication-detail-main {
   max-width: 1120px;
   display: grid;
-  gap: 0.85rem;
+  gap: 0.72rem;
 }
 
 .publication-backlink {