/* 老张出海记 — 极简样式，手机优先 */
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  color: #222;
  background: #fafafa;
  line-height: 1.8;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 0 20px; }
.site-header {
  background: #1a1a2e;
  color: #fff;
  padding: 36px 0 24px;
  margin-bottom: 32px;
}
.site-header h1 { margin: 0 0 8px; font-size: 28px; letter-spacing: 2px; }
.site-header .tagline { margin: 0 0 16px; color: #aab; font-size: 14px; }
.site-header nav a { color: #9df; margin-right: 20px; text-decoration: none; font-size: 15px; }
.site-header nav a:hover { text-decoration: underline; }
.home-link { color: #fff; text-decoration: none; }
.post-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 22px 24px;
  margin-bottom: 20px;
}
.post-card h2 { margin: 6px 0 10px; font-size: 20px; }
.post-card h2 a { color: #1a1a2e; text-decoration: none; }
.post-card h2 a:hover { text-decoration: underline; }
.post-date { color: #999; font-size: 13px; }
.excerpt { color: #555; font-size: 15px; margin: 0 0 12px; }
.tags span {
  display: inline-block;
  background: #eef2ff;
  color: #445;
  font-size: 12px;
  padding: 2px 10px;
  border-radius: 12px;
  margin-right: 8px;
}
.article { background: #fff; border: 1px solid #eee; border-radius: 10px; padding: 28px 30px; }
.article h1 { font-size: 24px; margin: 8px 0 20px; line-height: 1.5; }
.article p, .article li { font-size: 16px; color: #333; }
.article code { background: #f4f4f4; padding: 2px 6px; border-radius: 4px; font-size: 14px; }
.article hr { border: none; border-top: 1px solid #eee; margin: 28px 0; }
.article .note { color: #888; font-size: 14px; }
.site-footer { text-align: center; color: #aaa; font-size: 13px; padding: 32px 0; }