:root[mode=light]{--blog-bg-color:#fff;--text-color:#596172;--border-color:#eef2f8;}
:root[mode=dark]{--blog-bg-color:#202020;--text-color:#d8d8d8;--border-color:#2f2f2f;}

* {margin:0;padding:0;}
body{background:var(--blog-bg-color);color:var(--text-color);font-family:Lato,PingFang SC,Microsoft YaHei,sans-serif;font-weight:300;}
ul {list-style:none;}
a {text-decoration:none;color:var(--text-color);}
blockquote {border:none;padding:10px;border-left:5px solid #1890ff;}
.postBody a {text-decoration:underline;}

#home {width:70%;margin:0 auto;}
#top_nav, .blogStats, .dayTitle, #sidebar_news > .catListTitle, #homepage_top_pager {display:none;}
#header, #blogTitle, #navList, #main {display:flex;}

#header {justify-content:space-between;border-bottom:1px solid var(--border-color);margin-bottom:1.2rem;}
#blogTitle > h1 {padding-top:5px;}
#blogTitle > h2 {font-size:18px;font-weight:100;padding:20px 0 0 10px;}
#navList > li {padding:1rem 0;}
#navList > li > a {padding:1rem 10px;}

#main {flex-direction:row-reverse;}
#sideBar {width:25%;}
#sideBar li {padding:2px 0;}
#sideBar .catListTitle {padding:1rem 0;}
#blog-calendar {padding-top:1rem;}
#blog-calendar .CalNextPrev {text-align:center;}
#blog-calendar a {color:#1890ff;font-weight:bold;}
#blog-calendar a u {text-decoration:none;}

#mainContent {width:75%;padding-left:2rem;}
#mainContent .entrylistTitle {padding-bottom:1rem;}
#mainContent .postTitle, .entrylistPosttitle {font-weight:400;font-size:1.2rem;margin-bottom:0.5rem;padding-left:0.5rem;border-left:5px solid #1890ff;}
#mainContent .postDesc, .entrylistItemPostDesc {color:#888;padding:5px 0;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;}

#footer {text-align:center;}

@media only screen and (max-width:990px){
    #home, #mainContent {width:100%;}
    #header, #mainContent {padding:1rem;}
    #header, #blogTitle {flex-direction:column;margin-bottom:0;padding-bottom:0;}
    #blogTitle > h1 {padding-left:10px;}
    #blogTitle > h2 {padding:10px 0 0 10px;}
    #sideBar {display:none;}
}