/* ============================================================
   page-hub.css · 专家馆 HUB 首页专属组件
   站点:site 6(expert 子站)/ 主题:yanzhimei-expert
   来源:静态母版 妍知美-营销站模板/doctor-index.html 页内 style 块
   收录原则:只收 base.css 与 page-index.css 里确实没有的类;
            base.css 已有 .doc-card 圆形象占位区(96×96)与 .doc-name/.doc-title/.doc-spec
            字号色值,page-index.css 已有 .doc-card .thumb-badge 缩档,均不重复定义。
   合规:本文件不含任何外部资源引用(无 @import、无远程 url())。
   ============================================================ */

/* —— 执业资质核查指引卡 —— */
.guide-card{background:var(--card);border-radius:var(--r-m);box-shadow:var(--shadow);padding:24px 20px}
.guide-card ol{margin:.8em 0 .8em 1.4em}
.guide-card ol li{list-style:decimal;margin:.4em 0;color:var(--ink-2);font-size:.92rem}
.guide-card p{color:var(--ink-2);font-size:.92rem;margin:.6em 0}

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

/* —— 筛选维度条 —— */
.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)}

/* —— 医师卡文本定行数:同组条目等高防抖动(母版 v1.6)—— */
.doc-card .doc-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.5em}
.doc-card .doc-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.5em}
.doc-card .doc-spec{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.4em}

/* —— 形象占位插图:撑满 base.css 的 96×96 圆形区,角标居中(母版 :118-121)—— */
.doc-card .thumb{position:relative;overflow:hidden;border-radius:50% 50% var(--r-m) var(--r-m)}
.doc-card .thumb img.illus{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.doc-card .thumb .thumb-badge{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);
  z-index:2;font-size:.6rem;background:rgba(255,255,255,.85);padding:2px 8px;border-radius:4px;color:var(--ink-2)}

/* —— 相关入口卡标题固定 1 行 —— */
.res-grid h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.5em}

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