/* ============================================================
   DX Agent · 博客子站样式
   仅包含博客站专属布局;跨站共享组件见 styles.css。
   ============================================================ */

/* ---------- 文章列表 ---------- */

.post-list {
  display: grid;
  gap: 20px;
  max-width: 760px;
}

.post-card .post-meta {
  margin-bottom: 12px;
  font-family: var(--font-mono);
  font-size: 0.8125rem;
  color: var(--ink-faint);
  font-variant-numeric: tabular-nums;
}

.post-title-link {
  color: inherit;
  text-decoration: none;
  transition: color 160ms var(--ease-out);
}

.post-title-link:hover {
  color: var(--accent);
}

.post-card .project-desc code {
  font-family: var(--font-mono);
  font-size: 0.875em;
  padding: 2px 6px;
  background-color: rgb(25 23 22 / 0.06);
  border-radius: 6px;
}

.blog-note {
  margin-top: 36px;
  max-width: 640px;
  color: var(--ink-faint);
  font-size: 0.9375rem;
  line-height: 1.85;
  text-wrap: pretty;
}

/* ---------- 文章页 ---------- */

.article-head {
  max-width: 760px;
}

.article-title {
  margin-top: 18px;
  font-size: clamp(1.875rem, 4.5vw, 2.75rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.015em;
  text-wrap: balance;
}

.article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin-top: 20px;
  font-family: var(--font-mono);
  font-size: 0.875rem;
  color: var(--ink-faint);
  font-variant-numeric: tabular-nums;
}

.article-section {
  padding-block: clamp(40px, 6vw, 64px) clamp(64px, 9vw, 112px);
}

.article-section .prose {
  margin-inline: auto;
}

.article-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: clamp(40px, 6vw, 56px);
  padding-top: 28px;
  border-top: 1px solid var(--line);
  max-width: 720px;
  margin-inline: auto;
}