/* ============================================================
   Clash官网 · 术语表页专属样式(glossary.css)
   依赖 base.css 的 :root 设计令牌,只做本页的版面微调
   ============================================================ */

/* 页顶引言区:手册扉页式的编号引言 */
.gl-hero {
  padding: 64px 0 8px;
  border-bottom: var(--line-w) solid var(--rule-faint);
  background: var(--paper-lift);
}
.gl-hero .wrap { padding-bottom: 40px; }

.gl-kicker {
  margin: 0 0 14px;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  color: var(--pine);
}

.gl-lead {
  max-width: 720px;
  margin-bottom: 18px;
  color: var(--ink-dim);
  font-size: 1rem;
}

.gl-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* 分类区块:锚点定位时避开吸顶导航 */
.gl-cat {
  scroll-margin-top: 110px;
}
.gl-cat + .gl-cat {
  margin-top: 64px;
}

/* 单条术语卡的锚点同样预留吸顶高度 */
.term-card[id] {
  scroll-margin-top: 110px;
}

@media (max-width: 640px) {
  .gl-hero { padding-top: 44px; }
  .gl-hero .wrap { padding-bottom: 28px; }
  .gl-lead { font-size: 0.95rem; }
  .gl-cat + .gl-cat { margin-top: 48px; }
}