/* ============================================================
   Clash官网 · clashlatest.com
   glossary.css —— 术语表页(wiki.html)专属样式
   分类区块:登机口字牌编号 + 分类名 + 条目计数,沿用字牌构件语言
   ============================================================ */

/* 页顶 */
.glo-hero{
  padding-top:56px;
  padding-bottom:40px;
}
.glo-title{
  font-family:var(--font-display);
  font-size:clamp(28px,4vw,40px);
  font-weight:700;
  letter-spacing:.02em;
  margin-top:14px;
}
.glo-hero .sec-lede{max-width:720px;}
.glo-nav{margin-top:28px;}

/* 分类区块 */
.glo-cat{
  scroll-margin-top:calc(var(--head-h) + 20px);
}
.glo-cat + .glo-cat{margin-top:64px;}

.glo-cat-head{
  display:flex;
  align-items:center;
  gap:14px;
  border-bottom:1px solid var(--c-border);
  padding-bottom:14px;
  margin-bottom:16px;
}
.glo-cat-head > *{min-width:0;}

.glo-gate{
  width:52px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-display);
  font-size:17px;
  font-weight:700;
  letter-spacing:.06em;
  color:var(--c-accent);
  background:var(--c-panel2);
  flex-shrink:0;
}
.glo-cat-name{
  font-family:var(--font-display);
  font-size:clamp(18px,2.4vw,23px);
  font-weight:700;
  letter-spacing:.04em;
  color:var(--c-text);
}
.glo-cat-count{
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.2em;
  color:var(--c-muted);
  white-space:nowrap;
  flex-shrink:0;
}

.glo-cat-lede{
  font-size:14px;
  line-height:1.9;
  color:var(--c-muted);
  max-width:680px;
  margin-bottom:22px;
}

/* 术语卡锚点定位时避开吸顶头部 */
.term-card{
  scroll-margin-top:calc(var(--head-h) + 20px);
}

/* 页底延伸链接组 */
.glo-more{
  margin-top:26px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

@media (max-width:640px){
  .glo-hero{padding-top:44px;padding-bottom:32px;}
  .glo-cat + .glo-cat{margin-top:48px;}
  .glo-gate{width:44px;height:38px;font-size:15px;}
  .glo-cat-count{display:none;}
}