div#gitalk-container.gitalk-container {
  padding: 25px;
}
div.postPage {
  margin-top: -13.5vh;
  overflow: unset;
}
div.postPage div.postMeta {
  padding: 1.5rem 0;
  width: 100%;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
div.postPage div.postMeta div.mdui-chip {
  margin: 0 0.5rem;
}
div.postPage div.postMeta div.mdui-chip span.mdui-chip-title a {
  text-decoration: none;
}
div.postPage div.mdui-card-content.mdui-typo img,
div.postPage div.mdui-card-content.mdui-typo p img {
  max-height: 75vh;
  max-width: 100% !important;
  width: 100%;
  object-fit: contain;
  object-position: center;
}
div.postPage div.mdui-card-content.mdui-typo p div.imgDesc {
  text-align: center;
  font-size: 0.9rem;
  color: #999;
  margin-top: 0.5rem;
}
div.postPage div.mdui-card-content.mdui-typo blockquote.mdx-warn {
  border-left-color: #c80000 !important;
  color: #c80000 !important;
}
div.postPage div.mdui-card-content.mdui-typo div.mdui-panel {
  margin: 1rem 0;
  box-shadow: none;
}
div.postPage div.mdui-card-content.mdui-typo div.mdui-panel div.mdui-panel-item {
  border-radius: 8px !important;
  box-shadow: none;
  background-color: #f4f4f4;
}
div.postPage div.mdui-card-content.mdui-typo div.mdui-panel div.mdui-panel-item div.mdui-panel-item-body {
  overflow: scroll;
}
div.postPage div.mdui-card-content.mdui-typo div.mdx-github-card {
  margin: 1rem 0;
}
div.postPage div.mdui-card-content.mdui-typo div.mdx-github-card div.mdx-github-info-card {
  border-radius: 8px;
  background: #414141;
  height: 100pt;
  line-height: 1.8;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.2rem;
}
div.postPage div.mdui-card-content.mdui-typo div.mdx-github-card div.mdx-github-info-card * {
  transition: all 0.3s ease;
}
div.postPage div.mdui-card-content.mdui-typo div.mdx-github-card div.mdx-github-info-card div.upperLayer a {
  font-size: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  border: none;
  color: #fff;
  opacity: 0.5;
}
div.postPage div.mdui-card-content.mdui-typo div.mdx-github-card div.mdx-github-info-card div.upperLayer a svg {
  height: 20px;
  width: 20px;
}
div.postPage div.mdui-card-content.mdui-typo div.mdx-github-card div.mdx-github-info-card div.upperLayer a:before {
  content: unset;
}
div.postPage div.mdui-card-content.mdui-typo div.mdx-github-card div.mdx-github-info-card div.middleLayer a.repoLink {
  font-size: 28px;
  color: #fff;
}
div.postPage div.mdui-card-content.mdui-typo div.mdx-github-card div.mdx-github-info-card div.middleLayer a.repoLink span.owner {
  opacity: 0.5;
}
div.postPage div.mdui-card-content.mdui-typo div.mdx-github-card div.mdx-github-info-card div.middleLayer a.repoLink:before {
  content: unset;
}
div.postPage div.mdui-card-content.mdui-typo div.mdx-github-card div.mdx-github-info-card div.middleLayer a.repoLink:hover {
  opacity: 0.7;
}
div.postPage div.mdui-card-content.mdui-typo div.mdx-github-card div.mdx-github-info-card div.middleLayer div.repoDescription {
  font-size: 15px;
  color: #fff;
  display: flex;
}
div.postPage div.mdui-card-content.mdui-typo div.mdx-github-card div.mdx-github-info-card div.middleLayer div.repoDescription div.mdui-spinner {
  position: relative;
  left: calc(50% - 10px);
}
div.postPage div.mdui-card-content.mdui-typo div.mdx-github-card div.mdx-github-info-card div.lowerLayer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 15px;
  color: #fff;
}
div.postPage div.mdui-card-content.mdui-typo div.mdx-github-card div.mdx-github-info-card div.lowerLayer a {
  text-decoration: none;
  color: #fff;
  opacity: 0.5;
}
div.postPage div.mdui-card-content.mdui-typo div.mdx-github-card div.mdx-github-info-card div.lowerLayer a:hover {
  opacity: 0.7;
}
div.postPage div.mdui-card-content.mdui-typo div.mdx-github-card div.mdx-github-info-card div.lowerLayer a:before {
  content: unset;
}
div.postPage div.mdui-card-content.mdui-typo figure.highlight {
  overflow-y: scroll;
}
div.postPage div.mdui-card-content.mdui-typo figure.highlight table {
  width: 100%;
}
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.gutter {
  width: 50px;
}
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre {
  text-align: left !important;
}
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre span.line span.comment {
  color: #999;
}
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre span.line span.string {
  color: #d14;
}
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre span.line span.keyword,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre span.line span.type,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre span.line span.params,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre span.line span.operator {
  color: #00f;
}
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre span.line span.selector-id,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre span.line span.selector-class,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre span.line span.attribute,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre span.line span.variable,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre span.line span.title,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre span.line span.literal,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre span.line span.built_in,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre span.line span.number {
  color: #606;
}
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre span.line span.function,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre span.line span.selector-tag {
  color: #900;
}
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre span.line span.regexp {
  color: #080;
}
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre span.line span.tag,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre span.line span.name {
  color: #008;
}
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-string,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-attr {
  color: #d14;
}
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-bullet,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-comment {
  color: #999;
}
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-link,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-attribute,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-keyword,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-operator,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-variable {
  color: #00f;
}
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-built_in,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-symbol,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-literal,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-tag,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-selector-id,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-selector-tag,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-selector-class,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-type,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-number {
  color: #606;
}
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-regexp {
  color: #e90;
}
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-title,
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-section {
  color: #900;
}
div.postPage div.mdui-card-content.mdui-typo figure.highlight table tbody tr td.code pre code.hljs span.hljs-quote {
  color: #090;
}
div.postPage div.mdui-card-content.mdui-typo pre.line-numbers code span.token.function,
div.postPage div.mdui-card-content.mdui-typo pre.line-numbers code span.token.keyword,
div.postPage div.mdui-card-content.mdui-typo pre.line-numbers code span.token.key.atrule,
div.postPage div.mdui-card-content.mdui-typo pre.line-numbers code span.class-name {
  color: #00f;
}
div.postPage div.mdui-card-content.mdui-typo pre.line-numbers code span.token.punctuation,
div.postPage div.mdui-card-content.mdui-typo pre.line-numbers code span.token.comment {
  color: #999;
}
div.postPage div.mdui-card-content.mdui-typo pre.line-numbers code span.token.scalar.string,
div.postPage div.mdui-card-content.mdui-typo pre.line-numbers code span.token.assign-left.variable,
div.postPage div.mdui-card-content.mdui-typo pre.line-numbers code span.token.string,
div.postPage div.mdui-card-content.mdui-typo pre.line-numbers code span.token.attr-name {
  color: #d14;
}
div.postPage div.mdui-card-content.mdui-typo pre.line-numbers code span.token.operator,
div.postPage div.mdui-card-content.mdui-typo pre.line-numbers code span.token.builtin.class-name,
div.postPage div.mdui-card-content.mdui-typo pre.line-numbers code span.token.number,
div.postPage div.mdui-card-content.mdui-typo pre.line-numbers code span.token.attr-value,
div.postPage div.mdui-card-content.mdui-typo pre.line-numbers code span.token.property {
  color: #606;
}
div.postPage div.mdui-card-content.mdui-typo pre.line-numbers code span.token.tag {
  color: #900;
}
div.postPage div.mdui-card-content.mdui-typo pre.line-numbers code span.token.selector,
div.postPage div.mdui-card-content.mdui-typo pre.line-numbers code span.token.namespace {
  color: #008;
}
div.postPage div.mdui-card-content.mdui-typo pre.line-numbers code span.token.regex {
  color: #080;
}
div.postPage div.pageEnd {
  background-color: #ededed;
  padding: 25px 10px;
  max-width: 90vw;
  margin: 20px 0;
  overflow: unset;
}
div.postPage div.pageEnd button.mdui-fab.shareBtn {
  transform: translate(-65%, -100%);
  position: absolute;
}
div.postPage div.pageEnd div#shareToWechatQRCodeDialog {
  width: 300px;
}
div.postPage div.pageEnd div#shareToWechatQRCodeDialog div.mdui-container.shareToWechatQRCodeOuterContainer {
  width: 300px;
  height: 315px;
  text-align: center;
}
div.postPage div.pageEnd div#shareToWechatQRCodeDialog div.mdui-container.shareToWechatQRCodeOuterContainer div#shareToWechatQRCodeContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.postPage div.pageEnd div#shareToWechatQRCodeDialog div.mdui-container.shareToWechatQRCodeOuterContainer div#shareToWechatQRCodeContainer img {
  margin-bottom: 15px;
}
div.postPage div.pageEnd div#generateSharePictureDialog {
  min-height: 620px !important;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
}
div.postPage div.pageEnd div#generateSharePictureDialog div.mdui-container.generateSharePictureDialogOuterContainer {
  text-align: center;
  width: 100%;
  padding: 0;
}
div.postPage div.pageEnd div#generateSharePictureDialog div.mdui-container.generateSharePictureDialogOuterContainer div#generateSharePictureDialogContainer {
  width: 100%;
}
div.postPage div.pageEnd div#generateSharePictureDialog div.mdui-container.generateSharePictureDialogOuterContainer div#generateSharePictureDialogContainer canvas {
  width: 100%;
  max-height: 500px;
  object-fit: scale-down;
}
div.postPage div.pageEnd div#generateSharePictureDialog div.generateSharePictureDialogActionBar {
  display: flex;
  flex-direction: row;
}
div.postPage div.pageEnd div.postTags i.mdui-icon {
  font-size: 18px;
}
div.postPage div.pageEnd div.postTags a.tag-none-link {
  text-decoration: none;
  transition: opacity 0.05s ease;
}
div.postPage div.pageEnd div.postTags a.tag-none-link:before {
  content: " #";
}
div.postPage div.pageEnd div.postTags a.tag-none-link:last-child {
  margin-right: 0;
}
div.postPage div.pageEnd div.postTags a.tag-none-link:hover {
  opacity: 0.7;
}
div.postPage div.pageEnd div.nav {
  margin-top: 1rem;
  height: 2.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.postPage div.pageEnd div.nav a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: opacity 0.05s ease;
}
div.postPage div.pageEnd div.nav a:first-child {
  margin-right: 1.5rem;
}
div.postPage div.pageEnd div.nav a:last-child {
  margin-left: 1.5rem;
}
div.postPage div.pageEnd div.nav a:hover {
  opacity: 0.7;
}
div.postPage svg#mdxReadProgress {
  pointer-events: none;
  z-index: 200;
}
div.postPage svg#mdxReadProgress circle#mdxReadProgressRing {
  transition: all 0.1s ease;
  stroke-dasharray: 166.5;
  stroke-dashoffset: 166.5;
  transform: rotateZ(-270deg) rotateY(180deg);
  transform-origin: center;
}
div.postPage svg#mdxReadProgress.hide {
  opacity: 0;
}
div.postPage div#imgBox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100000000;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: rgba(0,0,0,0.749);
}
div.postPage div#imgBox.show {
  display: flex;
  animation: imgBoxFadeIn 0.15s linear;
}
@-moz-keyframes imgBoxFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes imgBoxFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes imgBoxFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes imgBoxFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
div.postPage div#imgBox.removing {
  display: flex;
  animation: imgBoxFadeOut 0.16s linear;
}
@-moz-keyframes imgBoxFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes imgBoxFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes imgBoxFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes imgBoxFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
div.postPage div#imgBox img#imgBoxImage {
  max-height: 90vh;
  max-width: 90vw;
  cursor: zoom-out !important;
}
div.postPage div#imgBox div#imgBoxDescription {
  margin: 10px;
  color: #fff;
  font-size: 20px;
}