/* -- 页面定制CSS代码 -- */
#home {/* 最外层背景 */
    width: 78%;
}

#mainContent {/* 正文 */
    width: 99%;
}
#main {/* 正文 */
    margin-top: 15px;
}
#comment_nav {/* 文章下方 刷新的3个按钮 */
    width: 98%;
}
#sideBar {/* 侧边栏宽度 */
   width: 27%; 
   /* height: 2132px; */
   overflow-y: auto;
   scrollbar-width: thin;
}
#topics .post, #sidebar_news, .sidebar-block, .day, #comment_form_container, #comment_nav, #HistoryToday, .winbox, #blog-calendar {/* 统一所有的边框 */
    border: none;
    border-radius: 8px;
    background-color: #ffffff;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
#topics .post:hover, #sidebar_news:hover, .sidebar-block:hover, .day:hover, #comment_form_container:hover, #comment_nav:hover, #HistoryToday:hover, .winbox:hover, #blog-calendar:hover {/* 统一所有的边框 */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
}
.pinned{/*置顶边框样式*/
    box-shadow: 0 1px 3px rgba(33, 117, 155, 1.3), 0 3px 6px rgba(42, 149, 197, 2.2);
}
.pinned:hover{/*置顶边框样式*/
    box-shadow: 0 10px 20px rgba(33, 117, 155, 1.3), 0 3px 6px rgba(42, 149, 197, 2.2);
}
#topics .post {/* 正文边框 */
    padding: 1rem 1.5rem 4.5rem 1.5rem;
    margin: 10px 10px 10px 10px;
}
#sidebar_news {/* 公告边框 */
    padding: 1rem 1rem 1rem 1rem;
    margin: 30px 10px 10px 10px;
}
.sidebar-block, .day, #comment_form_container, #comment_nav, #HistoryToday, #blog-calendar {/* 其他侧边栏边框 主页边框 和其他边框 */
    padding: 1rem 1rem 1rem 1rem;
    margin: 15px 10px 15px 10px;
}
#HistoryToday{
    max-width: 100%;
}
#blog-calendar {
    width: 94.5%;
}
.CalTodayDay {
    background: #70A4D1 !important;
}
#cnblogs_post_body code {
    max-height: 550px;
}
#MySignature_hr{/* 签名分割线 */
    text-align: center;
    line-height: 0;
    border-bottom: .125em dashed #999;
    box-sizing: content-box;
    overflow: visible;
    background-image: repeating-linear-gradient(-45deg, #666666, #666666 4px, transparent 4px, transparent 8px);
    border: 0;
    height: 3px;
    margin: 15px 0
}

#MySignature hr:after {/* 签名分割线 */
    content: "~ 我可是有底线的哟 ~";
    font-size: .9em;
    font-weight: 700;
    background: #ffffff;
    padding: 0 5px;
    z-index: 2;
    color: #666666;
}
.footer-brand:before {/* 页脚 */
    content: "素喂❤️";
    font-size: 1em;
    font-weight: 700;
    /* background: #ffffff; */
    padding: 0 5px;
    z-index: 2;
    color: #666666;
}
.pinned-post-mark:before {/* 置顶 */
    content: "📌";
    font-size: 1em;
    font-weight: 700;
    padding: 0 5px;
    z-index: 2;
    color: #666666;
}
#nav_next_page a, .comment-nav-right a, #post_next_prev a {/*首页 翻页按钮*/
    box-shadow: 0 1px 3px #3671a5;
    border: 0px solid #FFF;
    background: #3671a5;
    color: #fff;
    transition: all .4s linear 0s;
    padding: 5px 10px;
    margin-right: 10px;
    text-decoration: none;
    border-radius: 8px;
}

#post_next_prev a:nth-of-type(odd) {/*隐藏上一页 下一页的图标*/
    display:none;
}
#post_next_prev a:nth-of-type(even) {/*上一篇 下一篇翻页按钮*/
    white-space: nowrap; /* 禁止换行 */
    overflow: hidden;    /* 隐藏超出部分 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    width: 45%; /* 设置最大宽度，根据需要调整 */
    display: block;
    margin: -7px 0 0px 0;
    float: left;
}
#post_next_prev a:nth-child(5) {/* 下一篇翻页按钮 */
    float: right;
    margin: -35px 0 0 0;
}
#post_next_prev a:nth-child(2):before {/*上一篇翻页按钮*/
    content: "« 上一篇: ";
    padding: 0 5px;
    z-index: 2;
    color: #FFF;
}
#post_next_prev a:nth-child(5):before {/*下一篇翻页按钮*/
    content: "» 下一篇: ";
    padding: 0 5px;
    z-index: 2;
    color: #FFF;
}

#topics .postTitle{/* 文章页的标题 */
    font-size: 28px;
    border-bottom: 3px solid #21759B;
}

.recent_comment_author {/*侧边栏最新评论下划线*/
    border-bottom: .125em dashed #999;
}
#profile_block {/* 侧边栏公告的分割线 */
    border-top: .125em dashed #999;
}

.postTitle{/*首页博客列表的标题*/
    font-weight: bold;  
}

.postSeparator{/*主页分割线 如果1天发了多个文章才会有*/
    text-align: center;
    line-height: 0;
    border-bottom: .125em dashed #999;
    box-sizing: content-box;
    overflow: visible;
    background-image: repeating-linear-gradient(-45deg, #666666, #666666 4px, transparent 4px, transparent 8px);
    border: 0;
    height: 3px;
    margin: 15px 0
}

#blogTitle h1 {/* 站点标题 */
    font-size: 32px;
}

@media (min-width: 768px) {/*仅电脑端生效*/
    /* 默认的字体大小 */
    body, .postBody, #sidebar_news, #post_next_prev, #topics .postDesc, #author_profile, .sidebar-block, #comment_nav, #navigator, .pager, #nav_next_page, .postDesc, .c_b_p_desc, #comment_form_container p, #EntryTag, #blog-calendar td  {
        font-size: 16px;
    }
}
#sideBar h3 {/* 侧边栏公告2个字的大小 */
    font-size: 20px;
    text-align: center;
}

#cnblogs_ch, #under_post_card1, #under_post_card2, #blog_c1, #HistoryToday, #sidebar_c3 {/*屏蔽广告*/
    display: none;
}

.comment_textarea {/*评论区编辑框宽度*/
    width: auto;
}

.footer-icp img {/* 下方备案的图标会错位 先隐藏 */
    display: none;
}

#green_channel {/* 文章下方点赞的3个按钮 */
    border: #c0c0c0 0px dashed;
    font-size: 16px;
    width: 361px;
}
#green_channel a {/* 文章下方点赞的3个按钮 */
    border-radius: 8px;
    background: url('') repeat-x;
}
#author_profile_info a {/* 文章下方头像右侧链接下划线去掉 */
    text-decoration: none;
}
.day {/*首页 边框*/
    padding: 3rem 1rem 1rem 1rem;
}

.dayTitle {/*首页日期 如果后续需要改改字体大小 改内边距 改宽度 高度*/
    display: block;
    border-radius: 8px;
    font-size: 16px;
    width: 126px;
    top: -8px;
    left: 116px;
    padding: 4px 0;
    height: 30px;
    background:#21759B;
    
    border: 0px solid #21759B;
    font-weight: bold; 
    border-left: 0px solid #21759b;
    opacity: 0.5;
}
.dayTitle a {/* 首页日期*/
    color: #FFFFFF;
    width: auto;
    margin-top: 0px;
}
.pinned .dayTitle {/*隐藏置顶文章的日期*/
    display: none;
}
.pinned {/*隐藏置顶文章的日期之后边距改为默认*/
    padding: 1rem 1rem 1rem 1rem;
}
#navList a {/*导航栏*/
    padding-top: 14px;
}
.blogStats {/*导航栏*/
    margin-top: 14px;
}
@media (min-width: 768px) {/*仅电脑端生效*/
    #navList li:nth-child(1)::before {/* 导航栏 - 博客园 */
        content: "🌐";
        color: #6a6a6a;
        font-weight: bold;
        padding-top: 13px;
        float: left;
        margin-right: -14px;
    }
    #navList li:nth-child(2)::before {/* 导航栏 - 首页 */
        content: "🏠";
        color: #6a6a6a;
        font-weight: bold;
        padding-top: 14px;
        float: left;
        margin-right: -20px;
    }
    #navList li:nth-child(3)::before {/* 导航栏 - 新随笔 */
        content: "📖";
        color: #6a6a6a;
        font-weight: bold;
        padding-top: 13px;
        float: left;
        margin-right: -14px;
    }
    #navList li:nth-child(4)::before {/* 导航栏 - 联系 */
        content: "✉️";
        color: #6a6a6a;
        font-weight: bold;
        padding-top: 14px;
        float: left;
        margin-right: -20px;
    }
    #navList li:nth-child(5)::before {/* 导航栏 - 订阅 */
        content: "🛜";
        color: #6a6a6a;
        font-weight: bold;
        padding-top: 14px;
        float: left;
        margin-right: -20px;
    }
    #navList li:nth-child(6)::before {/* 导航栏 - 管理 */
        content: "⚙️";
        color: #6a6a6a;
        font-weight: bold;
        padding-top: 14px;
        float: left;
        margin-right: -20px;
    }
}
#blogTitle::before {/* 站点标题左侧图标头像 */
    content: "";
    background-image: url(https://pic.cnblogs.com/avatar/870792/20160115125214.png);
    width: 85px;
    height: 85px;
    display: block;
    background-size: cover;
    float: left;
    margin-right: 10px;
    border-radius: 50%;
}
#blogTitle {/*站点标题*/
    margin: 0px 0px 35px 0;
}
.winbox {/*目录*/
    /* width: 180px; */
    top: 265px;
    left: 8px;
    padding: 1rem 1rem 1rem 1rem;
}
@media (min-width: 768px) {/*仅电脑端生效*/
    .tippy-box {/*电脑端默认不展示不固定的目录*/
        display: none;
    }
}
/*新样式 为了给目录留位置 先不合并 万一后续不用了*/
#home {
    width: 100%;
    background-color: #E6E6E6;
    padding: 0px;
    margin-top: 0px;
}
#header {
    background-color: #FFF;
    padding: 70px 70px 20px 70px;
}
#blogTitle h1 {
    margin-top: 0px;
}
#header {
    margin-top: 0px;
}
#main {
    padding-left: 18em;
}
#mainContent {
    width: 98%;
}
#topics .post {/* 正文边框 */
    margin: 15px 10px 10px 10px;
}
/*新样式 end*/

@media(max-width:767px) {/*移动端样式*/
    #header {
        padding: 10px 10px 30px 10px;
    }
    #blogTitle::before {/* 站点标题左侧图标头像 */
        width: 75px;
        height: 75px;
    }
    .blogStats {
        margin-top: 24px;
    }
    .sidebar-block, .day, #comment_form_container, #comment_nav, #HistoryToday {/* 边框 */
        margin: 10px 0px 10px 0px;
    }
    .day {/* 边框 */
        margin: 10px 0px 10px 10px;
    }
    #comment_nav {/* 文章下方 刷新的3个按钮 */
        width: 100%;
    }
    #sidebar_news {/* 公告边框 */
        margin: 10px 0px 10px 0px;
    }
    #topics .post {/* 正文边框 */
        margin: 10px 0px 10px 10px;
        padding: 1rem .5rem 5.5rem .5rem;
    }
    .postTitle {/* 首页文章标题大小 */
        font-size: 16px;
    }
    #topics .postTitle{/* 文章页的标题 */
        font-size: 20px;
    }
    #green_channel a {
        margin-bottom: 10px;
    }
    #post_next_prev a:nth-of-type(even) {/*上一篇 下一篇翻页按钮*/
        white-space: nowrap; /* 禁止换行 */
        overflow: hidden;    /* 隐藏超出部分 */
        text-overflow: ellipsis; /* 超出部分显示省略号 */
        width: 100%; /* 设置最大宽度，根据需要调整 */
        display: block;
        margin: -7px 0 0px 0;
        float: left;
    }
    #post_next_prev a:nth-child(5) {
        float: left;
        margin: 5px 0 0 0;
    }
    #sideBar {
        padding: 0 0 0 0px;
    }
    #main {
        margin-top: 0px;
    }
    .cnblogs-toc-button {/* 标题尾部目录按钮 */
        display: inline;
    }
    #blog-calendar {
        width: 100%;
        margin: 15px 10px 15px 0px;
    }
    #cnblogs_post_body code {
        max-height: 400px;
    }
}