/* 隐藏广告 */
#google_ad_c1, #google_ad_c2 {display:none;}
#ad_under_post_holder #google_ad_c1,#google_ad_c2{
display: none !important;
}

/* 代码高亮字体 - 调整为更适配深色背景的字号和颜色 */
.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea {
font-size: 14px!important;
color: #e0e0e0 !important; /* 浅灰色文字，适配深色背景 */
}

/* 主页容器 - 改为半透明深色，增强科幻感 */
#home {
opacity: 0.92; /* 轻微提高不透明度，保证文字清晰 */
margin: 0 auto;
width: 85%;
min-width: 950px;
background-color: rgba(15, 20, 30, 0.85); /* 深灰蓝半透明背景，替代纯白 */
color: #e8e8e8; /* 浅色文字，提高对比度 */
padding: 30px;
margin-top: 30px;
margin-bottom: 50px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6); /* 加深阴影，增强立体感 */
border-radius: 8px; /* 轻微圆角，更贴合现代科幻风 */
}

/* 博客标题 - 调整为科技蓝，适配背景 */
#blogTitle h1 {
color: #4fc3f7 !important; /* 科技浅蓝，替代玫红 */
font-size: 45px;
text-align: center;
font-family: "华文新魏";
line-height: 1.5em;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-shadow: 0 0 8px rgba(79, 195, 247, 0.5); /* 文字发光效果，增强科幻感 */
}

/* 导航栏 - 调整配色为科技蓝+暗绿 */
#navList a {
display: block;
width: 5em;
height: 20px;
float: right;
text-align: center;
padding-top: 18px;
color: #e8e8e8 !important; /* 导航文字改为浅灰 */
}
#navList a:hover {
color: #81d4fa !important; /* 悬浮改为更亮的浅蓝 */
text-decoration: none;
text-shadow: 0 0 6px rgba(129, 212, 250, 0.8);
}
#navigator {
font-size: 22px;
border-top: 5px solid #2196f3; /* 科技深蓝，替代玫红 */
border-bottom: 5px solid #26a69a; /* 暗青，替代绿色 */
font-family: "楷体";
font-weight: normal;
height: 50px;
clear: both;
margin-top: 30px;
margin-bottom: 40px;
background-color: rgba(20, 30, 40, 0.7); /* 导航栏半透明背景 */
}

/* 侧边栏 - 适配深色风格 */
.catListTitle {
margin-top: 20px;
margin-bottom: 20px;
font-family: "楷体";
font-size: 22px !important;
border-left: 10px solid rgba(33, 150, 243, 0.9); /* 科技蓝侧边线 */
padding: 10px 10px 10px 10px;
background-color: rgba(30, 40, 50, 0.8); /* 深灰背景 */
color: #e8e8e8; /* 浅色文字 */
border-radius: 4px;
}
#sideBar {
width: 300px;
padding: 10px;
box-sizing: border-box;
color: #e8e8e8; /* 侧边栏文字浅色 */
}
#blog-news {
font-size: 20px !important;
font-family: "楷体";
font-weight: bold;
color: #4fc3f7 !important; /* 科技蓝标题 */
}
#profile_block {
font-size: 14px !important;
font-family: "宋体" !important;
font-style: italic !important;
color: #d0d0d0 !important; /* 浅灰文字 */
}

/* 全局样式 + 优化背景图显示 */
body {
color: #e8e8e8; /* 全局文字改为浅灰 */
background: url(https://img2024.cnblogs.com/blog/3713169/202603/3713169-20260323215319110-1141671354.jpg) fixed;
background-size: cover; /* 覆盖整个屏幕，不拉伸 */
background-position: center center; /* 背景居中 */
background-repeat: no-repeat;
font-family: "宋体", "Microsoft Yahei";
font-size: 17px;
min-height: 100vh; /* 铺满视口高度 */
background-color: #0a0e17; /* 背景兜底色，图片加载前显示 */
}

/* 文章标题与摘要 - 调整配色 */
.postTitle {
font-size: 30px !important;
font-family: 'FZXBSJW--GB1-0',cursive;
color: #81d4fa !important; /* 浅蓝标题 */
text-shadow: 0 0 6px rgba(129, 212, 250, 0.4);
}
.c_b_p_desc {
font-size: 20px !important;
color: #d0d0d0 !important; /* 摘要浅灰文字 */
}
#topics .postTitle {
border: 0px;
font-size: 25px;
font-weight: bold;
float: left;
line-height: 1.5;
width: 100%;
padding-left: 5px;
color: #81d4fa !important;
}

/* 评论区样式 - 适配深色背景 */
div.commentform p{
margin-bottom:10px;
color: #e8e8e8;
}
.comment_btn {
padding: 5px 10px;
height: 35px;
width: 90px;
border: 0 none;
border-radius: 5px;
background: #304050; /* 深灰按钮背景 */
color: #e8e8e8; /* 浅色文字 */
cursor:pointer;
font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif;
display: inline !important;
}
.comment_btn:hover{
padding: 5px 10px;
height: 35px;
width: 90px;
border: 0 none;
border-radius: 5px;
background: #2196f3; /* 科技蓝悬浮背景 */
color: white;
cursor:pointer;
font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif;
box-shadow: 0 0 10px rgba(33, 150, 243, 0.6); /* 悬浮发光 */
display: inline !important;
}
#commentform_title {
background-image:none;
background-repeat:no-repeat;
margin-bottom:10px;
padding:0;
font-size:24px;
color: #4fc3f7 !important;
}
#commentbox_opt,#commentbox_opt + p {
text-align:center;
color: #e8e8e8;
}
.commentbox_title {
width: 100%;
color: #4fc3f7;
}
#tbCommentBody {
font-family:'Microsoft Yahei', 宋体, sans-serif;
margin-top:10px;
max-width:100%;
min-width:100%;
background: rgba(20, 30, 40, 0.9); /* 深色输入框背景 */
color: #e8e8e8; /* 浅色输入文字 */
border:2px solid #2196f3; /* 科技蓝边框 */
box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.8);
padding:10px;
height:250px;
font-size:14px;
min-height:120px;
}
.feedbackItem {
font-size:14px;
line-height:24px;
margin:10px 0;
padding:20px;
background:rgba(30, 40, 50, 0.85); /* 深色评论项背景 */
box-shadow:0 0 8px rgba(0, 0, 0, 0.6);
color: #e8e8e8;
border-radius: 4px;
border-bottom: 1px solid #405060; /* 浅灰边框 */
}
.feedbackListSubtitle {
font-weight:normal;
color: #81d4fa;
}
#blog-comments-placeholder, #comment_form {
padding: 20px;
background: rgba(15, 20, 30, 0.85); /* 深色评论区背景 */
-webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.8);
box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.8);
margin-bottom: 50px;
border-radius: 8px;
}
.feedback_area_title {
margin-bottom: 15px;
font-size: 1.8em;
color: #4fc3f7;
}
.color_shine {background: rgba(33, 150, 243, 0.3);}
.feedbackItem:hover {
-webkit-animation-name: color_shine;
animation-name: color_shine;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
#comment_form .title {
font-weight: normal;
margin-bottom: 15px;
color: #4fc3f7;
}

/* Aplayer音乐播放器 - 适配深色风格 */
@media (max-width: 2000px) {
  .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
    left: -66px !important;
  }
  .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
    left: 0 !important;
  }
}
.aplayer {
background: rgba(20, 30, 40, 0.8) !important; /* 深色播放器背景 */
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
position: relative;
border: 1px solid #2196f3; /* 科技蓝边框 */
}
.aplayer.aplayer-fixed .aplayer-lrc:after,
.aplayer.aplayer-fixed .aplayer-lrc:before {
display: none;
}
.aplayer.aplayer.aplayer-fixed .aplayer-body {
background: rgba(20, 30, 40, 0.8) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
position: fixed;
border: 1px solid #2196f3;
}
.aplayer .aplayer-list ol::-webkit-scrollbar {
width: 5px;
}
.aplayer .aplayer-list ol::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: #2196f3 !important; /* 科技蓝滚动条 */
}
.aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover {
background-color: #4fc3f7 !important; /* 浅蓝悬浮 */
}
.aplayer.aplayer-fixed .aplayer-list {
border-radius: 6px 6px 0 0 !important;
}
.aplayer.aplayer-fixed .aplayer-miniswitcher {
border-radius: 0 6px 6px 0 !important;
}
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
transition: 0.28s !important;
border-radius: 6px !important;
}
.aplayer .aplayer-list ol li:hover {
background: rgba(33, 150, 243, 0.3) !important; /* 悬浮浅蓝背景 */
}
.aplayer .aplayer-list ol li.aplayer-list-light {
background: rgba(33, 150, 243, 0.5) !important; /* 播放中加深 */
}
.aplayer-lrc p {
color: #ffffff !important;
text-shadow: #000000 1px 0 0, #000000 0 1px 0, #000000 -1px 0 0, #000000 0 -1px 0 !important;
font-size: 16px !important; /* 歌词字号加大，更清晰 */
}