html {

line-height: 1.5;

} body, div, p, aside {

box-sizing: border-box;

} body {

margin: 0;
padding: 0;
position: relative;

} aside {

overflow-y: auto;
padding: 2rem 1rem;
position: fixed;
top: 0;
left: 0;
width: 188px;
height: 100vh;

} aside ul {

margin: 0 0 0 1rem;
padding: 0;
list-style: none;

} aside a {

width: 100%;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

} .ancestor-nav ul {

margin: 0;
padding: 0;
list-style: none;
font-size: 0.8rem;
margin: 1rem 2rem 0 0;
text-align: right;

} .ancestor-nav li {

margin: 0;
padding: 0;
display: inline-block;

} .ancestor-nav li a {

display: inline-block;
opacity: 0.66;
transition: all 0.3s;

} .ancestor-nav li a:hover {

opacity: 1;
transform: scale(1.1, 1.1);

} .ancestor-nav li:not(.self)::after {

content: '/';
margin: 0 0.36rem;

} article {

margin-left: 188px;
padding: 1px 2rem 1rem 1rem;

} h1 {

font-size: 2rem;

} h2 {

font-size: 1.3rem;

} h3 {

font-size: 1.1rem;
opacity: 0.9;

} h1::before, h2::before, h3::before {

content: '# ';
opacity: 0.3;
font-size: 1rem;

} .comment-container {

margin: 1rem 0;
padding: 1rem 1.6rem;
background: rgba(0,0,0,0.2);
font-size: 0.9rem;
border-radius: 4px;

} .comment-item {

opacity: 0.8;

} .special-block-container {

background: #141c22;
overflow: auto;
border-radius: 4px;
color: #e6e6e6;
line-height: 1.6;
position: relative;
font-family: monospace;
white-space: pre;
margin: 1rem 0;
padding: 1.3rem 3.6rem;
counter-reset: line-index 1;

} .special-block-container li::before {

counter-increment: line-index;
content: '';

} .special-block-container li::marker {

content: counter(line-index) " | ";
color: rgba(230,230,230,0.3);
text-align: right;

} .special-block-container li:hover::marker {

color: #e6e6e6;

} .special-block-container button.copy {

position: absolute;
right: 1rem;
top: 1rem;
cursor: pointer;
background: url("../img/copy20.png");
width: 20px;
height: 20px;
outline: none;
border: none;
opacity: 0.5;

} .special-block-container button.copy:hover {

opacity: 0.8;

} .special-block-container button.copy:active {

opacity: 1;

} .special-txt {

background: rgba(27,31,35,0.05);
border-radius: 4px;
font-size: 0.9em;
padding: 2px 4px;

} .interpage-nav {

margin: 1rem 2rem 2rem 188px;
padding: 0 2rem;
list-style: none;

} .interpage-nav .prev {

float: left;

} .interpage-nav .prev::before {

content: '上一篇:';
opacity: 0.6;

} .interpage-nav .next {

float: right;

} .interpage-nav .next::before {

content: '下一篇:';
opacity: 0.6;

} .interpage-nav::after {

content: '';
display: block;
clear: both;

}