/* ============================================================
   CNTales · GitHub 线条极简皮肤(全站,覆盖 forest 暖绿)
   白底 · 细线 #d0d7de · 墨字 · 朱砂仅作点缀 · 系统无衬线
   暗色:GitHub dark 组(#0d1117 系)
   ============================================================ */
:root{
  --wide-w:1060px; --nav-h:60px;
  --bg:#ffffff; --bg-soft:#f6f8fa; --card:#ffffff;
  --line:#d8dee4; --muted:#57606a; --fg:#1f2328; --accent:#C23B22;
  --soft:#f6f8fa; --codebg:#f6f8fa; --accent-soft:#fdf0ee;
  --accent-deep:#A2331C; --accent-faint:#fbf1ef; --ink:#1f2328;
  --text:#1f2328; --text-soft:#57606a; --text-faint:#6a737d;
  --hairline:#e6e8ea; --border:#d0d7de; --border-strong:#9aa4ad;
  --radius-sm:6px; --radius-md:8px; --radius-lg:12px;
  --accent-glow:rgba(194,59,34,.10);
  --shadow-sm:none; --shadow-md:0 1px 2px rgba(27,31,36,.06);
  --shadow-lg:0 4px 16px rgba(27,31,36,.10);
  --font-serif:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Roboto,Helvetica,Arial,sans-serif;
}
html.dark{
  --bg:#0d1117; --bg-soft:#161b22; --card:#0d1117;
  --line:#21262d; --muted:#8b949e; --fg:#e6edf3; --accent:#f47067;
  --soft:#161b22; --codebg:#161b22; --accent-soft:#2a1a18;
  --accent-deep:#ff8f80; --accent-faint:#241a18; --ink:#e6edf3;
  --text:#e6edf3; --text-soft:#8b949e; --text-faint:#6e7681;
  --hairline:#21262d; --border:#30363d; --border-strong:#484f58;
  --accent-glow:rgba(244,112,103,.14);
  --shadow-sm:none; --shadow-md:0 1px 2px rgba(1,4,9,.5);
  --shadow-lg:0 8px 24px rgba(1,4,9,.6);
}

/* ---- 壳层(强覆盖,消灭森林残留绿) ---- */
body{background:#ffffff!important;color:#1f2328!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Roboto,Arial,sans-serif!important}
html.dark body{background:#0d1117!important;color:#e6edf3!important}
.site-header{background:#ffffff!important;color:#1f2328!important;border-bottom:1px solid #d0d7de!important;backdrop-filter:none!important;box-shadow:none!important}
html.dark .site-header{background:#0d1117!important;color:#e6edf3!important;border-bottom-color:#21262d!important}
.site-footer{background:#ffffff!important;color:#6a737d!important;border-top:1px solid #d0d7de!important}
html.dark .site-footer{background:#0d1117!important;color:#8b949e!important;border-top-color:#21262d!important}
.nav a,.nav-dd-btn,.icon-btn,.hd-mini,.btn-login{color:#57606a!important}
.nav a:hover,.nav-dd-btn:hover,.icon-btn:hover{color:#C23B22!important}
html.dark .nav a,html.dark .nav-dd-btn,html.dark .icon-btn,html.dark .hd-mini{color:#8b949e!important}
html.dark .nav a:hover,html.dark .icon-btn:hover{color:#f47067!important}
.brand-logo{width:22px;height:22px}
.brand{color:#1f2328!important;font-size:16px!important}
html.dark .brand{color:#e6edf3!important}
.brand-word{font-size:15px!important}
.main,aside.side{background:#ffffff!important}
html.dark .main,html.dark aside.side{background:#0d1117!important}
.layout{background:#ffffff!important}
html.dark .layout{background:#0d1117!important}
.lang-sw .lang-menu,.nav-dd-menu,.drawer-panel{background:#ffffff!important;border:1px solid #d0d7de!important;border-radius:8px;box-shadow:0 4px 16px rgba(27,31,36,.10)!important}
html.dark .lang-sw .lang-menu,html.dark .nav-dd-menu,html.dark .drawer-panel{background:#161b22!important;border-color:#30363d!important}

/* ---- 标题统一无衬线、克制 ---- */
h1,h2,h3,h4,h5,h6{font-family:inherit;color:var(--text);font-weight:600}
.main h1{font-size:26px;line-height:1.45}
.main h2{font-size:21px}
.main h3{font-size:18px}

/* ---- 列表 / 卡片(细线) ---- */
.page-head,.hero{background:transparent;border:0;padding:22px 0 8px}
.page-head h1,.page-head .page-title{color:var(--text)}
.post-list,.media-list{background:transparent}
.post-item,.card,.list-card{background:var(--card);border:1px solid var(--border);border-radius:8px;
  box-shadow:none;margin-bottom:14px}
.post-item:hover,.card:hover{border-color:var(--border-strong)}
.post-item h2,.card h3{color:var(--text);font-size:17px}
.post-excerpt,.card p{color:var(--text-soft)}
.post-meta{color:var(--text-faint)}
.post-meta .avatar{background:var(--soft);color:var(--accent)}
.chip,.kbd,.tag{background:var(--bg-soft);border:1px solid var(--border);color:var(--text-soft);border-radius:999px}
a.chip:hover{color:var(--accent);border-color:var(--accent)}
.read-more,.readmore{color:var(--accent)}
.empty{color:var(--text-faint)}
.muted{color:var(--text-faint)}

/* ---- 侧栏(左右布局) ---- */
.side{max-width:300px;width:100%}
.side-box,.side .box{background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;
  padding:14px 16px;margin-bottom:16px}
.side-box h4,.side h4{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin:0 0 8px;font-weight:600}
.side-list a,.side ul a{color:var(--text-soft)}
.side-list a:hover{color:var(--accent)}
.side-list .count{color:var(--text-faint)}
.blogger-av{background:var(--bg-soft);color:var(--accent)}

/* ---- 文章正文 ---- */
.article-title,.post-title{font-size:26px;line-height:1.5;color:var(--text)}
.article-content,.post-content{color:var(--text);font-size:16.5px;line-height:2}
.article-content p,.post-content p{margin:0 0 1.15em}
.article-content a,.post-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}
.article-content blockquote,.post-content blockquote{border-left:3px solid var(--border);color:var(--text-soft);margin:1.2em 0;padding:2px 0 2px 16px;background:transparent}
.article-content code,.post-content code{background:var(--bg-soft);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:0.92em}
.article-content pre,.post-content pre{background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;padding:14px 16px;overflow:auto}
.article-content img,.post-content img{border:1px solid var(--border);border-radius:8px}
.article-content h2,.article-content h3,.post-content h2,.post-content h3{margin-top:1.6em}
.article-meta,.post-meta-row{color:var(--text-faint);font-size:13px}

/* ---- 表格 / 表单 ---- */
table{border-collapse:collapse}
th,td{border-bottom:1px solid var(--hairline);padding:7px 10px;text-align:left}
th{color:var(--text-faint);font-weight:600}
input[type=text],input[type=search],input[type=email],input[type=password],textarea,select{
  border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);padding:7px 10px;font:inherit}
input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}
.search-box form,.search form{border:1px solid var(--border);border-radius:8px;background:var(--card)}

/* ---- 按钮 ---- */
.btn{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;
  padding:7px 16px;font-size:14px;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.btn:hover{border-color:var(--accent);color:var(--accent)}
.btn.primary,.btn-primary,.btn.solid{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.primary:hover,.btn.solid:hover{opacity:.92;color:#fff}

/* ---- 分页 ---- */
.pager a,.pager span{border:1px solid var(--border);border-radius:6px;padding:4px 11px;color:var(--text-soft)}
.pager a:hover{color:var(--accent);border-color:var(--accent)}
.pager .on{background:var(--accent);border-color:var(--accent);color:#fff}

/* ---- 评论 / 归档 ---- */
.comments .comment{border-bottom:1px solid var(--hairline)}
.comments .avatar{background:var(--bg-soft);color:var(--accent)}
.archives a{color:var(--text-soft)} .archives a:hover{color:var(--accent)}

/* ---- 页脚 ---- */
.site-footer{border-top:1px solid var(--border);background:var(--bg);color:var(--text-faint);font-size:13px}
.site-footer a{color:var(--text-soft)} .site-footer a:hover{color:var(--accent)}

/* ---- CNTales 全页补丁:评论/阅读条/搜索/索引/其它组件 ---- */
.page-head .sub,.page .lead{color:var(--text-soft);font-size:14px}
.idx-hint{color:var(--text-faint);font-size:13px}
.meta-index{display:flex;flex-wrap:wrap;gap:10px}
.meta-chip{display:inline-flex;flex-direction:column;gap:2px;background:var(--card);
  border:1px solid var(--border);border-radius:8px;padding:10px 14px;min-width:150px;text-decoration:none}
.meta-chip:hover{border-color:var(--accent)}
.meta-chip .mi-name{color:var(--text);font-size:15px;font-weight:600}
.meta-chip .mi-count{color:var(--text-faint);font-size:12.5px}
/* 阅读工具条(上下篇/返回) */
.reader-bar{border-top:1px solid var(--hairline);margin-top:26px;padding-top:12px}
.reader-bar a{color:var(--text-soft)}
.reader-bar a:hover{color:var(--accent)}
.nx{display:flex;gap:14px;border-top:1px solid var(--hairline);margin-top:18px;padding-top:14px}
.nx a{color:var(--text-soft);font-size:14px} .nx a:hover{color:var(--accent)}
/* 评论区 */
.comments{margin-top:34px}
.comments-title{font-size:16px;color:var(--text);border-bottom:1px solid var(--hairline);padding-bottom:8px}
.c-thread{border-bottom:1px solid var(--hairline);padding:12px 0}
.c-item .avatar{background:var(--bg-soft);color:var(--accent)}
.c-who{font-size:13px}
.c-who b{color:var(--text)}
.c-who time{color:var(--text-faint)}
.c-text{color:var(--text);font-size:14.5px;line-height:1.9}
.c-input{border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text)}
.c-actions .btn{border:1px solid var(--border)}
.c-actions .btn:hover{border-color:var(--accent);color:var(--accent)}
.c-empty,.c-note{color:var(--text-faint);font-size:13.5px}
.reply-form textarea{min-height:76px}
/* 搜索页 */
.search-page .page-head h1{font-size:24px}
.sr-search input{border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text)}
.sr-sub,.sr-info{color:var(--text-faint);font-size:13px}
.sr-head{color:var(--text-soft);font-size:14px}
.search-page .result-item{border-bottom:1px solid var(--hairline)}
/* 归档/标签云 */
.archives .months a,.tags-cloud a,.tag-cloud a{color:var(--text-soft)} 
.archives .months a:hover,.tags-cloud a:hover{color:var(--accent)}
/* 页面(kicker/面包屑等) */
.kicker,.crumb{color:var(--text-faint);font-size:13px}
.kicker a,.crumb a{color:var(--text-soft)} .kicker a:hover,.crumb a:hover{color:var(--accent)}
/* 404 */
.e404 h1{font-size:44px}
.e404{color:var(--text-soft)}
/* 抽屉(移动导航) */
.drawer-group,.drawer-nav{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px}
.drawer-cap{color:var(--text-faint);font-size:12px}
.drawer-nav a{color:var(--text-soft)} .drawer-nav a:hover{color:var(--accent)}
/* 正文内微格式 */
hr{border:0;border-top:1px solid var(--hairline)}
mark,mark code{background:#fff8c5;color:#1f2328}
summary{cursor:pointer}
/* 印刷友好 */
@media print{body{background:#fff;color:#000}.site-header,.site-footer,.side,.reader-bar{display:none!important}}
