/* ****************全局设置*************** */
* {
    box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
    color: rgb(10, 10, 10);
    font-size: 16px;
    background-color: rgb(255, 255, 255);
    font-family: "微软雅黑", "Trebuchet MS", Helvetica, sans-serif;
}

ul {
    display: block;
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
    word-break: break-all;
}

/* 链接样式 */
a {
    text-decoration: none;
    color: inherit;
}

a:link {
    color: inherit;
}

a:visited {
    color: inherit;
}

a:hover {
    color: inherit;
}

/* **************************主页***************************** */
/*不显示博客园图标*/
#top {
    display: none;
}

#top_nav {
    display: none;
}

/*顶部样式*/
#header {
    display: grid;
    grid-template-rows: auto 70%;
    grid-template-areas: 'navigator' 'title';
    width: 100%;
    height: 500px;
    max-height: 80%;
    background-color: rgb(130, 120, 230);
    /* 顶部背景图片 */
    background: url("https://images3.alphacoders.com/132/1321780.png") no-repeat;
    background-size: cover;
    box-shadow: 0px 5px 2px rgba(72, 102, 210, 0.5);
}

#header #blogTitle {

    display: grid;
    grid-template-rows: 55% 30% 15%;
    grid-template-areas: 'logo' 'h1' 'h2';
    grid-area: title;
    overflow: hidden;

    width: 100%;
    height: 100%;

    text-align: center;
}

/*头像logo*/
#lnkBlogLogo {
    grid-area: logo;
    margin: auto;
    width: 180px;
    height: 180px;
}

#header #blogLogo {
    width: 100%;
    height: 100%;
    border-radius: 50%;

    background-color: rgba(255, 255, 255, 0);
    /* 头像链接与样式 */
    background: url("https://images.cnblogs.com/cnblogs_com/blogs/530904/galleries/1515857/t_220408032736_fox.jpg") no-repeat;
    background-size: cover;
}

#header #blogTitle>h1 {
    grid-area: h1;
    font-size: 250%;
    color: aliceblue;
    font-family: "Comic Sans MS", sans-serif;
}
#header #blogTitle>h2 {
    grid-area: h2;
}


/*操作台*/
#header #navigator {
    grid: navigator;
    font-size: 180%;
    width: 100%;
    height: 60px;
    overflow: hidden;
    padding: 0;
    color: aliceblue;
    background-color: rgba(80, 100, 210, 0.5);
    box-shadow: 0px 5px 5px rgba(50, 24, 110, 0.1);
}


#navigator>ul {
    display: grid;
    grid-template-columns: repeat(6,min(3.2em,15%));
    margin: auto;
    justify-content: center;
    overflow: hidden;
    list-style: none;
}

#navigator>ul>li {
    display: block;
    text-align: center;
}

#navigator>ul>li>a {
    line-height: 60px;
    margin: 0 auto 0 auto;
}


#header #navigator .blogStats {
    display: none;
}

/* ----------------------------------主体-------------------------------------- */
/* 手机屏幕 */
@media screen and (max-width: 1200px) {
    #main {
        display: grid;
        grid-template-columns: 100%;
        margin-top: 5em;
        margin-bottom: 7em;
    }
}
/* PC屏幕 */
@media screen and (min-width: 1200px) {
    #main {
        display: grid;
        grid-template-columns: 80% 20%;
        margin-top: 5em;
        margin-bottom: 7em;
    }
}

#main #mainContent {
    width: 95%;
    margin: 0 auto 0;
}

/*首页随笔整体*/
#main #mainContent .day {
    padding: 2%;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 5px 5px 1em rgb(14, 14, 14, 0.2),
        -5px -5px 1em rgb(70, 70, 70, 0.2);
    transition: all 0.3s ease 0s;
    margin-bottom: 50px;
}

#main #mainContent .day:hover {
    box-shadow: 5px 5px 1em rgba(14, 14, 14, 0.1),
        -5px -5px 1em rgba(70, 70, 70, 0.1);
}

/*首页随笔日期标题*/
#main #mainContent .dayTitle {
    display: none;
}

/*首页随笔标题*/
#main #mainContent .postTitle {
    width: auto;
    height: 2em;
    padding-left: 0.3em;
    border-left: 0.2em solid rgb(130, 130, 230);
    font-size: 150%;
    line-height: 2em;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    overflow: hidden;
    transition: all 0.5s ease;
}

#main #mainContent .postTitle:hover {
    border-color: rgba(130, 130, 230, 0.5);
}

/*首页随笔摘要*/
#main #mainContent .postCon {
    margin: 1em 0.3em 0px 0.3em;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 100%;
    color: #4F4F4F;
    overflow: hidden;
}

/*阅读全文按钮*/
#main #mainContent .postCon .c_b_p_desc_readmore {
    display: block;
    float: right;
    border-radius: 0.5em;
    background-color: rgba(51, 48, 221, 0.1);
    margin-top: 1em;
    padding: auto;
    height: 2.5em;
    width: 5.2em;
    line-height: 2.5em;
    font-size: 100%;
    text-align: center;
}

/*首页随笔日期*/
#main #mainContent .postDesc {
    margin-bottom: 1em;
    text-align: left;
    font-size: 100%;
    color: rgba(0, 0, 0, 0.3);
    overflow: hidden;
    white-space: nowrap;
}

/* 下一页 */
#main #mainContent #nav_next_page {
    font-size: 100%;
}

#main #mainContent #nav_next_page a {
    padding: 0.1em 0.2em 0.1em 0.2em;
    background-color: rgba(80, 100, 210, 0.3);
    border: 0.3em double rgba(89, 59, 219, 0);
    border-radius: 0.5em;
    transition: all 0.5s linear;
}

#main #mainContent #nav_next_page a:hover {
    border: 0.1em solid rgba(89, 59, 219, 0.5);
}

/* 页数选择栏 */
#main #mainContent .pager {
    font-size: 100%;
}

#main #mainContent .pager a {
    padding: 0.1em 0.2em 0.1em 0.2em;
    background-color: rgba(80, 100, 210, 0.3);
    border: 0.2em double rgba(89, 59, 219, 0);
    border-radius: 0.5em;
    transition: all 0.5s linear;
}

#main #mainContent .pager a:hover {
    border: 0.2em solid rgba(89, 59, 219, 0.5);
}

/* ----------------------------------主体-------------------------------------- */








/* ----------------------------------侧边栏-------------------------------------- */
/*侧边栏*/
@media screen and (max-width: 1200px) {
    #main #sideBar {
        display: none;
    }
}

@media screen and (min-width: 1200px) {
    #main #sideBar {
        display: block;
        width: 95%;
        margin: 0 auto 0 auto;
        overflow: hidden;
    }
}

/* ******公告栏******* */
/* 总体 */
#main #sideBar #sidebar_news {
    width: 90%;
    text-align: center;

    /* 小间距 */
    margin: 0 auto 1em auto;

    overflow: hidden;
    background-color: rgba(51, 48, 221, 0.2);
}

/* 标题 */
#main #sideBar #sidebar_news .catListTitle {
    font-size: 105%;
}

/* 内容 */
#main #sideBar #sidebar_news #blog-news {
    display: block;
    float: left;
    font-size: 100%;
    text-align: left;
    margin: 0 0 0.5em 0.5em;
}


/* 日历 */
#main #sideBar #blog-calendar {
    overflow: hidden;
    width: 90%;
    margin: 0 auto 1em auto;
    font-size: 95%;
    background-color: rgba(51, 48, 221, 0.2);
}

#main #sideBar #blog-calendar #blogCalendar {
    width: 100%;
    margin: 0.5em auto 0.7em auto;
    overflow: hidden;
    text-align: center;
}

#main #sideBar #blog-calendar #blogCalendar .CalTitle {
    overflow: hidden;
    margin: auto;
    font-size: 110%;
}


/* 后续所有组件的div公用设置 */
#main #sideBar .sidebar-block {
    width: 90%;
    overflow: hidden;
    margin: 0 auto 1em auto;
    background-color: rgba(51, 48, 221, 0.2);
    text-align: center;
    font-size: 100%;
}

/* 后续所有标题通用设置 */
#main #sideBar h3 {
    margin: 0.3em 0 0.5em 0;
}

/* 后续所有ul li 通用设置 */
#main #sideBar ul {
    margin-bottom: 0.5em;
}

#main #sideBar li {
    margin-left: 0.5em;
    text-align: left;
    font-size: 100%;
    border-radius: 1em;
}

#main #sideBar li:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

/* 搜索框 */

/* 站内搜索框 */
#main #sideBar #q {
    width: 90%;
    height: 1.5em;
    margin: 0.3em 0 0 0;
    background-color: rgba(0, 0, 0, 0.1);
    border: 0.1em solid rgba(255, 255, 255, 0.4);
    border-radius: 0.5em;
    color: rgb(230, 230, 230);
}

/* 谷歌搜索框 */
#main #sideBar #google_q {
    width: 90%;
    height: 1.5em;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.1);
    border: 0.1em solid rgba(255, 255, 255, 0.4);
    border-radius: 0.5em;
    color: rgb(230, 230, 230);
}

/* 搜索按钮 */
#main #sideBar .btn_my_zzk {
    float: right;
    margin: 0.3em;
    width: 5em;
    height: 2em;
    text-align: center;
    font-size: 90%;
    font-weight: bolder;
    color: rgb(230, 230, 230);
    background-color: rgba(0, 0, 0, 0.1);
    border: 0.2em solid rgba(89, 59, 219, 0.5);
    border-radius: 0.5em;
    transition: all 0.5s ease;
}

#main #sideBar .btn_my_zzk:hover {
    background-color: rgba(89, 59, 219, 0.5);
}

/* ----------------------------------侧边栏-------------------------------------- */

/* ------------------底部信息-------------------- */
#footer {
    width: 100%;
    height: 8em;
    text-align: center;
    font-size: 105%;
    padding: 2em 0 0 0;
    background-color: rgb(130, 120, 230);
    color: aliceblue;
}

/* **************************随笔正文***************************** */
/* 正文主体 */
#post_detail {
    padding: 1em 1.5em 1em 1.5em;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 5px 5px 1em rgb(14, 14, 14, 0.2),
        -5px -5px 1em rgb(70, 70, 70, 0.2);
}

/* 复制键 */
#green_channel {
    display: none;
}

/* 上一篇/下一篇 */
#post_next_prev {
    margin: 0.3em;
    font-size: 100%;
    font-weight: bolder;
}

/*************************评论区******************************/

/************评论内容 ********************/
#blog-comments-placeholder {
    margin-top: 2%;
    padding: 1em 1.5em 1em 1.5em;
    background-color: rgba(130, 130, 230, 0.3);
    box-shadow: 5px 5px 1em rgb(14, 14, 14, 0.2),
        -5px -5px 1em rgb(70, 70, 70, 0.2);
}

/* 不显示顶部空行 */
#blog-comments-placeholder br {
    display: none;
}

/* 评论列表标题 */
#blog-comments-placeholder .feedback_area_title {
    height: 3em;
    width: 100%;
    text-align: center;
    font-size: 120%;
    line-height: 3em;
    margin: 0;
    padding: 0;
}

/* 楼层 */
#blog-comments-placeholder .feedbackListSubtitle {
    background-color: rgba(130, 130, 230, 0.3);
    font-size: 95%;
    margin: 0;
}

/* 楼层号 */
#blog-comments-placeholder .feedbackListSubtitle .layer {
    border-left: 0.2em solid rgba(20, 20, 230, 0.5);
    padding-left: 0.3em;
}

/* 内容 */
#blog-comments-placeholder .feedbackCon {
    font-size: 100%;
    margin: 0;
    padding: 0.5em;
}

/* 回复引用删除 */
#blog-comments-placeholder .comment_actions a {
    font-size: 100%;
    line-height: 1.5em;
}

/* 支持 */
#blog-comments-placeholder .comment_digg {
    height: 1.5em;
    width: auto;
    margin: 0.3em;
    padding: 0 0.3em 0 0.3em;
    font-size: 100%;
    line-height: 1.5em;
    border-radius: 0.3em;
    background-color: rgba(40, 100, 170, 0.7);
    color: aliceblue;
}

/* 反对 */
#blog-comments-placeholder .comment_burry {
    height: 1.5em;
    width: auto;
    margin: 0.3em;
    padding: 0 0.3em 0 0.3em;
    font-size: 100%;
    line-height: 1.5em;
    border-radius: 0.3em;
    background-color: rgba(135, 95, 195, 0.7);
    color: aliceblue;
}

/* ************发表评论*************** */
#comment_form {
    margin-top: 2%;
    padding: 1em 1.5em 1em 1.5em;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 5px 5px 1em rgb(14, 14, 14, 0.2),
        -5px -5px 1em rgb(70, 70, 70, 0.2);
}


/* 顶部按钮 */
#comment_nav {
    height: 1.5em;
}

#comment_nav a {
    background-color: rgba(130, 130, 230, 0.3);
    padding: 0.5em;
    margin-left: 1em;
    border-radius: 0.3em;
}



/* 隐藏广告 */
#ad_text_under_commentbox {
    display: none;
}

#cnblogs_ch {
    display: none;
}

#opt_under_post {
    display: none;
}

#cnblogs_c1 {
    display: none;
}

#under_post_card1 {
    display: none;
}

#under_post_card2 {
    display: none;
}

#HistoryToday {
    display: none;
}