UI de Archivo de Noticias de IA en Modo Oscuro

Using the reference photos 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 [アーカイブ] with a subtle yellow underline. Create a polished modern archive interface featuring: a large bordered hero card titled [アーカイブ], with a small yellow icon label [すべての記事], a short intro sentence, and a decorative golden eclipse/planet glow graphic on the right side of the hero card. Below the hero, place a search bar and two compact dropdown controls for period and sort order. Add category filter pills labeled: すべて, Claude, OpenAI, Google, Agents, ツール, ニュース, 研究, その他, with "すべて" highlighted in yellow. Display the article list as a timeline grouped by month with two month sections: "2026年5月" containing 3 article rows, and "2026年4月" containing 2 article rows. Each row displays 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. Add bottom pagination with controls: previous arrow, 1 highlighted, 2, 3, ellipsis, 24, next arrow. Center the page layout with generous spacing, thin borders, subtle gradients, glassy card surfaces, and sharp, legible Japanese typography.