/* clib-skin-terms-v1.css —— 条款/术语词典页（#page-terms）· 苹果语言 · 2026-10-15
   实况（_page-structure-probe 实测）：四块 —— .page-kv(70) + .search-box(44) + #page-terms-bar(66，筛选/命中 120 条术语) + #termList(1521 = 87%)
   列表内 120 张 .term-card（每张含 .term-en）；筛选胶囊 25 个在 #termFilters
   HIG 依据（Web ⇒ 原则+基础篇）：lists-and-tables.md › 行密度 · layout.md › 留白与可点区域 ·
     typography.md › 层级 · accessibility.md › 命中区（390 ≥44）· color.md 规格值
   回退：删 index.html 里那一行 <link>。DOM 与按钮零改动。 */

/* ① 页头与工具条：收紧 + 结构线，筛选条与列表之间留一口气 */
#page-terms .page-kv { padding: 4px 0 12px; border-bottom: 1px solid #E8E8ED; margin-bottom: 12px; }
#page-terms .page-kv h4, #page-terms .page-kv h1 { font-size: 22px; line-height: 1.35; font-weight: 600; color: #1D1D1F; margin: 0 0 6px; }
#page-terms .page-kv p { font-size: 13px; line-height: 1.6; color: #8E8E93; margin: 0; }
#page-terms .search-box { margin-bottom: 10px; }
#page-terms #page-terms-bar { margin-bottom: 12px; font-size: 13px; color: #8E8E93; }

/* ② 120 张术语卡两列（1440）：1521px 的长条一分为二 —— 依据 lists-and-tables.md › 行密度 */
#page-terms #termList { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; align-items: start; }
#page-terms .term-card { padding: 12px 14px; border-radius: 14px; margin: 0; }
/* ③ 卡内层级：中文术语 15/600 · 英文与大白话 13 次级 */
#page-terms .term-card b, #page-terms .term-card strong, #page-terms .term-card h3 { font-size: 17px; line-height: 1.4; }
#page-terms .term-en { font-size: 12px; line-height: 1.4; color: #8E8E93; }
#page-terms .term-card p { font-size: 13px; line-height: 1.55; margin: 0 0 4px; }
/* ④ 筛选胶囊：32 高、间距 6；390 档抬到 44（accessibility.md › 命中区） */
#page-terms #termFilters > * { height: 32px; padding: 0 14px; border-radius: 999px; font-size: 13px; }

@media (max-width: 900px) {
  #page-terms #termList { grid-template-columns: 1fr; gap: 12px; }
  #page-terms #termFilters > * { height: 44px; }
}