/* blog.divlook.com 前台样式 — 茶坊阅读风，零外部资源 */
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: -apple-system, "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;
  color: #2a2520;
  background: #faf8f3;
  line-height: 1.7;
}
/* 茶坊背景图 + 米白纱罩（保证正文可读） */
body::before {
  content: ''; position: fixed; inset: 0; z-index: -2;
  background: url('/static/bg.jpg') center / cover no-repeat;
}
body::after {
  content: ''; position: fixed; inset: 0; z-index: -1;
  background: rgba(250, 248, 243, 0.87);
}
a { color: #0b5cad; text-decoration: none; }
a:hover { text-decoration: underline; }
.wrap { max-width: 720px; margin: 0 auto; padding: 0 20px; }

.site-head { border-bottom: 1px solid #e6ddd0; }
.site-head .wrap { display: flex; justify-content: space-between; align-items: center; height: 76px; }
.brand {
  font-family: Georgia, "Noto Serif SC", "Songti SC", SimSun, serif;
  font-weight: 700; font-size: 28px; letter-spacing: 3px;
  color: #4a3b2a;
  display: inline-flex; align-items: center; gap: 9px;
}
.brand-mark { flex: none; transform: translateY(-1px); }
.brand:hover { text-decoration: none; color: #2c2318; }
.site-head nav a { margin-left: 18px; color: #7a6f60; font-size: 14px; }

.site-foot { border-top: 1px solid #e6ddd0; margin-top: 60px; }
.site-foot .wrap { color: #a3937d; font-size: 13px; padding: 18px 20px; text-align: center; }

main.wrap { padding-top: 36px; padding-bottom: 40px; }

/* 首页文章列表 */
.post-list .card { margin-bottom: 34px; }
.post-list h2 { margin: 0 0 4px; font-size: 21px; line-height: 1.4; }
.post-list h2 a { color: #3a3228; }
.post-list h2 a:hover { color: #4a3b2a; }
.meta { color: #a3937d; font-size: 13px; margin: 0 0 8px; }
.summary { color: #6b6053; font-size: 15px; margin: 0; }

/* 正文页 */
.post h1 { font-size: 26px; line-height: 1.4; margin-bottom: 6px; }
.post-content {
  margin-top: 22px;
  font-family: Georgia, "Noto Serif SC", "Songti SC", SimSun, serif;
  font-size: 17px;
  line-height: 1.95;
}
.post-content img { max-width: 100%; height: auto; border-radius: 4px; }
.post-content blockquote {
  margin: 1.2em 0; padding: 2px 18px;
  border-left: 4px solid #d0d7de; color: #57606a;
  background: #f8f9fa;
}
.post-content pre {
  background: #f6f8fa; padding: 14px; border-radius: 6px;
  overflow-x: auto; font-size: 14px;
}
.post-content code { background: #f6f8fa; padding: 2px 5px; border-radius: 3px; font-size: 0.9em; }
.post-content pre code { background: none; padding: 0; }
.post-content h2, .post-content h3 { line-height: 1.4; }

/* 登录 / 设置窄栏 */
.narrow { max-width: 380px; margin: 0 auto; }
.narrow h1 { font-size: 22px; }
.form label { display: block; margin-bottom: 14px; font-size: 14px; color: #57606a; }
.form input {
  display: block; width: 100%; margin-top: 5px;
  padding: 9px 11px; font-size: 15px;
  border: 1px solid #d0d7de; border-radius: 6px;
}
.form button, .btn {
  display: inline-block; padding: 8px 16px;
  background: #0b5cad; color: #fff; border: 0; border-radius: 6px;
  font-size: 14px; cursor: pointer;
}
.form button:hover, .btn:hover { text-decoration: none; opacity: .9; }
.flash { background: #fff8e1; border: 1px solid #f0d47a; color: #7a5c00;
  padding: 9px 13px; border-radius: 6px; font-size: 14px; }
.empty { text-align: center; color: #57606a; padding: 60px 0; }