/* 1. 定义明亮主题（默认） */
:root {
    --body-bg: #f0eef5;
    --post-bg: #ffffff;
    --text-color: #111111;

    --header-bg-image:url("https://images.cnblogs.com/cnblogs_com/linclon/1815119/o_260608110853_lake_long_1.png");
}

/* 2. 定义暗色主题变量 */
[data-theme='dark'] {
    --body-bg: #212121;
    --post-bg: #191919;
    --text-color: #bfbfbf;

    --header-bg-image:url("https://images.cnblogs.com/cnblogs_com/linclon/1815119/o_260608112253_Snipaste_2026-06-08_19-22-15.png");
}

/* ========== 仅新增：导航栏主题切换按钮 ========== */
#theme-toggle {
  /* 完全适配导航栏菜单项样式 */
  height: 100%;
  padding: 0 12px;
  margin: 0;
  /* 长方形圆角 */
  border-radius: 8px;
  border: none;
  /* 黄色底色 */
  background: transparent;
  color: var(--text-color);
  font-size: 30px;
  /* 图标完美居中 */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
}
/* 亮色：太阳 */
#theme-toggle::before {
  content: "🌞";
}
/* 暗色：月亮 */
[data-theme="dark"] #theme-toggle::before {
  content: "🌙";
}

/* 暗色模式下图片亮度调低，防止刺眼 */
[data-theme='dark'] img {
    filter: brightness(.8) contrast(1.2);
}

/* ==========================================
   1. 全局重置 & 基础通用样式
   清除默认边距、统一盒模型、基础标签默认样式
========================================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; /* 新增：标准盒模型，避免布局错乱 */
}

html {
  height: 100%;
}

/* 页面基础样式：字体、背景、文字颜色 */
body {
  color: #7D8B8D;
  font-family: "Microsoft Yahei", "Simsun", Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 25px;
  min-height: 101%;
  /* 合并重复背景样式，保留最终生效背景 */
  background: url() repeat-x var(--body-bg);
}

/* 表格默认样式重置 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 列表样式重置 */
ul {
  list-style: none;
  word-break: break-all;
}

li {
  list-style: none;
}

/* 标题样式重置：清除默认加粗、字号 */
h1, h2, h3 {
  font-size: 100%;
  font-weight: normal;
}

/* 超链接基础样式 */
a:link {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #f60;
  text-decoration: underline;
}

/* 图片默认样式 */
img {
  display: block;
  border: none;
}

/* 清除浮动工具类 */
.clear {
  clear: both;
}
.clearFix::after {
  clear: both;
  display: block;
  height: 0;
  line-height: 0;
  content: "";
  visibility: hidden;
}

/* ==========================================
   2. 页面头部样式 #blogTitle
   博客标题、副标题、Logo 布局
========================================== */
#blogTitle {
  /* 核心修改：宽度100% 自适应屏幕宽度，替代固定1200px */
  width: 100%;
  /* 背景图：水平居中、垂直偏移21px，不重复 */
  background: url("https://images.cnblogs.com/cnblogs_com/linclon/1815119/o_260608112253_Snipaste_2026-06-08_19-22-15.png") no-repeat center 0px;
  /* 关键属性：背景图等比例缩放，完全铺满覆盖容器（自适应裁剪，无留白） */
  background-size: cover;
  /* 保留原有高度，可根据需求自行调整 */
  height: 300px;
  
  position: relative;
  clear: both;
  /* 可选：修复移动端适配，防止横向滚动条 */
  box-sizing: border-box;
}

/* 博客主标题 */
#blogTitle h1 {
  font-size: 30px;
  width: 310px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  position: relative;
  top: 80px;
  left: 17px;
  font-weight: normal;
}

/* 博客副标题 */
#blogTitle h2 {
  width: 550px;
  height: 75px;
  line-height: 180%;
  position: relative;
  top: 107px;
  left: 5px;
  font-size: 16px;
  font-weight: normal;
}

/* 头部文字颜色统一 */
#blogTitle h1 a,
#blogTitle h2 {
  color: #fff;
  font-family: "微软雅黑", "宋体";
}

/* 头部Logo靠右 */
#blogLogo {
  float: right;
}

/* 博客音乐/Flash定位 */
#BlogMusicPayer, #flashContent {
  display: block;
  position: absolute;
  left: 719px;
  top: 45px;
}

/* ==========================================
   3. 导航栏样式 #navigator
   顶部导航栏、菜单列表、hover效果
========================================== */
#navigator {
  background-color: #191919;
  height: 60px;
  position: relative;
  clear: both;
  border: 1px solid #191919;
  border-left: #191919;
  border-right: #191919;
}

#navList {
  width: 1200px;
  height: 60px;
  margin: 0 auto;
}

#navList li {
  float: left;
  height: 60px;
  line-height: 60px;
}

#navList a {
  display: block;
  padding: 0 20px;
  font-size: 16px;
  font-family: "微软雅黑", "宋体";
  color: #fff;
  text-shadow: 1px 1px 1px #666;
}

#navList a:hover {
  text-decoration: none;
  background-color: #212121;
  color: #c7cbd4;
  text-shadow: none;
}
/*  核心修改：blogStats 导航栏右侧定位 */
.blogStats {
  /* 取消隐藏，显示元素 */
  display: block !important;
  /* 绝对定位，固定在导航栏右侧 */
  position: absolute;
  right: 10px; /* 右侧留2px边距，严格按你的要求 */
  top: 50%;
  transform: translateY(-50%); /* 垂直居中 */
  /* 样式匹配导航栏 */
  color: #fff;
  font-size: 14px;
  font-family: "微软雅黑", "宋体";
  line-height: 1;
  white-space: nowrap; /* 防止文字换行 */
  z-index: 99;
}

/* ==========================================
   4. 主体布局容器 #main
   左侧内容区 + 右侧侧边栏 整体布局
========================================== */
#main {
  width: 1200px;
  margin: 20px auto 0;
  clear: both;
}

/* 左侧主内容区 */
#mainContent {
  width: 890px;
  float: left;
  overflow: visible;
  text-overflow: ellipsis;
  word-break: break-all;
  background: none;
}
#mainContent .forFlow {
  float: none;
  width: 100%;
}

/* 右侧侧边栏 */
#sideBar {
  width: 290px;
  float: left;
  margin-left: 20px;
  overflow: visible;
  text-overflow: ellipsis;
  word-break: break-all;
}
#sideBarMain {
  /* 侧边栏父容器 */
}
#leftcontentcontainer {
  margin-top: 20px;
}

/* ==========================================
   5. 文章列表页样式
   每日文章容器、标题、内容、描述、分割线
========================================== */
/* 每日文章包裹层 */
.day {
  background: var(--post-bg);
  padding: 20px;
  border: 1px solid #191919;
  margin-bottom: -1px;
}
.day:hover {
  border: 1px solid #191919;
  position: relative;
  z-index: 10;
}

/* 日期标签 */
.dayTitle {
  display: block;
  float: left;
  padding: 3px 6px;
  margin-right: 10px;
  background-color: #191919;
  color: #fff;
  font-size: 12px;
  z-index: 10; /* 修复原代码错误：z-index无单位 */
}
.dayTitle:hover {
  background-color: #212121;
}
.dayTitle a {
  color: #fff;
}

/* 文章标题 */
.day .postTitle {
  float: left;
  clear: right;
  font-size: 21px;
  line-height: 1.5em;
}
.day .postTitle2 {
  color: #555;
}

/* 文章内容 */
.postCon {
  padding: 15px 0;
  clear: both;
}
.postCon a:link {
  text-decoration: none;
  color: #9ab26b;
}

/* 文章描述信息 */
.postDesc {
  clear: both;
  float: none;
  color: #bcbcbc;
  text-align: left;
  line-height: 200%;
  font-size: 12px;
}
.postDesc a {
  color: #999;
  float: right;
}
.postDesc a:link {
  color: #a3a3a3;
}
.postDesc a:hover {
  color: #9ab26b;
  text-decoration: none;
}

/* 文章分割线 */
.postSeparator {
  border-top: 1px dashed silver;
  margin: 20px 0;
  clear: both;
}
.day:hover .postSeparator {
  border-top: 1px dashed #212121;
}

/* ==========================================
   6. 文章详情页样式 #topics
   正文、标题、引用、标签、分类、上下篇导航
========================================== */
#topics {
  background: var(--post-bg);
  overflow: hidden;
  padding: 20px;
  border: 1px solid #191919;
}

/* 详情页文章标题 */
#topics .postTitle {
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 20px;
  height: 35px;
  line-height: 35px;
  color: var(--text-color);
}
#topics .postTitle a {
  color: var(--text-color);
}
.postTitle a:link {
  color: #7e8c8d;
}
.postTitle a:hover {
  color: #0e90d2;
  text-decoration: none;
}

/* 文章正文内容 */
#cnblogs_post_body {
  color: var(--text-color);
}
#cnblogs_post_body h2 {
  margin: 20px 0;
}
#cnblogs_post_body p a:hover,
#cnblogs_post_body ol li a:hover,
#cnblogs_post_body ul li a:hover {
  border-bottom: 1px dotted #191919;
}
#cnblogs_post_body ol,
#cnblogs_post_body ul {
  margin: 0 0 1em 40px;
  padding: 0;
}

/* 正文引用样式 */
#topics .postBody blockquote {
  border: none;
  border-left: 5px solid #191919;
  margin: 0;
  padding-left: 10px;
}
#topics .postBody blockquote p {
  margin: 0;
  padding: 0;
  color: #777;
}

/* 文章标签 */
#EntryTag {
  font-size: 14px;
  color: #7e8c8d;
  font-weight: bold;
}
#EntryTag a {
  margin-left: 10px;
  color: #9fa4a4;
  font-weight: normal;
  text-decoration: none;
}
#EntryTag a:hover {
  color: #f60;
}

/* 文章分类 */
#BlogPostCategory a {
  margin-left: 10px;
}
#BlogPostCategory a:hover {
  color: #0e90d2;
  border-bottom: 1px dotted #191919;
}

/* 上下篇导航 */
#post_next_prev {
  margin: 10px 0;
  line-height: 200%;
  font-size: 14px;
}
#post_next_prev a {
  color: #333;
}
#post_next_prev a:hover {
  border-bottom: 1px dotted #191919;
  color: #0e90d2;
}

/* 详情页文章描述 */
#topics .postDesc {
  margin: 10px 0;
  line-height: 200%;
  font-size: 14px;
  color: #777;
}
#topics .postDesc a:hover {
  color: #9ab26b;
}

/* ==========================================
   7. 侧边栏组件样式
   个人资料、搜索框、标签、分类、归档、评论、日历等
========================================== */
/* 侧边栏模块统一标题样式 */
.catListTitle {
  font-size: 18px;
  padding: 10px 20px;
  background-color: #212121;
  color: #fff;
  font-weight: normal;
  border: 1px solid #191919;
}

/* ---------- 个人资料 ---------- */
#profile_block {
  background: var(--post-bg);
  padding: 20px;
  margin-top: 0 !important;
  border: 1px solid #191919;
  color: var(--text-color);
  font-size: 13px;
  line-height: 1.8;
}
#profile_block:hover {
  border: 1px solid #191919;
}
#profile_block a {
  color: #9fa4a4;
  font-size: 13px;
  text-decoration: none;
}
#profile_block a:hover {
  color: #99B16B;
  border-bottom: 1px dotted #191919;
}

/* ---------- 搜索框 ---------- */
.mySearch {
  background: var(--body-bg);
}
#widget_my_zzk {
  padding: 15px 0 0 15px;
  border: 1px solid #191919;
  border-top: none;
  border-bottom: #191919;
  margin: 0 !important;
}
#widget_my_google {
  padding: 10px 0 15px 15px;
  border: 1px solid #191919;
  border-top: none;
  margin: 0 !important;
}
.input_my_zzk {
  width: 160px;
  height: 35px;
  border: 1px solid #DDD;
  outline: none;
  line-height: 35px;
  font-size: 13px;
  padding: 0 12px;
}
input.btn_my_zzk {
  width: 70px;
  height: 37px;
  background: #0e90d2;
  border: none;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 37px;
  font-family: "Microsoft Yahei", "Simsun", Arial;
  cursor: pointer;
}

/* ---------- 标签云 ---------- */
.catListTag {
  background: var(--post-bg);
  margin-top: 20px;
}
.catListTag ul {
  padding: 10px 0 10px 10px;
  height: 230px;
  border: 1px solid #191919;
  border-top: none;
  clear: both;
}
.catListTag ul li {
  width: 119px;
  float: left;
  margin: 0 10px 10px 0;
  padding-left: 10px;
  line-height: 30px;
  background: #F6F6F6;
  font-size: 14px;
  color: #aaa;
}
.catListTag ul li a {
  display: block;
  float: left;
  min-width: 90px;
  color: #aaa;
}
.catListTag ul li:hover {
  background: #0e90d2;
  color: #fff;
  cursor: pointer;
}
.catListTag ul li:hover a {
  color: #fff;
  text-decoration: none;
}

/* ---------- 文章分类/归档 ---------- */
.catListPostCategory,
.catListPostArchive,
.catListImageCategory {
  background: var(--post-bg);
  margin-top: 20px;
}
.catListPostCategory ul,
.catListPostArchive ul,
.catListImageCategory ul {
  border: 1px solid #191919;
  border-top: none;
}
.catListPostCategory ul li,
.catListPostArchive ul li,
.catListImageCategory ul li {
  line-height: 44px;
  border-bottom: 1px solid #191919;
  padding-left: 25px;
  font-size: 15px;
  color: #7e8c8d;
}
.catListPostCategory ul li a,
.catListPostArchive ul li a,
.catListImageCategory ul li a {
  color: #777;
  text-decoration: none;
}
.catListPostCategory ul li a:hover,
.catListPostArchive ul li a:hover,
.catListImageCategory ul li a:hover {
  color: #0e90d2;
  border-bottom: 1px dotted #191919;
  text-decoration: none;
}

/* ---------- 最新评论/阅读/反馈 ---------- */
.catListComment,
.catListView,
.catListEssay,
.catListFeedback {
  background: var(--post-bg);
  margin-top: 20px;
}
#RecentCommentsBlock,
#TopViewPostsBlock,
#TopFeedbackPostsBlock {
  padding: 10px;
  border: 1px solid #dedede;
  border-top: none;
}
.recent_comment_title {
  font-size: 15px;
  color: #7e8c8d;
}
.recent_comment_body,
.recent_comment_author {
  border-bottom: 1px solid #191919;
  color: #9fa4a4;
  font-size: 13px;
}
.recent_comment_body {
  border-bottom: #191919;
}
.divRecentComment {
  margin-top: .5em;
}

/* ---------- 日历 ---------- */
#blogCalendar {
  margin-top: 20px;
  border: 1px solid #191919;
  padding: 5px;
  background-color: var(--post-bg);
}
#blogCalendar tr {
  height: 30px;
  line-height: 30px;
}
.CalTitle {
  background-color: #212121;
  color: #fff;
  font-weight: normal;
}
.CalTitle a {
  color: #fff;
  padding: 0 10px;
}
.CalTodayDay {
  background-color: #212121;
  color: #fff;
}
.CalOtherMonthDay {
  background-color: var(--body-bg);
}
#calendar table a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #f60;
}

/* ---------- 其他侧边栏模块 ---------- */
.catListLink {
  display: none;
}
.catListBlogRank {
  margin-top: 20px;
}
.catListBlogRank ul {
  padding: 10px;
  border: 1px solid #191919;
  border-top: none;
  color: #777;
  background-color: var(--post-bg);
}
.myad {
  padding: 20px;
  background: #fff;
  margin-top: 20px;
}

/* ==========================================
   8. 分页 & 按钮公共样式
========================================== */
#nav_next_page {
  line-height: 40px;
}
#nav_next_page a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  background-color: #212121;
  color: #fff;
  text-decoration: none;
}
#nav_next_page a:hover {
  background-color: #008AD1;
}

/* 底部分页 */
.topicListFooter {
  text-align: right;
  margin-top: 10px;
  margin-right: 0 !important;
  font-size: 16px;
}
.topicListFooter .pager {
  margin: 20px 0;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #333;
}
.topicListFooter .pager a {
  display: inline-block;
  margin: 0 10px;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  background-color: #212121;
  color: #fff;
  text-shadow: 1px 1px 1px #666;
  border: none !important;
}
.topicListFooter .pager a:hover,
.topicListFooter .pager span {
  text-decoration: none;
  background-color: #008AD1;
}

/* ==========================================
   9. 评论区样式（已适配外框窗口大小控制）
========================================== */
#blog-comments-placeholder {
  margin-top: 20px;
  padding: 20px;
  padding-top: 0;
  border: 1px solid #dedede;
  background: #fff;
}
.feedbackItem {
  margin-top: 10px;
}
.feedbackCon {
  margin: 10px 0;
  padding: 10px;
  border: 1px dashed #dedede;
}
.feedbackListSubtitle {
  padding: 0 5px;
}
.feedbackListSubtitle a:hover {
  color: #9ab26b;
  text-decoration: none;
}
.pfl_feedback_area_title {
  margin-bottom: 1em;
}
.pfl_feedbackCon {
  margin: .5em;
}

/* 评论导航/刷新 */
#comment_nav {
  margin: 10px 0;
}
#comment_nav a:hover {
  color: #9ab26b;
}
#divRefreshComments {
  text-align: right;
  margin-bottom: 10px;
}

/* 评论表单外层容器（取消默认边距，让外框贴合） */
#comment_form_container {
  padding: 0 !important;
  border: none !important;
  background-color: transparent !important;
}

/* ========== 核心：控制外框窗口大小（你的目标元素） ========== */
div.commentbox_main.comment_textarea {
  /* 宽度：100%填满父容器，也可设固定值如 800px */
  width: 100% !important;
  /* 总高度：包含工具栏+输入框的外框高度，直接修改这里即可 */
  height: 320px !important;
  /* 边框样式（和你主题统一，可改颜色/粗细） */
  border: 1px solid #dedede !important;
  border-radius: 4px !important;
  /* 背景色：亮色/暗色模式自动适配 */
  background-color: #fff !important;
  box-sizing: border-box !important;
  /* 可选：轻微阴影增强质感 */
  box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

/* 暗色模式适配 */
[data-theme='dark'] div.commentbox_main.comment_textarea {
  border-color: #444 !important;
  background-color: #2d303b !important;
}

/* ========== 同步调整内部输入框（避免错位） ========== */
textarea#tbCommentBody {
  width: 100% !important;
  /* 高度 = 外框高度 - 工具栏高度（固定为50px） */
  height: calc(100% - 50px) !important;
  border: none !important;
  outline: none !important;
  padding: 12px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  background: transparent !important;
  color: inherit !important;
  resize: none !important; /* 禁止用户拖动，保持外框大小固定 */
}

/* 暗色模式输入框文字颜色 */
[data-theme='dark'] textarea#tbCommentBody {
  color: #ddd !important;
}

/* ========== 顶部工具栏（和输入框高度联动） ========== */
.commentbox_title {
  border-bottom: 1px solid #191919 !important;
  background: #f9f9f9 !important;
  padding: 8px 12px !important;
  height: 50px !important; /* 必须和上面calc里的数值对应 */
  box-sizing: border-box !important;
}
[data-theme='dark'] .commentbox_title {
  background: #212121 !important;
  border-color: #444 !important;
}

/* 评论操作按钮 */
.feedbackManage {
  line-height: 26px;
  float: right;
}
.comment_actions a:hover {
  color: #9ab26b;
}

/* ==========================================
   10. 条目列表样式（随笔/文章列表）
========================================== */
.entrylistItem {
  padding: 20px;
  background: var(--post-bg) ;
  border: 1px solid #dedede;
  margin-bottom: -1px;
  position: relative;
  z-index: 2;
}
.entrylistItem:hover {
  border: 1px solid #212121;
  position: relative;
  z-index: 10;
}

.entrylistPosttitle {
  float: left;
  clear: right;
  font-size: 21px;
  line-height: 1.5em;
}
.entrylistPosttitle a.desc_img_wrap {
  display: block;
  height: 320px;
  position: relative;
  margin: 0 0 10px;
}
.entrylistPosttitle a:hover {
  color: #212121;
  text-decoration: none;
}

.entrylistPostSummary {
  padding: 15px 0;
  clear: both;
}
.c_b_p_desc {
  font-size: 14px;
  color: #999;
  line-height: 200%;
}
a.c_b_p_desc_readmore {
  color: #212121;
}

.entrylistItemPostDesc {
  clear: both;
  float: none;
  text-align: left;
  line-height: 200%;
  font-size: 12px;
  color: #bcbcbc;
}
.entrylistItemPostDesc a {
  color: #999;
  float: right;
}
.entrylistItemPostDesc a:hover {
  color: #212121;
}

/* 隐藏列表分割线 */
.entrylist .postSeparator {
  display: none;
}

/* ==========================================
   11. 动画过渡 & 交互效果
========================================== */
#mynav li:hover,
#profile_block a,
.catListTag ul li,
.catListTag ul li::before,
.catListPostCategory ul li a,
.catListPostArchive ul li a,
.recent_comment_title a,
.catListView ul li a,
.catListFeedback ul li a {
  transition: all 0.1s ease-out;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.1s ease-out;
  -ms-transition: all .1s ease-out;
}

#mynav li {
  background-color: #99B16B;
  color: #FFF;
}
#user .user_info a:hover {
  color: rgba(255, 255, 255, 1);
}

.divPhoto:hover {
  border-color: #08c;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
}
#myadd:hover {
  opacity: 1;
}
#goto-top:hover {
  background: url(https://images.cnblogs.com/cnblogs_com/linclon/1815119/o_240329142843_o_goto-top.png) no-repeat 0 -36px;
}

/* ==========================================
   12. 页脚 & 其他公共样式 【已适配国徽居备案左侧】
========================================== */
#footer {
  margin: 10px 0;
  padding: 10px 0;
  text-align: center;
  min-height: 15px;
  color: var(--text-color);
  /* 取消flex，用原生行内对齐，避免布局错乱 */
  line-height: 1;
}

/* 国徽图标：强制靠左侧、和备案文字紧贴居中 */
#footer img {
  display: inline !important;
  vertical-align: middle !important;
  height: 18px !important;   /* 国徽大小，可自行改16~20 */
  width: auto !important;
  margin-right: 6px !important; /* 国徽和备案文字的间距，越小越紧贴 */
  margin-top: -2px !important; /* 上下微调对齐，错位就改这个数值 */
}

/* 备案文字链接 垂直居中适配 */
#footer a {
  vertical-align: middle !important;
  line-height: 1 !important;
}

#site_nav_under {
  padding: 20px;
  border: 1px solid #dedede;
  background-color: var(--body-bg);
}

/* 隐藏无用模块 */
#myding {
  display: none;
}


/* ===================== 侧边栏折叠按钮样式（无空白终极版） ===================== */
/* 按钮样式（不变，不影响布局） */
#sidebarToggleBtn {
  display: inline-block !important;
  width: 32px;
  height: 36px;
  border: none;
  border-radius: 6px;
  background: rgba(159, 164, 166, 0.969);
  cursor: pointer;
  z-index: 9999;
  padding: 0;
  outline: none;
  transition: all 0.24s ease-in-out;
  margin: 0 8px;
  margin-top: 10px;
  vertical-align: middle;
}
#sidebarToggleBtn:hover {
  background: rgba(81, 236, 125, 0.878);
}
/* 箭头样式 */
#sidebarToggleBtn::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #191919;
  margin: auto;
  transition: transform 0.24s ease-in-out;
}
/* 暗色主题适配 */
[data-theme="dark"] #sidebarToggleBtn {
  background: rgba(255,255,255,0.16);
}
[data-theme="dark"] #sidebarToggleBtn:hover {
  background: rgba(255,255,255,0.28);
}
[data-theme="dark"] #sidebarToggleBtn::before {
  border-left-color: #191919;
}

/* ===================== 核心修复：收起侧边栏（无空白、无超长滚动） ===================== */
/* 【根治超高空白】侧边栏收起样式 */
.sidebarClosed #sideBarMain{
    display: none !important; /* 核心：彻底从文档流移除，不再撑高页面 */
    transition: none;
}
/* 收起后主容器#main自适应屏幕宽度 */
.sidebarClosed #main{
    width:100% !important;
    max-width: unset !important;
    box-sizing: border-box !important;
    padding:0 16px !important; /* 左右留白避免贴屏幕边缘，可改数值 */
    transition:0.3s ease;
}
/* 正文铺满main容器 */
.sidebarClosed #mainContent{
    width:100% !important;
    transition:0.3s ease;
}
/* 箭头旋转 */
.sidebarClosed #sidebarToggleBtn::before{
    transform:rotate(180deg);
}


/* 定制公告栏音乐插件的样式 */
.aplayer {
    font-family: Arial,Helvetica,sans-serif;  /*音乐插件字体*/
    margin: 0px;  /*音乐插件与公告栏左边的边距，0px就是直接抵到公告栏左边的边上*/
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    border-radius: 2px;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: normal;
}