/* ============================================================
   page-hub.css · 百科馆 HUB 首页专属组件
   站点:site 3(baike 子站)/ 主题:yanzhimei-baike
   来源:静态母版 妍知美-营销站模板/hub-baike.html 页内 style 块
   配套引用:base.css(yzm-head)+ page-index.css(.method-*/.ph.cat-*/.last-updated/.faq 二列)
            + page-list.css(.empty-fallback / .empty-msg / .ef-sub 既有「建设中」状态块)
   收录原则:只收上述三个文件里确实没有的类;母版中与 base.css / page-index.css
            重复的 header / footer / reveal / ph 色相规则一律不重复定义。
   合规:本文件不含任何外部资源引用(无 @import、无远程 url())。
   ============================================================ */

/* —— 索引 / 检索块 —— */
.idx-block{background:var(--card);border-radius:var(--r-m);box-shadow:var(--shadow);padding:20px}
.idx-label{font-size:.82rem;color:var(--muted);margin-bottom:10px}
.idx-label.idx-sub{margin:18px 0 10px}
.idx-letters{display:flex;flex-wrap:wrap;gap:8px}
.idx-letters a,.idx-letter{width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  border-radius:8px;background:var(--brand-soft);color:var(--brand-deep);font-size:.85rem;font-weight:600}
.idx-letters a:hover{background:var(--brand);color:#fff}
/* 建设中不可点态(与 base.css .kk-item.is-building 同一命名约定) */
.idx-letter.is-building,.idx-cat.is-building{opacity:.55;cursor:default}

/* —— 类别胶囊 —— */
.idx-cats{display:flex;flex-wrap:wrap;gap:8px}
.idx-cats a,.idx-cats .idx-cat{padding:6px 14px;border-radius:999px;border:1px solid var(--line);
  color:var(--ink-2);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.idx-cats a:hover{border-color:var(--brand);color:var(--brand-deep)}

/* —— 近期更新条目(母版 v2.25)—— */
.recent-grid{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:768px){.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.recent-item{display:flex;flex-direction:column;gap:4px;padding:14px 16px;
  background:var(--card);border:1px solid var(--line);border-radius:var(--r-m);
  box-shadow:var(--shadow);transition:.15s;text-decoration:none;color:inherit}
.recent-item:hover{border-color:var(--brand);transform:translateY(-1px)}
.recent-item time{font-size:.72rem;color:var(--muted);font-family:Georgia,serif;letter-spacing:.02em}
.recent-tag{display:inline-block;font-size:.66rem;padding:2px 8px;border-radius:6px;
  background:var(--brand-soft);color:var(--brand-deep);font-weight:600;align-self:flex-start;margin-top:-2px}
.recent-title{font-size:.95rem;color:var(--ink);font-weight:600;margin-top:2px}
.recent-desc{font-size:.78rem;color:var(--muted);line-height:1.5}

/* —— 方法面板小标题(母版 hub-baike 的 sub-title,原为内联样式)—— */
.sub-title{font-size:1.05rem;color:var(--ink);font-weight:700;margin:24px 0 12px}

/* —— 卡片缩略区插图:base.css 的 .ph 只做居中占位,插图需绝对定位铺满 —— */
.ph img.illus{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* —— 末尾紧凑入口链 —— */
.more-entries{margin-top:18px;padding-top:14px;border-top:1px dashed var(--line);
  font-size:.82rem;color:var(--muted);line-height:1.8;text-align:center}
.more-entries a{color:var(--brand-deep);margin:0 4px;font-weight:500}
.more-entries a:hover{text-decoration:underline}