/*
 * 博客园「山湖毛玻璃」主题
 * 使用前只需替换下一行中的背景图直链。
 * 图片请先上传至博客园相册，再复制原图地址。
 */
:root {
  --mountain-bg: url("https://img2024.cnblogs.com/blog/3378099/202608/3378099-20260804162318098-1373309277.png");
  --glass: rgba(5, 20, 28, .70);
  --glass-strong: rgba(4, 16, 23, .84);
  --line: rgba(255, 255, 255, .14);
  --text: #f4f8fa;
  --muted: rgba(232, 241, 245, .72);
  --accent: #87dcf7;
  --warm: #efad59;
  --radius: 22px;
  --shadow: 0 24px 70px rgba(0, 0, 0, .32);
}

html { scroll-behavior: smooth; }

body {
  min-height: 100vh;
  margin: 0;
  color: var(--text) !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif !important;
  background:
    linear-gradient(180deg, rgba(1, 10, 15, .08) 0%, rgba(1, 10, 15, .60) 55%, rgba(1, 10, 15, .94) 100%),
    var(--mountain-bg) center top / cover fixed no-repeat,
    #07151d !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 52% 20%, rgba(126, 215, 244, .14), transparent 36%);
}

body, #home, #main, #mainContent, .forFlow, #sideBar, #sideBarMain { background-color: transparent !important; }

#home {
  width: min(1180px, calc(100% - 40px)) !important;
  max-width: none !important;
  margin: 0 auto !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 顶部标题区 */
#header {
  min-height: 520px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  background: transparent !important;
}

#blogTitle {
  min-height: 420px;
  padding: 130px 24px 70px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left !important;
}

#blogTitle h1 { margin: 0 !important; }
#blogTitle h1 a {
  color: #fff !important;
  font-size: clamp(46px, 6.5vw, 88px) !important;
  font-weight: 800 !important;
  line-height: 1.04 !important;
  letter-spacing: -.055em !important;
  text-decoration: none !important;
  text-shadow: 0 10px 42px rgba(0, 0, 0, .38);
}
#blogTitle h1 a:hover { color: var(--accent) !important; }
#blogTitle h2 {
  max-width: 680px;
  margin: 24px 0 0 !important;
  color: rgba(242, 248, 250, .78) !important;
  font-size: clamp(16px, 1.6vw, 20px) !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  letter-spacing: .01em !important;
}

/* 博客园原生导航，无需修改链接 */
#navigator {
  position: sticky !important;
  top: 16px;
  z-index: 100;
  min-height: 62px !important;
  margin: 0 0 28px !important;
  padding: 0 16px !important;
  display: flex;
  align-items: center;
  border: 1px solid var(--line) !important;
  border-radius: 20px !important;
  background: rgba(4, 18, 25, .60) !important;
  box-shadow: 0 16px 50px rgba(0, 0, 0, .18) !important;
  backdrop-filter: blur(22px) saturate(125%);
  -webkit-backdrop-filter: blur(22px) saturate(125%);
}
#navList { display: flex !important; align-items: center; flex-wrap: wrap; gap: 4px; }
#navList li { float: none !important; margin: 0 !important; }
#navList a, #navigator a {
  height: auto !important;
  padding: 9px 13px !important;
  border-radius: 12px !important;
  color: rgba(238, 246, 249, .75) !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}
#navList a:hover, #navigator a:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, .10) !important;
}
#blog_nav_newpost { margin-left: auto !important; }

/* 主体双栏 */
#main { width: 100% !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; }
#mainContent { width: auto !important; min-width: 0; margin: 0 !important; float: none !important; }
.forFlow { margin: 0 !important; }
#sideBar { width: auto !important; margin: 0 !important; float: none !important; }
#sideBarMain { position: sticky; top: 98px; }

/* 文章列表与正文卡片 */
.day, .entrylistItem, #topics, .post, .feedback_area_title, #comment_form, #blog-comments-placeholder {
  overflow: hidden;
  margin: 0 0 20px !important;
  padding: 28px 30px !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  background: var(--glass) !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: blur(22px) saturate(120%);
  -webkit-backdrop-filter: blur(22px) saturate(120%);
}
.day, .entrylistItem { transition: transform .26s ease, border-color .26s ease, background .26s ease; }
.day:hover, .entrylistItem:hover { transform: translateY(-5px); border-color: rgba(126, 215, 244, .38) !important; background: rgba(7, 25, 34, .80) !important; }
.dayTitle { display: inline-flex !important; margin: 0 0 18px !important; padding: 6px 10px !important; border: 1px solid rgba(126, 215, 244, .22); border-radius: 999px; color: #a5e5fa !important; background: rgba(126, 215, 244, .08) !important; font-size: 12px !important; }
.dayTitle a { color: inherit !important; }
.postTitle, .entrylistPosttitle { margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; font-size: clamp(22px, 2.3vw, 30px) !important; font-weight: 730 !important; line-height: 1.32 !important; letter-spacing: -.035em; }
.postTitle a, .entrylistPosttitle a { color: #fff !important; text-decoration: none !important; }
.postTitle a:hover, .entrylistPosttitle a:hover { color: var(--accent) !important; }
.postCon, .entrylistPostSummary, .c_b_p_desc, .postBody { color: var(--muted) !important; font-size: 15px !important; line-height: 1.9 !important; }
.postBody { color: rgba(241, 247, 249, .88) !important; font-size: 16px !important; }
.postBody h1, .postBody h2, .postBody h3, .postBody h4 { color: #fff !important; border-bottom-color: rgba(255,255,255,.12) !important; }
.postBody a { color: #8edcf5 !important; }
.postBody blockquote { border-left: 3px solid var(--accent) !important; border-radius: 0 12px 12px 0; color: rgba(239,247,250,.78) !important; background: rgba(126,215,244,.08) !important; }
.postBody table { display: block; overflow-x: auto; border-collapse: collapse; }
.postBody th, .postBody td { border-color: rgba(255,255,255,.15) !important; background: rgba(255,255,255,.035) !important; }
.postDesc, .entrylistItemPostDesc { margin-top: 20px !important; padding-top: 16px !important; border-top: 1px solid rgba(255,255,255,.09); color: rgba(232,241,245,.48) !important; }

/* 代码块 */
.cnblogs-markdown .hljs, .postBody pre, .cnblogs_code, .cnblogs_Highlighter {
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 14px !important;
  background: rgba(1, 10, 15, .76) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.postBody code:not(.hljs) { padding: 2px 6px; border-radius: 6px; color: #afe9fb !important; background: rgba(126,215,244,.10) !important; }

/* 侧栏 */
.newsItem, .catListEssay, .catListPostCategory, .catListPostArchive, .catListView, .catListFeedback, .catListLink, #sidebar_search, #sidebar_shortcut, #sidebar_scorerank {
  margin: 0 0 18px !important;
  padding: 22px !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  background: var(--glass-strong) !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.catListTitle, .catListTitle a, .newsItem h3 { margin: 0 0 14px !important; color: #fff !important; font-size: 18px !important; border: 0 !important; background: transparent !important; }
#sideBar a { color: rgba(235,244,247,.72) !important; text-decoration: none !important; }
#sideBar a:hover { color: var(--accent) !important; }
#sideBar ul { padding-left: 0 !important; list-style: none !important; }
#sideBar li { padding: 9px 0 !important; border-bottom: 1px solid rgba(255,255,255,.07); }

/* 输入框、按钮、分页 */
input[type="text"], input[type="search"], textarea {
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 12px !important;
  background: rgba(1,10,15,.58) !important;
}
input[type="button"], input[type="submit"], button, .pager a {
  padding: 8px 13px !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 11px !important;
  background: rgba(255,255,255,.09) !important;
}
.pager { margin: 28px 0 !important; color: var(--muted) !important; }
.pager a:hover { border-color: rgba(126,215,244,.45) !important; background: rgba(126,215,244,.14) !important; }

/* 页脚 */
#footer, .theme-signature { margin: 42px 0 0 !important; padding: 26px 0 34px !important; border-top: 1px solid rgba(255,255,255,.12); color: rgba(235,243,246,.48) !important; background: transparent !important; text-align: center; }
.theme-signature { margin-top: 0 !important; border-top: 0; font-size: 12px; letter-spacing: .04em; }

@media (max-width: 900px) {
  #home { width: calc(100% - 24px) !important; }
  #main { grid-template-columns: 1fr !important; }
  #sideBarMain { position: static; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
  #sideBarMain > * { margin-bottom: 0 !important; }
}

@media (max-width: 620px) {
  #blogTitle { min-height: 360px; padding: 95px 12px 45px !important; }
  #navigator { top: 8px; margin-bottom: 16px !important; border-radius: 16px !important; }
  #navList { gap: 0; }
  #navList a, #navigator a { padding: 8px 9px !important; font-size: 12px !important; }
  #blog_nav_newpost { display: none !important; }
  .day, .entrylistItem, #topics, .post, #comment_form { padding: 21px 19px !important; border-radius: 19px !important; }
  #sideBarMain { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; }
}

/* ===== 精简导航栏修复 ===== */
#navigator {
  min-height: 64px !important;
  padding: 0 22px !important;
}

#navList {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none !important;
}

#navList li {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  float: none !important;
  list-style: none !important;
}

#navList li::marker,
#navList li::before {
  content: "" !important;
  display: none !important;
}

#navList a {
  display: block !important;
  padding: 9px 14px !important;
  border-radius: 10px !important;
  white-space: nowrap;
}

#blog_nav_newpost {
  margin-left: 0 !important;
}

/* 隐藏随笔、文章、评论、阅读统计 */
.blogStats {
  display: none !important;
}

@media (max-width: 620px) {
  #navigator {
    padding: 8px 10px !important;
  }

  #navList {
    gap: 2px;
  }

  #navList a {
    padding: 8px 10px !important;
    font-size: 12px !important;
  }
}
/* 日历改成统一玻璃卡片 */
#blog-calendar {
  margin: 0 0 18px !important;
  padding: 18px !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  background: var(--glass-strong) !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

/* 修复“常用链接”双层边框 */
#sidebar_shortcut .catListLink {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* 隐藏前台“相册”模块，不影响后台图片库 */
#sidebar_imagecategory,
.catListImageCategory {
  display: none !important;
}

/* 只修改“找找看”按钮 */
#btnZzk {
  width: 40px !important;
  min-width: 40px !important;
  height: 34px !important;
  margin-left: 8px !important;
  padding: 0 !important;
  box-sizing: border-box;

  appearance: none;
  -webkit-appearance: none;
  overflow: hidden;
  vertical-align: middle;

  /* 隐藏原文字 */
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: 0 !important;

  border: 1px solid rgba(126, 215, 244, 0.24) !important;
  border-radius: 11px !important;

  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eaf6f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.7' cy='10.7' r='6.6'/%3E%3Cpath d='m19.4 19.4-4-4'/%3E%3C/svg%3E")
    center / 17px 17px no-repeat,
    rgba(126, 215, 244, 0.08) !important;

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

#btnZzk:hover {
  border-color: rgba(126, 215, 244, 0.55) !important;
  background-color: rgba(126, 215, 244, 0.16) !important;
}

#btnZzk:focus-visible {
  outline: 2px solid rgba(126, 215, 244, 0.5) !important;
  outline-offset: 2px;
}


/*
 * 博客园「山湖暖灰」V2 视觉补丁
 * 使用方式：粘贴到现有“页面定制 CSS”最末尾。
 * 配套页首 HTML：cnblogs-v2-page-header.html
 */

:root {
  --glass: rgba(19, 31, 32, .72);
  --glass-strong: rgba(14, 27, 29, .84);
  --line: rgba(245, 229, 198, .17);
  --text: #f5f0e7;
  --muted: rgba(229, 222, 209, .76);
  --accent: #dec180;
  --accent-soft: #9bc9c3;
  --warm: #e6a95f;
  --shadow: 0 22px 64px rgba(4, 10, 11, .25);
}

body {
  position: relative;
  color: var(--text) !important;
  background:
    linear-gradient(180deg, rgba(11, 18, 18, .03) 0%, rgba(11, 20, 21, .35) 56%, rgba(8, 16, 17, .72) 100%),
    var(--mountain-bg) center top / cover fixed no-repeat,
    #17282a !important;
}

body::before {
  background:
    radial-gradient(circle at 50% 18%, rgba(240, 201, 132, .12), transparent 36%),
    linear-gradient(90deg, rgba(35, 50, 48, .08), rgba(13, 23, 24, .18)) !important;
}

/* 标题上方的“文章 / 随笔 / 合集” */
#page_begin_html {
  position: absolute;
  inset: 0 0 auto;
  z-index: 90;
  pointer-events: none;
}




#blogTitle { padding-top: 154px !important; }

#blogTitle h1 a,
.postTitle a,
.entrylistPosttitle a {
  color: #fffaf1 !important;
}

#blogTitle h1 a:hover,
.postTitle a:hover,
.entrylistPosttitle a:hover {
  color: var(--accent) !important;
}

#blogTitle h2 {
  color: rgba(239, 233, 221, .80) !important;
}

/* 卡片：降低冷蓝和黑度，保留山湖层次 */
.day,
.entrylistItem,
#topics,
.post,
.feedback_area_title,
#comment_form,
#blog-comments-placeholder,
.newsItem,
.catListEssay,
.catListPostCategory,
.catListPostArchive,
.catListView,
.catListFeedback,
.catListLink,
#sidebar_search,
#sidebar_shortcut,
#sidebar_scorerank,
#blog-calendar {
  border-color: var(--line) !important;
  background:
    linear-gradient(145deg, rgba(255, 247, 231, .035), transparent 42%),
    var(--glass-strong) !important;
  box-shadow: var(--shadow) !important;
}

/* 正文与元信息：改为暖灰，消除系统蓝/紫链接 */
#mainContent,
.postBody,
.postCon,
.entrylistPostSummary,
.c_b_p_desc,
.feedbackCon,
.comment_textarea {
  color: var(--text) !important;
}

.postBody {
  font-size: 16.5px !important;
  line-height: 2 !important;
}

.postBody p,
.postBody li,
.postBody td,
.feedbackCon,
.blog_comment_body {
  color: rgba(239, 233, 222, .90) !important;
}

.postBody h1,
.postBody h2,
.postBody h3,
.postBody h4,
.catListTitle,
.catListTitle a,
.newsItem h3,
#commentform_title {
  color: #fff8ec !important;
}

#mainContent a,
#mainContent a:visited,
.postDesc a,
.postDesc a:visited,
#comment_nav a,
#comment_nav a:visited,
.feedbackCon a,
.feedbackCon a:visited {
  color: #d8bd82 !important;
  text-decoration-color: rgba(216, 189, 130, .34) !important;
}

#mainContent a:hover,
.postDesc a:hover,
#comment_nav a:hover,
.feedbackCon a:hover {
  color: #f0d69c !important;
}

.postDesc,
.entrylistItemPostDesc,
.postDesc span,
.postDesc .post_view_count,
.postDesc .post_comment_count {
  color: rgba(219, 213, 202, .58) !important;
}

.postBody blockquote {
  color: rgba(240, 232, 215, .84) !important;
  border-left-color: var(--accent) !important;
  background: rgba(222, 193, 128, .08) !important;
}

.postBody code:not(.hljs) {
  color: #f0d49a !important;
  background: rgba(222, 193, 128, .10) !important;
}

/* 旧彩色操作按钮统一成低饱和线性图标按钮 */
#green_channel {
  width: auto !important;
  margin: 20px 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  border: 0 !important;
  background: transparent !important;
}

#green_channel a {
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  border: 1px solid rgba(245, 229, 198, .16) !important;
  border-radius: 11px !important;
  color: rgba(246, 240, 229, .82) !important;
  background: rgba(255,255,255,.045) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-shadow: none !important;
}

#green_channel a:hover {
  color: #fff8e8 !important;
  border-color: rgba(222, 193, 128, .42) !important;
  background: rgba(222, 193, 128, .11) !important;
}

#green_channel a::before {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background: currentColor;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}

#green_channel_digg::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 10v11H3V10h4Zm2 11V10l4-7c2 0 3 1.6 2.5 3.3L14.8 10H20a2 2 0 0 1 2 2.4l-1.2 6A3 3 0 0 1 18 21H9Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 10v11H3V10h4Zm2 11V10l4-7c2 0 3 1.6 2.5 3.3L14.8 10H20a2 2 0 0 1 2 2.4l-1.2 6A3 3 0 0 1 18 21H9Z'/%3E%3C/svg%3E");
}

#green_channel_follow::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' d='M15 20a6 6 0 0 0-12 0M9 11a4 4 0 1 0 0-8M19 8v6M16 11h6'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' d='M15 20a6 6 0 0 0-12 0M9 11a4 4 0 1 0 0-8M19 8v6M16 11h6'/%3E%3C/svg%3E");
}

#green_channel_favorite::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' d='M6 3h12v18l-6-4-6 4V3Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' d='M6 3h12v18l-6-4-6 4V3Z'/%3E%3C/svg%3E");
}

#green_channel_wechat::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M18 8a4 4 0 0 1 1 7.9L20 19l-3.3-1.3A4 4 0 1 1 18 8ZM11 4a7 7 0 0 0-6.5 9.6L3 18l4.4-1.8A7 7 0 0 0 13 15'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M18 8a4 4 0 0 1 1 7.9L20 19l-3.3-1.3A4 4 0 1 1 18 8ZM11 4a7 7 0 0 0-6.5 9.6L3 18l4.4-1.8A7 7 0 0 0 13 15'/%3E%3C/svg%3E");
}

/* 推荐 / 反对：去除旧图片按钮 */
#div_digg {
  width: auto !important;
  margin: 24px 0 8px auto !important;
  display: flex !important;
  justify-content: flex-end;
  gap: 10px;
  float: none !important;
}

.diggit,
.buryit {
  position: relative;
  width: auto !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 12px 0 36px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  box-sizing: border-box;
  border: 1px solid rgba(245, 229, 198, .16) !important;
  border-radius: 11px !important;
  background: rgba(255,255,255,.045) !important;
}

.diggit::before,
.buryit::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  width: 16px;
  height: 16px;
  background: var(--accent-soft);
  transform: translateY(-50%);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 10v11H3V10h4Zm2 11V10l4-7c2 0 3 1.6 2.5 3.3L14.8 10H20a2 2 0 0 1 2 2.4l-1.2 6A3 3 0 0 1 18 21H9Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 10v11H3V10h4Zm2 11V10l4-7c2 0 3 1.6 2.5 3.3L14.8 10H20a2 2 0 0 1 2 2.4l-1.2 6A3 3 0 0 1 18 21H9Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.buryit::before { transform: translateY(-50%) rotate(180deg); }
.diggnum, .burynum { color: #ecd49d !important; font-size: 14px !important; }
.diggword, .buryword { color: rgba(229,222,209,.68) !important; font-size: 12px !important; }

/* 评论标题使用统一线性图标，隐藏旧的破图 */
#commentform_title {
  min-height: 28px;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  gap: 10px;
  background: none !important;
}

#commentform_title img { display: none !important; }

#commentform_title::before {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background: var(--accent-soft);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M21 15a4 4 0 0 1-4 4H8l-5 3 1.5-4A7 7 0 0 1 3 14V8a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v7Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M21 15a4 4 0 0 1-4 4H8l-5 3 1.5-4A7 7 0 0 1 3 14V8a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v7Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* 修复之前搜索按钮补丁造成的压缩，并保留图标按钮 */
#sidebar_search .mySearch,
#sidebar_search_box .mySearch {
  width: 100% !important;
  display: flex !important;
  align-items: center;
  gap: 8px;
  float: none !important;
}

#sidebar_search #q,
#sidebar_search_box #q {
  width: auto !important;
  min-width: 0 !important;
  height: 38px !important;
  margin: 0 !important;
  flex: 1 1 auto;
  box-sizing: border-box;
}

#sidebar_search #btnZzk,
#sidebar_search_box #btnZzk {
  width: 40px !important;
  min-width: 40px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 40px;
  color: transparent !important;
  font-size: 0 !important;
  text-indent: 0 !important;
  border: 1px solid rgba(245, 229, 198, .18) !important;
  border-radius: 11px !important;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f0e7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m19 19-3.8-3.8'/%3E%3C/svg%3E") center / 17px 17px no-repeat,
    rgba(255,255,255,.045) !important;
  box-shadow: none !important;
}

#sidebar_search #btnZzk:hover,
#sidebar_search_box #btnZzk:hover {
  border-color: rgba(222, 193, 128, .46) !important;
  background-color: rgba(222, 193, 128, .12) !important;
  transform: none !important;
}

@media (max-width: 620px) {


  #blogTitle { padding-top: 120px !important; }
  #green_channel { gap: 7px; }
  #green_channel a { padding: 0 10px !important; }
}




/*
 * 博客园「山湖主题」局部修复
 * 仅处理：侧栏跟随滚动、提交按钮文字、评论区精简。
 * 请粘贴到“页面定制 CSS”最末尾。
 */

/* 1. 侧栏跟随正文自然滚动，不再吸附在窗口顶部 */
#sideBar,
#sideBarMain {
  position: static !important;
  top: auto !important;
}

/* 2. 提交评论按钮：固定高度与行高，保证四个字水平、垂直居中 */
#btn_comment_submit {
  width: auto !important;
  min-width: 92px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  display: inline-block !important;
  color: #f7f1e7 !important;
  border: 1px solid rgba(222, 193, 128, .28) !important;
  border-radius: 11px !important;
  background: rgba(222, 193, 128, .12) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 36px !important;
  text-align: center !important;
  text-indent: 0 !important;
  vertical-align: middle !important;
  cursor: pointer;
}

#btn_comment_submit:hover {
  color: #fffaf0 !important;
  border-color: rgba(222, 193, 128, .52) !important;
  background: rgba(222, 193, 128, .20) !important;
}

/* 提交区只保留一个主要按钮 */
#commentbox_opt {
  margin: 12px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  line-height: normal !important;
  text-align: left !important;
}

/* 隐藏“退出”等次要文字操作 */
#commentbox_opt > a,
#span_comment_canceledit {
  display: none !important;
}

/* 3. 评论区精简：保留标题、编辑器、第一条校验提示和提交按钮 */
#comment_nav,
#commentform_title a[href*="cnblogs.vip"],
#commentform_title a[href*="vip"],
#tip_comment2,
#commentbox_opt ~ * {
  display: none !important;
}

/* 让唯一保留的校验提示更克制，不再使用刺眼的大红色 */
#tip_comment {
  margin: 8px 0 !important;
  color: #e5a978 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

/* 评论标题与编辑器保持紧凑节奏 */
#commentform_title {
  margin-bottom: 12px !important;
}

#comment_form_container {
  padding-bottom: 0 !important;
}

@media (max-width: 620px) {
  #btn_comment_submit {
    min-width: 88px !important;
    height: 36px !important;
    line-height: 34px !important;
  }
}
/*
 * 博客园山湖主题：宽屏左侧栏 + 代码/DAG 可读性补丁
 * 使用方法：把本文件完整粘贴到“页面定制 CSS 代码”的最末尾。
 * 只覆盖布局、代码块和 Mermaid/DAG，不修改导航与评论区。
 */

/* ===== 1. 宽屏结构：侧栏在左，正文在右 ===== */
#home {
  width: min(1640px, calc(100% - 80px)) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#main {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: start !important;
}

#sideBar {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  float: none !important;
  align-self: start !important;
}

#sideBarMain {
  position: static !important;
  top: auto !important;
  width: 100% !important;
  margin: 0 !important;
}

#mainContent {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  float: none !important;
}

/* “公告”与正文第一张卡片从同一水平线开始。 */
#sideBarMain > :first-child,
#mainContent > .forFlow > :first-child {
  margin-top: 0 !important;
}

/* ===== 2. 代码块：提高正文、标点与语法高亮对比度 ===== */
.postBody pre,
.cnblogs_code,
.cnblogs_code pre,
.cnblogs_Highlighter,
.cnblogs_Highlighter pre,
.cnblogs-markdown .hljs,
.postBody pre code.hljs {
  color: #dce8e2 !important;
  border-color: rgba(222, 193, 128, .22) !important;
  background: #071316 !important;
  text-shadow: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .045),
    0 10px 30px rgba(0, 0, 0, .12) !important;
}

.postBody pre,
.cnblogs_code pre,
.cnblogs_Highlighter pre,
.postBody pre code,
.cnblogs-markdown pre code {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
  tab-size: 2;
}

/* highlight.js 常见 token；不覆盖普通正文。 */
.postBody .hljs-comment,
.postBody .hljs-quote {
  color: #7f9690 !important;
  font-style: italic;
}

.postBody .hljs-keyword,
.postBody .hljs-selector-tag,
.postBody .hljs-literal,
.postBody .hljs-doctag,
.postBody .hljs-name {
  color: #e3bd7b !important;
}

.postBody .hljs-string,
.postBody .hljs-regexp,
.postBody .hljs-attr,
.postBody .hljs-addition {
  color: #9cc8aa !important;
}

.postBody .hljs-number,
.postBody .hljs-symbol,
.postBody .hljs-bullet,
.postBody .hljs-deletion {
  color: #df9c7d !important;
}

.postBody .hljs-title,
.postBody .hljs-section,
.postBody .hljs-function .hljs-title,
.postBody .hljs-built_in,
.postBody .hljs-type {
  color: #8fc1d1 !important;
}

.postBody .hljs-variable,
.postBody .hljs-template-variable,
.postBody .hljs-params,
.postBody .hljs-attribute {
  color: #d9ddd7 !important;
}

/* ===== 3. Mermaid / DAG：去掉刺眼标签底色，统一山湖配色 ===== */
.postBody .mermaid {
  margin: 24px 0 !important;
  padding: 20px !important;
  overflow-x: auto !important;
  border: 1px solid rgba(222, 193, 128, .18) !important;
  border-radius: 16px !important;
  color: #f4eee3 !important;
  background: rgba(7, 19, 22, .78) !important;
}

.postBody .mermaid svg {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
}

.postBody .mermaid .node rect,
.postBody .mermaid .node circle,
.postBody .mermaid .node ellipse,
.postBody .mermaid .node polygon,
.postBody .mermaid .node path {
  fill: #18302f !important;
  stroke: #d7b878 !important;
  stroke-width: 1.5px !important;
}

.postBody .mermaid text,
.postBody .mermaid .label,
.postBody .mermaid .nodeLabel,
.postBody .mermaid .nodeLabel p,
.postBody .mermaid .edgeLabel,
.postBody .mermaid .edgeLabel p {
  color: #f4eee3 !important;
  fill: #f4eee3 !important;
  background: transparent !important;
}

.postBody .mermaid .edgeLabel,
.postBody .mermaid .edgeLabel rect,
.postBody .mermaid .edgeLabel .labelBkg,
.postBody .mermaid .labelBkg {
  fill: #142625 !important;
  background-color: #142625 !important;
  opacity: 1 !important;
}

.postBody .mermaid .flowchart-link,
.postBody .mermaid .edgePath path {
  stroke: #8fb3ad !important;
  stroke-width: 1.5px !important;
}

.postBody .mermaid marker path,
.postBody .mermaid .arrowheadPath {
  fill: #8fb3ad !important;
  stroke: #8fb3ad !important;
}

/* ===== 4. 响应式：平板保留双栏，手机回到单栏 ===== */
@media (max-width: 1180px) {
  #home {
    width: calc(100% - 40px) !important;
  }

  #main {
    grid-template-columns: 240px minmax(0, 1fr) !important;
    gap: 20px !important;
  }
}

@media (max-width: 900px) {
  #home {
    width: calc(100% - 24px) !important;
  }

  #main {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #mainContent {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  #sideBar {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
}

@media (max-width: 620px) {
  .postBody pre,
  .cnblogs_code pre,
  .cnblogs_Highlighter pre,
  .postBody pre code,
  .cnblogs-markdown pre code {
    font-size: 13px !important;
    line-height: 1.7 !important;
  }

  .postBody .mermaid {
    padding: 14px !important;
  }
}

/*
 * 博客园「山湖净白」主题补丁
 * 放置位置：页面定制 CSS 代码的最末尾
 * 作用：浅色化、统一随笔/侧栏字号、隐藏搜索、恢复原生导航
 */

:root {
  --clean-bg: #f3f6f4;
  --clean-card: rgba(255, 255, 255, .90);
  --clean-card-solid: #ffffff;
  --clean-text: #20302f;
  --clean-muted: #687674;
  --clean-line: rgba(35, 58, 56, .12);
  --clean-accent: #2f756e;
  --clean-accent-hover: #225f59;
  --clean-accent-soft: rgba(47, 117, 110, .10);
  --clean-warm: #9a6d2f;
  --clean-shadow: 0 14px 42px rgba(31, 55, 52, .10);
  --clean-radius: 22px;

  /* 同步覆盖旧主题变量，减少旧样式漏出。 */
  --glass: var(--clean-card);
  --glass-strong: rgba(255, 255, 255, .94);
  --line: var(--clean-line);
  --text: var(--clean-text);
  --muted: var(--clean-muted);
  --accent: var(--clean-accent);
  --accent-soft: #76a9a3;
  --shadow: var(--clean-shadow);
}

html {
  color-scheme: light !important;
  background: var(--clean-bg) !important;
}

body {
  color: var(--clean-text) !important;
  background:
    linear-gradient(rgba(244, 247, 245, .82), rgba(244, 247, 245, .90)),
    var(--mountain-bg) center top / cover fixed no-repeat,
    var(--clean-bg) !important;
}

body::before {
  background:
    radial-gradient(circle at 50% 14%, rgba(255, 255, 255, .28), transparent 38%),
    linear-gradient(180deg, rgba(236, 243, 240, .08), rgba(236, 243, 240, .22)) !important;
}

body,
button,
input,
textarea,
select {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Microsoft YaHei", sans-serif !important;
}

/* ===== 宽屏布局：左侧信息栏，右侧正文 ===== */
#home {
  width: min(1640px, calc(100% - 80px)) !important;
  max-width: none !important;
  margin: 0 auto !important;
}

#main {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 270px minmax(0, 1fr) !important;
  gap: 30px !important;
  align-items: start !important;
}

#sideBar {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  float: none !important;
}

#sideBarMain {
  position: static !important;
  top: auto !important;
  width: 100% !important;
  margin: 0 !important;
}

#mainContent {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  float: none !important;
}

#sideBarMain > :first-child,
#mainContent > .forFlow > :first-child {
  margin-top: 0 !important;
}

/* ===== 标题区 ===== */
#blogTitle h1 a {
  color: #173330 !important;
  text-shadow: 0 2px 18px rgba(255, 255, 255, .50) !important;
}

#blogTitle h1 a:hover {
  color: var(--clean-accent) !important;
}

#blogTitle h2 {
  color: rgba(35, 55, 53, .72) !important;
  text-shadow: 0 1px 12px rgba(255, 255, 255, .60) !important;
}

/* ===== 导航：只使用博客园原生 #navigator ===== */
.cnblogs-main-nav,
.hero-content-nav,
.blogStats {
  display: none !important;
}

body:has(#navigator) #navList {
  visibility: visible !important;
  pointer-events: auto !important;
}

#navigator {
  position: relative !important;
  top: auto !important;
  min-height: 66px !important;
  margin: 0 0 30px !important;
  padding: 8px 18px !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, .84) !important;
  box-shadow: var(--clean-shadow) !important;
  backdrop-filter: blur(18px) saturate(115%);
  -webkit-backdrop-filter: blur(18px) saturate(115%);
}

#navList {
  min-height: 50px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
}

#navList a,
#navigator a {
  min-height: 40px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 11px !important;
  color: #465855 !important;
  background: transparent !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  text-shadow: none !important;
}

#navList a:hover,
#navigator a:hover {
  color: var(--clean-accent-hover) !important;
  background: var(--clean-accent-soft) !important;
}

/* ===== 卡片统一：由暗黑玻璃改为净白表面 ===== */
.day,
.entrylistItem,
#topics,
.post,
.feedback_area_title,
#comment_form,
#blog-comments-placeholder,
.newsItem,
.catListEssay,
.catListPostCategory,
.catListPostArchive,
.catListView,
.catListFeedback,
.catListLink,
#sidebar_shortcut,
#sidebar_scorerank,
#blog-calendar {
  color: var(--clean-text) !important;
  border: 1px solid var(--clean-line) !important;
  border-radius: var(--clean-radius) !important;
  background: var(--clean-card) !important;
  box-shadow: var(--clean-shadow) !important;
  backdrop-filter: blur(18px) saturate(110%);
  -webkit-backdrop-filter: blur(18px) saturate(110%);
}

.day:hover,
.entrylistItem:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(47, 117, 110, .22) !important;
  background: rgba(255, 255, 255, .96) !important;
}

/* ===== 随笔页：标题、条目和元信息建立统一字号层级 ===== */
.entrylistTitle,
#mainContent .entrylistTitle,
.PostListTitle,
#mainContent > h1,
#mainContent > h2:first-child {
  margin: 0 0 24px !important;
  color: #1d3431 !important;
  font-size: clamp(28px, 2.4vw, 36px) !important;
  font-weight: 720 !important;
  line-height: 1.25 !important;
  letter-spacing: -.035em !important;
  text-shadow: none !important;
}

.postTitle,
.entrylistPosttitle {
  margin: 0 0 10px !important;
  font-size: clamp(20px, 1.7vw, 25px) !important;
  font-weight: 680 !important;
  line-height: 1.4 !important;
  letter-spacing: -.02em !important;
}

.postTitle a,
.entrylistPosttitle a {
  color: #214f4a !important;
}

.postTitle a:hover,
.entrylistPosttitle a:hover {
  color: var(--clean-accent-hover) !important;
}

.postCon,
.entrylistPostSummary,
.c_b_p_desc,
.postBody {
  color: #3f4f4d !important;
}

.postDesc,
.entrylistItemPostDesc,
.postDesc span,
.postDesc a {
  color: #77827f !important;
  font-size: 13px !important;
}

/* ===== 侧栏：合集等模块与整站排版统一 ===== */
.catListTitle,
.catListTitle a,
.newsItem h3 {
  margin: 0 0 14px !important;
  color: #263c39 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 18px !important;
  font-weight: 680 !important;
  line-height: 1.4 !important;
}

#sideBar,
#sideBar p,
#sideBar li,
#sideBar a,
#blog-calendar td,
#blog-calendar th {
  color: #5c6b68 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

#sideBar a:hover {
  color: var(--clean-accent-hover) !important;
}

#sideBar li {
  border-bottom-color: rgba(35, 58, 56, .09) !important;
}

/* 搜索整体删除，不保留标题、输入框和按钮所占空间。 */
#sidebar_search,
#sidebar_search_box {
  display: none !important;
}

/* ===== 正文与链接 ===== */
.postBody,
.postBody p,
.postBody li,
.postBody td,
.feedbackCon,
.blog_comment_body {
  color: #354744 !important;
}

.postBody h1,
.postBody h2,
.postBody h3,
.postBody h4,
#commentform_title {
  color: #203431 !important;
}

#mainContent a,
#mainContent a:visited,
.feedbackCon a,
.feedbackCon a:visited {
  color: var(--clean-accent) !important;
  text-decoration-color: rgba(47, 117, 110, .28) !important;
}

#mainContent a:hover,
.feedbackCon a:hover {
  color: var(--clean-accent-hover) !important;
}

.postBody blockquote {
  color: #53635f !important;
  border-left-color: #74a69f !important;
  background: #f1f7f5 !important;
}

.postBody th,
.postBody td {
  border-color: #dce5e2 !important;
  background: rgba(247, 250, 249, .86) !important;
}

/* ===== 代码块：浅色页面使用高对比度浅代码表面 ===== */
.postBody pre,
.cnblogs_code,
.cnblogs_code pre,
.cnblogs_Highlighter,
.cnblogs_Highlighter pre,
.cnblogs-markdown .hljs,
.postBody pre code.hljs {
  color: #273735 !important;
  border-color: #d9e3e0 !important;
  background: #f5f8f7 !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 #fff !important;
}

.postBody .hljs-comment,
.postBody .hljs-quote { color: #778784 !important; }
.postBody .hljs-keyword,
.postBody .hljs-selector-tag,
.postBody .hljs-literal,
.postBody .hljs-doctag { color: #8b4f69 !important; }
.postBody .hljs-string,
.postBody .hljs-regexp,
.postBody .hljs-attr { color: #3e7660 !important; }
.postBody .hljs-number,
.postBody .hljs-symbol,
.postBody .hljs-bullet { color: #a05442 !important; }
.postBody .hljs-title,
.postBody .hljs-section,
.postBody .hljs-built_in,
.postBody .hljs-type { color: #286e82 !important; }
.postBody .hljs-variable,
.postBody .hljs-params { color: #3f4f4d !important; }

.postBody code:not(.hljs) {
  color: #286b64 !important;
  background: #edf4f2 !important;
}

/* ===== Mermaid / DAG：改成浅色图表 ===== */
.postBody .mermaid {
  color: var(--clean-text) !important;
  border-color: #dce5e2 !important;
  background: #f8faf9 !important;
}

.postBody .mermaid .node rect,
.postBody .mermaid .node circle,
.postBody .mermaid .node ellipse,
.postBody .mermaid .node polygon,
.postBody .mermaid .node path {
  fill: #eef6f3 !important;
  stroke: #5f918a !important;
}

.postBody .mermaid text,
.postBody .mermaid .label,
.postBody .mermaid .nodeLabel,
.postBody .mermaid .nodeLabel p,
.postBody .mermaid .edgeLabel,
.postBody .mermaid .edgeLabel p {
  color: #28403d !important;
  fill: #28403d !important;
}

.postBody .mermaid .edgeLabel,
.postBody .mermaid .edgeLabel rect,
.postBody .mermaid .labelBkg {
  fill: #f8faf9 !important;
  background: #f8faf9 !important;
}

.postBody .mermaid .flowchart-link,
.postBody .mermaid .edgePath path {
  stroke: #739b95 !important;
}

.postBody .mermaid marker path,
.postBody .mermaid .arrowheadPath {
  fill: #739b95 !important;
  stroke: #739b95 !important;
}

/* ===== 表单与评论区 ===== */
input[type="text"],
input[type="search"],
textarea,
select,
.comment_textarea,
#tbCommentBody {
  color: #2d3d3a !important;
  border-color: #d4dfdc !important;
  background: rgba(255, 255, 255, .96) !important;
}

#btn_comment_submit {
  color: #fff !important;
  border-color: var(--clean-accent) !important;
  background: var(--clean-accent) !important;
}

#btn_comment_submit:hover {
  border-color: var(--clean-accent-hover) !important;
  background: var(--clean-accent-hover) !important;
}

#footer {
  color: #6d7976 !important;
  text-shadow: none !important;
}

@media (max-width: 1180px) {
  #home {
    width: calc(100% - 40px) !important;
  }

  #main {
    grid-template-columns: 230px minmax(0, 1fr) !important;
    gap: 20px !important;
  }
}

@media (max-width: 900px) {
  #home {
    width: calc(100% - 24px) !important;
  }

  #main {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #mainContent {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  #sideBar {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
}

@media (max-width: 620px) {
  #navigator {
    padding: 7px 9px !important;
    border-radius: 16px !important;
  }

  #navList a,
  #navigator a {
    min-height: 36px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }

  .entrylistTitle,
  #mainContent .entrylistTitle,
  .PostListTitle,
  #mainContent > h1,
  #mainContent > h2:first-child {
    font-size: 27px !important;
  }
}

/* 直接显示背景照片，彻底移除白色蒙层 */
body {
  background:
    var(--mountain-bg) center top / cover fixed no-repeat,
    #dfe8e6 !important;
}

body::before,
body::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* 页面结构保持透明，露出背景照片 */
#home,
#main,
#mainContent,
.forFlow,
#sideBar,
#sideBarMain {
  background-color: transparent !important;
}

/* 档案页、随笔页等外部标题 */
.entrylistTitle,
.entrylistTitle a,
.PostListTitle,
.PostListTitle a,
#mainContent > h1,
#mainContent > h1 > a,
#mainContent > h2:first-child,
#mainContent > h2:first-child > a {
  color: #fff !important;
  text-shadow: none !important;
  filter: none !important;
}

/* 博客主标题与副标题：取消阴影 */
#blogTitle h1,
#blogTitle h1 a,
#blogTitle h2 {
  text-shadow: none !important;
  filter: none !important;
}

#blogTitle h1 a {
  color: #fff !important;
}

#blogTitle h2 {
  color: rgba(255, 255, 255, 0.88) !important;
}

/* 合集模块卡片 */
#sidebar_links0 {
  margin: 0 0 18px !important;
  padding: 22px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(35, 58, 56, 0.12) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 14px 42px rgba(31, 55, 52, 0.1) !important;
  backdrop-filter: blur(18px);
}

#sidebar_links0 ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#sidebar_links0 li {
  padding: 9px 0 !important;
}

/* “08 2026 档案”“我的随笔”等页面标题 */
.entrylistTitle,
.PostListTitle {
  margin: 0 0 24px !important;
  padding: 18px 24px !important;
  color: #203431 !important;
  border: 1px solid rgba(35, 58, 56, 0.12) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 10px 30px rgba(31, 55, 52, 0.09) !important;
  text-shadow: none !important;
  backdrop-filter: blur(16px);
}

/* 选中文字时不再显示突兀的系统蓝色 */
::selection {
  color: inherit;
  background: rgba(47, 117, 110, 0.24);
}