/* 朋友圈样式：宣纸米色 + 宋体，与 /wenji/ /guji/ 同一套阅读观感。
   与文集各存一份、不互相引用——改一边不会崩另一边。 */
*{box-sizing:border-box}
body{margin:0;background:#f7f5f0;color:#24211c;line-height:1.78;
 font-family:"Songti SC","SimSun","Noto Serif CJK SC",Georgia,serif}
a{color:#7a3b12;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:54rem;margin:0 auto;padding:0 1.1rem}
header.top{border-bottom:1px solid #e0d8cc;background:#fbf9f5;margin-bottom:1.4rem}
header.top .bar{display:flex;align-items:center;justify-content:space-between;
 gap:1rem;flex-wrap:wrap;padding:.7rem 0}
.brand{font-weight:700;font-size:1.1rem;letter-spacing:.04em}
.brand span{font-size:.8rem;color:#8a8177;margin-left:.45rem;letter-spacing:.16em}
header.top nav{display:flex;gap:1.05rem;font-size:.9rem;flex-wrap:wrap}
header.top nav a{color:#6d6459}
header.top nav a.on{color:#7a3b12;font-weight:700}
main{padding-bottom:2rem}
nav.bc{font-size:.83rem;color:#8a8177;margin:.4rem 0 1.1rem}
h1{font-size:1.62rem;margin:.3rem 0 .45rem;line-height:1.4;font-weight:700}
h2{font-size:1.08rem;margin:1.9rem 0 .6rem;padding-bottom:.3rem;
 border-bottom:1px solid #e0d8cc}
.meta{color:#7d7468;font-size:.88rem;margin:.2rem 0 .9rem}
.lede{background:#fff;border:1px solid #e9e1d4;border-left:3px solid #c9b28b;
 border-radius:6px;padding:.75rem .95rem;font-size:.96rem;color:#4a443b;margin:.9rem 0 0}
.lede b{color:#7a3b12}
ul.cats{list-style:none;padding:0;margin:.3rem 0}
ul.cats li{padding:.5rem .1rem;border-bottom:1px solid #ece5da;font-size:1rem}
ul.cats li a{font-weight:700}
ul.cats li .n{color:#a49a8c;font-size:.82rem;margin-left:.6rem}
/* 目录型条目要让人一眼看出「点进去还有内容」，免得把首条预览误当成这一页唯一的一条 */
ul.cats li .go{color:#8c3a24;font-size:.86rem;margin-left:.6rem;white-space:nowrap}
ul.cats li .prev{display:block;color:#8a8177;font-size:.86rem;margin-top:.2rem;
 overflow-wrap:anywhere}
ul.cats li .prev b{color:#a49a8c;font-weight:400;margin-right:.35rem}
/* 一条条朋友圈 */
ul.mts{list-style:none;padding:0;margin:.4rem 0}
ul.mts>li{padding:.85rem 0;border-bottom:1px dashed #e6ded1}
ul.mts .d{margin:0 0 .25rem}
ul.mts .d time{color:#a49a8c;font-size:.8rem}
/* pre-wrap 保住原稿换行（有些帖子本身就是一首诗）；因此 .tx 里不能有任何
   模板缩进——一个空格都会被当正文显示 */
ul.mts .tx{margin:0;font-size:1.01rem;white-space:pre-wrap;overflow-wrap:anywhere}
ul.mts .cmt{margin:.5rem 0 0;padding:.45rem .7rem;background:#fbf8f2;
 border-left:2px solid #d9c9a8;border-radius:0 4px 4px 0}
ul.mts .ct{font-size:.94rem;color:#4a443b;white-space:pre-wrap;overflow-wrap:anywhere}
ul.mts .cw{color:#a49a8c;font-size:.76rem;border:1px solid #e0d8cc;border-radius:3px;
 padding:0 .3rem;margin-right:.45rem;white-space:nowrap}
p.more{margin:1.6rem 0 0;font-size:.95rem}
.pager{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.8rem 0;font-size:.9rem}
.pager a{border:1px solid #ddd3c4;border-radius:6px;padding:.32rem .72rem;background:#fff}
footer{border-top:1px solid #e0d8cc;color:#8a8177;font-size:.84rem;
 padding:1.1rem 1.1rem 2.6rem;margin-top:2.4rem;line-height:1.9}
footer p{margin:.2rem 0}
@media (max-width:640px){
 h1{font-size:1.38rem}
 header.top .bar{gap:.4rem}
 header.top nav{gap:.7rem;font-size:.85rem}
 ul.mts .tx{font-size:.99rem}
}
