Dark AI News 归档页面重新设计

Using REFERENCE_0 and REFERENCE_1 as the existing dark AI news website design, create a refreshed archive page UI while preserving the same brand, Japanese typography, dark theme, logo, top navigation, and footer identity. Set the active top navigation item to {argument name="active navigation" default="アーカイブ"} with a subtle yellow underline. Replace the simple list layout with a polished modern archive interface: add a large bordered hero card titled {argument name="page title" default="アーカイブ"}, with a small yellow icon label {argument name="eyebrow label" default="すべての記事"}, a short intro sentence, and a decorative golden eclipse/planet glow graphic on the right side of the hero. Below it, add a search bar and two compact dropdown controls for period and sort order. Add exactly 8 category filter pills labeled: すべて, Claude, OpenAI, Google, Agents, ツール, ニュース, 研究, その他, with すべて highlighted in yellow. Transform the article list into a timeline grouped by month with exactly 2 month sections: 2026年5月 containing 3 article rows, and 2026年4月 containing 2 article rows. Each row should show a date, a small yellow timeline dot, a bold Japanese article title, a one-line summary, 3 tag chips on the right, and a chevron arrow. Use the visible article titles from the references where appropriate, plus archive-like additional titles. Add bottom pagination with exactly 6 controls: previous arrow, 1 highlighted, 2, 3, ellipsis, 24, next arrow. Keep the page centered with generous spacing, thin borders, subtle gradients, glassy cards, and perfect readable Japanese text rendering.

以 REFERENCE_0 和 REFERENCE_1 作为现有的深色 AI 新闻网站设计参考，在保持品牌、日语排版、深色主题、Logo、顶部导航和页脚标识一致的前提下，创建一个焕然一新的归档页面 UI。将当前激活的顶部导航项设置为 {argument name="active navigation" default="アーカイブ"}，并添加一条细微的黄色下划线。将简单的列表布局替换为精致的现代归档界面：添加一个带有边框的大型 Hero 卡片，标题为 {argument name="page title" default="アーカイブ"}，配有一个黄色的小图标标签 {argument name="eyebrow label" default="すべての記事"}、一段简短的介绍语，并在 Hero 卡片右侧添加一个装饰性的金色日食/行星发光图形。在下方添加一个搜索栏以及两个用于选择时间段和排序方式的紧凑型下拉菜单。添加 8 个分类筛选标签：すべて、Claude、OpenAI、Google、Agents、ツール、ニュース、研究、その他，并将“すべて”以黄色高亮显示。将文章列表转换为按月份分组的时间轴，包含 2 个月份板块：2026 年 5 月包含 3 行文章，2026 年 4 月包含 2 行文章。每一行应显示日期、一个黄色的小时间轴圆点、加粗的日语文章标题、一行摘要、右侧的 3 个标签块以及一个箭头图标。在适当位置使用参考资料中可见的文章标题，并补充类似归档页面的额外标题。在底部添加分页控件，包含 6 个元素：上一页箭头、高亮的 1、2、3、省略号、24、下一页箭头。保持页面居中，并运用充裕的间距、细边框、微妙的渐变、玻璃质感卡片以及完美的日语文本渲染效果。