:root {--o8oBF:12px/1.5 menlo,'PingFang SC','Microsoft YaHei',sans-serif!important; /* Block:font */}
* {margin:0;padding:0;box-sizing:border-box;border:none;outline:0;letter-spacing:.5px}
html {font-size:62.5%}
body {font-size:16px!important;width:100vw;height:100vh;background:#fff;position:relative;animation:1s easeIn}
@keyframes easeIn {0%{opacity:0} 100%{opacity:1}}
#top_nav,.clear,#blog_post_info,#post_next_prev,.postDesc,#sideBar,#comment_form,
#header #lnkBlogLogo,#header h2,.c_b_p_desc a,.entrylistItemPostDesc,.postDesc2,
#navigator .blogStats, .forFlow .pager,.entrylist .entrylistTitle,#blog-comments-placeholder,#poweredby {display:none}
a:is([href]) {text-decoration:none;color:hsl(210,100%,56%)}
a:is([href]):hover {color:red}
h1 {font-size:32px}
#home {height:100vh;display:flex;flex-flow:column}
#header, #footer {display:flex;flex-flow:row;justify-content:space-between}
#header a, #footer {font-size:12px}
#header {padding:1rem 1rem 4rem}
#footer {flex-flow:column;justify-content:end;padding:4rem 1rem 1rem;color:#ccc}
#header h1 {margin:0;font-size:12px;font-weight:normal}
#navigator #navList {list-style:none;margin:0;padding:0}
#main {flex:1;padding:0 1rem!important}
#mainContent {display:flex;justify-content:center}
.forFlow {width:100%;max-width:960px}
.day:first-child {padding-top:1rem;border-top:1px solid #ddd}
.day {margin-bottom:1rem;padding-bottom:0rem;border-bottom:1px solid #ddd}
.dayTitle {font-size:12px;text-align:right}
.dayTitle a:not([href]) {font-weight:700}
.day .postCon, .entrylistPostSummary {padding-bottom:1rem}
.day .postCon, .entrylistPostSummary, #blog_post_info_block {font-size:12px}
.day .postTitle, .entrylistPosttitle {padding-bottom:5px}
.postTitle {margin:0}
#blog_post_info_block {margin:0}
.topicListFooter {margin:2rem 0;font-size:12px;text-align:center}
.postBody {padding:0!important}
.entrylistTitle,.PostListTitle {font-size:12px;margin:0;padding-bottom:2rem}
#myposts {margin:0}
#myposts .PostList {margin:0;padding-bottom:1rem;font-size:16px}
#myposts .postText2 {margin:0}
#cb_post_title_url {color:inherit;cursor:default;pointer-events:none}
#cnblogs_post_body {margin:3rem 0}
#cnblogs_post_body blockquote {margin:1rem 0;padding:0 1rem;font-size:12px}
#cnblogs_post_body hr {margin:1rem 0;border-top:1px solid #ddd}
#cnblogs_post_body p {margin:0 auto;padding:1rem 0}
#cnblogs_post_body table {min-width:343px;max-height:inherit!important;overflow:unset!important}

/* code */
pre, pre code, pre code * {transition-duration:unset}
table {overflow:visible!important}
#cnblogs_post_body .cnb-code-toolbar {font-size:12px}
#cnblogs_post_body pre {margin:1rem 0}
#cnblogs_post_body .hljs {padding:0;font:12px menlo;background-color:#fff;border:1px solid #ccc}
#cnblogs_post_body .hljs-ln-numbers {border-right:1px solid #eee}
#cnblogs_post_body .hljs-ln-n {text-align:right}
#cnblogs_post_body .hljs-ln-line {line-height:1.5}
#cnblogs_post_body .hljs-ln td {padding:2px 1em;text-align:left}
#cnblogs_post_body .hljs-ln tr:first-child td {padding-top:1rem}
#cnblogs_post_body .hljs-ln tr:last-child td {padding-bottom:1rem}
#cnblogs_post_body .hljs-ln-code :not(.hljs-comment, .hljs-quote, .hljs-punctuation, .hljs-tag) {font-weight:700}
#cnblogs_post_body :is(.hljs-comment, .hljs-quote) {color:#a9a9aa}
#cnblogs_post_body :is(.hljs-punctuation, .hljs-tag) {color:#a0a1a7}
#cnblogs_post_body :is(.hljs-doctag, .hljs-formula, .hljs-keyword) {color:purple}
#cnblogs_post_body :is(.hljs-built_in, .hljs-class .hljs-title, .hljs-title.class_) {color:magenta}
#cnblogs_post_body :is(.hljs-deletion, .hljs-name, .hljs-section, .hljs-selector-tag, .hljs-subst) {color:#e06c75}
#cnblogs_post_body :is(.hljs-addition, .hljs-attribute, .hljs-meta-string, .hljs-regexp, .hljs-string) {color:#53a053}
#cnblogs_post_body :is(.hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-symbol, .hljs-title) {color:dodgerblue}
#cnblogs_post_body :is(.hljs-attr, .hljs-number, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-pseudo, .hljs-template-variable, .hljs-type, .hljs-variable) {color:#00bec4}
#cnblogs_post_body :is(.hljs-property, .hljs-literal) {color:brown}
#cnblogs_post_body .hljs-params {color:orange}
#cnblogs_post_body .hljs-emphasis {font-style:italic}
#cnblogs_post_body .hljs-strong {font-weight:700}
#cnblogs_post_body .hljs-link {text-decoration:underline}

@media only screen and (min-width:768px) {#cb_post_title_url {display:inline-block}}
@media only screen and (min-width:960px) {#header {border:none} #main {padding:0!important} #cnblogs_post_body pre {margin:2rem 0}}