/* ----------------------------------------------------------
   注意：从这里（分隔线为CSS注释形式）开始复制，直达【三、页首 HTML】之前；
   勿把上方标题行带入，否则首行"------"会与 :root 粘连导致夜间模式变量失效 */
/* ================= 全局 ================= */
:root {
  --bg0: #0a0e1a;        /* 深夜星空底色 */
  --bg1: #111a2e;
  --bg-night: linear-gradient(160deg, #0a0e1a 0%, #101a33 45%, #0a1426 100%); /* 夜背景（配色方案可覆盖） */
  --bg-day: linear-gradient(175deg, #ece8da 0%, #e5dfcf 45%, #e0d9c5 100%);   /* 日背景（配色方案可覆盖） */
  --deco-opacity: .92;   /* 日间山水装饰层不透明度（配色方案可覆盖） */
  --card: rgba(28, 30, 36, 0.36);       /* 中性深色卡（不偏蓝；按用户线上实测 0.36，更通透） */
  --card-bd: rgba(160, 168, 182, 0.25); /* 中性灰边框 */
  --txt: #E6E9F2;        /* 正文柔和冷白（比纯白暗一档，不刺眼） */
  --txt-dim: #9fb0d0;
  --acc: #5aa7ff;        /* 星光蓝 */
  --acc2: #ff9bb0;       /* 樱花粉点缀 */
}
html { background: var(--bg-night) fixed !important; }
body {
  background: transparent !important;
  color: var(--txt) !important;
  font-family: -apple-system, "Segoe UI", "Microsoft YaHei", sans-serif !important;
}

/* 星星闪烁动画（配合页脚JS生成的星空层；幅度/速度按每颗星的亮度由 --tw* 变量控制，越亮闪得越明显） */
@keyframes my-twinkle {
  0%, 100% { opacity: var(--twmax, 1); }
  50%      { opacity: var(--twmin, .25); }
}
#my-starfield i {
  animation: my-twinkle var(--twdur, 3.4s) ease-in-out infinite;
  animation-delay: var(--twdelay, 0s);
}

/* 无障碍：系统开启“减少动态效果”时，关掉星星闪烁与首页资料卡的淡出过渡
   （功能不变，只是不播放动画；读屏器友好） */
@media (prefers-reduced-motion: reduce) {
  #my-starfield i { animation: none !important; }
  html.my-home-hero #sidebar_news { transition: none !important; }
}

/* 顶部动态星光背景（由页脚JS生成星星） */
body::before {
  content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background: radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,.35), transparent 60%),
              radial-gradient(1px 1px at 60% 70%, rgba(255,255,255,.25), transparent 60%),
              radial-gradient(2px 2px at 80% 20%, rgba(90,167,255,.5), transparent 70%);
}

/* 圆月（仅夜间显示；右上偏中并靠右，避开页头导航与右下按钮组；静态无动画）
   月面为一张独立透明底 PNG（随本代码交付：博客园夜间圆月素材.png，320×320），
   以相册直链作背景图；此处只管定位尺寸与外圈柔光 */
#my-moon { position: fixed; top: 9%; right: 24%; width: 100px; height: 100px; z-index: -1;
  pointer-events: none;
  background: url('https://img2024.cnblogs.com/blog/2357543/202610/2357543-20261028171005203-17881003.png') center / contain no-repeat;
  filter: drop-shadow(0 0 15px rgba(206,218,238,.30)); }
html[data-theme=day] #my-moon { display: none; }
@media (max-width: 900px) { #my-moon { width: 72px; height: 72px; top: 7%; right: 3%; } }

/* ================= 两栏布局（博客园实际结构） ================= */
/* #main 是最外层容器，包住：正文(#mainContent) + 侧边栏(#sideBar) + 清理(.clear) */
#main {
  max-width: 1320px;
  margin: 0 auto;
  padding: 18px 16px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 22px;
}
#mainContent { flex: 1 1 auto; min-width: 0; }   /* 正文：左侧自适应 */
/* 侧边栏：右侧固定宽 + 滚动吸附（页面往下滚时停在视口里，不随页面滑走）。
   这里先按“整栏放得下”的情况贴在页头下沿 77px 处；
   模块多、整栏高于视口时，由页脚脚本改成“贴底停住”（见页脚脚本“侧边栏吸附”段） */
#sideBar     { flex: 0 0 320px; width: 320px; box-sizing: border-box;
               position: sticky; top: 77px; }
#main .clear { display: none; }                  /* 隐藏博客园的清理元素 */

/* ================= 首页 hero 首屏（由页首脚本判定首页时加 my-home-hero） ================= */
/* 效果：进入博客时公告资料卡固定居中在首屏中上部（不随页面滚动），正文与侧边栏的起点落在视口约 91.7% 处
   （首屏底部约露 1/12，作为“下面还有内容”的滚动暗示；-77px 为页头高度+容器内边距的校准），星空/山水背景完整可见；
   开始滚动后资料卡在约 240px 内平滑淡出（淡出由页脚脚本驱动），淡出后不拦截点击。
   资料卡只在首屏出现一次，侧边栏原位置由日历等模块顶替；文章页/归档页/分类页不加此 class，一切照旧 */
html.my-home-hero #mainContent { margin-top: calc(91.67vh - 77px); }
html.my-home-hero #sideBar     { margin-top: calc(91.67vh - 77px); }
/* 公告资料卡：脱出侧边栏流，fixed 居中在首屏中上部（滚动不滑走，由脚本淡出） */
html.my-home-hero #sidebar_news {
  position: fixed; top: 20vh; left: 50%; transform: translateX(-50%);
  width: 300px; margin-bottom: 0 !important; z-index: 5;
  transition: opacity .15s linear; }
/* 移动端禁用 hero：侧边栏本就隐藏，正文回到常规位置（并强制还原资料卡可见） */
@media (max-width: 900px) {
  html.my-home-hero #mainContent { margin-top: 0 !important; }
  html.my-home-hero #sideBar     { margin-top: 0 !important; }
  html.my-home-hero #sidebar_news {
    position: static !important; transform: none !important; width: auto !important;
    opacity: 1 !important; pointer-events: auto !important; }
}

/* 移动端：侧边栏直接隐藏 + 文章页防溢出 */
@media (max-width: 900px) {
  #main { flex-direction: column; }
  #sideBar { display: none !important; }
  /* 文章页容器约束：#mainContent 在窄屏下自带超宽，必须锁住 */
  #mainContent, #topics, .forFlow { width: auto !important; max-width: 100% !important; }
  /* 表格窄屏适配：超宽可横向滑动，长文字换行 */
  #topics table { display: block; max-width: 100%; overflow-x: auto; }
  #topics td, #topics th { word-break: break-word; }
  /* 代码块窄屏适配 */
  #topics pre, #topics code { max-width: 100%; overflow-x: auto; }
}

/* ================= 正文文章卡片（列表页 .day / 文章页 #topics） ================= */
/* 随笔列表（首页/随笔档案页）用 .day；文章详情页正文容器是 #topics
   （内含 .postTitle/.postBody/.postDesc，且没有 .day 元素），
   此前只写了 .day 导致文章页正文一直没有卡片背景——现两者共用同一套卡片样式。
   已去掉 backdrop-filter：背景是纯色渐变，模糊与否视觉几乎无差，但能显著提升滚动流畅度 */
#mainContent .forFlow .day,
#topics {
  background: var(--card) !important;
  border: 1px solid var(--card-bd) !important;
  border-radius: 14px !important;
  padding: 16px 18px;
  margin-bottom: 18px;
}
/* 文章列表（文章档案页容器是 .entrylist 类，条目 .entrylistItem） */
.entrylist .entrylistItem {
  background: var(--card) !important;
  border: 1px solid var(--card-bd) !important;
  border-radius: 14px !important;
  padding: 16px 18px;
  margin-bottom: 18px;
}
.entrylistItemTitle { font-weight: 700; font-size: 18px; }
.entrylistPostSummary, .entrylistItemPostDesc { color: var(--txt-dim) !important; }
/* 随笔列表（“我的随笔”页 /p/、标签页 /tag/xxx/ 的容器是 .PostList，博客园默认是一行行纯文字、
   没有卡片，与本主题其他列表页不一致）：按同一套卡片样式补齐 */
#mainContent .forFlow .PostList {
  background: var(--card) !important;
  border: 1px solid var(--card-bd) !important;
  border-radius: 14px !important;
  padding: 16px 18px;
  margin: 0 0 18px;
}
/* PostList 内部：标题行 .postTitl2（里面是 a > span）、发布信息行 .postDesc2
   （博客园默认 13px/400，太小，与 .entrylistItemTitle 的 18px/700 对齐） */
.forFlow .postTitl2 { margin: 0 0 8px; }
.forFlow .postTitl2 a span { font-size: 18px; font-weight: 700; }
.postDesc2 { color: var(--txt-dim) !important; }
.postTitle { font-weight: 700; font-size: 18px; }   /* 文章标题 */
.c_b_p_desc, .postDesc { color: var(--txt-dim) !important; } /* 摘要/发布信息 */

/* 同一天多篇随笔的篇间分隔（.postSeparator 是博客园自带的分隔元素，
   禁用默认CSS后高度为0不可见，导致同日多篇挤在一起看不出边界） */
.postSeparator {
  height: 0 !important;
  border-top: 1px dashed rgba(160,168,182,.4) !important;
  margin: 16px 0 12px !important;
}

/* ================= 侧边栏模块卡片 ================= */
/* 公告容器 #sidebar_news 不套卡框：资料卡 .my-card 自带完整卡片样式，
   再套一层会“卡中卡”——用 :not() 排除，让资料卡直接顶格成为侧边栏第一张卡 */
#sideBarMain > div:not(#sidebar_news) {
  background: var(--card) !important;
  border: 1px solid var(--card-bd) !important;
  border-radius: 12px !important;
  padding: 12px 14px;
  margin-bottom: 14px;
}
.catListTitle, #sideBarMain h3 {
  color: var(--txt) !important; font-weight: 700;
  border-bottom: 1px solid var(--card-bd);
  padding-bottom: 8px; margin: 0 0 8px;
}
/* 公告栏目标题隐藏 + 公告容器完全脱壳（去背景/边框/内边距）：
   资料卡不再被“公告”框包住，直接作为侧边栏第一张卡；
   margin-bottom 保持与其他卡同等的 14px 间距 */
#sidebar_news .catListTitle { display: none !important; }
/* 选择器带上 #sideBarMain > 提高特异性，稳压任何“通用侧边栏卡”规则（含旧版残留） */
#sideBarMain > #sidebar_news, #sidebar_news #blog-news {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
#sideBarMain > #sidebar_news { margin-bottom: 14px !important; }
/* 博客园公告下方自动附带的原生个人资料块（昵称/园龄/粉丝/关注/+加关注）：
   内容与资料卡重复（名字、统计、关注按钮都有了），脱壳后裸露难看——直接隐藏；
   元素仍在 DOM 中，资料卡 JS 复用“+加关注”调用的逻辑不受影响 */
#sidebar_news #profile_block { display: none !important; }
#sideBarMain a { color: var(--txt-dim) !important; }
#sideBarMain a:hover { color: var(--acc) !important; }

/* 链接（全部不带下划线） */
a { color: var(--acc) !important; transition: color .2s; }
a:link, a:visited, a:hover, a:active { text-decoration: none !important; }
a:hover { color: #7ec8ff !important; }   /* hover 用亮蓝，不用粉 */
a:visited { color: #7ea8e0 !important; }

/* 标题 */
h1,h2,h3,h4 { color: var(--txt) !important; letter-spacing: .5px; }

/* 正文强调文字不渐变，保持清晰 */
b, strong { color: var(--txt); font-weight: 700; }

/* 正文引用块（Markdown 的 “> ” 语法，博客园渲染成 blockquote）：
   博客园默认 CSS 给 .blogpost-body blockquote 锁了深灰 #555，
   夜间深色卡片上看不清——强制覆盖为浅色正文 + 淡底 + 亮蓝左边框，
   与日间模式的引用块（见“日间模式”段）风格对应 */
#topics blockquote, .blogpost-body blockquote {
  color: var(--txt) !important;
  background: rgba(255,255,255,.05) !important;
  border-left: 4px solid var(--acc) !important;
  padding: 8px 14px !important;
  border-radius: 6px !important;
  margin: 10px 0 !important;
}

/* 分割线 */
hr { border: 0; border-top: 1px solid var(--card-bd) !important; }

/* 表格 */
table, td, th {
  background: rgba(15,22,40,.6) !important; color: var(--txt) !important;
  border: 1px solid rgba(160,168,182,.2) !important;
}
/* 正文图片防溢出（任何端） */
#topics img, .blogpost-body img { max-width: 100% !important; height: auto; }

/* 代码块 */
pre, code {
  background: #0d1428 !important; color: #c9d6f5 !important;
  border: 1px solid rgba(160,168,182,.15) !important; border-radius: 8px !important;
}

/* ================= 评论框与表单（文章页·按登录态真实DOM重写） ================= */
/* 所有输入框统一深色：昵称框/搜索框等 */
input, textarea, select {
  background: rgba(15,22,40,.85) !important;
  color: var(--txt) !important;
  border: 1px solid var(--card-bd) !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
  box-sizing: border-box;
}
input:focus, textarea:focus {
  outline: none !important;
  border-color: var(--acc) !important;
  box-shadow: 0 0 8px rgba(90,167,255,.25);
}
/* 通用按钮 */
input[type=submit], input[type=button], button {
  background: rgba(90,167,255,.2) !important;
  border: 1px solid rgba(90,167,255,.45) !important;
  color: var(--txt) !important;
  cursor: pointer;
  transition: background .2s, border-color .2s;
}
input[type=submit]:hover, input[type=button]:hover, button:hover {
  background: rgba(90,167,255,.35) !important;
  border-color: var(--acc) !important;
}

/* ---- “发表评论”标题（真实结构 #commentform_title > label） ---- */
#commentform_title { margin: 14px 0 8px; }
#commentform_title label { color: var(--txt) !important; font-weight: 700; font-size: 15px; }

/* ---- 评论编辑器面板（注意：.comment_textarea 是面板容器，不是输入框！） ---- */
.commentbox_main.comment_textarea {
  background: rgba(15,22,40,.6) !important;
  border: 1px solid var(--card-bd) !important;
  border-radius: 10px !important;
  overflow: hidden;
  min-height: 0 !important;
}
/* 工具栏：编辑/预览页签 + 格式图标 */
.commentbox_title {
  display: flex; justify-content: space-between; align-items: center;
  background: rgba(10,14,26,.55);
  border-bottom: 1px solid var(--card-bd);
  padding: 4px 8px;
}
.commentbox_title_left, .commentbox_title_right { display: flex; align-items: center; gap: 2px; }
.commentbox_tab {
  color: var(--txt-dim); font-size: 13px; cursor: pointer;
  padding: 5px 12px; border-radius: 6px; transition: color .2s, background .2s;
}
.commentbox_tab.active { color: var(--acc); font-weight: 600; background: rgba(90,167,255,.12); }
.comment_icon {
  color: var(--txt-dim); cursor: pointer; padding: 4px 5px;
  display: inline-flex; align-items: center; border-radius: 6px; transition: color .2s, background .2s;
}
.comment_icon:hover { color: var(--acc); background: rgba(90,167,255,.12); }
/* SVG图标颜色跟随文字色（禁用默认CSS后黑色图标在深色下看不见） */
.commentbox_title_right svg, .comment_option svg { fill: currentColor; }
.commentbox_title_right svg line, .commentbox_title_right svg [stroke] { stroke: currentColor; }

/* ---- 真正的评论输入框（textarea#tbCommentBody 无class，做成面板内透明区） ---- */
#tbCommentBody {
  background: transparent !important;
  border: 0 !important; border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 120px !important;
  width: 100%;
  padding: 10px 12px !important;
  color: var(--txt) !important;
  line-height: 1.6 !important;
  resize: vertical;
  display: block;
}
/* Markdown 预览区 */
#tbCommentBodyPreview { padding: 10px 12px; }
/* 面板底部条（自动补全开关） */
.commentbox_footer { border-top: 1px solid var(--card-bd); padding: 5px 10px; display: flex; align-items: center; }
.comment_option { color: var(--txt-dim) !important; font-size: 12px; cursor: pointer; }

/* ---- 提交按钮行（真实按钮是 #btn_comment_submit.comment_btn） ---- */
#commentbox_opt { margin-top: 12px; display: flex; align-items: center; gap: 14px; }
.comment_btn {
  background: rgba(90,167,255,.2) !important;
  border: 1px solid rgba(90,167,255,.45) !important;
  color: var(--txt) !important;
  border-radius: 8px !important;
  /* 关键修复：input按钮有浏览器默认高度26px，配合border-box会把文字挤裁掉
     必须显式放开 height/line-height 并保底宽度，文字才能完整居中 */
  height: auto !important;
  line-height: 1.4 !important;
  width: auto !important;
  min-width: 108px !important;
  padding: 9px 20px !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: background .2s, border-color .2s;
}
.comment_btn:hover { background: rgba(90,167,255,.35) !important; border-color: var(--acc) !important; }
.commentform > p { color: var(--txt-dim) !important; font-size: 12px; }

/* ---- 登录提示与已发布评论 ---- */
.login_tips { color: var(--txt-dim) !important; }
#tip_comment, #tip_comment2 { color: var(--acc2) !important; font-size: 12px; }
.feedbackItem {
  background: var(--card) !important;
  border: 1px solid var(--card-bd) !important;
  border-radius: 10px !important;
  padding: 10px 14px;
  margin-bottom: 10px;
}
.feedbackListSubtitle, .feedbackManage { color: var(--txt-dim) !important; font-size: 13px; }
.feedbackCon { color: var(--txt) !important; }

/* ---- 文章页底部广告卡片压暗，避免白块刺眼 ---- */
.under-post-card, .below-post-card {
  background: var(--card) !important;
  border: 1px solid var(--card-bd) !important;
  border-radius: 10px !important;
}

/* ================= 推荐与反对按钮（文章页） ================= */
/* 禁用默认CSS后 diggit/buryit 的图标丢失，这里重做成深色胶囊按钮并补回文字 */
#div_digg {
  display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch;
  gap: 8px; width: auto !important;
}
#div_digg .diggit, #div_digg .buryit {
  width: auto !important; height: auto !important;
  min-width: 64px; padding: 8px 14px; margin: 0 !important;
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  background: var(--card) !important;
  border: 1px solid var(--card-bd) !important;
  border-radius: 10px !important;
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  cursor: pointer;
  transition: border-color .2s, background .2s, transform .2s;
}
#div_digg .diggit:hover {
  border-color: var(--acc) !important;
  background: rgba(90,167,255,.18) !important;
  transform: translateY(-2px);
}
#div_digg .buryit:hover {
  border-color: #cfe0ff !important;      /* 反对hover用冷白，不用粉 */
  background: rgba(200,215,255,.12) !important;
  transform: translateY(-2px);
}
#div_digg .diggnum { color: var(--acc) !important; font-weight: 800 !important; font-size: 16px; }
#div_digg .burynum { color: var(--acc2) !important; font-weight: 800 !important; font-size: 16px; }
/* 补回“推荐/反对”文字（默认CSS禁用后图标与文字丢失） */
#div_digg .diggit::after { content: "推荐"; font-size: 12px; color: var(--txt-dim); }
#div_digg .buryit::after { content: "反对"; font-size: 12px; color: var(--txt-dim); }
#div_digg .diggword { color: var(--txt-dim) !important; font-size: 12px; }

/* ================= 文章底部信息区（头像/推荐反对/上下篇 行布局） ================= */
/* 桌面端：收藏举报独占一行 → 头像昵称(左) + 推荐反对(右)同行 → 上一篇下一篇独立行
   移动端：推荐反对放不下自动换行到头像下方 */
#blog_post_info { display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px; }
#green_channel { flex: 1 1 100% !important; }                        /* 收藏/举报独占一行 */
#author_profile { float: none !important; flex: 0 1 auto !important; margin: 0 !important; }
#div_digg { float: none !important; margin: 0 0 0 auto !important; } /* 推荐反对靠右，与头像同行 */
#post_next_prev { clear: both !important; width: 100% !important; }   /* 上一篇下一篇：头像下方独立行 */
/* 文章页底部原生模块“编辑推荐”（#under_post_card1）与“历史上的今天”
   （后者有两种容器：#under_post_card2 / #HistoryToday，#HistoryToday 在确有历史同日随笔时出现）
   —— 与本博客风格无关的推广/杂讯板块，全部隐藏 */
#under_post_card1, #under_post_card2, #HistoryToday { display: none !important; }

/* ================= 顶部导航（美化博客园原生导航） ================= */
/* 博客园原生结构：#header > #blogTitle(标题+标语) + #navigator(ul#navList 导航 + .blogStats 统计) */
#header{
  position: sticky; top: 0; z-index: 999;
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 8px 18px;
  padding: 12px 20px;
  background: rgba(10,14,26,.8);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(90,167,255,.18);
  box-shadow: 0 4px 24px rgba(0,0,0,.35);
}
/* 博客名 */
#blogTitle .title{ line-height: 1.1; }
.headermaintitle, .HeaderMainTitle{
  color: var(--txt) !important; font-size: 22px; font-weight: 800;
  letter-spacing: 1px; text-decoration: none !important;
}
#blogTitle .subtitle{ color: #b6c2e0; font-size: 12px; margin-top: 2px; letter-spacing: .5px; }
/* 导航区 */
#navigator{ display: flex; align-items: center; gap: 16px; }
#navList{ display: flex; align-items: center; gap: 2px; list-style: none; margin: 0; padding: 0; }
#navList li{ list-style: none; }
#navList a.menu{
  color: #b6c2e0 !important; text-decoration: none; font-size: 14px; font-weight: 600;
  padding: 8px 14px; border-radius: 8px; transition: color .2s, background .2s;
}
#navList a.menu:hover{ color: var(--acc) !important; background: rgba(90,167,255,.14); }
/* 统计：页头导航右侧原生统计行（随笔/文章/评论/阅读）——博客园后台开关对它无效，
   模板始终输出，只能在这里隐藏；元素仍在 DOM，资料卡统计数字的解析逻辑不受影响 */
.blogStats{ display: none !important; color: #8496b8; font-size: 12px; }
@media (max-width: 760px){
  #header{ padding: 8px 14px; gap: 6px 10px; }
  #blogTitle .subtitle{ display: none; }
  #navList a.menu{ padding: 8px 10px; font-size: 13px; white-space: nowrap; }
  #navList{ flex-wrap: wrap; }            /* 导航项按整项换行，防止一字一行 */
  #navList li{ margin: 0 2px; }
  .blogStats span{ white-space: nowrap; } /* 统计项整体换行，防止“阅读-”和数字拆开 */
}

/* 公告资料卡样式内联在【一、公告】HTML里（自包含，自动跟随主题CSS变量日夜适配） */

/* ================= 返回顶部 + 日夜切换按钮（粗线条SVG·无外圈） ================= */
/* 图标由页脚HTML里的内联SVG渲染，颜色跟随 color，发光用 drop-shadow（比text-shadow范围更大更醒目） */
#my-goto-top, #my-theme-toggle {
  position: fixed; right: 22px; z-index: 9999;
  width: 46px; height: 46px; border-radius: 12px;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; user-select: none;
  transition: transform .2s, filter .2s;
}
/* 夜间：亮蓝发光 */
#my-goto-top { bottom: 24px; display: none; color: #6bb1ff !important; filter: drop-shadow(0 0 7px rgba(90,167,255,.95)); }
#my-goto-top:hover { transform: translateY(-3px); filter: drop-shadow(0 0 13px rgba(90,167,255,1)); }
#my-theme-toggle { bottom: 78px; color: #6bb1ff !important; filter: drop-shadow(0 0 7px rgba(90,167,255,.95)); }
#my-theme-toggle:hover { transform: translateY(-3px); filter: drop-shadow(0 0 13px rgba(90,167,255,1)); }
/* 日间：黛青线稿感 */
html[data-theme=day] #my-goto-top { color: var(--acc) !important; filter: drop-shadow(0 0 6px rgba(90,85,70,.28)); }
html[data-theme=day] #my-theme-toggle { color: var(--acc) !important; filter: drop-shadow(0 0 6px rgba(90,85,70,.28)); }
html[data-theme=day] #my-goto-top:hover, html[data-theme=day] #my-theme-toggle:hover {
  transform: translateY(-3px); filter: drop-shadow(0 0 11px rgba(90,85,70,.28));
}
/* 手机端稍小 */
@media (max-width: 760px){
#my-goto-top, #my-theme-toggle { width: 42px; height: 42px; right: 12px; }
#my-goto-top { bottom: 16px; } #my-theme-toggle { bottom: 66px; }
#my-goto-top svg, #my-theme-toggle svg { width: 23px; height: 23px; }
}

/* ================= 内置配色方案切换（右下角色点按钮，仅日间显示；与日/夜按钮同列对齐） ================= */
/* 每套方案只定义日间一组变量（主色/卡片/正文文字/背景渐变/山水装饰透明度），
   由页首 __myApplyScheme 注入 html[data-theme=day]；夜间恒为星空主题、按钮夜间隐藏 */
.my-scheme-btn { position: fixed; right: 30px; z-index: 9990; width: 30px; height: 30px;
  border-radius: 50%; cursor: pointer; padding: 0; box-sizing: border-box;
  display: flex; align-items: center; justify-content: center;
  font-size: 12.5px; font-weight: 800; line-height: 1; font-family: inherit;
  color: #fff !important; text-shadow: 0 1px 3px rgba(0,0,0,.65);
  border: 2.5px solid rgba(74,66,52,.45);
  box-shadow: 0 2px 8px rgba(90,85,70,.35), inset 0 0 0 1px rgba(255,255,255,.3);
  transition: transform .15s ease, box-shadow .2s ease; }
.my-scheme-btn:hover { transform: scale(1.18); }
.my-scheme-btn.on { border-color: #4a4234; transform: scale(1.1);
  box-shadow: 0 0 0 3px rgba(74,66,52,.32), 0 2px 10px rgba(90,85,70,.4); }
/* 夜间隐藏：配色方案仅作用于日间，夜间保持星空主题原样不受任何影响 */
html[data-theme=night] .my-scheme-btn { display: none !important; }
/* 纵向与日/夜按钮同列同节奏对齐：切换钮 46px@right22 → 中心距右 45px；色点 30px@right30 → 中心同样 45px（同心）；
   桌面 54px 节奏（与返回顶部→切换钮的间距一致），首钮距切换钮顶 12px */
#scheme-blue   { bottom: 136px; }
#scheme-green  { bottom: 190px; }
#scheme-paper  { bottom: 244px; }
#scheme-pink   { bottom: 298px; }
@media (max-width: 900px) {
  #scheme-blue  { bottom: 116px; }
  #scheme-green { bottom: 166px; }
  #scheme-paper { bottom: 216px; }
  #scheme-pink  { bottom: 266px; }
}

/* ================= 原生页脚版权居中 ================= */
#footer {
  text-align: center !important;
  padding: 10px 0 30px !important;
}
#footer a.footer-brand { display: inline !important; }

/* ================================================================
   ================== 日间模式 · 水墨山水 =========================
   配合页首HTML的防闪烁脚本与页脚HTML的切换按钮使用：
   html[data-theme=day] 时整体切换为 宣纸底 + 墨色文字 + 黛青链接 +
   整页水墨山水背景（山川在下、云雾柳枝）；夜间（默认/night）不受任何影响
   ================================================================ */
html[data-theme=day] {
  --card: rgba(246,242,229,.86);        /* 暖宣纸卡（护眼：降亮+偏暖） */
  --card-bd: rgba(114,106,84,.32);      /* 暖墨边 */
  --txt: #453f33;                       /* 中墨正文 */
  --txt-dim: #7c7561;                   /* 淡墨辅助 */
  --acc: #3d6391;                       /* 黛青 */
  --acc2: #b5493a;                      /* 朱砂 */
}
/* 宣纸底渐变（护眼暖纸调：降亮度、减冷蓝，色温偏暖；原冷青灰宣纸色已弃用） */
html[data-theme=day] { background: var(--bg-day) fixed !important; }
html[data-theme=day] body { color: var(--txt) !important; }
/* 星空隐去，整页换成水墨山水背景装饰（山川在下、白鹭在云雾上）：
   用AI生成的整页水墨山水图（透明底，启用见使用说明第11条）；
   未替换占位符时无山水装饰，仅剩宣纸渐变底；
   （左下角荷花为独立的AI水墨荷花装饰层，叠在背景之上、内容卡片之下） */
html[data-theme=day] #my-starfield { opacity: 0; }
html[data-theme=day] body::before { display: none; }
html[data-theme=day] body::after {
  content: ""; position: fixed; left: 0; right: 0; top: 0; bottom: 0;
  background: url('https://img2024.cnblogs.com/blog/2357543/202610/2357543-20261029142611635-2116556884.webp') center / cover no-repeat;
  opacity: var(--deco-opacity); pointer-events: none; z-index: -2;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 16%, #000 100%);
  mask-image: linear-gradient(to bottom, transparent 0, #000 16%, #000 100%);
}
/* 顶部导航：米白纸色毛玻璃 */
html[data-theme=day] #header {
  background: var(--card) !important;
  border-bottom: 1px solid var(--card-bd) !important;
  box-shadow: 0 4px 24px rgba(90,85,70,.10) !important;
}
html[data-theme=day] .headermaintitle { color: var(--txt) !important; }
html[data-theme=day] #blogTitle .subtitle { color: var(--txt-dim) !important; }
html[data-theme=day] #navList a.menu { color: var(--txt-dim) !important; }
html[data-theme=day] #navList a.menu:hover { color: var(--acc) !important; background: rgba(80,80,68,.10) !important; }
html[data-theme=day] .blogStats { color: var(--txt-dim) !important; }
/* 所有卡片：暖宣纸 + 暖墨边 + 墨晕柔影（护眼降亮） */
html[data-theme=day] #mainContent .forFlow .day,
html[data-theme=day] #topics,
html[data-theme=day] .entrylist .entrylistItem,
html[data-theme=day] #mainContent .forFlow .PostList,
html[data-theme=day] #sideBarMain > div:not(#sidebar_news),
html[data-theme=day] .feedbackItem,
html[data-theme=day] .under-post-card {
  background: var(--card) !important;
  border: 1px solid var(--card-bd) !important;
  box-shadow: 0 2px 12px rgba(90,85,70,.10) !important;
}
/* 公告容器日间兑底脱壳：上面卡片组已用 :not() 排除它，
   此处再次显式透明（选择器同样带 #sideBarMain > 提高特异性），防任何来源给公告容器上底色 */
html[data-theme=day] #sideBarMain > #sidebar_news, html[data-theme=day] #sidebar_news #blog-news {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html[data-theme=day] .catListTitle, html[data-theme=day] #sideBarMain h3 { color: var(--txt) !important; border-bottom-color: var(--card-bd) !important; }
html[data-theme=day] #sideBarMain a { color: var(--txt-dim) !important; }
html[data-theme=day] #sideBarMain a:hover { color: var(--acc) !important; }
/* 链接与文字：黛青 + 墨色分级 */
html[data-theme=day] a { color: var(--acc) !important; }
html[data-theme=day] a:hover { color: #29486e !important; }
html[data-theme=day] a:visited { color: #61708a !important; }
html[data-theme=day] a span, html[data-theme=day] #blog_post_info a, html[data-theme=day] #author_profile a { color: var(--acc) !important; }
html[data-theme=day] h1, html[data-theme=day] h2, html[data-theme=day] h3, html[data-theme=day] h4 { color: var(--txt) !important; }
html[data-theme=day] b, html[data-theme=day] strong { color: var(--txt) !important; }
html[data-theme=day] .postTitle { color: var(--txt) !important; }
html[data-theme=day] .postSeparator { border-top-color: var(--card-bd) !important; }
html[data-theme=day] hr { border-top-color: var(--card-bd) !important; }
/* 文章页：表格 / 代码块 / 引用 */
html[data-theme=day] table, html[data-theme=day] td, html[data-theme=day] th {
  background: var(--card) !important; color: var(--txt) !important;
  border-color: var(--card-bd) !important;
}
/* 上面表格规则会误伤 hljs 代码块内部的 <table class="hljs-ln"> 行号布局，
   把整个代码块盖成亮米底——必须让 pre 内所有 table/td/th 透明还原，
   代码块才能保持深底浅字（此规则特异性更高，稳压上面的表格底色） */
html[data-theme=day] pre table, html[data-theme=day] pre td, html[data-theme=day] pre th {
  background: transparent !important; color: inherit !important;
  border-color: transparent !important;
}
/* 代码块与行内代码：日间不做任何覆盖，完全保持夜间深底浅字 + hljs原色高亮；
   博客园代码工具栏（复制/全屏/语言标签）按深色代码块设计的原样式也一并沿用，
   不再需要日间适配（之前浅纸代码块时代的降饱和滤镜与工具栏深墨化已全部移除） */
html[data-theme=day] blockquote { background: var(--card) !important; border-left: 4px solid #8a968a !important; color: var(--txt) !important; }
/* 评论区 */
html[data-theme=day] input, html[data-theme=day] textarea, html[data-theme=day] select {
  background: var(--card) !important; color: var(--txt) !important;
  border-color: var(--card-bd) !important;
}
html[data-theme=day] .commentbox_title { background: var(--card) !important; }
html[data-theme=day] .commentbox_main.comment_textarea { background: var(--card) !important; border-color: var(--card-bd) !important; }
html[data-theme=day] .commentbox_footer { border-top-color: var(--card-bd) !important; }
html[data-theme=day] .commentbox_tab.active { color: var(--acc) !important; background: rgba(80,80,68,.12) !important; }
/* 评论工具栏图标/页签 hover 深墨化（粗体/链接/代码/引用/图片等格式按钮） */
html[data-theme=day] .comment_icon:hover { color: var(--txt) !important; background: rgba(80,80,68,.14) !important; }
html[data-theme=day] .commentbox_tab:hover { color: var(--txt) !important; background: rgba(80,80,68,.12) !important; }
html[data-theme=day] .comment_option:hover { color: var(--txt) !important; }
html[data-theme=day] .comment_btn { background: rgba(80,80,68,.12) !important; border-color: var(--acc) !important; color: #29486e !important; }
html[data-theme=day] .comment_btn:hover { background: rgba(80,80,68,.18) !important; }
/* 推荐/反对：黛青 × 朱砂 */
html[data-theme=day] #div_digg .diggit, html[data-theme=day] #div_digg .buryit {
  background: var(--card) !important;
  border-color: var(--card-bd) !important;
  box-shadow: 0 2px 10px rgba(90,85,70,.10) !important;
}
html[data-theme=day] #div_digg .diggit:hover { border-color: var(--acc) !important; background: rgba(80,80,68,.10) !important; }
html[data-theme=day] #div_digg .buryit:hover { border-color: var(--acc2) !important; background: rgba(80,80,68,.10) !important; }
html[data-theme=day] #div_digg .diggnum { color: var(--acc) !important; }
html[data-theme=day] #div_digg .burynum { color: var(--acc2) !important; }
/* 收藏/关注/微信分享四按钮水墨化 */
html[data-theme=day] #green_channel a {
  background: var(--card) !important;
  border: 1px solid var(--card-bd) !important;
  color: var(--acc) !important;
  box-shadow: 0 2px 8px rgba(90,85,70,.08) !important;
}
html[data-theme=day] #green_channel a:hover { background: rgba(80,80,68,.10) !important; border-color: var(--acc) !important; }

/* ================= 左下角AI水墨荷花层（仅日间显示） =================
   荷花是一张独立透明底PNG（随本代码交付：博客园日间荷花素材.png，420×420）。
   博客园“页面定制CSS”有约100KB大小限制，图片不能内联进CSS：
   需把下面 url() 引号内的 https://img2024.cnblogs.com/blog/2357543/202610/2357543-20261026160437767-1214466859.png 占位符替换为相册图片直链
   （详细步骤见【五、使用说明】第10条）。未替换时仅左下角不显示荷花，其余不受影响；
   夜间模式不显示该层。 */
.my-lotus-deco { display: none; }
html[data-theme=day] .my-lotus-deco {
  display: block; position: fixed; left: 0; bottom: 0;
  width: 400px; height: 400px;
  background: url('https://img2024.cnblogs.com/blog/2357543/202610/2357543-20261026160437767-1214466859.png') left bottom / contain no-repeat;
  opacity: .95; z-index: -1; pointer-events: none;
}
/* 手机端缩小荷花，避免占满屏宽 */
@media (max-width: 768px) {
  html[data-theme=day] .my-lotus-deco { width: 240px; height: 240px; }
}