/* app.js 运行时再挂上 Tailwind 的 body 类；此处兜底 defer 前的底色（对齐 slate-950） */
body {
  margin: 0;
  background-color: #020617;
  color: #f1f5f9;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 禁 JS / <noscript> 目录预览（generate.py 注入） */
.seo-static {
  max-width: 72rem;
  margin: 0 auto;
  padding: 1.5rem 1rem;
  color: #e2e8f0;
  font-family: system-ui, sans-serif;
}
.seo-static header h1 { font-size: 1.5rem; margin-bottom: 0.5rem; color: #f8fafc; }
.seo-static nav { margin: 1rem 0; font-size: 0.875rem; }
.seo-static nav a { color: #818cf8; margin-right: 0.5rem; }
.seo-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.seo-card { border: 1px solid #334155; border-radius: 0.75rem; padding: 0.75rem; background: #0f172a; }
.seo-card h3 { font-size: 1rem; margin: 0 0 0.5rem 0; }
.seo-card h3 a { color: #a5b4fc; text-decoration: none; }
.seo-card dl { font-size: 0.75rem; margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 0.25rem 0.75rem; }
.seo-card img { margin-top: 0.5rem; border-radius: 0.375rem; width: 100%; height: auto; }