/* =====================================================================
   iBitBetter 自定义样式 · 暖阳手作 (Warm & Friendly)
   部署：放仓库 static/assets/ibitbetter-custom.css，
         config.json 的 allHead 注入 <link rel="stylesheet" href="/assets/ibitbetter-custom.css">
   说明：覆盖 Gmeek/Primer 默认样式，部分规则用 !important 对抗模板内联 style。
   配色变量集中在 :root，想微调改这里即可。
   ===================================================================== */

:root{
  --bg:#FBF6EE;          /* 奶油纸背景 */
  --surface:#FFFFFF;     /* 卡片表面 */
  --text:#2E2A24;        /* 主文字（暖墨） */
  --muted:#8A7F70;       /* 次要文字 */
  --accent:#E2613B;      /* 主强调：烧橙 */
  --accent-soft:#FBEDE6; /* 强调浅底 */
  --accent2:#C98A3B;     /* 次强调：琥珀 */
  --line:#EFE6D8;        /* 描边/分隔 */
  --shadow:0 6px 20px rgba(180,140,90,.14);
  --radius:16px;
}

/* ---------- 基础排版 ---------- */
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",sans-serif !important;
  font-size:17px !important;
  line-height:1.8 !important;
  max-width:840px !important;
  margin:0 auto !important;
  padding:30px 22px 56px !important;
  background:var(--bg) !important;
  color:var(--text) !important;
  -webkit-font-smoothing:antialiased;
}
#content{max-width:840px !important;margin:0 auto !important;}

/* ---------- 顶部品牌区 ---------- */
#header{padding-bottom:16px !important;gap:13px;align-items:center}
.title-left{display:flex;align-items:center;gap:13px}
.title-left h1.blogTitle{
  font-size:26px !important;
  font-weight:800 !important;
  letter-spacing:-.01em;
  color:var(--text) !important;
}
.avatar{
  width:46px !important;height:46px !important;
  border-radius:20px !important;
  box-shadow:0 0 0 3px var(--accent) inset, 0 4px 10px rgba(226,97,59,.20) !important;
}
.title-right .btn{
  color:var(--muted) !important;
  border-radius:50% !important;
  transition:background .2s,color .2s,transform .2s !important;
}
.title-right .btn:hover{background:var(--accent-soft) !important;color:var(--accent) !important;transform:translateY(-1px)}

/* ---------- 首页文章列表：SideNav → 暖色卡片 ---------- */
nav.SideNav{border:0 !important;background:transparent !important;display:flex;flex-direction:column;gap:9px}
a.SideNav-item{
  display:flex !important;align-items:center;justify-content:space-between;
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius) !important;
  padding:15px 17px !important;
  margin:0 !important;
  box-shadow:0 2px 8px rgba(180,140,90,.06) !important;
  color:var(--text) !important;
  text-decoration:none !important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease !important;
}
a.SideNav-item:hover{
  transform:translateY(-3px) !important;
  box-shadow:var(--shadow) !important;
  border-color:#F0D9CC !important;
}
a.SideNav-item .listTitle{
  font-size:15px !important;font-weight:600 !important;line-height:1.45 !important;color:var(--text) !important;
}
a.SideNav-item:hover .listTitle{color:var(--accent) !important}
.SideNav-icon.octicon{color:var(--accent) !important;opacity:.55}

/* 分类/日期标签：覆盖 Gmeek 内联背景色 */
.listLabels{display:flex;align-items:center;gap:7px;flex:none}
.listLabels .Label{
  background-color:var(--accent-soft) !important;
  color:var(--muted) !important;
  border-radius:999px !important;
  font-size:11px !important;font-weight:600 !important;
  padding:3px 10px !important;
}
.listLabels .Label.LabelName{
  background-color:var(--accent-soft) !important;
  color:var(--accent) !important;
}
.listLabels .Label.LabelName a{color:var(--accent) !important;text-decoration:none}

/* ---------- 文章阅读视图：markdown-body ---------- */
.markdown-body{
  font-size:16.5px !important;line-height:1.9 !important;color:var(--text) !important;
  background:transparent !important;
}
h1.postTitle{
  font-size:27px !important;font-weight:800 !important;line-height:1.4 !important;
  color:var(--text) !important;margin-bottom:14px !important;
}
.markdown-body h1,
.markdown-body h2{
  font-weight:800 !important;color:var(--text) !important;
  margin:30px 0 14px !important;line-height:1.4 !important;
  padding-bottom:8px !important;border-bottom:2px solid var(--accent) !important;
}
.markdown-body h3,.markdown-body h4{font-weight:700 !important;color:var(--text) !important;margin:22px 0 10px !important}
.markdown-body p{margin:0 0 15px !important;line-height:1.9 !important}
.markdown-body a{color:var(--accent) !important;text-decoration:none !important;border-bottom:1px solid transparent !important;transition:border-color .15s}
.markdown-body a:hover{border-bottom-color:var(--accent) !important}
.markdown-body strong{color:var(--text) !important;font-weight:800}

/* 引用块 */
.markdown-body blockquote{
  margin:18px 0 !important;padding:12px 18px !important;
  border-left:3px solid var(--accent) !important;
  background:var(--accent-soft) !important;
  color:#5a4a3e !important;font-style:italic !important;border-radius:0 10px 10px 0 !important;
}
.markdown-body blockquote p{color:#5a4a3e !important;margin:0 !important}

/* 行内代码 + 代码块 */
.markdown-body code{
  background:#F4ECE2 !important;color:var(--accent2) !important;
  padding:.15em .45em !important;border-radius:6px !important;font-size:.9em !important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;
}
.markdown-body pre{
  background:#2E2A24 !important;color:#F3E9DD !important;
  padding:16px 18px !important;border-radius:12px !important;
  overflow:auto !important;margin:18px 0 !important;
  border:1px solid #3a342c !important;
}
.markdown-body pre code{background:transparent !important;color:#F3E9DD !important;padding:0 !important;font-size:13.5px !important;line-height:1.65 !important}

/* 图片 */
.markdown-body img{
  max-width:100% !important;height:auto !important;
  border-radius:12px !important;box-shadow:var(--shadow) !important;
  margin:16px auto !important;display:block !important;
}

/* 表格 */
.markdown-body table{border-collapse:collapse !important;margin:18px 0 !important;width:100% !important;font-size:14.5px}
.markdown-body th,.markdown-body td{border:1px solid var(--line) !important;padding:9px 12px !important}
.markdown-body th{background:var(--accent-soft) !important;color:var(--text) !important;font-weight:700}
.markdown-body tr:nth-child(even) td{background:#FDF9F3}

/* 分隔线 */
.markdown-body hr{border:0 !important;border-top:1px solid var(--line) !important;margin:26px 0 !important}

/* 列表 */
.markdown-body ul,.markdown-body ol{padding-left:1.4em !important;margin:0 0 15px !important}
.markdown-body li{margin:6px 0 !important;line-height:1.8 !important}

/* ---------- 页脚 ---------- */
.footer,.site-footer,#footer{color:var(--muted) !important;font-size:13px !important;margin-top:40px !important;text-align:center}

/* ---------- 暗色模式：暖色暗调（非纯黑、非色盲绿） ---------- */
[data-color-mode="dark"]{
  --bg:#1E1A16;
  --surface:#26211B;
  --text:#F3E9DD;
  --muted:#B6A892;
  --accent:#F0916A;
  --accent-soft:#3A2C22;
  --accent2:#E0A85C;
  --line:#3A322A;
  --shadow:0 6px 20px rgba(0,0,0,.35);
}
[data-color-mode="dark"] .markdown-body code{background:#33291F !important;color:var(--accent2) !important}
[data-color-mode="dark"] .markdown-body blockquote{background:var(--accent-soft) !important;color:#E8D5C4 !important}
[data-color-mode="dark"] .markdown-body blockquote p{color:#E8D5C4 !important}
[data-color-mode="dark"] .markdown-body th{background:var(--accent-soft) !important}
[data-color-mode="dark"] .markdown-body tr:nth-child(even) td{background:#221D18}
[data-color-mode="dark"] .title-right .btn:hover{background:var(--accent-soft) !important}

/* ---------- 无障碍：焦点与动效偏好 ---------- */
a:focus-visible,.btn:focus-visible,button:focus-visible{
  outline:3px solid var(--accent) !important;outline-offset:2px !important;border-radius:6px !important;
}
@media (prefers-reduced-motion:reduce){
  *{transition:none !important;animation:none !important}
}