/* ==========================================================================
   Clash知识库 · 概念速查页专属样式(glossary.css)
   仅放本页独有件:页首标题、拼音索引、分类节节奏、锚点定位补偿。
   通用件(term-card / toc-tabs / chips 等)一律用 components.css 现有类。
   ========================================================================== */

/* ---- 页首:衬线大标 + 引导 ---- */
.gloss-intro{padding-bottom:44px;}
.gloss-intro h1{
  margin-top:18px;
  font-size:clamp(30px, 4.6vw, 46px);
  letter-spacing:.08em;
}
.gloss-intro h1 em{font-style:normal;color:var(--accent);}

/* ---- 分类节:节奏与锚点定位补偿(顶部有 sticky toc-tabs) ---- */
.gloss-cat{scroll-margin-top:80px;}
.gloss-cat + .gloss-cat{
  margin-top:64px;
  padding-top:56px;
  border-top:1px solid var(--border);
}
.gloss-cat-desc{
  margin-top:12px;
  max-width:64ch;
  font-size:14px;
  line-height:1.9;
  color:var(--text-muted);
}
.gloss-cat .sec-head{margin-bottom:28px;}

/* ---- 术语卡锚点:跳转高亮 + 定位补偿 ---- */
.term-card{scroll-margin-top:80px;}
.term-card:target{border-color:var(--accent);}

/* ---- 拼音索引面板 ---- */
.alpha-panel{margin-bottom:8px;}
.alpha-list{
  display:flex;
  flex-direction:column;
  gap:9px;
  margin-top:16px;
}
.alpha-row{display:flex;align-items:baseline;gap:16px;}
.alpha-row > b{
  width:18px;
  flex-shrink:0;
  font-family:var(--font-mono);
  font-weight:400;
  font-size:12px;
  letter-spacing:.12em;
  color:var(--copper-hi);
}
.alpha-row > div{
  display:flex;
  flex-wrap:wrap;
  gap:4px 16px;
  min-width:0;
}
.alpha-row a{
  padding:2px 0;
  font-size:13px;
  letter-spacing:.03em;
  color:var(--text-muted);
  transition:color .15s ease;
}
.alpha-row a:hover{color:var(--text);}

/* ---- 笺纸收尾:跨页引导 ---- */
.gloss-next{margin-top:64px;}
.gloss-next h2{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:20px;
  letter-spacing:.06em;
}
.gloss-next h2::before{content:"";width:7px;height:7px;background:var(--accent);flex-shrink:0;}
.gloss-next p{margin-top:10px;font-size:14px;line-height:1.95;}
.gloss-next a{
  color:var(--ink);
  text-decoration:underline;
  text-decoration-color:var(--accent);
  text-underline-offset:4px;
  transition:color .15s ease;
}
.gloss-next a:hover{color:var(--accent-dark);}

/* ---- 窄屏 ---- */
@media (max-width:640px){
  .gloss-intro{padding-bottom:36px;}
  .gloss-cat + .gloss-cat{margin-top:48px;padding-top:44px;}
  .alpha-row{gap:12px;}
  .gloss-next{margin-top:48px;}
}