/* 全局基础样式 */
body {
    font-family: Roboto, 'Noto Sans SC', sans-serif, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, 'PingFang SC', miui, 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
    font-size: 16px!important;
    margin-top: 0px;
    color: #252933;
    background-color: rgb(244, 246, 249);
}

/* 自定义字体类，可根据传入参数生成不同权重的 'Noto Sans SC' 字体样式 */
.noto-sans-sc-<uniquifier> {
    font-family: "Noto Sans SC", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}

/* 链接、dt、dd 元素的通用样式及悬停样式 */
a,
dt,
dd {
    color: #252933;
    transition: background-color 0.25s ease, color 0.25s ease;
    text-decoration: none!important;
}

a:hover,
dt:hover,
dd:hover,
#sideBarTab h2:hover {
    color: #007fff;
    transition: background-color 0.25s ease, color 0.25s ease;
}

/* 文章标题不同级别样式 */
#cnblogs_post_body h1 {
    font-size: 22px;
}

#cnblogs_post_body h2 {
    font-size: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6,
th {
    color: #252933;
    transition: color 0.25s ease;
}

h1:hover,
h2:hover,
h3:hover,
h4:hover,
h5:hover,
h6:hover,
th:hover {
    color: #007fff;
    transition: color 0.25s ease;
}

#blogTitle0 {
    font-size: 28px!important;
}
h1 {
    font-size: 26px!important;
}
h2 {
    font-size: 24px!important;
}
h3 {
    font-size: 20px!important;
}
h4 {
    font-size: 18px!important;
}
h5 {
    font-size: 16px!important;
}


/* 绿色通道链接样式 */
#green_channel a {
    background: url() repeat-x;
    display: inline-block;
    padding: 3px 8px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 5px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0px 0px rgba(0, 0, 0,.5);
    text-shadow: 0 -1px 1px rgba(0, 0, 0,.25);
    vertical-align: middle;
}

/* 主体内容区域通用样式 */
#main {
    margin: 20px;
}

#mainContent {
    background-color: rgb(255, 255, 255);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 10px 0px 10px 0px;
    margin-top: 60px;
}

/* 侧边栏通用样式 */
#sideBar {
    background-color: rgb(255, 255, 255);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    top: 60px;
    border: 0px;
    width: 260px;
    right: 17px;
    padding: 0 30px 20px 30px;
    position: absolute;
}

/* 博客标题样式 */
#blogTitle {
    display: flex;
    align-items: center;
    position: absolute;
    top: 5px;
    left: 20px;
    padding: 0px;
}

#Header1_HeaderTitle {
    background-color: #f2f3f5;
    border-radius: 25px;
    padding: 0px 20px 0px 20px;
    color: #007fff!important;
    font-family: Courier, 'Courier New', monospace;
    font-weight: 600;
}

#Header1_HeaderTitle:hover {
    color: #fff!important;
    background-color: #007fff;
}

.subtitle {
    margin: 5px 0px 0px 10px;
}

/* 导航栏相关样式 */
#header {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 997;
}

#navigator {
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-width: 1px;
    height: 50px;
    line-height: 50px;
    color: #8a919f;
    padding-left: 250px;
    padding-right: 70px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 0px;
}

#navList li a {
    font-size: 15px!important;
    color: #8a919f;
    border-radius: 5px;
    padding: 7px 10px 7px 10px;
    margin: 0px;
    transition: color 0.5s ease!important;
}

#navList li a:hover {
    color: #007fff;
    transition: color 0.5s ease!important;
}

#navList li + li:before {
    content: "|";
    margin-right: 20px;
    color: #8a919f;
}

#stats_post_count,
#stats_article_count,
#stats_comment_count,
#stats_total_view_count {
    margin-left: 10px;
}

/* 日期归档相关样式 */
.dayTitle {
    margin: 10px 0px 10px 30px;
}

.dayTitle a {
    color: #333;
    background-color: #f2f3f5;
    border-radius: 10px;
    padding: 5px 20px 5px 20px;
}

.dayTitle a:hover {
    background-color: #eaf5ff;
    color: #007fff;
}

/* 首页文章相关样式 */
.postBody {
    color: #252933!important;
    font-size: 16px;
}

.forFlow {
    margin: 2.5% 5% 5% 5%;
}

.article-wrapper a.postTitle2.vertical-middle span {
    color: #252933!important;
    font-size: 20px!important;
    font-weight: 600!important;
}

.article-wrapper a.postTitle2.vertical-middle span:hover {
    color: #007fff!important;
}

#cb_post_title_url > span {
    color: #252933!important;
    font-size: 26px!important;
    font-weight: 600!important;
}

#cb_post_title_url > span:hover {
    color: #007fff!important;
}

.day img {
    border-radius: 5px;
}

.postDesc {
    color: #8a919f;
    transition: background-color 0.25s ease!important;
    padding-bottom: 0px;
}

.postDesc a {
    color: #fff!important;
    background-color: #bbb;
    border-radius: 3px;
    padding: 2px 10px 2px 10px;
    margin-left: 5px;
    transition: background-color 0.25s ease!important;
}

.postDesc a:hover {
    background-color: #8a919f;
}

.c_b_p_desc {
    color: #8a919f;
    line-height: 2;
    font-size: 16px;
    margin: 10px 0px 10px 0px;
}

.post-view-count,
.post-comment-count,
.post-digg-count {
    color: #8a919f;
    background-color: #f2f3f5;
    border-radius: 3px;
    padding: 2px 10px 2px 10px;
    margin-left: 5px;
}

.article-wrapper {
    padding: 15px 30px 15px 30px;
    font-size: 12px;
    color: #8a919f;
}

.article-wrapper:hover {
    background-color: rgb(247, 248, 250);
}

.PostListTitle,
.entrylistTitle,
.thumbTitle,
.forFlow h3 div,
.galleryTitle {
    font-size: 20px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    text-align: left;
}

.postTitle {
    margin: 0px 0 0px;
}

.article-wrapper a[rel="nofollow"] {
    display: none;
}

/* 内容页相关样式 */
.author_avatar {
    border-radius: 100%;
}

.author_profile_info {
    margin: 10px 0px 0px 10px;
}

#author_profile {
    width: 180px;
}

/* 评论相关样式 */
.comment_textarea {
    margin-top: 10px!important;
    width: 100%!important;
}

.comment_digg,
.comment_bury {
    color: #333;
    background-color: #f2f3f5;
    border-radius: 10px;
    padding: 5px 5px 5px 5px;
}

.comment_digg:hover {
    background-color: #eaf5ff;
    color: #007fff;
}

.comment_bury:hover {
    background-color: rgb(223, 240, 255);
    color: #0040ff;
}

#div_digg.buryit,
#div_digg.diggit {
    border-radius: 6px;
    cursor: pointer;
    height: 58px;
    margin: 0;
    padding-top: 0;
    text-align: center;
    width: 58px;
}

#div_digg.diggit {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #10b981;
    float: left;
}

#div_digg.diggit:hover {
    background: #a7f3d0;
    border: 1px solid #a7f3d0;
}

#div_digg.buryit {
    background: #f6f8fa;
    border: 1px solid #e5e7eb;
    color: #6b7280;
    float: right;
}

#div_digg.buryit:hover {
    background: #e5e7eb;
    border: 1px solid #e5e7eb;
}

#div_digg.diggit.diggnum {
    color: #10b981;
    font-size: 18px;
}

#div_digg.diggnum {
    line-height: 1.5em!important;
}

#div_digg.buryit.burynum {
    color: #6b7280;
    font-size: 18px;
}

#div_digg.burynum {
    line-height: 1.5em!important;
}

#digg_count:before {
    content: "▲";
    font-size: 20px;
    color: #10b981;
    display: block;
    margin: 5px 0px 2px 0px;
}

#bury_count:before {
    content: "▼";
    font-size: 20px;
    color: #6b7280;
    display: block;
    margin: 5px 0px 2px 0px;
}

.layer {
    color: #007fff;
    background-color: #eaf5ff;
    border-radius: 3px;
    padding: 2px 10px 2px 10px;
    margin-right: 10px;
    border: 1px solid #007fff;
}

.layer:hover {
    color: #fff;
    background-color: #007fff;
}

.feedbackCon {
    margin-top: 5px;
}

.comment_btn {
    color: #007fff;
    background-color: #eaf5ff;
    border-radius: 3px;
    padding: 5px 15px 5px 15px;
    margin-right: 10px;
    border: 1px solid #007fff;
    width: 120px;
    height: 32px;
}

.comment_btn:hover {
    color: #fff;
    background-color: #007fff;
}

.comment-nav-right a {
    color: #fff!important;
    background-color: #bbb;
    border-radius: 3px;
    padding: 2px 10px 2px 10px;
    margin-left: 5px;
}

.comment-nav-right a:hover {
    background-color: #8a919f;
}

/* 摘要相关样式 */
a[class="c_b_p_desc_readmore"] {
    background-color: rgb(255, 255, 255);
    padding: 2px 15px 2px 15px;
    border-radius: 20px;
    color: #007fff!important;
    margin: 0px 0px 0px 5px;
    text-decoration: none!important;
    border: 1px solid #007fff;
    transition: background-color 0.25s ease, color 0.25s ease;
}

a[class="c_b_p_desc_readmore"]:hover {
    background-color: #eaf5ff;
    color: #007fff!important;
    border-color: #007fff!important;
    transition: background-color 0.25s ease, color 0.25s ease;
}

/* 底部样式 */
#footer {
    color: #666;
    background-color: #fff;
    padding: 10px 10px 10px 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* 侧栏分类等相关样式 */
.catListTitle {
    color: #666;
    font-size: 18px!important;
    line-height: 22px!important;
    font-weight: normal!important;
}

.blog-news-main + #sidebar_about,
.sidebar-block +.sidebar-block,
.sidebar-block + #sidebar_categories,
.catListPostCategory +.catListPostArchive,
#sideBarMain + #uprightsideBar {
    border-top: 1px dashed rgba(0, 0, 0, 0.2);
    margin-top: 10px;
}

.catListTitle:before,
#sideBarTab h2:before {
    content: "■";
    color: #007fff;
    display: inline-block;
    margin-right: 10px;
}

.catListTitle a[href="https://www.cnblogs.com/xiins/post-categories"] {
    margin-left: -4px;
}

.catListPostArchive h3.catListTitle {
    margin-left: -4px;
}

#sideBarTab h2 {
    font-size: 18px!important;
    font-weight: normal!important;
    color: #666;
    line-height: 22px!important;
}

#sideBarTab {
    margin-top: 10px;
}

#sideBarContents dd,
dt {
    cursor:pointer;
padding: 5px 10px 5px 10px;
border-radius: 5px;
}
#sideBarContents dd:hover,
dt:hover {
background-color: #eaf5ff;
}
#sideBarContents dd {
margin-left: 0px;
}
#sideBarContents dd.indent3 {
margin-left: 20px;
}
#sideBarContents dd.indent4 {
margin-left: 40px;
}
#sideBarContents dd.indent5 {
margin-left: 60px;
}
#sideBarContents dd.indent6 {
margin-left: 80px;
}
#sidebar_toptags ul,
#sidebar_categories ul {
margin: 5px 0px 5px 0px;
}
#sidebar_toptags ul li a,
#sidebar_categories ul li a {
color: #007fff!important;
background-color: #eaf5ff;
border: 1px solid #007fff;
border-radius: 3px;
padding: 2px 10px 2px 10px;
margin: 0px 0px 0px 5px;
transition: background-color 0.25s ease, color 0.25s ease;
}
#sidebar_toptags ul li a:hover,
#sidebar_categories ul li a:hover {
color: #eaf5ff!important;
background-color: #007fff;
transition: background-color 0.25s ease, color 0.25s ease;
}
#sideBarContents dl dt,
#sideBarContents dl dd {
margin-top: 5px;
}
/* 公告栏关于我相关样式 */
#profile_avatar a img {
float: left;
margin-right: 10px;
margin-top: 5px;
border: 2px solid #fff;
transition: border-color 0.5s ease;
}
#profile_avatar img:hover {
border: 2px solid #007fff;
transition: border-color 0.5s ease;
}
/* 隐藏元素相关样式 */
#cnblogs_ch,
#opt_under_post,
#under_post_card1,
#under_post_card2,
.follow-tip,
.under-post-card,
#commentform_title,
.comment-nav-right {
display: none;
}
.postDesc a[href='https://www.cnblogs.com/xiins'] {
display: none;
}
/* 移动端适配样式（屏幕宽度小于等于 767px） */
@media (max-width: 767px) {
#navList,
.blogStats,
.post-view-count,
.post-comment-count,
.post-digg-count {
display: none;
}
#sideBar {
width: 0!important;
height: 100%!important;
position: absolute!important;
top: 0!important;
left: 0!important;
transition: width 0.5s ease!important;
overflow: hidden!important;
z-index: 999!important;
display: none!important;
}
#sideBar.open {
width: 100%!important;
display: block!important;
}
.close-btn {
position: absolute!important;
top: 10px!important;
right: 10px!important;
cursor: pointer!important;
z-index: 1000!important;
display: none;
}
.open-btn {
position: absolute!important;
top: 10px!important;
right: 10px!important;
cursor: pointer!important;
z-index: 998!important;
}
.close-btn,
.open-btn {
background-color: rgb(255, 255, 255);
padding: 2px 15px 2px 15px;
border-radius: 20px;
color: #007fff!important;
margin: 0px 0px 0px 5px;
text-decoration: none!important;
border: 1px solid #007fff;
font-size: 20px;
}
.close-btn:hover,
.open-btn:hover {
background-color: #eaf5ff;
color: #007fff!important;
border-color: #007fff!important;
}
}
/* 非移动端适配样式（屏幕宽度大于等于 768px） */
@media (min-width: 768px) {
.open-btn,
.close-btn {
display: none;
}
}
/* 其他杂项样式 */
img.commenter-vip-logo {
height: 20px;
vertical-align: middle;
margin: 0px 0px 2px 1px;
}
#profile_block a[href='https://home.cnblogs.com/u/xiins/'] {
font-weight: 600;
}
#profile_block a [title=' 入园时间：2024-08-10'] {
font-weight: normal!important;
}
#profile_block img.commenter-vip-logo {
margin: 0px 0px 2px -3px!important;
}
.pinned-post-mark {
color: #007fff!important;
}

#div_digg {
    display: none;
}

#green_channel {
    display: none;
}


/* 代码块样式 */
code {
    font-size: 14px!important;
    border-radius: 2px!important;
    margin: 1px 0px 1px 0px!important;
}
