:root {
  --fg: #1f2328;
  --muted: #656d76;
  --link: #0969da;
  --border: #d0d7de;
  --bg: #ffffff;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  line-height: 1.7;
}

.wrap {
  max-width: 760px;
  margin: 0 auto;
  padding: 40px 20px 64px;
}

h1 { font-size: 1.9rem; line-height: 1.3; margin: 0 0 8px; }

a { color: var(--link); text-decoration: none; }
a:hover { text-decoration: underline; }

.muted { color: var(--muted); }

.meta { color: var(--muted); font-size: 0.95rem; }

.crumbs { margin-bottom: 24px; font-size: 0.95rem; }

.cover {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--border);
  border-radius: 8px;
  margin: 20px 0 28px;
}

code {
  background: #f6f8fa;
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 0.1em 0.35em;
  font-size: 0.9em;
}

button {
  font: inherit;
  padding: 8px 16px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: #f6f8fa;
  cursor: pointer;
}
button:hover { background: #eef1f4; }

.post-list { list-style: none; padding: 0; }
.post-list li { padding: 12px 0; border-bottom: 1px solid var(--border); }
.post-list time { color: var(--muted); margin-right: 12px; }

.site-head { margin-bottom: 28px; }
.site-foot { margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--border); }