/* ============================================================
   Clash新手指南 · 术语表页专属样式(glossary.html)
   只补:锚点定位余量、:target 命中高亮、编号规则图例条
   ============================================================ */

/* 锚点跳转后卡片离视口顶留一口气 */
.term-card{scroll-margin-top:24px;}

/* URL 带 #术语id 直达时,给命中卡片一道橙色装订边 */
.term-card:target{
  background:var(--panel-2);
  border-left:6px solid var(--accent);
}

/* 编号规则图例条(页顶 toc 下方) */
.gls-legend{
  display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline;
  border:var(--line) solid var(--ink);
  background:var(--panel);
  padding:12px 16px;
  margin-top:18px;
  font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);
  letter-spacing:.04em;
}
.gls-legend b{color:var(--ink);font-weight:700;}

@media (max-width:640px){
  .gls-legend{gap:6px 14px;padding:10px 12px;font-size:11px;}
}