/* 博叔随想杂谈 —— 极简扁平，暖纸色
   底色 暖纸 #FAF6EF / 文字 炭灰 #33302A / 点缀 黯朱红 #A63A2C */
:root{
  --paper:#FAF6EF;
  --paper-deep:#F3EDE0;
  --ink:#33302A;
  --ink-soft:#5C564C;
  --line:#E3DCCB;
  --accent:#A63A2C;
  --accent-soft:#C08552;
  --card:#FFFDF8;
  --max:1120px;
  --radius:6px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
  font-size:17px;line-height:1.75;
}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}

/* ---------- 头部 ---------- */
.site-header{background:var(--paper);border-bottom:2px solid var(--ink)}
.header-in{max-width:var(--max);margin:0 auto;padding:20px 16px 0}
.brand{display:flex;align-items:center;gap:16px}
.brand-logo img{width:88px;height:88px;display:block}
@media(max-width:640px){.brand-logo img{width:76px;height:76px}}
.brand-text{display:flex;flex-direction:column;justify-content:center}
.brand-name{font-family:"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif;font-size:36px;font-weight:700;color:var(--ink);letter-spacing:2px;line-height:1.25}
.brand-name:hover{text-decoration:none;color:var(--accent)}
.brand-sub{color:var(--ink-soft);font-size:15.5px;letter-spacing:1px;margin-top:5px}
.main-nav{max-width:var(--max);margin:0 auto;padding:10px 16px 12px;display:flex;gap:22px;flex-wrap:wrap;font-size:16px}
.main-nav a{color:var(--ink)}
.main-nav a:hover{color:var(--accent);text-decoration:none}
.main-nav a.active{color:var(--accent);font-weight:600}

/* ---------- 布局 ---------- */
.layout{max-width:var(--max);margin:0 auto;padding:24px 16px 40px;display:block}
@media(min-width:960px){
  .layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px}
}
.sidebar{margin-top:32px}
@media(min-width:960px){.sidebar{margin-top:0}}
.side-block{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:20px}
.side-block h3{margin:0 0 10px;font-size:16px;border-left:4px solid var(--accent);padding-left:8px}
.side-block p{margin:0;font-size:14.5px;color:var(--ink-soft)}
.side-list{list-style:none;margin:0;padding:0;font-size:15px}
.side-list li{padding:5px 0;border-bottom:1px dashed var(--line)}
.side-list li:last-child{border-bottom:none}

/* ---------- 文章列表 ---------- */
.post-list{list-style:none;margin:0;padding:0}
.post-item{padding:20px 0;border-bottom:1px solid var(--line)}
.post-item:first-child{padding-top:0}
.post-row{display:flex;gap:14px;align-items:center}
.post-thumb{flex:0 0 auto}
.post-thumb img{width:112px;height:84px;object-fit:cover;border-radius:var(--radius);display:block}
.post-text{flex:1;min-width:0}
.read-more{display:block;text-align:right;margin-top:5px;font-size:14.5px;color:var(--accent)}
@media (max-width:640px){.post-thumb img{width:88px;height:66px}}
.post-meta{font-size:13.5px;color:var(--ink-soft);margin-bottom:4px}
.post-meta .col{color:var(--accent)}
.post-title{font-family:"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif;font-size:24px;font-weight:700;line-height:1.4;margin:2px 0 6px}
.post-title a{color:var(--ink)}
.post-title a:hover{color:var(--accent);text-decoration:none}
.post-sum{color:var(--ink-soft);font-size:15.5px;margin:0}
.post-cover{margin:0 0 12px;border-radius:var(--radius);overflow:hidden}
.post-cover img{width:100%;height:auto;display:block}
.sec-head{border-bottom:2px solid var(--ink);padding-bottom:8px;margin-bottom:8px}
.sec-head h1{font-family:"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif;font-size:28px;margin:0}
.sec-head p{color:var(--ink-soft);margin:4px 0 0;font-size:15px}

/* ---------- 标签 ---------- */
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
.tag-chip{display:inline-block;background:var(--paper-deep);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:2px 12px;font-size:14px}
.tag-chip:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}
.tag-chip .n{color:var(--ink-soft);font-size:12.5px}
.post-tags{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}

/* ---------- 文章页 ---------- */
.article h1{font-family:"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif;font-size:32px;line-height:1.35;margin:0 0 8px}
.article .post-meta{margin-bottom:18px}
.article-body{font-family:"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif;font-size:18.5px;line-height:1.9}
.article-body p{margin:0 0 1.1em}
.article-body h2{font-size:24px;margin:1.4em 0 .5em}
.article-body h3{font-size:20px;margin:1.2em 0 .4em}
.article-body img{border-radius:var(--radius);margin:1em auto}
.article-body blockquote{margin:1em 0;padding:4px 16px;border-left:4px solid var(--accent-soft);color:var(--ink-soft);background:var(--paper-deep)}
.crumbs{font-size:13.5px;color:var(--ink-soft);margin-bottom:14px}
.crumbs a{color:var(--ink-soft)}
.related{margin-top:36px;border-top:2px solid var(--ink);padding-top:14px}
.related h3{margin:0 0 8px;font-size:18px}
.prevnext{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:26px;font-size:15px}
.prevnext .prev-link{margin-right:auto;text-align:left}
.prevnext .next-link{margin-left:auto;text-align:right}
.prevnext a{flex:0 1 66.667%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- 广告位（占位，AdSense 接入后替换） ---------- */
.ad-slot{border:1.5px dashed var(--accent-soft);border-radius:var(--radius);color:var(--ink-soft);
  background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(192,133,82,.05) 10px,rgba(192,133,82,.05) 20px);
  display:flex;align-items:center;justify-content:center;text-align:center;
  font-size:13px;letter-spacing:2px;margin:22px 0;min-height:110px;padding:10px}
.ad-slot.tall{min-height:600px;margin:0}
.ad-note{font-size:11px;letter-spacing:1px;opacity:.75}

/* ---------- 页脚 ---------- */
.site-footer{border-top:2px solid var(--ink);margin-top:10px}
.footer-in{max-width:var(--max);margin:0 auto;padding:20px 16px 30px;font-size:14px;color:var(--ink-soft);display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between}
.footer-in a{color:var(--ink-soft)}

/* ---------- 表单 ---------- */
.contact-form label{display:block;margin:14px 0 6px;font-weight:600}
.contact-form input,.contact-form textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);font:inherit}
.contact-form button{margin-top:16px;background:var(--accent);color:#FFF8EE;border:none;border-radius:var(--radius);padding:10px 28px;font-size:16px;cursor:pointer}
.pager{display:flex;justify-content:space-between;margin-top:24px;font-size:15px}
.search-note{background:var(--paper-deep);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}

/* ---------- 赞赏模块（文章末尾）与联系页微信区 ---------- */
.tip-jar{margin:30px 0 6px;text-align:center}
.tip-jar img{width:63%;height:auto;margin:0 auto}
@media (min-width:641px) and (max-width:1024px){.tip-jar img{width:200px}}
@media (min-width:1025px){.tip-jar img{width:180px}}
.tip-line{margin:10px 0 0;font-size:14.5px;color:var(--ink-soft)}
.tip-line2{margin:2px 0 0;font-size:14.5px;color:var(--ink-soft)}
.wechat-box{margin-top:30px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;text-align:center}
.wechat-box h2{margin:0 0 10px;font-size:21px}
.wechat-box img{width:220px;max-width:70%;height:auto;margin:6px auto 10px}
.wechat-box p{margin:4px 0;font-size:15.5px}