* {margin:0;padding:0;box-sizing:border-box;font-size:0;text-align:justify;user-select:none}
#top_nav,#blogTitle,#navigator,#blog_post_info_block,#blog-comments-placeholder,#comment_form {display:none}
.vertical-middle>* {vertical-align:baseline}
.postBody {padding:0!important}
@keyframes easeIn {from{opacity:0}to{opacity:1}}
html {font-size:10px}
body {margin:0;position:relative;animation:1s easeIn}
a:is([href]) {color:dodgerblue;text-decoration:none;vertical-align:baseline}
a:is([href]):hover {color:red}
#home {height:100vh;display:flex;flex-flow:column}
#header, #footer {display:flex;flex-flow:row;justify-content:space-between}
#header {padding:1rem 1rem 4rem}
#header a, #footer {font-size:12px}
#header span a:nth-child(2) {padding:0 1rem}
#footer {padding:4rem 1rem 1rem;flex-flow:column;justify-content:end;color:#ccc}
#main {padding:0!important;flex:1}
.day, .entrylist, .topicListFooter a {padding:0 1rem}
:is(.day,.entrylistItem) a span {display:inline-block;line-height:1.5em;padding:.5em 0 .5em 1.5em;font-size:16px;color:#333;position:relative}
:is(.day,.entrylistItem) a:hover span {color:red}
:is(.day,.entrylistItem) a span:before {content:"";display:inline-block;width:1em;height:1em;border-radius:1em;background-color:#eee;position:absolute;top:.75em;left:0;z-index:-1;transition:.2s ease}
:is(.day,.entrylistItem) a:hover span:before {background:red}
.topicListFooter {margin:0}
.topicListFooter a {display:block;max-width:768px;padding-top:2rem;padding-bottom:2rem;font-size:12px;text-align:center}
#cnblogs_post_body {margin:0;padding:0 0 4rem;display:flex;flex-direction:column;align-items:center}
#cb_post_title_url, #cnblogs_post_body {font-size:14px}
#cb_post_title_url {display:block;padding:2rem 0;color:inherit;text-align:center;cursor:default;pointer-events:none}
#cb_post_title_url span,
#cnblogs_post_body h1 {font-size:calc(1em + 8px)}
#cnblogs_post_body h2 {font-size:calc(1em + 4px)}
#cnblogs_post_body h3 {font-size:calc(1em + 2px)}
#cnblogs_post_body :not(h1,h2,h3) {margin:0;font-size:1em}
#cnblogs_post_body :is(h1,h2,h3) {margin:0;padding:1em 0;position:relative}
#cnblogs_post_body :is(h4,p) {padding:.5em 0}
#cnblogs_post_body>:is(h1,h2,h3,h4,p,pre) {width:100%;padding-left:1rem;padding-right:1rem}
#cnblogs_post_body ul {padding-bottom:1rem;padding-left:calc(1rem + 1.5em)!important;font-size:calc(1em - 2px)}
.postTitl2 span {font-size:initial;display:list-item;list-style:circle;margin-left:1em}

/* tag */
#taglist td {display:inline-block;margin:0 0 1rem 1rem;padding:0 5px;border:1px solid #eee;border-radius:3px}
#taglist td :is(a,span) {font-size:16px}
#taglist td span {margin-left:5px;color:#bbb}

/* 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}

/* img */
#cnblogs_post_body img {max-width:unset!important}
#cnblogs_post_body .picListBox {width:100%;padding:1rem 0;overflow:auto;text-align:center}
#cnblogs_post_body .picLs {display:inline-block;margin:0 0 2rem;padding:0 2rem;font-size:0;white-space:nowrap}
#cnblogs_post_body .picLs:last-child {margin:0}
#cnblogs_post_body .picLs .picBy {padding:2rem 0 0;font-size:12px}
#cnblogs_post_body .picLs img {max-height:500px;margin-left:3rem;padding:4rem 3rem;background-color:#eee5;outline:1px solid #ccc;box-shadow:0 0 0 10px maroon,0 2px 0 #fff,0 13px 5px #333;vertical-align:bottom}
#cnblogs_post_body .picLs img:first-child {margin-left:0}

@media (min-width:769px) {
  #cb_post_title_url, #cnblogs_post_body {padding-bottom:7rem;font-size:16px}
  #cb_post_title_url {padding-top:9rem;font-size:32px}
  #cnblogs_post_body pre {margin:2rem 0}
  #cnblogs_post_body .picListBox {padding:2rem 0}
}
@media (min-width:1025px) {
  #main {padding:0!important}
  .day, .entrylist {padding:0 3rem}
  :is(.day,.entrylistItem) a:hover span {color:darkgreen}
  :is(.day,.entrylistItem) a:hover span:before {top:.25em;width:calc(100% + 1.5em);height:2em;background:linear-gradient(45deg,#fd3,#9fc)}
  #cnblogs_post_body>:is(h1,h2,h3,h4,p,pre) {max-width:1024px;padding-left:0;padding-right:0}
  #cnblogs_post_body h2 {padding:3em 0 2em}
  #cnblogs_post_body h2:before {content:"";display:block;width:4em;height:3em;border-radius:2em;background-color:#cff;position:absolute;top:2em;left:-2em;z-index:-1}
  #cnblogs_post_body ul {padding-left:1.5em!important}
}