/* ==========================================================================
   Clash下载中心 · 术语表页专属样式
   索引面板 / 分类区块头 / 锚点命中高亮;颜色一律走 base.css 设计令牌
   ========================================================================== */

/* ---------- 全条目索引面板(页头内) ---------- */
.gloss-index{
  border:1px solid var(--border);
  background:var(--bg-panel);
  padding:20px 22px;
  margin-top:36px;
}
.gi-title{
  display:flex;align-items:center;gap:9px;
  font-family:var(--font-mono);
  font-size:11px;letter-spacing:.2em;
  color:var(--text-muted);
  margin-bottom:14px;
}
.gi-title::before{
  content:"";
  width:6px;height:6px;
  background:var(--success);
  flex:none;
}
.gi-list{display:flex;flex-wrap:wrap;gap:8px}
.gi-list a{
  font-family:var(--font-mono);
  font-size:11.5px;letter-spacing:.04em;
  color:var(--text-muted);
  border:1px solid var(--border);
  padding:5px 11px;
  white-space:nowrap;
  max-width:100%;
  overflow:hidden;
  transition:color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out);
}
.gi-list a:hover{color:var(--text);border-color:var(--text-muted)}

/* ---------- 分类区块 ---------- */
.gloss-sec{
  padding-top:60px;
  scroll-margin-top:64px;
}
.gloss-sec:last-of-type{padding-bottom:var(--sec-y)}
.gloss-head{
  display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;
  border-bottom:1px solid var(--border);
  padding-bottom:16px;
  margin-bottom:20px;
}
.gloss-head .g-code{
  font-family:var(--font-mono);
  font-size:11px;letter-spacing:.2em;
  color:var(--text-muted);
  flex:none;
}
.gloss-head h2{font-size:clamp(21px,2.6vw,26px)}
.gloss-head .g-count{
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:11px;letter-spacing:.12em;
  color:var(--text-muted);
  white-space:nowrap;
}
.g-desc{
  margin-bottom:22px;
  font-size:14px;
  color:var(--text-muted);
  line-height:1.8;
  max-width:760px;
}

/* ---------- 术语卡锚点:跳转偏移与命中高亮 ---------- */
.term-card{scroll-margin-top:72px}
.term-card:target{
  background:var(--bg-panel2);
  border-color:var(--text-muted);
}

@media (max-width:640px){
  .gloss-sec{padding-top:44px}
  .gloss-head{gap:10px}
  .gloss-head .g-count{margin-left:0;width:100%}
}