/* ============================================================
   /archives/ 归档列表(inc/content-fixes.php 生成的 DOM)
   ─────────────────────────────────────────────────────────────
   这一块是服务端渲染的(不是前端拼的),所以 pjax 换 main 之后
   内容天然就在 —— 只要样式跟上。
   ============================================================ */
.archive-page { margin: 26px 0 8px; }
.archive-page__meta {
    font-size: 13px; letter-spacing: .06em; color: var(--secondary);
    margin: 0 0 18px; text-transform: uppercase;
}
.archive-year { margin: 0 0 26px; }
.archive-year__title {
    display: flex; align-items: baseline; gap: 10px;
    font-family: "Alpha Sector", var(--font-mono, monospace);
    font-size: 22px; letter-spacing: .12em; color: var(--primary);
    margin: 0 0 10px; padding-bottom: 8px;
    border-bottom: 1px solid var(--border);
}
.archive-year__count {
    font-size: 12px; color: var(--secondary); letter-spacing: .1em;
}
.archive-list { list-style: none; margin: 0; padding: 0; }
.archive-item { margin: 0; }
.archive-item__link {
    display: flex; align-items: baseline; gap: 12px;
    padding: 9px 10px; border-radius: 6px;
    text-decoration: none; color: var(--content);
    transition: background .18s ease, color .18s ease, transform .18s ease;
}
.archive-item__link:hover {
    background: color-mix(in srgb, var(--primary) 8%, transparent);
    color: var(--primary);
    transform: translateX(3px);
}
.archive-item__date {
    flex: 0 0 auto; font-variant-numeric: tabular-nums;
    font-size: 12px; letter-spacing: .08em; color: var(--secondary);
}
.archive-item__title { flex: 1 1 auto; font-size: 15px; }
.archive-item__cat {
    flex: 0 0 auto; font-size: 11px; letter-spacing: .1em;
    color: var(--secondary); border: 1px solid var(--border);
    border-radius: 999px; padding: 1px 8px;
}
@media (max-width: 640px) {
    .archive-item__cat { display: none; }
    .archive-item__link { padding: 8px 6px; gap: 8px; }
}