/* =========================================================================
   blog.css — 文章列表 / 分類 / 搜尋 的版面
   ========================================================================= */

.archive-hero{
  padding:70px 0 46px;
  background:
    radial-gradient(900px 420px at 75% 0%,rgba(92,92,255,.14),transparent 62%),
    var(--ink);
  border-bottom:1px solid var(--line-1);
}
.archive-hero h1{
  font-size:clamp(28px,3.6vw,44px);font-weight:900;color:#fff;
  margin-top:14px;line-height:1.4;word-break:keep-all;
}
.archive-intro{margin-top:14px;color:var(--metal-gray);font-size:15.5px;line-height:1.9;max-width:640px}
.archive-intro p + p{margin-top:12px}

/* 分類切換 */
.cat-filter{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.cat-pill{
  font-size:13.5px;font-weight:700;padding:9px 18px;border-radius:var(--radius-pill);
  background:var(--surface-2);border:1px solid var(--line-2);color:var(--metal-gray);
  transition:var(--dur-fast);
}
.cat-pill:hover{border-color:var(--manganese-light);color:#fff}
.cat-pill.is-active{background:var(--grad-manganese);border-color:transparent;color:#fff}

.archive-body{padding:56px 0 110px}

/* 分頁 */
.hc-pagination{margin-top:56px}
.hc-pagination .nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.hc-pagination .page-numbers{
  min-width:42px;height:42px;padding:0 14px;border-radius:var(--radius-pill);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:700;font-family:var(--font-en);
  background:var(--surface-1);border:1px solid var(--line-2);color:var(--metal-gray);
  transition:var(--dur-fast);
}
.hc-pagination a.page-numbers:hover{border-color:var(--manganese-light);color:#fff}
.hc-pagination .page-numbers.current{background:var(--grad-manganese);border-color:transparent;color:#fff}
.hc-pagination .page-numbers.dots{background:none;border:none}
.hc-pagination .screen-reader-text{display:none}

/* 查無結果（搜尋表單本體在 style.css，因為 404 頁也會用到） */
.no-results{text-align:center;padding:80px 0 40px;max-width:520px;margin:0 auto}
.no-results h2{font-size:24px;font-weight:900;color:#fff}
.no-results p{margin-top:12px;color:var(--metal-gray)}
.no-results .search-form{margin-top:28px;margin-left:auto;margin-right:auto}

@media(max-width:960px){
  .archive-hero{padding:48px 0 36px}
  .archive-body{padding:40px 0 80px}
}