:root{
  --bg:#fdfaf3;
  --paper:#fffdf6;
  --ink:#3a2e22;
  --ink-2:#6b5a48;
  --ink-3:#a09080;
  --line:#e6dcc6;
  --gold:#a47834;
  --gold-2:#8f6826;
  --accent:#7a5a3a;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--ink)}
body{
  font-family:"Noto Serif SC","Songti SC","Source Han Serif SC",serif;
  line-height:1.85;font-size:15px;letter-spacing:0.3px;
}
a{color:var(--gold-2);text-decoration:none;border-bottom:1px dashed transparent;transition:border-color .2s}
a:hover{border-color:var(--gold-2)}

/* 顶部 */
.site-header{border-bottom:1px solid var(--line);background:var(--paper)}
.site-header .wrap{
  max-width:920px;margin:0 auto;padding:28px 24px 22px;
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;
}
.site-title{font-size:30px;font-weight:600;letter-spacing:8px;color:var(--gold-2)}
.site-title small{display:block;font-size:11px;letter-spacing:4px;color:var(--ink-3);margin-top:6px;font-weight:400}
.site-tagline{font-size:13px;color:var(--ink-2);letter-spacing:1.5px}

/* 导航 */
nav.main-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}
nav.main-nav .wrap{
  max-width:920px;margin:0 auto;padding:10px 24px;
  display:flex;gap:24px;justify-content:center;flex-wrap:wrap;font-size:13px;letter-spacing:2px;
  align-items:center;
}
nav.main-nav a{color:var(--ink-2);border-bottom:none;padding:4px 0;cursor:pointer}
nav.main-nav a:hover{color:var(--gold-2)}
nav.main-nav a.active{color:var(--gold-2);border-bottom:1px solid var(--gold-2)}
nav.main-nav .search-wrap{margin-left:auto}
nav.main-nav input.search{
  font-family:inherit;font-size:12px;background:var(--bg);border:1px solid var(--line);
  border-radius:3px;padding:4px 10px;color:var(--ink);outline:none;width:140px;
  transition:border-color .2s,width .2s;
}
nav.main-nav input.search:focus{border-color:var(--gold);width:200px}

/* 内容布局 */
main{max-width:920px;margin:0 auto;padding:36px 24px;display:grid;grid-template-columns:1fr 240px;gap:48px}
@media (max-width:760px){
  main{grid-template-columns:1fr;gap:32px;padding:24px 18px}
  nav.main-nav .search-wrap{margin-left:0;width:100%;display:flex;justify-content:center}
  nav.main-nav input.search{width:100%;max-width:300px}
}
.col-main{min-width:0}
.col-side{font-size:13px}

/* 文章列表 */
.post-item{padding:22px 0;border-bottom:1px solid var(--line)}
.post-item:last-child{border-bottom:none}
.post-meta{font-size:12px;color:var(--ink-3);letter-spacing:1px;margin-bottom:6px}
.post-meta .cat{color:var(--gold-2);margin-left:8px}
.post-meta .tags{margin-left:8px;color:var(--ink-3)}
.post-meta .tags a{font-size:11px;color:var(--ink-3);border:none;margin-right:4px}
.post-meta .tags a:hover{color:var(--gold-2)}
.post-title{font-size:19px;font-weight:600;color:var(--ink);letter-spacing:1.5px;line-height:1.5;margin-bottom:10px}
.post-title a{color:inherit;border:none;cursor:pointer}
.post-title a:hover{color:var(--gold-2)}
.post-excerpt{color:var(--ink-2);line-height:1.85;font-size:14px}
.post-more{display:inline-block;margin-top:8px;font-size:12px;color:var(--gold-2);letter-spacing:1px;cursor:pointer}

/* 侧栏 */
.side-block{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:18px 18px 16px;margin-bottom:18px}
.side-title{font-size:13px;font-weight:600;color:var(--gold-2);letter-spacing:3px;padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid var(--line)}
.about-text{font-size:13px;color:var(--ink-2);line-height:1.85}
.about-text p{margin-bottom:6px}
.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}
.tag-cloud a{font-size:12px;padding:3px 10px;background:#f7f1e4;border:1px solid var(--line);border-radius:3px;color:var(--ink-2);border-bottom:none;cursor:pointer}
.tag-cloud a:hover{background:var(--gold);color:#fff;border-color:var(--gold)}
.arc-list{list-style:none;font-size:13px;color:var(--ink-2)}
.arc-list li{padding:4px 0;border-bottom:1px dashed var(--line)}
.arc-list li:last-child{border-bottom:none}
.arc-list a{color:var(--ink-2);border-bottom:none;cursor:pointer;display:block}
.arc-list a:hover{color:var(--gold-2)}
.arc-list .cnt{float:right;color:var(--ink-3);font-size:11px}

/* 引言 */
.hero-quote{background:var(--paper);border-left:3px solid var(--gold);padding:18px 22px;margin-bottom:30px;font-style:italic;color:var(--ink-2);font-size:14px;line-height:2}
.hero-quote .src{display:block;margin-top:6px;color:var(--ink-3);font-style:normal;font-size:12px;text-align:right}

/* 当前过滤标识 */
.filter-bar{
  background:var(--paper);border:1px solid var(--line);border-radius:4px;
  padding:10px 16px;margin-bottom:20px;font-size:13px;color:var(--ink-2);
  display:flex;justify-content:space-between;align-items:center;
}
.filter-bar .clear{font-size:12px;color:var(--gold-2);cursor:pointer;border:none;background:transparent;font-family:inherit}
.filter-bar .clear:hover{text-decoration:underline}

/* 分页 */
.pager{margin-top:32px;text-align:center;font-size:13px;color:var(--ink-3);letter-spacing:2px}
.pager a{margin:0 6px;color:var(--ink-2);border-bottom:none;cursor:pointer;padding:4px 10px;border-radius:3px}
.pager a:hover{background:var(--paper);color:var(--gold-2)}
.pager .cur{margin:0 6px;color:var(--gold-2);font-weight:600;padding:4px 10px;background:var(--paper);border-radius:3px}
.pager .disabled{color:var(--ink-3);cursor:default;opacity:.4}

/* 底部 */
footer{margin-top:48px;border-top:1px solid var(--line);background:var(--paper);padding:26px 24px 32px;text-align:center;font-size:12px;color:var(--ink-3);line-height:1.9}
footer a{color:var(--ink-3);border-bottom:none;margin:0 6px}
footer a:hover{color:var(--gold-2)}
footer .copyright{margin-top:10px;font-size:11px}
footer .beian{margin-top:6px;font-size:11px;color:var(--ink-3)}
footer .beian a{color:var(--ink-3);text-decoration:none}
footer .rss-link{font-size:11px;margin-top:4px}

/* 文章详情 */
#article-pane{display:none;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:30px 32px;margin-bottom:24px}
#article-pane.show{display:block}
#article-pane .a-title{font-size:24px;font-weight:600;color:var(--ink);letter-spacing:1.5px;line-height:1.5;margin-bottom:8px}
#article-pane .a-meta{font-size:12px;color:var(--ink-3);letter-spacing:1px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--line)}
#article-pane .a-meta .tags a{font-size:11px;color:var(--ink-3);margin-right:6px;border:none}
#article-pane .a-meta .tags a:hover{color:var(--gold-2)}
#article-pane .a-body{color:var(--ink);font-size:15px;line-height:2}
#article-pane .a-body p{margin-bottom:14px;text-indent:2em}
#article-pane .a-body blockquote{border-left:3px solid var(--gold);background:#f7f1e4;padding:12px 18px;margin:14px 0;color:var(--ink-2);font-style:italic}
#article-pane .a-body blockquote p{text-indent:0;margin-bottom:0}
#article-pane .a-body h2,#article-pane .a-body h3{font-size:17px;margin:22px 0 10px;color:var(--gold-2);letter-spacing:1px}
#article-pane .a-body ul,#article-pane .a-body ol{margin:8px 0 14px 28px}
#article-pane .a-body li{margin-bottom:4px}
#article-pane .a-body code{background:#f7f1e4;padding:1px 6px;border-radius:3px;font-size:13px;font-family:Consolas,monospace}
#article-pane .a-body hr{border:none;border-top:1px dashed var(--line);margin:24px 0}
#article-pane .article-nav{display:flex;justify-content:space-between;margin-top:30px;padding-top:18px;border-top:1px solid var(--line);font-size:12px}
#article-pane .article-nav a{color:var(--ink-2);border:none;cursor:pointer;max-width:45%}
#article-pane .article-nav a:hover{color:var(--gold-2)}
#article-pane .back-btn{display:inline-block;margin-top:24px;padding:6px 16px;border:1px solid var(--line);border-radius:3px;color:var(--ink-2);cursor:pointer;font-size:12px;letter-spacing:1px;background:transparent;font-family:inherit}
#article-pane .back-btn:hover{background:var(--gold);color:#fff;border-color:var(--gold)}

/* 404 */
.error-page{text-align:center;padding:60px 24px}
.error-page h1{font-size:72px;color:var(--gold-2);letter-spacing:8px;margin-bottom:12px}
.error-page p{color:var(--ink-2);margin-bottom:18px}
.error-page a{color:var(--gold-2)}

/* 关于页 */
#about-pane h2{font-size:22px;color:var(--gold-2);letter-spacing:3px;margin-bottom:16px}
#about-pane .about-body{font-size:14px;line-height:2;color:var(--ink-2)}
#about-pane .about-body p{margin-bottom:12px}
#about-pane .about-body ul{margin:0 0 12px 22px;line-height:2}