/* 个人博客样式 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif; color: #333; background: #f7f8fa; line-height: 1.8; }
a { color: #2b6cb0; text-decoration: none; }
a:hover { text-decoration: underline; }
.container { max-width: 860px; margin: 0 auto; padding: 0 20px; }
header { background: #fff; border-bottom: 1px solid #e8e8e8; }
.nav { max-width: 860px; margin: 0 auto; padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; }
.nav .logo { font-size: 20px; font-weight: bold; color: #333; }
.nav .logo:hover { text-decoration: none; }
.nav ul { list-style: none; display: flex; gap: 24px; }
.nav ul a { color: #555; }
.hero { background: linear-gradient(135deg, #2b6cb0, #3182ce); color: #fff; padding: 60px 0; text-align: center; }
.hero h1 { font-size: 30px; margin-bottom: 10px; }
.hero p { opacity: .9; }
main { padding: 32px 0 48px; }
.card { background: #fff; border-radius: 8px; padding: 20px 24px; margin-bottom: 16px; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.card h2 { font-size: 19px; margin-bottom: 6px; }
.card .meta { color: #999; font-size: 13px; margin-bottom: 8px; }
.card p { color: #666; font-size: 15px; }
.post h1 { font-size: 26px; margin-bottom: 6px; }
.post .meta { color: #999; font-size: 14px; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 14px; }
.post p { margin-bottom: 14px; }
.post h2 { font-size: 20px; margin: 22px 0 10px; }
.post ul, .post ol { margin: 0 0 14px 24px; }
footer { background: #fff; border-top: 1px solid #e8e8e8; padding: 18px 0; text-align: center; color: #888; font-size: 13px; }
footer .beian { margin-top: 4px; }
footer a { color: #888; }
@media (max-width: 600px) {
  .hero h1 { font-size: 24px; }
  .nav ul { gap: 14px; }
}