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;
}.emoji{width:1.5em;height:1.5em;display:inline-block;margin-bottom:-.25em;background-size:contain}