/* =========================================================
   clashguanfang.com · 概念速查页(wiki.html)专属样式
   依赖 base.css 设计令牌与 components.css 组件
   ========================================================= */

.gl-toc{margin-top:26px}

.gl-sec{scroll-margin-top:24px}

.gl-cat-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.gl-cat-name{font-size:clamp(20px,2.6vw,26px);min-width:0}
.gl-cat-ico{
  width:30px;height:30px;border-radius:9px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--c-panel);
  box-shadow:inset 0 1px 0 var(--edge-light-soft),0 6px 14px var(--ink-12);
}
.gl-cat-ico svg{width:16px;height:16px;display:block}
.gl-ico-core{background:var(--c-accent)}
.gl-ico-config{background:var(--wp-coral)}
.gl-ico-groups{background:var(--c-warn)}
.gl-ico-network{background:var(--c-ok)}
.gl-ico-clients{background:var(--c-accent-dark)}
.gl-count{
  margin-left:auto;flex-shrink:0;
  font-family:var(--f-mono);font-size:12px;color:var(--c-muted);
}

.gl-grid{margin-top:22px}
.gl-grid .term-card{scroll-margin-top:24px}

.gl-more{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.gl-more p{flex:1;min-width:240px;font-size:14.5px;line-height:1.8;color:var(--c-muted)}
.gl-more-btns{display:flex;flex-wrap:wrap;gap:12px;flex-shrink:0}

@media (max-width:640px){
  .gl-cat-ico{width:26px;height:26px;border-radius:8px}
  .gl-cat-ico svg{width:14px;height:14px}
}