/* ==========================================================================
   前台暗黑模式（详情页 / 归档页 / 关于页 共用）
   用法：页面 <head> 里在各自 <style> 之前引入本文件
   主题通过 <html data-theme="dark"> 切换
   ========================================================================== */

/* 暗黑变量：覆盖页面里的 :root 浅色变量 */
html[data-theme="dark"]{
  --bg:#0f1419;
  --card:#1a2128;
  --card2:#1f272f;
  --text:#e8e6e3;
  --sub:#8b9aa8;
  --line:#262f38;
  --line2:#1f272f;
  --accent:#ff7b7b;
  --accent-soft:rgba(255,123,123,.14);
  --nav-bg:rgba(21,27,33,.85);
}

/* 平滑过渡 */
html, body{
  transition:background .25s ease,color .25s ease;
}

/* 导航栏背景（浅色用白，暗色用深） */
html[data-theme="dark"] .nav{
  background:var(--nav-bg) !important;
}

/* ===== 暗黑模式下需要单独修正的硬编码浅色 ===== */

/* 内联标签底色 */
html[data-theme="dark"] .meta .tags span,
html[data-theme="dark"] .day-post-tags span{
  background:rgba(127,168,240,.15) !important;
  color:#8fb4f5 !important;
}

/* 分类/筛选胶囊悬停 & 选中 */
html[data-theme="dark"] .tag-cloud a,
html[data-theme="dark"] .side-tags a,
html[data-theme="dark"] .article-foot .tags a,
html[data-theme="dark"] .chip{
  background:var(--card2) !important;
  color:var(--sub) !important;
}

/* 分页器 */
html[data-theme="dark"] .pager a,
html[data-theme="dark"] .pn-nav a,
html[data-theme="dark"] .cal-big-nav a,
html[data-theme="dark"] .cal-head button{
  background:var(--card2) !important;
  color:var(--sub) !important;
  border-color:var(--line) !important;
}

/* 评论区回复框 */
html[data-theme="dark"] .ci-replies,
html[data-theme="dark"] .reply-form,
html[data-theme="dark"] .c-reply{
  background:var(--card2) !important;
}

/* 评论区输入框 */
html[data-theme="dark"] .c-form input,
html[data-theme="dark"] .c-form textarea,
html[data-theme="dark"] .reply-form input,
html[data-theme="dark"] .reply-form textarea{
  background:var(--card2) !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
}

/* 归档页日历空格子 */
html[data-theme="dark"] .cal-big-day{
  background:var(--card2) !important;
  border-color:var(--line) !important;
}
html[data-theme="dark"] .cal-big-day.has,
html[data-theme="dark"] .cal-big-day.today{
  background:var(--card) !important;
  border-color:var(--accent) !important;
}
html[data-theme="dark"] .cal-big-day .post-chip{
  background:var(--accent-soft) !important;
  color:var(--accent) !important;
}

/* 关于页 hero 卡片背景 */
html[data-theme="dark"] .hero,
html[data-theme="dark"] .panel{
  background:var(--card) !important;
  box-shadow:var(--shadow,0 1px 2px rgba(0,0,0,.3),0 10px 30px -18px rgba(0,0,0,.6)) !important;
}
html[data-theme="dark"] .avatar{
  border-color:var(--card) !important;
}

/* 分割线、空状态 */
html[data-theme="dark"] .side-card,
html[data-theme="dark"] .comments,
html[data-theme="dark"] .article{
  background:var(--card) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px -18px rgba(0,0,0,.6) !important;
}

/* 暗黑模式切换按钮 */
.theme-btn{
  width:34px;height:34px;border-radius:50%;border:1px solid var(--line);
  background:transparent;color:var(--sub);cursor:pointer;font-size:15px;
  display:inline-flex;align-items:center;justify-content:center;
  margin-left:4px;transition:.2s;line-height:1;padding:0;flex:none;
}
.theme-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);transform:rotate(15deg);}

/* 移动端：保留切换按钮（隐藏文字链接时） */
@media(max-width:780px){
  .nav-links .theme-btn{display:inline-flex !important;}
}