---
// 导航「文章」落点：全量归档列表（年份/轨道分节逻辑与首页共用 PostList）
import { getCollection } from 'astro:content';
import BaseLayout from '../../layouts/BaseLayout.astro';
import PostList from '../../components/PostList.astro';

const posts = (await getCollection('posts', ({ data }) => !data.draft && !data.tags.includes('hidden'))).sort(
  (a, b) => b.data.pubDate.getTime() - a.data.pubDate.getTime(),
);
---

<BaseLayout title="文章 · wait4x">
  <h1 class="page-title">文章</h1>
  <p class="page-note">按年份归档 · 轨道分节 · 共 {posts.length} 篇</p>
  <PostList {posts} />
</BaseLayout>

<style>
  .page-title {
    font-size: var(--text-h1);
    line-height: var(--leading-heading);
    color: var(--ink-1);
    margin-top: var(--space-5);
    text-wrap: balance;
  }
  .page-note {
    font-size: 13px;
    color: var(--ink-4);
    margin-block: var(--space-1) var(--space-4);
  }
</style>