/* ===== 博客园 深色极客风：侧栏极简净化版 ===== */

:root{
  --bg: #0b0f14;
  --bg2: #101722;
  --panel: #141b26;
  --panel2: #1a2230;
  --line: #2a3648;
  --line-soft: rgba(255,255,255,.06);
  --text: #dbe3ee;
  --muted: #93a3b5;
  --title: #f4f8fc;
  --accent: #55c8ff;
  --accent2: #84ebff;
  --shadow: 0 18px 40px rgba(0,0,0,.28);
  --radius: 18px;
}

/* ===== 全局 ===== */
html, body{
  margin: 0 !important;
  padding: 0 !important;
  background: var(--bg) !important;
  color: var(--text) !important;
  font-family: "Segoe UI","PingFang SC","Microsoft YaHei",sans-serif !important;
}

body{
  background-image:
    radial-gradient(circle at 12% 0%, rgba(85,200,255,.10), transparent 26%),
    radial-gradient(circle at 100% 12%, rgba(132,235,255,.05), transparent 18%);
  background-attachment: fixed;
}

a{
  color: var(--accent) !important;
  text-decoration: none !important;
  transition: color .22s ease, opacity .22s ease, transform .22s ease;
}
a:hover{
  color: var(--accent2) !important;
}

img{
  max-width: 100% !important;
  border-radius: 12px;
}

/* 页面容器 */
#home{
  width: min(96%, 1520px) !important;
  margin: 22px auto 40px !important;
  background: transparent !important;
}

/* ===== 顶部 Hero ===== */
#header{
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(85,200,255,.14), rgba(85,200,255,0) 45%),
    linear-gradient(180deg, #16202d, #10151d);
  border: 1px solid var(--line) !important;
  border-radius: 24px !important;
  padding: 36px 40px 24px !important;
  box-shadow: var(--shadow);
  margin-bottom: 18px !important;
}

#blogTitle h1,
#blogTitle h2,
#blogTitle a,
#Header1_HeaderTitle{
  color: var(--title) !important;
}

#blogTitle h1 a,
#Header1_HeaderTitle a{
  color: var(--title) !important;
  font-size: clamp(2.1rem, 4vw, 4rem) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
}

#blogTitle h2{
  margin-top: 12px !important;
  color: var(--muted) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  max-width: 900px;
}

/* ===== 导航 ===== */
#navigator{
  background: rgba(20,27,38,.92) !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  padding: 14px 18px !important;
  margin-top: 18px !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.18) !important;
}

#navList,
#navList ul,
#navList li{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#navList li{
  display: inline-block !important;
  margin-right: 16px !important;
}

#navList a{
  color: #eef7ff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
}

#navList a:hover{
  color: var(--accent2) !important;
  background: rgba(85,200,255,.08) !important;
}

/* 统计 */
.blogStats{
  display: block !important;
  margin-top: 14px !important;
  color: var(--muted) !important;
  font-size: 13px !important;
}

/* ===== 主布局 ===== */
#main{
  background: transparent !important;
  overflow: hidden !important;
}

#mainContent{
  float: left !important;
  width: calc(100% - 334px) !important;
  margin: 0 !important;
  min-height: 600px !important;
  background: transparent !important;
}

#sideBar{
  float: right !important;
  width: 300px !important;
  margin: 0 !important;
  background: transparent !important;
}

/* ===== 首页文章区 ===== */
.day,
.entrylistItem,
.post{
  position: relative;
  background: linear-gradient(180deg, #141b26, #111720) !important;
  border: 1px solid var(--line) !important;
  border-radius: 20px !important;
  box-shadow: var(--shadow);
  padding: 24px 28px !important;
  margin-bottom: 24px !important;
  overflow: hidden !important;
}

.dayTitle{
  background: transparent !important;
  border: none !important;
  color: var(--muted) !important;
  font-size: 13px !important;
  margin-bottom: 12px !important;
}

.postTitle,
.entrylistPosttitle{
  margin-bottom: 14px !important;
}

.postTitle a,
.entrylistPosttitle a{
  color: var(--title) !important;
  font-size: clamp(1.5rem, 2vw, 2.1rem) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.postCon,
.postBody,
.entrylistPostSummary,
.c_b_p_desc,
.cnblogs-markdown,
#cnblogs_post_body{
  background: transparent !important;
  color: var(--text) !important;
  line-height: 1.9 !important;
  font-size: 16px !important;
}

.postBody *,
.postCon *,
.entrylistPostSummary *,
.c_b_p_desc *,
.day *{
  color: inherit !important;
}

.postDesc,
.entrylistItemPostDesc,
.articleMetadata,
.topicListFooter{
  border-top: 1px solid var(--line-soft) !important;
  margin-top: 18px !important;
  padding-top: 12px !important;
  color: var(--muted) !important;
  background: transparent !important;
}

/* 正文层级 */
.postBody h1,
.postBody h2,
.postBody h3,
.postBody h4,
.cnblogs-markdown h1,
.cnblogs-markdown h2,
.cnblogs-markdown h3,
.cnblogs-markdown h4,
#cnblogs_post_body h1,
#cnblogs_post_body h2,
#cnblogs_post_body h3,
#cnblogs_post_body h4{
  color: var(--title) !important;
  font-weight: 800 !important;
}

.postBody h2,
.cnblogs-markdown h2,
#cnblogs_post_body h2{
  border-left: 4px solid var(--accent) !important;
  padding-left: 14px !important;
  margin-top: 30px !important;
}

/* 代码 */
pre,
.cnblogs_code,
.cnblogs_Highlighter{
  background: #0a0f14 !important;
  border: 1px solid #1f2937 !important;
  color: #dbe7f2 !important;
  border-radius: 16px !important;
  padding: 16px 18px !important;
  overflow: auto !important;
}

code{
  background: rgba(85,200,255,.12) !important;
  color: #9feaff !important;
  border-radius: 6px !important;
  padding: 2px 6px !important;
}

/* ===== 目录 ===== */
#cnblogs_post_body .toc,
#cnblogs_post_body .tocul,
#cnblogs_post_body #TableOfContents,
.postBody .toc,
.cnblogs-markdown .toc,
#TableOfContents,
#toc,
#toc_container,
#sideCatalog,
#sideCatalog-catalog,
#catalogBox{
  background: #0f1720 !important;
  border: 1px solid #314157 !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
  color: #e7f1fb !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.28) !important;
}

#cnblogs_post_body .toc *,
#cnblogs_post_body .tocul *,
#cnblogs_post_body #TableOfContents *,
.postBody .toc *,
.cnblogs-markdown .toc *,
#TableOfContents *,
#toc *,
#toc_container *,
#sideCatalog *,
#catalogBox *{
  color: #e7f1fb !important;
}

#cnblogs_post_body .toc a,
#cnblogs_post_body .tocul a,
#cnblogs_post_body #TableOfContents a,
.postBody .toc a,
.cnblogs-markdown .toc a,
#TableOfContents a,
#toc a,
#toc_container a,
#sideCatalog a,
#catalogBox a{
  color: #8fddff !important;
  font-weight: 600 !important;
}

#cnblogs_post_body .toc a:hover,
#cnblogs_post_body .tocul a:hover,
#cnblogs_post_body #TableOfContents a:hover,
.postBody .toc a:hover,
.cnblogs-markdown .toc a:hover,
#TableOfContents a:hover,
#toc a:hover,
#toc_container a:hover,
#sideCatalog a:hover,
#catalogBox a:hover{
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* ===== 侧栏：只保留真正有内容的模块 ===== */

/* 不给所有外层 div 画卡片 */
#sideBar > div{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
}

/* 真正模块卡片化 */
#sidebar_news,
#sidebar_search,
#blog-calendar,
#sidebar_categories,
#sidebar_postarchive,
#sidebar_articlearchive,
#sidebar_recentposts,
#sidebar_recentcomments,
#sidebar_scorerank,
#sidebar_toptags,
#sidebar_shortcut,
#sidebar_postcategory,
#sidebar_articlecategory{
  background: linear-gradient(180deg, #141b26, #111720) !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  box-shadow: var(--shadow);
  padding: 18px !important;
  margin-bottom: 18px !important;
  overflow: hidden !important;
}

/* 标题 */
#sideBar h3,
.catListTitle{
  color: var(--title) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  margin: 0 0 14px !important;
}

#sideBar,
#sideBar *{
  color: var(--text) !important;
}

/* 隐藏空模块 */
#sideBar > div:empty,
#sideBar .sidebar-block:empty,
#sideBar ul:empty,
#sideBar ol:empty,
#sideBar li:empty,
#sideBar p:empty,
#sidebar_scorerank:empty,
#sidebar_recentcomments:empty,
#sidebar_toptags:empty,
#sidebar_shortcut:empty,
#sidebar_recentposts:empty,
#sidebar_postarchive:empty,
#sidebar_articlearchive:empty,
#sidebar_categories:empty{
  display: none !important;
}

/* 去掉空内层框 */
#sidebar_scorerank div,
#sidebar_recentcomments div,
#sidebar_toptags div,
#sidebar_shortcut div{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 列表样式正常化 */
#sideBar ul{
  padding-left: 18px !important;
  margin: 0 !important;
}
#sideBar li{
  margin: 8px 0 !important;
  line-height: 1.6 !important;
}

/* ===== 日历极简版 ===== */
#blog-calendar{
  overflow: visible !important;
  padding: 14px !important;
}

#blog-calendar,
#blog-calendar *{
  background: transparent !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

#blog-calendar table{
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  font-size: 13px !important;
}

#blog-calendar th,
#blog-calendar td{
  width: 14.28% !important;
  padding: 6px 2px !important;
  text-align: center !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

/* ===== 搜索按钮高对比 ===== */
#sidebar_search input[type="text"],
#sidebar_search #tbSearchTxt,
#widget_my_zzk input[type="text"]{
  width: calc(100% - 84px) !important;
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  border: 1px solid #334155 !important;
  background: #0f141c !important;
  color: #eef6ff !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
}

#sidebar_search input[type="submit"],
#sidebar_search #btnSearch,
#widget_my_zzk input[type="submit"]{
  width: 72px !important;
  height: 40px !important;
  margin-left: 8px !important;
  border-radius: 10px !important;
  border: 1px solid #2f9fd4 !important;
  background: #163246 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-shadow: 0 0 16px rgba(85,200,255,.20) !important;
  cursor: pointer !important;
  vertical-align: middle !important;
}

#sidebar_search input[type="submit"]:hover,
#sidebar_search #btnSearch:hover,
#widget_my_zzk input[type="submit"]:hover{
  background: linear-gradient(135deg, #37b4f0, #55c8ff) !important;
  color: #07111a !important;
  border-color: #55c8ff !important;
}

/* 页脚 */
#footer{
  color: var(--muted) !important;
  background: transparent !important;
  margin-top: 28px !important;
  padding: 20px 0 40px !important;
}

/* 防止原皮肤隐藏内容 */
#mainContent,
#mainContent *,
.day,
.day *,
.entrylistItem,
.entrylistItem *,
.postTitle,
.postTitle *,
.entrylistPosttitle,
.entrylistPosttitle *{
  opacity: 1 !important;
  visibility: visible !important;
  max-width: 100%;
}

/* 响应式 */
@media (max-width: 1200px){
  #mainContent{
    width: 100% !important;
    float: none !important;
  }
  #sideBar{
    width: 100% !important;
    float: none !important;
    margin-top: 20px !important;
  }
}