/* ============================================================
   page-hub.css · 机构馆 HUB 首页专属组件
   站点:site 2(hospital 子站)/ 主题:yanzhimei-hospital
   来源:静态母版 妍知美-营销站模板/hospital-index.html 页内 style 块
   收录原则:只收 base.css 与 page-index.css 里确实没有的类;
            已在 base.css 的 .thumb/.thumb-badge/.tag/.hos-card/.disclaimer/
            .section-disclaimer/.filter-bar 与已在 page-index.css 的
            .method-*/.reveal*/.last-updated 一律不重复定义。
   合规:本文件不含任何外部资源引用(无 @import、无远程 url())。
   ============================================================ */

/* —— 资质甄别指引卡 —— */
.guide-card{background:var(--card);border-radius:var(--r-m);box-shadow:var(--shadow);padding:24px 22px}
.guide-card ol{margin:0 0 0 1.3em}
.guide-card ol li{list-style:decimal;margin:.5em 0;color:var(--ink-2);font-size:.92rem}
.guide-card ol li strong{color:var(--ink)}
.guide-card .guide-lede{margin:0 0 10px}

/* —— 入口条 —— */
.entry-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:var(--card);
  border-radius:var(--r-m);box-shadow:var(--shadow);padding:20px 22px}
.entry-bar p{flex:1;min-width:220px;font-size:.9rem;color:var(--ink-2)}

/* —— 筛选维度条(母版 .filter-group / .filter-chip;base.css 的 .filter-bar 只提供外框)—— */
.filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.filter-group b{font-size:.82rem;color:var(--ink);font-weight:600;margin-right:6px}
.filter-chip{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--bg);
  color:var(--ink-2);font-size:.82rem;border:1px solid var(--line)}
.filter-chip.on{background:var(--brand);color:#fff;border-color:var(--brand)}

/* —— 分区说明行 —— */
.doc-zone-note{font-size:.82rem;color:var(--muted);margin:-10px 0 16px}

/* —— 末尾紧凑入口链 —— */
.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}

/* —— 机构卡等高:标签区固定 2 行,短标签卡与长标签卡内部对齐(母版 v1.4)—— */
.hos-card .hos-tags{min-height:55px;align-content:flex-start}

/* —— 敏感区占位图适配:.thumb 内自托管示意插图(母版 :116-119)—— */
.thumb{position:relative;overflow:hidden}
.thumb img.illus{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}