body {
font-family: "PingFang SC", "Noto Sans SC", sans-serif;
}
code:not(pre > code) {
border: 1px solid #d7d7d7;
padding: 0 5px;
margin: 0 5px;
font-size: 90%;
background-color: #f7f7f7;
border-radius: 3px;
}
.sidebar {
scrollbar-width: thin;
}
.sidebar::-webkit-scrollbar { width : 10px; height: 1px;
}
.sidebar::-webkit-scrollbar-thumb { border-radius: 10px;
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
background   : #535353;
}
.sidebar::-webkit-scrollbar-track { box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background   : #ededed;
}
.post pre.hljs > code {
white-space: pre;
}
.post blockquote {
font-size: 1em;
}
.post pre.hljs {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
overflow: hidden;
}
.post .copy-button {
top: -25px;
right: 0;
color: inherit;
transition: all .3s;
height: 25px;
width: 60px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0,.1);
border-radius: 6px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.post .copy-button::before {
top: 0;
width: 12px;
height: 12px;
}
.post .copy-button:hover,
.post .copy-button:focus {
background-color: rgba(0, 0, 0, .18);
}
.post p > img {
max-width: 100%;
margin-bottom: 10px;
border-radius: 6px;
box-shadow: 0 0.25rem 0.375rem -0.0625rem hsla(0,0%,8%,.12), 0 0.125rem 0.25rem -0.0625rem hsla(0,0%,8%,.07);
overflow: hidden;
}.hljs{display:block;overflow-x:auto;padding:.5em;background:#1E1E1E;color:#DCDCDC}.hljs-keyword,.hljs-literal,.hljs-symbol,.hljs-name{color:#569CD6}.hljs-link{color:#569CD6;text-decoration:underline}.hljs-built_in,.hljs-type{color:#4EC9B0}.hljs-number,.hljs-class{color:#B8D7A3}.hljs-string,.hljs-meta-string{color:#D69D85}.hljs-regexp,.hljs-template-tag{color:#9A5334}.hljs-subst,.hljs-function,.hljs-title,.hljs-params,.hljs-formula{color:#DCDCDC}.hljs-comment,.hljs-quote{color:#57A64A;font-style:italic}.hljs-doctag{color:#608B4E}.hljs-meta,.hljs-meta-keyword,.hljs-tag{color:#9B9B9B}.hljs-variable,.hljs-template-variable{color:#BD63C5}.hljs-attr,.hljs-attribute,.hljs-builtin-name{color:#9CDCFE}.hljs-section{color:gold}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}.hljs-bullet,.hljs-selector-tag,.hljs-selector-id,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo{color:#D7BA7D}.hljs-addition{background-color:#144212;display:inline-block;width:100%}.hljs-deletion{background-color:#600;display:inline-block;width:100%}.emoji{width:1.5em;height:1.5em;display:inline-block;margin-bottom:-.25em;background-size:contain}