:root {
  --tufte-bg: #fffff8;
  --tufte-fg: #111111;
  --tufte-muted: #666666;
  --tufte-line: #d8d5cf;
  --tufte-link: #111111;
  --tufte-hover: #8a0000;
  --tufte-text-width: 44rem;
  --tufte-margin-width: 18rem;
  --tufte-gap: 2rem;
  --tufte-serif: "Songti SC", "STSong", "SimSun", "Noto Serif SC", "Source Han Serif SC", Georgia, "Times New Roman", serif;
  --tufte-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;
  --tufte-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, Liberation Mono, monospace;
}

html {
  font-size: 17px;
}

body.skin-blank {
  margin: 0 !important;
  background: var(--tufte-bg) !important;
  color: var(--tufte-fg) !important;
  font-family: var(--tufte-serif) !important;
  line-height: 1.95 !important;
}

body.skin-blank,
body.skin-blank #wrap,
body.skin-blank #left,
body.skin-blank #topics,
body.skin-blank .post,
body.skin-blank .day,
body.skin-blank .postBody,
body.skin-blank #cnblogs_post_body,
body.skin-blank .postCon,
body.skin-blank .entrylistDescription,
body.skin-blank .entrylistItemPostDesc,
body.skin-blank .postDesc,
body.skin-blank .feedbackCon,
body.skin-blank .blog_comment_body {
  overflow: visible !important;
}

body.skin-blank a,
body.skin-blank a:link,
body.skin-blank a:visited {
  color: var(--tufte-link) !important;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.11em;
}

body.skin-blank a:hover,
body.skin-blank a:active {
  color: var(--tufte-hover) !important;
}

body.skin-blank #top_nav {
  border-bottom: 0 !important;
  background: transparent !important;
  padding: 0.35rem 1rem !important;
  opacity: 0.55;
  font-family: var(--tufte-sans);
  font-size: 0.75rem;
}

body.skin-blank #top_nav:hover {
  opacity: 1;
}

body.skin-blank #wrap {
  max-width: 82rem !important;
  margin: 0 auto !important;
  padding: 1.4rem 2rem 5rem !important;
}

body.skin-blank #banner {
  margin: 0 0 1.5rem 0 !important;
}

body.skin-blank .header {
  padding: 3.25rem 0 1rem 0 !important;
  font-size: 1rem !important;
}

body.skin-blank .headerText {
  margin: 0 !important;
}

body.skin-blank a.headermaintitle,
body.skin-blank a.headermaintitle:link,
body.skin-blank a.headermaintitle:visited {
  font-family: var(--tufte-serif) !important;
  font-size: 3rem !important;
  line-height: 1.05 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: var(--tufte-fg) !important;
}

body.skin-blank .headerDis {
  margin: 0.4rem 0 0 0 !important;
  font-family: var(--tufte-sans);
  font-size: 0.95rem !important;
  color: var(--tufte-muted) !important;
}

body.skin-blank #menu {
  display: flex !important;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 2.6rem 0 !important;
  padding: 0.65rem 0 0.85rem 0 !important;
  border-top: 1px solid var(--tufte-line);
  border-bottom: 1px solid var(--tufte-line);
  font-family: var(--tufte-sans);
}

body.skin-blank #mylinks,
body.skin-blank #mystats {
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 0.84rem !important;
  color: var(--tufte-muted) !important;
}

body.skin-blank #mylinks a,
body.skin-blank #mystats,
body.skin-blank #mystats a {
  color: var(--tufte-muted) !important;
}

body.skin-blank #main {
  display: block !important;
  width: 100% !important;
}

body.skin-blank #left {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.skin-blank #right {
  display: none !important;
}

body.skin-blank #topics,
body.skin-blank #post_detail,
body.skin-blank .forFlow {
  width: 100% !important;
}

body.skin-blank .post,
body.skin-blank .day,
body.skin-blank .entrylistItem,
body.skin-blank #comment_form,
body.skin-blank #blog-comments-placeholder,
body.skin-blank .topicListFooter,
body.skin-blank #post_next_prev,
body.skin-blank #blog_post_info_block,
body.skin-blank #green_channel {
  max-width: calc(var(--tufte-text-width) + var(--tufte-margin-width) + var(--tufte-gap)) !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

body.skin-blank .day,
body.skin-blank .entrylistItem,
body.skin-blank .post {
  padding: 0 0 2.5rem 0 !important;
  margin: 0 0 2.8rem 0 !important;
  border-bottom: 1px solid var(--tufte-line) !important;
}

body.skin-blank .dayTitle,
body.skin-blank .topicListFooter,
body.skin-blank .postSeparator {
  display: none !important;
}

body.skin-blank .postTitle,
body.skin-blank .entrylistTitle,
body.skin-blank .entrylistItemTitle {
  padding: 0 !important;
  margin: 0 0 0.9rem 0 !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  max-width: var(--tufte-text-width) !important;
}

body.skin-blank #post_detail .postTitle {
  font-size: 2.45rem !important;
}

body.skin-blank .day .postTitle,
body.skin-blank .entrylistTitle,
body.skin-blank .entrylistItemTitle {
  font-size: 1.95rem !important;
}

body.skin-blank .postTitle a,
body.skin-blank .postTitle2,
body.skin-blank .entrylistTitle a,
body.skin-blank .entrylistItemTitle a {
  font-family: var(--tufte-serif) !important;
  font-weight: 500 !important;
  color: var(--tufte-fg) !important;
}

body.skin-blank .postCon,
body.skin-blank .entrylistDescription,
body.skin-blank .postBody {
  border: 0 !important;
  padding: 0 !important;
  font-size: 1rem !important;
}

body.skin-blank .c_b_p_desc,
body.skin-blank .entrylistDescription {
  max-width: var(--tufte-text-width) !important;
  font-size: 1.1rem !important;
  line-height: 1.9 !important;
}

body.skin-blank .c_b_p_desc_readmore {
  display: inline-block;
  margin-top: 0.9rem;
  font-family: var(--tufte-sans);
  font-size: 0.88rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

body.skin-blank .postDesc,
body.skin-blank .entrylistItemPostDesc,
body.skin-blank #post_next_prev,
body.skin-blank #blog_post_info,
body.skin-blank #BlogPostCategory,
body.skin-blank #EntryTag,
body.skin-blank #post-date,
body.skin-blank .postMeta {
  max-width: var(--tufte-text-width) !important;
  text-align: left !important;
  font-family: var(--tufte-sans) !important;
  font-size: 0.85rem !important;
  line-height: 1.7 !important;
  color: var(--tufte-muted) !important;
}

body.skin-blank #blog_post_info_block {
  margin-top: 2.2rem !important;
}

body.skin-blank #cnblogs_post_body {
  position: relative;
  counter-reset: sidenote-counter;
}

body.skin-blank #cnblogs_post_body,
body.skin-blank #cnblogs_post_body p,
body.skin-blank #cnblogs_post_body ul,
body.skin-blank #cnblogs_post_body ol,
body.skin-blank #cnblogs_post_body blockquote,
body.skin-blank #cnblogs_post_body table,
body.skin-blank #cnblogs_post_body figure,
body.skin-blank #cnblogs_post_body figcaption,
body.skin-blank #cnblogs_post_body pre,
body.skin-blank #cnblogs_post_body code {
  box-sizing: border-box;
}

body.skin-blank #cnblogs_post_body > h1,
body.skin-blank #cnblogs_post_body > h2,
body.skin-blank #cnblogs_post_body > h3,
body.skin-blank #cnblogs_post_body > h4,
body.skin-blank #cnblogs_post_body > h5,
body.skin-blank #cnblogs_post_body > h6,
body.skin-blank #cnblogs_post_body > p,
body.skin-blank #cnblogs_post_body > blockquote,
body.skin-blank #cnblogs_post_body > pre,
body.skin-blank #cnblogs_post_body > table,
body.skin-blank #cnblogs_post_body > dl,
body.skin-blank #cnblogs_post_body > figure,
body.skin-blank #cnblogs_post_body > hr,
body.skin-blank #cnblogs_post_body > div.epigraph,
body.skin-blank #cnblogs_post_body > div.fullwidth,
body.skin-blank #cnblogs_post_body > pre.fullwidth {
  max-width: var(--tufte-text-width);
  margin-left: 0;
  margin-right: auto;
}

body.skin-blank #cnblogs_post_body > ul,
body.skin-blank #cnblogs_post_body > ol {
  max-width: calc(var(--tufte-text-width) - 1.75rem);
  margin-left: 0;
  margin-right: auto;
  padding-left: 1.75rem;
}

body.skin-blank #cnblogs_post_body > h1,
body.skin-blank #cnblogs_post_body > h2,
body.skin-blank #cnblogs_post_body > h3,
body.skin-blank #cnblogs_post_body > h4 {
  font-family: var(--tufte-serif) !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  color: var(--tufte-fg) !important;
}

body.skin-blank #cnblogs_post_body > h1 {
  font-size: 2.4rem !important;
  margin-top: 2.8rem !important;
  margin-bottom: 1rem !important;
}

body.skin-blank #cnblogs_post_body > h2 {
  font-size: 1.95rem !important;
  font-style: normal;
  margin-top: 2.4rem !important;
  margin-bottom: 0.8rem !important;
}

body.skin-blank #cnblogs_post_body > h3 {
  font-size: 1.55rem !important;
  font-style: normal;
  margin-top: 2rem !important;
  margin-bottom: 0.75rem !important;
}

body.skin-blank #cnblogs_post_body > h4 {
  font-size: 1.2rem !important;
  margin-top: 1.8rem !important;
  margin-bottom: 0.6rem !important;
}

body.skin-blank #cnblogs_post_body p,
body.skin-blank #cnblogs_post_body li,
body.skin-blank #cnblogs_post_body td,
body.skin-blank #cnblogs_post_body th {
  font-size: 1.1rem !important;
  line-height: 1.95 !important;
  overflow-wrap: anywhere;
  word-break: normal;
}

body.skin-blank #cnblogs_post_body p {
  margin-top: 1.15rem !important;
  margin-bottom: 1.15rem !important;
}

body.skin-blank #cnblogs_post_body blockquote {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
  padding: 0.9rem 1.15rem !important;
  border-left: 3px solid #b9b1a4 !important;
  background: #faf7ef !important;
}

body.skin-blank #cnblogs_post_body blockquote p,
body.skin-blank #cnblogs_post_body blockquote footer {
  max-width: none;
  margin-left: 0;
  margin-right: auto;
  font-size: 1.05rem !important;
}

body.skin-blank #cnblogs_post_body hr {
  height: 1px;
  border: 0;
  border-top: 1px solid var(--tufte-line);
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

body.skin-blank #cnblogs_post_body img {
  max-width: 100% !important;
  height: auto !important;
}

body.skin-blank #cnblogs_post_body figure {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

body.skin-blank #cnblogs_post_body figcaption,
body.skin-blank #cnblogs_post_body .sidenote,
body.skin-blank #cnblogs_post_body .marginnote {
  float: right;
  clear: right;
  width: var(--tufte-margin-width);
  margin-right: calc(-1 * (var(--tufte-margin-width) + var(--tufte-gap)));
  margin-top: 0.25rem;
  margin-bottom: 0;
  font-size: 0.92rem !important;
  line-height: 1.72 !important;
  color: #3d3d3d !important;
  position: relative;
}

body.skin-blank #cnblogs_post_body figure.fullwidth,
body.skin-blank #cnblogs_post_body .fullwidth,
body.skin-blank #cnblogs_post_body pre.fullwidth {
  max-width: calc(var(--tufte-text-width) + var(--tufte-margin-width)) !important;
}

body.skin-blank #cnblogs_post_body figure.fullwidth figcaption {
  margin-right: 0;
  float: none;
  width: auto;
  max-width: 28rem;
  margin-top: 0.8rem;
}

body.skin-blank #cnblogs_post_body code,
body.skin-blank #cnblogs_post_body pre > code {
  font-family: var(--tufte-mono) !important;
  font-size: 0.9rem !important;
  line-height: 1.6 !important;
}

body.skin-blank #cnblogs_post_body :not(pre, div, td) > code {
  padding: 0.08rem 0.3rem;
  border: 1px solid #e6e1d8;
  background: #f7f3eb;
  border-radius: 3px;
  font-size: 0.88em !important;
}

body.skin-blank #cnblogs_post_body pre {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.skin-blank #cnblogs_post_body pre > code {
  display: block;
  max-width: var(--tufte-text-width);
  overflow-x: auto;
  padding: 1rem 1.1rem;
  border: 1px solid #e6e1d8;
  background: #f7f3eb;
}

body.skin-blank #cnblogs_post_body table {
  border-collapse: collapse !important;
  margin-top: 1.6rem !important;
  margin-bottom: 1.6rem !important;
}

body.skin-blank #cnblogs_post_body th,
body.skin-blank #cnblogs_post_body td {
  padding: 0.45rem 0.75rem !important;
  border-top: 1px solid var(--tufte-line) !important;
  border-bottom: 1px solid var(--tufte-line) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  text-align: left;
}

body.skin-blank #cnblogs_post_body .newthought {
  font-variant: normal;
  font-size: inherit;
  letter-spacing: 0;
  font-weight: 600;
}

body.skin-blank #cnblogs_post_body .epigraph {
  margin-top: 1.6rem !important;
  margin-bottom: 1.6rem !important;
}

body.skin-blank #cnblogs_post_body .epigraph blockquote,
body.skin-blank #cnblogs_post_body .epigraph blockquote p {
  font-style: normal;
}

body.skin-blank #cnblogs_post_body .epigraph footer {
  font-style: normal;
  color: var(--tufte-muted) !important;
}

body.skin-blank #cnblogs_post_body .sidenote-number {
  counter-increment: sidenote-counter;
}

body.skin-blank #cnblogs_post_body .sidenote-number::after,
body.skin-blank #cnblogs_post_body .sidenote::before {
  position: relative;
  vertical-align: baseline;
  font-size: 0.82rem;
}

body.skin-blank #cnblogs_post_body .sidenote-number::after {
  content: counter(sidenote-counter);
  top: -0.45rem;
  left: 0.12rem;
}

body.skin-blank #cnblogs_post_body .sidenote::before {
  content: counter(sidenote-counter) " ";
  top: -0.45rem;
}

body.skin-blank #cnblogs_post_body input.margin-toggle {
  display: none;
}

body.skin-blank #cnblogs_post_body label.sidenote-number {
  display: inline-block;
  cursor: pointer;
}

body.skin-blank #cnblogs_post_body label.margin-toggle:not(.sidenote-number) {
  display: none;
}

body.skin-blank #comment_form,
body.skin-blank .feedback_area_title,
body.skin-blank .feedbackListSubtitle,
body.skin-blank .feedbackCon,
body.skin-blank .commentbox_main,
body.skin-blank .commentbox_title,
body.skin-blank .blog_comment_body {
  max-width: var(--tufte-text-width) !important;
}

body.skin-blank .feedback_area_title,
body.skin-blank .feedbackListSubtitle {
  margin-top: 2.5rem !important;
  margin-bottom: 1rem !important;
  border-bottom: 1px solid var(--tufte-line) !important;
  font-family: var(--tufte-sans);
  font-weight: 400 !important;
  color: var(--tufte-muted) !important;
}

body.skin-blank #tbCommentBody,
body.skin-blank .comment_textarea,
body.skin-blank .commentbox_title,
body.skin-blank .commentbox_main {
  width: 100% !important;
}

body.skin-blank #footer {
  margin-top: 4rem !important;
  padding-top: 1rem;
  border-top: 1px solid var(--tufte-line);
  text-align: left !important;
  font-family: var(--tufte-sans);
  font-size: 0.78rem !important;
  color: var(--tufte-muted) !important;
}

@media (max-width: 1100px) {
  body.skin-blank #wrap {
    padding-left: 1.35rem !important;
    padding-right: 1.35rem !important;
  }

  body.skin-blank .post,
  body.skin-blank .day,
  body.skin-blank .entrylistItem,
  body.skin-blank #comment_form,
  body.skin-blank #blog-comments-placeholder,
  body.skin-blank .topicListFooter,
  body.skin-blank #post_next_prev,
  body.skin-blank #blog_post_info_block,
  body.skin-blank #green_channel {
    max-width: var(--tufte-text-width) !important;
  }

  body.skin-blank #cnblogs_post_body figcaption,
  body.skin-blank #cnblogs_post_body .sidenote,
  body.skin-blank #cnblogs_post_body .marginnote {
    float: none;
    width: auto;
    margin-right: 0;
    margin-top: 0.8rem;
  }

  body.skin-blank #cnblogs_post_body figure.fullwidth,
  body.skin-blank #cnblogs_post_body .fullwidth,
  body.skin-blank #cnblogs_post_body pre.fullwidth {
    max-width: var(--tufte-text-width) !important;
  }
}

@media (max-width: 760px) {
  html {
    font-size: 16px;
  }

  body.skin-blank #top_nav {
    display: none !important;
  }

  body.skin-blank #wrap {
    padding: 0.8rem 1rem 3rem !important;
  }

  body.skin-blank .header {
    padding-top: 1.5rem !important;
  }

  body.skin-blank a.headermaintitle,
  body.skin-blank a.headermaintitle:link,
  body.skin-blank a.headermaintitle:visited {
    font-size: 2.35rem !important;
  }

  body.skin-blank #menu {
    display: block !important;
  }

  body.skin-blank #mystats {
    margin-top: 0.55rem !important;
  }

  body.skin-blank #post_detail .postTitle,
  body.skin-blank .day .postTitle,
  body.skin-blank .entrylistTitle,
  body.skin-blank .entrylistItemTitle {
    font-size: 1.7rem !important;
  }

  body.skin-blank #cnblogs_post_body > h1,
  body.skin-blank #cnblogs_post_body > h2,
  body.skin-blank #cnblogs_post_body > h3,
  body.skin-blank #cnblogs_post_body > h4,
  body.skin-blank #cnblogs_post_body > h5,
  body.skin-blank #cnblogs_post_body > h6,
  body.skin-blank #cnblogs_post_body > p,
  body.skin-blank #cnblogs_post_body > blockquote,
  body.skin-blank #cnblogs_post_body > pre,
  body.skin-blank #cnblogs_post_body > table,
  body.skin-blank #cnblogs_post_body > dl,
  body.skin-blank #cnblogs_post_body > figure,
  body.skin-blank #cnblogs_post_body > hr,
  body.skin-blank #cnblogs_post_body > div.epigraph,
  body.skin-blank #cnblogs_post_body > div.fullwidth,
  body.skin-blank #cnblogs_post_body > pre.fullwidth,
  body.skin-blank #cnblogs_post_body > ul,
  body.skin-blank #cnblogs_post_body > ol,
  body.skin-blank .c_b_p_desc,
  body.skin-blank .entrylistDescription,
  body.skin-blank .postTitle,
  body.skin-blank .postDesc,
  body.skin-blank #comment_form,
  body.skin-blank .feedback_area_title,
  body.skin-blank .feedbackListSubtitle,
  body.skin-blank .feedbackCon,
  body.skin-blank .blog_comment_body {
    max-width: 100% !important;
  }

  body.skin-blank #cnblogs_post_body > ul,
  body.skin-blank #cnblogs_post_body > ol {
    padding-left: 1.35rem;
  }

  body.skin-blank #cnblogs_post_body label.margin-toggle:not(.sidenote-number) {
    display: inline;
    cursor: pointer;
  }

  body.skin-blank #cnblogs_post_body .sidenote,
  body.skin-blank #cnblogs_post_body .marginnote {
    display: none;
    margin: 1rem 0 1.25rem 0;
    padding: 0.75rem 0.9rem;
    background: #f7f3eb;
    border-left: 2px solid var(--tufte-line);
  }

  body.skin-blank #cnblogs_post_body .margin-toggle:checked + .sidenote,
  body.skin-blank #cnblogs_post_body .margin-toggle:checked + .marginnote {
    display: block;
  }

  body.skin-blank #cnblogs_post_body figcaption {
    margin-top: 0.85rem;
  }
}