/* ============================================================
   Clash开源网 · glossary.css —— 术语手册页(terms.html)专属样式
   仅补充页面级布局,组件样式一律复用 components.css
   ============================================================ */

.gloss-hero{
  padding-top:44px;
  padding-bottom:6px;
}
.gloss-path{
  font-family:var(--font-mono);
  font-size:14px;
  color:var(--ok);
  margin-bottom:12px;
}
.gloss-hero h1{
  font-size:clamp(24px,3.4vw,38px);
  line-height:1.3;
  max-width:900px;
}
.gloss-lead{
  margin-top:14px;
  max-width:760px;
  font-size:14.5px;
  line-height:1.85;
  color:var(--muted);
}
.gloss-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:16px;
}
.gloss-toc{
  margin-top:22px;
}

/* 分类区块:比 .sec 更紧凑的纵向节奏(只声明纵向,不动横向) */
.gcat{
  padding-top:14px;
  padding-bottom:10px;
}
.gcat-grid{
  margin-top:18px;
}

/* 锚点跳转时卡片不被吸顶头部遮住(html 已有 scroll-padding-top,双保险) */
.term-card{
  scroll-margin-top:calc(var(--header-h) + 16px);
}

/* 尾部导流面板 */
.gloss-next{
  padding-bottom:24px;
}
.gloss-next-title{
  font-size:17px;
  margin-bottom:8px;
  color:var(--text);
}
.gloss-next-desc{
  font-size:14px;
  line-height:1.85;
  color:var(--muted);
}
.gloss-next-desc a{
  color:var(--ok);
  border-bottom:1px solid var(--accent-dark);
}
.gloss-next-desc a:hover{
  color:var(--accent);
}

@media (max-width:640px){
  .gloss-hero{padding-top:30px}
}