:root {
    --color-primary: #075db3;
    --code-back: #f1f3f4;
    --code-color: #37474f;
    --text-primary: #1e1e21;
    --bd: 1px solid #ddd;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://cdn.bootcss.com/material-design-icons/2.1.1/iconfont/MaterialIcons-Regular.woff2) format('woff2');
}
#navigator {
    margin-top: 25px;
    border-top: var(--bd);
    border-bottom: var(--bd);
    height: 50px;
    clear:both;
    font-size:13px;
}
#navList li {
    float: left;
    margin: 0 32px 0 0;
}
#navList {
    float: left;
    min-height: 30px;
}
#navList a {
    color: #555;
    font-weight: bold;
}
#navList a:hover {
    color: var(--text-primary);
}
.blogStats {
    float:right;
    margin-top: 16px;
    text-align: right;
    margin-right: 2px;
    color: #777;
}
body {
    color: var(--text-primary);
    font-size: 16px;
}
.postBody {
    line-height:1.75;
}
:where(.day, .postBody, #sideBar, #comment_form) a:not(.postTitle2):focus {
    text-decoration: underline;
}
#cb_post_title_url, #blogTitle h1 a  {
    color:var(--text-primary);
}
a {
    outline: none;
}
#blogTitle h2 {
    color:#777;
}
a, :is(#blogTitle h1, .toc li, .postTitle) a:hover, #cb_post_title_url:hover {
    color: var(--color-primary);
}
:is(#sideBar, #navList) li {
    list-style: none;
}
.day {
    border-bottom: var(--bd);
    padding: 16px 8px;
}
.postTitle2 {
    font: 500 24px auto;
    color: var(--text-primary);
}
#sideBar a {
    color: #757575;
}
.CalTodayDay {
    color: #fff;
    background: var(--color-primary);
}
.CalOtherMonthDay {
    color: #666;
}
.Cal th, .Cal td {
    padding: 4px;
}
#blogCalendar .CalTodayDay a {
    color: inherit;
}
#blog-calendar {
    border: 1px solid #ddd;
    margin: 10px 0;
    border-radius: 8px;
}
.toc {
    border-inline-start: 2px solid var(--color-primary);
}
.toc ul {
    margin-top: auto;
}
#cnblogs_post_body .toc ul, .toc-container-header{
    margin-left: 18px;
}
.toc li {
    display: block;
}
.postBody .toc a {
    color: var(--text-primary);
    display: flex;
    text-decoration: none;
}
.toc-container-header {
    font-weight: 700;
}
.c_b_p_desc {
    font-size: 14px;
    color: #333;
    margin: 4px 0;
    line-height: 1.75;
}
#blogTitle h1 {
    font-size: 18px;
}
#blogTitle h2 {
    font-size: 14px;
}
#cb_post_title_url {
    font-size: 32px;
}
.cnblogs-markdown :not(pre,div)>code, .blogpost-body :not(pre,div)>code {
    display: inline;
    font: 500 90%/1em var(--code-font,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace,sans-serif);
    background-color: var(--code-back);
    color: var(--code-color);
    padding: 1px 4px;
    border: 0;
    border-radius: 0;
    margin: 0;
}
#cnblogs_post_body pre table {
    overflow-x: unset;
}
#cnblogs_post_body h1, #cnblogs_post_body h2, #cnblogs_post_body h3, #cnblogs_post_body h4, #cnblogs_post_body h5, #cnblogs_post_body h6 {
    font-weight: 500;
}
.comment_btn {
    color: #fff;
    background: var(--color-primary);
    border: none;
    border-radius: 4px;
    padding: 0 16px;
    font-size: 1em;
    cursor: pointer;
    transition: all .4s ease;
    width: auto;
    height: 36px;
}
.comment_btn:hover {
    background: var(--text-primary);
}
#home {
    margin:0 auto;
    width:60%;
    min-width:900px;
}
#main {
    width:100%;
}
#mainContent {
    float:left;
    overflow:hidden;
    margin-left:-16em;
    width:100%;
}
#main .forFlow {
    margin-left:16em;
    width:auto;
    float:none;
}
#EntryTag a {
    color: var(--text-primary);
    background: #e7e7e7;
    padding: 0 12px;
    border-radius: 16px;
    height: 32px;
    display: inline-flex;
    align-items: center;
}
a, #EntryTag a:focus {
    text-decoration: none;
}
#EntryTag a:hover {
    background: var(--color-primary);
    color: #fff;
}
#green_channel a {
    background: none;
    margin-right: 4px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    text-shadow: none;
}
#author_profile {
    width: auto;
}
#div_digg {
    width: auto;
}
.diggit, .buryit {
    width: auto;
    background: none;
    height: 32px;
    border: 1px solid #333;
    border-radius: 16px;
    padding: 0;
    font-size: 20px;
    margin-left: 8px;
    display: flex;
    color: #555;
    align-items: center;
}
:is(.diggit, .buryit)::before {
    font-family: 'Material Icons';
    width: 32px;
    color: inherit;
}
.diggit:hover {
    color: #fff;
    border-color: rgb(52,168,83);
    background: rgb(52,168,83);
}
.buryit:hover {
    color: #fff;
    border-color: rgb(234,67,53);
    background: rgb(234,67,53);
}
.diggnum, .burynum {
    color: inherit;
    padding: 0 12px 0 4px;
}
.diggit::before {
    content: 'thumb_up';
}
.buryit::before {
    content: 'thumb_down';
}
#sideBar {
    width: 230px;
    min-height: 200px;
    float: right;
    overflow:hidden;
}
.sidebar-block ul {
    padding-left: inherit;
}
#footer {
    text-align: center;
}
.postDesc {
    font-size: 13px;
    color: #666;
}
@media only screen and (max-width: 767px) {
    body {
        margin: 8px 0;
    }
    #header {
        padding: 0 8px;
    }
    #home {
        width:auto;
        min-width:0;
    }
    #home #main {
        padding: 0 18px;
        width: auto;
        margin-top: 42px;
    }
    #mainContent {
        float:none;
        margin-left:0;
        overflow:unset;
    }
    #main .forFlow {
        margin: 0;
    }
    /*#post_detail {
        margin-left: 10px;
    }*/
    #div_digg {
        margin-right: 0;
    }
    #sideBar {
        width: auto;
        float: none;
    }
    #sideBar #sideBarMain {
        width: auto !important;
        padding: 10px 0;
    }
    #cnblogs_post_body :not(code)>table {
        overflow-x: auto !important;
        max-height: none !important;
    }
    #cnblogs_post_body>pre, .blogpost-body>pre {
        margin: 10px -18px;
    }
}