/* ============================================================
   术语表页专属样式 glossary.css
   依赖 base.css / components.css 的设计令牌与组件,
   只补本页独有的小件,不重复定义已有组件。
   ============================================================ */

/* 首屏术语表门头:压缩下缘,给分类导航让位 */
.gloss-hero{padding-top:72px;padding-bottom:40px}

/* 分类编号牌与标题同行 */
.cat-head{display:flex;align-items:center;gap:14px}
.cat-head .sec-title{margin-top:0}

/* 词条速查索引:等宽小胶囊平铺 */
.gloss-index{display:flex;flex-wrap:wrap;gap:10px}
.gloss-index .chip{
  font-family:var(--font-mono);font-size:12px;letter-spacing:.5px;
}

/* 锚点直达命中的术语卡:亮起暖黄底光,像货道被拉出来 */
.term-card:target{
  background:var(--bg-panel-2-soft);
  box-shadow:0 16px 34px var(--shadow-card),0 0 36px var(--glow-board);
}

/* 每节末尾返回速查的小链接 */
.back-top{
  display:inline-flex;align-items:center;gap:7px;margin-top:22px;
  font-family:var(--font-mono);font-size:11.5px;letter-spacing:2px;color:var(--text-muted);
  transition:color .2s ease;
}
.back-top:hover{color:var(--accent)}

@media (max-width:640px){
  .gloss-hero{padding-top:56px;padding-bottom:36px}
}