:root {
  --bg: #f7f4ee;
  --ink: #2c241b;
  --accent: #8b4513;
  --line: #e6d9c5;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font: 16px/1.6 system-ui, "PingFang SC", "Microsoft YaHei", sans-serif;
  background: linear-gradient(180deg, #faf7f1, var(--bg));
  color: var(--ink);
}
.wrap { max-width: 860px; margin: 0 auto; padding: 16px 20px; }
.header { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px; border-bottom: 1px solid var(--line); }
.brand { font-weight: 700; font-size: 1.25rem; color: var(--accent); text-decoration: none; }
.nav { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-left: auto; }
.nav a { color: #5a4a3a; text-decoration: none; font-size: 0.95rem; }
.nav a:hover { color: var(--accent); }
.pager { margin-top: 16px; color: #666; }
.pager a { margin: 0 8px; color: var(--accent); }
.tags { margin-top: 20px; color: #666; font-size: 0.95rem; }
.tags a { color: var(--accent); text-decoration: none; }
.tags a:hover { text-decoration: underline; }
.list { list-style: none; padding: 0; margin: 0; }
.list li { padding: 10px 0; border-bottom: 1px solid var(--line); }
.list a { color: var(--ink); text-decoration: none; }
.list a:hover { color: var(--accent); }
.intro { color: #666; }
.body { margin-top: 16px; }
.footer { margin-top: 40px; color: #888; border-top: 1px solid var(--line); padding-top: 16px; }
.friend-links { margin-bottom: 10px; font-size: 0.9rem; line-height: 1.8; }
.friend-label { color: #666; margin-right: 8px; }
.friend-links a { color: #5a4a3a; text-decoration: none; }
.friend-links a:hover { color: var(--accent); }
.muted { color: #888; }