/* ============================================================
   glossary.html 专属样式
   事实胶囊行 / A–Z 速查索引 / 索引落点高亮 / 底部继续查阅
   纪律:硬直角、零圆角、零投影;无斜纹、无发光。
   ============================================================ */

/* ---------- 页头事实胶囊行 ---------- */
.gloss-facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
  margin-bottom:28px;
}

/* ---------- A–Z 速查索引 ---------- */
.gloss-index{
  border:1px solid var(--border);
  background:var(--bg-panel);
  padding:16px 18px;
}
.gloss-index-label{
  display:flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:.16em;
  color:var(--text-muted);
  margin-bottom:12px;
}
.gloss-index-label i{
  width:6px;
  height:6px;
  background:var(--accent);
  flex:none;
}
.gloss-index-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.gloss-index-list a{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.05em;
  color:var(--text-muted);
  border:1px dashed var(--dash-soft);
  padding:4px 10px;
  max-width:100%;
  overflow:hidden;
  transition:color .15s linear,border-color .15s linear;
}
.gloss-index-list a:hover{
  color:var(--accent);
  border-color:var(--dash);
}

/* ---------- 索引跳转落点(仅描边变化,无发光) ---------- */
.term-card{
  scroll-margin-top:calc(var(--nav-h) + 18px);
}
.term-card:target{
  border-color:var(--accent-dark);
}

/* ---------- 底部继续查阅面板 ---------- */
.gloss-next p{
  font-size:13px;
  color:var(--text-muted);
  line-height:1.8;
  margin-bottom:16px;
}