/* == 字体服务 == */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700&display=swap"); /*思源黑体*/
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;1,400;1,600&display=swap"); /*Source Sans*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700&display=swap"); /*思源宋体*/
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap"); /*Source Serif*/
@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,500;1,500&display=swap"); /*Source Code*/

/* == 全局样式 == */
:root{
    /*这里记录本站所用的颜色*/
    --theme-box-bg-color:       #ffffffef;
    /*这里记录本站所用的尺寸*/
    --gap-base:                 4px;                        /*= 4px*/
    --gap-normal:               calc(var(--gap-base)*2);    /*= 8px*/
    --gap-double:               calc(var(--gap-base)*4);    /*=16px*/
    --gap-large:                calc(var(--gap-base)*8);    /*=32px*/
}

body{
    font-size:16px;
    font-family:"Noto Sans SC";
}

#header{
    max-width: 1024px;
    margin: var(--gap-normal) auto;
}
#navigator{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#navList{
    width:256px;
    list-style:none;
    padding:0;
    display:flex;
    justify-content: space-between;
}
#main{
    max-width: 1024px;
    margin: var(--gap-normal) auto;
    display: flex;
}
#mainContent{
    width: 300px;
    margin-right: var(--gap-double);
    flex-grow: 3;
}
.day{
    background-color: var(--theme-box-bg-color);
    /*border: 1pt solid #000;*/
    padding: var(--gap-base);
    margin-bottom: var(--gap-large);
}
#sideBar{
    width: 0px;
    flex-grow: 1;
    margin-left: var(--gap-double);
}
.sidebar-block, #sidebar_news, #blog-calendar{
    background-color: var(--theme-box-bg-color);
    /*border: 1pt solid #000;*/
    padding: var(--gap-base);
    margin-bottom: var(--gap-large);
}
.postTitle{font-size: 20px; font-family: "Noto Serif SC"; margin-bottom: var(--gap-base);}
.postTitle2{text-decoration: none;}
.dayTitle{float: right;}
.postCon{margin-bottom: var(--gap-base);}
.postSeparator{margin-bottom: var(--gap-double);}

/* == 代码 == */
.hljs{
    font-size: 14px;
}
#cnblogs_post_body pre table{
    overflow-x: visible;
}