/* clib-skin-projects-v1.css —— 项目进度 / 真实案例库页（#page-projects）· 苹果语言 · 2026-10-15
   实况（_page-structure-probe 实测）：三大块 —— .tip-box.page-kv(h=266) + 筛选行(h=44，全部/国内/海外) + #projectsGrid.projects-grid(h=7290 = 95%)
   栅格内 70 张 .project-card（每张含 .project-icon / .project-tags-row / .project-industry）
   HIG 依据（Web ⇒ 原则+基础篇）：lists-and-tables.md › 行密度 · layout.md › 留白与可点区域 ·
     typography.md › 层级 · accessibility.md › 命中区 · color.md 规格值
   回退：删 index.html 里那一行 <link>。DOM 与按钮零改动。 */

/* ① 页头：案例库说明收紧 + 结构线 */
#page-projects .tip-box.page-kv { padding: 4px 0 14px; border-bottom: 1px solid #E8E8ED; margin-bottom: 14px; }
#page-projects .tip-box.page-kv h4 { font-size: 22px; line-height: 1.35; font-weight: 600; color: #1D1D1F; margin: 0 0 6px; }
#page-projects .tip-box.page-kv p { font-size: 13px; line-height: 1.65; color: #8E8E93; margin: 0; }

/* ② 70 张案例卡三列（1440）：7290px 的长条一分为三，扫读快、留白由网格给 */
#page-projects #projectsGrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; align-items: start; }

/* ③ 卡内层级：单位名 15/600 · 标签与行业 12 · 正文 13；密度靠对齐不靠大留白 */
/* ③-b（2026-10-15 · 第二刀）：静态源实测 `style.eb58df29.css:1087` 里 `.projects-grid` **本来就是三列网格**
   ⇒ 页高 7290 不是"没成网格"，而是**每张卡太高**（70÷3≈24 行 × ~300px）。所以这一刀砍**卡内**：
   正文截两行（-webkit-line-clamp）+ 内边距与段落间距再收一档 —— 依据 lists-and-tables.md › 行密度（列表项高度由信息层级决定，不由留白撑）。 */
#page-projects .project-card { padding: 10px 12px; border-radius: 14px; margin: 0; }
#page-projects .project-card p {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; margin: 0 0 4px;
}
#page-projects .project-card h3, #page-projects .project-card .t { margin: 0 0 4px; }
#page-projects .project-tags-row { margin-bottom: 4px; }
/* ③-c（第三刀 · 2026-10-15）：静态查源发现卡内真正的文本块是 **`.project-desc`**（`.project-card p` 选择器没命中它）
   且它带 `--lh-relaxed` 松行距 + `--sp-3` 下边距；图标是 32px 的 `.project-icon`。
   依据 lists-and-tables.md › 行密度（列表项高度由信息层级决定）+ typography.md › 行距（正文 1.5 足够）。 */
#page-projects .project-desc {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; line-height: 1.5; margin-bottom: 8px;
}
#page-projects .project-icon { font-size: 22px; margin-bottom: 6px; }
#page-projects .project-industry { padding: 2px 12px; margin-bottom: 6px; }
#page-projects .project-title { margin-bottom: 4px; }
#page-projects .project-card h3, #page-projects .project-card .t { font-size: 17px; line-height: 1.4; font-weight: 600; margin: 0 0 6px; }
#page-projects .project-card p { font-size: 13px; line-height: 1.55; color: #8E8E93; margin: 0 0 6px; }
#page-projects .project-tags-row { line-height: 1.4; margin-bottom: 6px; }
#page-projects .project-industry, #page-projects .project-tags-row span { font-size: 12px; }

/* ④ 390 档：单列 + 不横溢 */
@media (max-width: 900px) {
  #page-projects #projectsGrid { grid-template-columns: 1fr; gap: 12px; }
  #page-projects .tip-box.page-kv h4 { font-size: 17px; }
}