/* 个人随笔 —— 克制干净的文字向排版，零 JS */
:root{
  --bg:#fbfaf7; --panel:#ffffff; --ink:#2e2c28; --muted:#8d887c;
  --line:#e8e4da; --accent:#9e4a3a; --accent-soft:#f4e9e4;
  --code-bg:#f2efe8;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#1b1a17; --panel:#242220; --ink:#e6e2d9; --muted:#948e82;
    --line:#38352e; --accent:#d08a72; --accent-soft:#33281f;
    --code-bg:#2a2823;
  }
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg); color:var(--ink);
  font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif;
  font-size:16.5px; line-height:1.9;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:700px;margin:0 auto;padding:0 22px}
a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}
a:hover{border-bottom-color:var(--accent)}

/* ---------- 头部 ---------- */
.site-head{border-bottom:1px solid var(--line);background:var(--panel)}
.head-inner{display:flex;align-items:center;justify-content:space-between;height:60px}
.site-name{
  font-size:19px;font-weight:700;letter-spacing:4px;color:var(--ink);border:none;
}
.site-nav{display:flex;gap:26px}
.site-nav a{color:var(--muted);font-size:14.5px;letter-spacing:1px;border:none;padding-bottom:2px}
.site-nav a:hover{color:var(--ink)}
.site-nav a.active{color:var(--accent);border-bottom:2px solid var(--accent)}

/* ---------- 首页 hero ---------- */
.hero{padding:72px 0 40px;text-align:left;border-bottom:1px solid var(--line)}
.hero h1{font-size:34px;letter-spacing:10px;font-weight:700}
.hero .tagline{color:var(--muted);margin-top:12px;font-size:15.5px;letter-spacing:2px}

/* ---------- 随笔列表 ---------- */
.essay-list{padding:34px 0 10px}
.section-title{
  font-size:15px;color:var(--muted);font-weight:400;letter-spacing:3px;
  margin-bottom:6px;display:flex;align-items:baseline;gap:10px;
}
.section-title .count{font-size:12px;letter-spacing:1px}
.essay-item{padding:22px 0;border-bottom:1px solid var(--line)}
.essay-item:last-child{border-bottom:none}
.essay-meta{
  display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);
  letter-spacing:1px;margin-bottom:6px;
}
.cat{font-size:12px;padding:1px 9px;border-radius:3px;background:var(--accent-soft);color:var(--accent);letter-spacing:1px}
.essay-title{font-size:20px;font-weight:700;line-height:1.5}
.essay-title a{color:var(--ink);border:none}
.essay-title a:hover{color:var(--accent)}
.essay-summary{color:var(--muted);font-size:14.5px;margin-top:6px;line-height:1.8}

/* ---------- 页面标题 ---------- */
.page-title{font-size:26px;letter-spacing:6px;padding:48px 0 8px}
.page-sub{color:var(--muted);font-size:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}

/* ---------- 正文排版 ---------- */
.prose{padding:20px 0 40px}
.prose p{margin:16px 0}
.prose h1,.prose h2,.prose h3,.prose h4{line-height:1.5;margin:34px 0 12px;font-weight:700}
.prose h1{font-size:26px}
.prose h2{font-size:21px;padding-left:12px;border-left:3px solid var(--accent)}
.prose h3{font-size:18px}
.prose h4{font-size:16.5px}
.prose ul,.prose ol{padding-left:26px;margin:16px 0}
.prose li{margin:6px 0}
.prose blockquote{
  margin:20px 0;padding:4px 0 4px 18px;border-left:3px solid var(--line);
  color:var(--muted);font-size:15.5px;
}
.prose code{
  background:var(--code-bg);padding:2px 7px;border-radius:4px;
  font-family:Consolas,"Courier New",monospace;font-size:14px;
}
.prose pre{
  background:var(--code-bg);padding:16px 20px;border-radius:6px;
  overflow-x:auto;margin:20px 0;line-height:1.7;
}
.prose pre code{background:none;padding:0;font-size:14px}
.prose hr{border:none;border-top:1px solid var(--line);margin:32px 0}
.prose strong{color:var(--accent);font-weight:700}
.prose img{max-width:100%;border-radius:6px}

/* ---------- 文章页 ---------- */
.article{padding-top:44px}
.article .essay-meta{margin-bottom:10px}
.article-title{font-size:28px;line-height:1.5;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.prev-next{
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  border-top:1px solid var(--line);padding:20px 0;font-size:14px;color:var(--muted);
}
.back{padding:0 0 50px;font-size:14px}

/* ---------- 页脚 ---------- */
.site-foot{border-top:1px solid var(--line);margin-top:30px;padding:26px 0 34px}
.site-foot p{color:var(--muted);font-size:12.5px;letter-spacing:1px;text-align:center}

@media (max-width:600px){
  body{font-size:15.5px}
  .hero{padding:52px 0 30px}
  .hero h1{font-size:27px;letter-spacing:6px}
  .site-nav{gap:16px}
  .article-title{font-size:23px}
}