/* ============ 设计系统 · 简单美 ============ */
:root{
  --bg:#fbfbfc;
  --text:#1b1b20;
  --muted:#70707a;
  --border:#e7e7ec;
  --border-strong:#c9c9d2;
  --card:#ffffff;
  --soft:#f1f1f4;
  --accent:#1b1b20;
  --link:#2b5fd9;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#0f0f13;
    --text:#e9e9ee;
    --muted:#9898a2;
    --border:#26262d;
    --border-strong:#3c3c46;
    --card:#15151b;
    --soft:#1c1c23;
    --accent:#e9e9ee;
    --link:#8aa6f8;
  }
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  background:var(--bg);color:var(--text);
  line-height:1.85;font-size:16px;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.wrap{max-width:680px;margin:0 auto;padding:0 24px}

/* ---------- 顶部导航 ---------- */
header.site{border-bottom:1px solid var(--border)}
nav{display:flex;justify-content:space-between;align-items:center;height:62px}
.brand{font-weight:700;color:var(--text);text-decoration:none;font-size:16px;letter-spacing:.02em}
.menu{display:flex;gap:24px}
.menu a{color:var(--muted);text-decoration:none;font-size:14.5px;transition:color .15s}
.menu a:hover{color:var(--text)}
.menu a[aria-current="page"]{color:var(--text);font-weight:600}

main{padding:60px 0 84px}
h1{font-size:30px;line-height:1.4;font-weight:700}
.lede{color:var(--muted);font-size:16px;margin-top:8px}

/* ---------- 区块 ---------- */
.sec{margin-top:56px}
.label{
  display:flex;justify-content:space-between;align-items:baseline;
  font-size:12.5px;font-weight:600;letter-spacing:.14em;color:var(--muted);
  margin-bottom:18px;
}
.label a{color:var(--muted);letter-spacing:0;font-weight:400;text-decoration:none;font-size:13px}
.label a:hover{color:var(--text)}

/* ---------- 首页 hero ---------- */
.avatar{
  width:72px;height:72px;border-radius:50%;
  object-fit:cover;display:block;margin-bottom:26px;
}

/* ---------- 文章列表行 ---------- */
.list{border-top:1px solid var(--border)}
.row{
  display:flex;gap:18px;align-items:baseline;
  padding:15px 8px;border-bottom:1px solid var(--border);
  text-decoration:none;color:var(--text);transition:background .15s;
  border-radius:0;
}
.row:hover{background:var(--soft)}
.row time{color:var(--muted);font-size:13.5px;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:78px}
.row .t{font-size:15.5px;font-weight:500}
.row .x{color:var(--muted);font-size:13.5px;margin-top:2px}

/* ---------- 项目卡片 ---------- */
.grid{display:grid;gap:14px}
.card{
  border:1px solid var(--border);background:var(--card);
  border-radius:12px;padding:22px 24px;transition:border-color .15s;
}
.card:hover{border-color:var(--border-strong)}
.card h3{font-size:17px;margin-bottom:6px;font-weight:650}
.card p{font-size:14.5px;color:var(--muted)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tag{font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:2px 11px}
.acts{display:flex;gap:10px;margin-top:18px}
.btn{
  display:inline-block;font-size:13.5px;padding:7px 16px;border-radius:8px;
  text-decoration:none;border:1px solid var(--border);color:var(--text);transition:opacity .15s;
}
.btn:hover{opacity:.78}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}

/* ---------- 联系方式行 ---------- */
.links-line{display:flex;flex-wrap:wrap;gap:18px}
.links-line a{
  color:var(--text);text-decoration:none;font-size:14.5px;
  border-bottom:1px solid var(--border);padding-bottom:2px;transition:border-color .15s;
}
.links-line a:hover{border-color:var(--text)}

/* ---------- 正文排版 ---------- */
.meta{color:var(--muted);font-size:13.5px;margin-top:12px}
.prose{margin-top:30px}
.prose p{margin:16px 0}
.prose h2{font-size:20px;margin:40px 0 14px}
.prose ul{margin:16px 0 16px 24px}
.prose li{margin:7px 0}
.prose blockquote{
  border-left:3px solid var(--border-strong);
  padding:2px 0 2px 18px;color:var(--muted);margin:22px 0;
}
.prose a{color:var(--link);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}
.prose a:hover{border-color:var(--link)}

/* ---------- 时间线 ---------- */
.tl{list-style:none;margin-top:20px}
.tl li{display:flex;gap:20px;padding:11px 4px;border-bottom:1px dashed var(--border);font-size:15px}
.tl li:last-child{border-bottom:0}
.tl .y{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:52px}

/* ---------- 文章上下篇 ---------- */
.pn{
  display:flex;justify-content:space-between;gap:16px;
  margin-top:60px;padding-top:22px;border-top:1px solid var(--border);font-size:14px;
}
.pn a,.pn span{color:var(--muted);text-decoration:none;max-width:46%;line-height:1.6}
.pn a:hover{color:var(--text)}
.back{margin-top:38px;font-size:14px}
.back a{color:var(--muted);text-decoration:none}
.back a:hover{color:var(--text)}

/* ---------- 页脚 ---------- */
footer.site{border-top:1px solid var(--border)}
footer.site .wrap{
  display:flex;justify-content:center;
  padding-top:26px;padding-bottom:46px;color:var(--muted);font-size:13px;
}
footer.site a{color:var(--muted);text-decoration:none}
footer.site a:hover{color:var(--text)}

/* ---------- 404 ---------- */
.center{min-height:46vh;display:flex;flex-direction:column;justify-content:center}