html{
    line-height:1.15;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
h1{
    font-size:2em;
    margin:.67em 0
}
hr{
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
    overflow:visible
}
main{
    display:block
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
abbr[title]{
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
small{
    font-size:80%
}
img{
    border-style:none
}
svg:not(:root){
    overflow:hidden
}
button,input,optgroup,select,textarea{
    margin:0
}
button{
    overflow:visible;
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:.35em .75em .625em
}
input{
    overflow:visible
}
legend{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    display:inline-block;
    vertical-align:baseline
}
select{
    text-transform:none
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
[hidden],template{
    display:none
}
body{
    margin:0
}
pre {
  background-color: rgba(0, 0, 0, 0.08);
}
@font-face{
    font-family:Lobster;
    font-style:normal;
    font-weight:400;
    src:url(../fonts/lobster.593ab80a1f.eot);
    src:url(../fonts/lobster.8beaa26e6d.woff2) format("woff2"),url(../fonts/lobster.209fc0ad0f.woff) format("woff"),url(../fonts/lobster.dc1a4773ed.ttf) format("truetype"),url(../fonts/lobster.d2cd0d1f6d.svg#lobster) format("svg"),url(../fonts/lobster.593ab80a1f.eot?#iefix) format("embedded-opentype");
    unicode-range:u+00??,u+0131,u+0152-0153,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2212,u+2215
}
@font-face{
    font-family:iconfont;
    font-weight:400;
    font-style:normal;
    src:url(../fonts/iconfont.9e583b2052.eot);
    src:url(../fonts/iconfont.93b87d70b7.woff2) format("woff2"),url(../fonts/iconfont.c3f55386bc.woff) format("woff"),url(../fonts/iconfont.51416090d6.ttf) format("truetype"),url(../fonts/iconfont.9b5f8b8193.svg#iconfont) format("svg"),url(../fonts/iconfont.9e583b2052.eot#iefix) format("embedded-opentype")
}
.icon{
    font-family:iconfont!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    -webkit-font-feature-settings:normal;
    font-feature-settings:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-douban:before{
    content:"\E900"
}
.icon-bilibili:before{
    content:"\E901"
}
.icon-zhihu:before{
    content:"\E902"
}
.icon-close:before{
    content:"\F00D"
}
.icon-facebook:before{
    content:"\F082"
}
.icon-twitter:before{
    content:"\F099"
}
.icon-github:before{
    content:"\F09B"
}
.icon-rss:before{
    content:"\F09E"
}
.icon-menu:before{
    content:"\F0C9"
}
.icon-pinterest:before{
    content:"\F0D2"
}
.icon-up:before{
    content:"\F0D8"
}
.icon-email:before{
    content:"\F0E0"
}
.icon-linkedin:before{
    content:"\F0E1"
}
.icon-youtube:before{
    content:"\F16A"
}
.icon-instagram:before{
    content:"\F16D"
}
.icon-dribbble:before{
    content:"\F17D"
}
.icon-weibo:before{
    content:"\F18A"
}
.icon-vimeo:before{
    content:"\F194"
}
.icon-google:before{
    content:"\F1A0"
}
.icon-behance:before{
    content:"\F1B4"
}
.icon-codepen:before{
    content:"\F1CB"
}
.icon-jsfiddle:before{
    content:"\F1CC"
}
.icon-wechat:before{
    content:"\F1D7"
}
.icon-medium:before{
    content:"\F23A"
}
.icon-comment:before{
    content:"\F27A"
}
.icon-quora:before{
    content:"\F2C4"
}
html{
    font-size:16px;
    line-height:1.618;
    font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,sans-serif
}
body{
    color:#4a4a4a;
    background:#f4f3f1 url(../img/grey-prism.e20b09e3e5.svg) repeat fixed;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -moz-font-feature-settings:"liga" on;
    -webkit-tap-highlight-color:transparent;
    -webkit-overflow-scrolling:touch
}
a{
    color:#363636;
    opacity:.7;
    text-decoration:none
}
a:focus,a:hover{
    color:#242424;
    opacity:1;
    outline:none
}
.site-header{
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    width:320px;
    width:20rem;
    padding:16px;
    padding:1rem;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center
}
.site-header .is-active a{
    opacity:1;
    color:#363636;
    font-weight:700
}
.site-header a{
    opacity:.5;
    color:#242424
}
.site-header a:focus,.site-header a:hover{
    opacity:1;
    color:#363636
}
.main{
    position:relative;
    margin-left:320px;
    margin-left:20rem;
    padding:16px 32px;
    padding:1rem 2rem;
    width:calc(100% - 20rem);
    max-width:1120px;
    max-width:70rem;
    min-height:100vh;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-left:1px solid rgba(0,0,0,.09);
    border-right:1px solid rgba(0,0,0,.09);
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,.04);
    box-shadow:0 1px 4px rgba(0,0,0,.04);
    background:#fff
}
.main .list-footer{
    padding:24px 0;
    padding:1.5rem 0
}
.site-footer{
    display:none
}
.avatar{
    margin-top:48px;
    margin-top:3rem;
    width:128px;
    width:8rem;
    height:128px;
    height:8rem;
    border-radius:50%;
    border:1px solid #fff;
    -webkit-box-shadow:10 1px 4px rgba(0,0,0,.3);
    box-shadow:10 1px 4px rgba(0,0,0,.3);
    -webkit-transition:all 1.5s ease-out;
    transition:all 1.5s ease-out
}
.avatar:hover{
    -webkit-transform:rotate(720deg);
    transform:rotate(720deg)
}
.title{
    font-size:24px;
    font-size:1.5rem;
    font-family:Lobster,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,sans-serif;
    font-weight:700;
    margin:16px auto;
    margin:1rem auto
}
.subtitle{
    margin-bottom:48px;
    margin-bottom:3rem;
    opacity:.7
}
.menu-toggle{
    display:none;
    border:none;
    outline:none;
    width:32px;
    width:2rem;
    height:32px;
    height:2rem;
    font-size:24px;
    font-size:1.5rem;
    background-color:transparent;
    -webkit-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.site-menu{
    text-transform:capitalize
}
.site-menu .menu-list{
    list-style:none;
    padding:0
}
.site-menu .menu-item{
    padding:16px 0;
    padding:1rem 0
}
.site-menu .menu-item a{
    display:inline-block;
    height:24px;
    height:1.5rem;
    line-height:1.5
}
.social-menu{
    position:absolute;
    left:16px;
    left:1rem;
    right:16px;
    right:1rem;
    bottom:16px;
    bottom:1rem;
    font-size:0
}
.social-menu .social-list{
    padding:0;
    list-style:none;
    line-height:2
}
.social-menu .social-item{
    display:inline-block;
    font-size:16px;
    font-size:1rem
}
.social-menu li+li{
    padding-left:16px;
    padding-left:1rem
}
.post-entry{
    position:relative;
    line-height:1.8;
    border-top:1px solid transparent
}
.post-entry a{
    color:#4a4a4a
}
.post-entry a:focus,.post-entry a:hover{
    color:#5fbf5e
}
.post-entry+.post-entry{
    border-color:#f4f3f1
}
.post-entry .post-title{
    margin-top:24px;
    margin-top:1.5rem;
    margin-bottom:8px;
    margin-bottom:.5rem;
    font-size:20.8px;
    font-size:1.3rem;
    line-height:1.3;
    font-weight:700
}
.post-entry .post-title a{
    opacity:1
}
.post-entry .post-meta{
    margin-top:8px;
    margin-top:.5rem;
    margin-bottom:16px;
    margin-bottom:1rem;
    font-size:12.8px;
    font-size:.8rem;
    letter-spacing:1px;
    text-transform:uppercase
}
.post-entry .post-cover{
    position:absolute;
    top:73.6px;
    top:4.6rem;
    right:0;
    width:128px;
    width:8rem;
    height:128px;
    height:8rem;
    -o-object-fit:cover;
    object-fit:cover;
    font-family:"object-fit: cover;
    ";
    //:3px
}
.post-entry .post-cover+.post-summary{
    padding-right:144px;
    padding-right:9rem
}
.post-entry .post-summary{
    margin-top:16px;
    margin-top:1rem;
    margin-bottom:16px;
    margin-bottom:1rem;
    font-size:14.4px;
    font-size:.9rem;
    text-align:justify;
    opacity:.7
}
.post-entry .post-footer{
    margin-top:16px;
    margin-top:1rem;
    margin-bottom:24px;
    margin-bottom:1.5rem
}
.post-entry .post-footer .read-more{
    font-size:12.8px;
    font-size:.8rem;
    letter-spacing:1px;
    text-transform:uppercase
}
.pagination{
    position:relative;
    height:calc(2.9rem + 2px)
}
.pagination a{
    color:#4a4a4a
}
.pagination .pagination-next,.pagination .pagination-previous{
    position:absolute;
    padding:16px;
    padding:1rem;
    background-color:#fff;
    border:1px solid #dbdbdb;
    font-size:14.4px;
    font-size:.9rem;
    line-height:1;
    text-transform:uppercase
}
.pagination .pagination-next:focus,.pagination .pagination-next:hover,.pagination .pagination-previous:focus,.pagination .pagination-previous:hover{
    color:#fff;
    background-color:#5fbf5e;
    border-color:#5fbf5e
}
.pagination .pagination-previous{
    top:0;
    left:0
}
.pagination .pagination-next{
    top:0;
    right:0
}
.post-detail .post-header{
    margin-bottom:40px;
    margin-bottom:2.5rem
}
.post-detail .post-header .post-title{
    font-size:32px;
    font-size:2rem;
    line-height:1.5;
    font-weight:700;
    margin-top:24px;
    margin-top:1.5rem;
    margin-bottom:8px;
    margin-bottom:.5rem
}
.post-detail .post-header .post-meta{
    font-size:12.8px;
    font-size:.8rem;
    letter-spacing:1px;
    margin-top:8px;
    margin-top:.5rem;
    margin-bottom:16px;
    margin-bottom:1rem;
    text-transform:uppercase
}
.post-detail .post-footer{
    margin:32px 0;
    margin:2rem 0;
    line-height:1.8
}
.post-detail .post-footer .post-tags{
    margin-top:0;
    margin-bottom:16px;
    margin-bottom:1rem;
    padding-left:0
}
.post-detail .post-footer .post-tags li{
    display:inline-block;
    margin-bottom:8px;
    margin-bottom:.5rem;
    border-radius:3px;
    padding:5px 10px;
    background:#f4f3f1;
    font-size:12.8px;
    font-size:.8rem
}
.post-detail .post-footer .post-tags li+li{
    margin-left:8px;
    margin-left:.5rem
}
.post-detail .post-footer .post-copyright{
    color:#4a4a4a;
    margin-top:16px;
    margin-top:1rem;
    margin-bottom:0;
    border-radius:3px;
    font-size:14.4px;
    font-size:.9rem;
    opacity:.5
}
.post-detail .post-footer .post-copyright:hover,.post-detail .post-footer .post-copyright a{
    opacity:1
}
.post-detail .post-footer .post-copyright strong{
    color:#363636
}
.post-detail #cyReward>#cy-reward-click{
    display:block;
    margin:48px auto;
    margin:3rem auto
}
.post-detail #SOHUCS{
    margin:32px auto;
    margin:2rem auto
}
.post-detail #SOHUCS .invalidity{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.post-detail #disqus_thread{
    margin:32px auto;
    margin:2rem auto
}
.post-detail .dsq-brlink{
    display:none
}
.post-content{
    position:relative;
    color:#4a4a4a;
    line-height:1.8;
    word-wrap:break-word;
    word-break:break-word
}
.post-content li+li{
    margin-top:8px;
    margin-top:.5rem
}
.post-content a{
    padding-bottom:.1em;
    border-bottom:1px dashed rgba(70,185,128,.5);
    color:#5fbf5e;
    opacity:1
}
.post-content a:focus,.post-content a:hover{
    border-bottom:1px solid rgba(70,185,128,.5)
}
.post-content em{
    color:#797979;
    font-style:italic
}
.post-content strong{
    color:#363636
}
.post-content del{
    color:#797979;
    text-decoration:line-through
}
.post-content ins{
    color:#363636;
    text-decoration:underline
}
.post-content hr{
    position:relative;
    margin:32px auto;
    margin:2rem auto;
    border-top:1px dashed #dbdbdb;
    border-bottom:none
}
.post-content hr:before{
    content:"sep line";
    position:absolute;
    top:-12px;
    left:calc(50% - 40px);
    padding:0 8px;
    padding:0 .5rem;
    background-color:#fff;
    color:#dbdbdb;
    font-size:12.8px;
    font-size:.8rem;
    font-family:SFMono-Regular,Liberation Mono,Roboto Mono,Menlo,Monaco,Consolas,Courier New,Courier,monospace
}
.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{
    color:#363636;
    font-weight:500;
    line-height:1.125;
    text-align:left
}
.post-content h1{
    margin-top:32px;
    margin-top:2rem;
    margin-bottom:16px;
    margin-bottom:1rem;
    font-size:40px;
    font-size:2.5rem
}
.post-content h2{
    margin-top:28px;
    margin-top:1.75rem;
    margin-bottom:12px;
    margin-bottom:.75rem;
    font-size:32px;
    font-size:2rem
}
.post-content h3{
    margin-top:24px;
    margin-top:1.5rem;
    margin-bottom:8px;
    margin-bottom:.5rem;
    font-size:24px;
    font-size:1.5rem
}
.post-content h4{
    margin-top:20px;
    margin-top:1.25rem;
    margin-bottom:4px;
    margin-bottom:.25rem;
    font-size:20px;
    font-size:1.25rem
}
.post-content h5{
    font-size:16px;
    font-size:1rem
}
.post-content h5,.post-content h6{
    margin-top:16px;
    margin-top:1rem;
    margin-bottom:0
}
.post-content h6{
    font-size:12.8px;
    font-size:.8rem
}
.post-content p{
    margin-top:24px;
    margin-top:1.5rem;
    margin-bottom:24px;
    margin-bottom:1.5rem;
    text-align:justify
}
.post-content blockquote{
    background-color:#f4f3f1;
    border-left:5px solid #dbdbdb;
    padding:8px 16px;
    padding:.5rem 1rem;
    margin:32px 0;
    margin:2rem 0
}
.post-content blockquote p{
    margin-top:8px;
    margin-top:.5rem;
    margin-bottom:8px;
    margin-bottom:.5rem
}
.post-content blockquote cite{
    margin-top:24px;
    margin-top:1.5rem;
    color:#797979;
    font-size:14.4px;
    font-size:.9rem
}
.post-content code,.post-content tt{
    padding:0;
    padding-top:.2em;
    padding-bottom:.2em;
    margin:0;
    font-size:.9em;
    background-color:#f6f8fa;
    font-family:SFMono-Regular,Liberation Mono,Roboto Mono,Menlo,Monaco,Consolas,Courier New,Courier,monospace
}
.post-content code:after,.post-content code:before,.post-content tt:after,.post-content tt:before{
    letter-spacing:-.2em;
    content:"\A0"
}
.post-content code.has-jax,.post-content tt.has-jax{
    padding:0;
    font-size:1em;
    background-color:transparent
}
.post-content kbd{
    display:inline-block;
    padding:.25em;
    background-color:#fafafa;
    border:1px solid #dbdbdb;
    border-bottom-color:#b5b5b5;
    border-radius:3px;
    -webkit-box-shadow:inset 0 -1px 0 #b5b5b5;
    box-shadow:inset 0 -1px 0 #b5b5b5;
    font-size:.8em;
    line-height:1.25;
    font-family:SFMono-Regular,Liberation Mono,Roboto Mono,Menlo,Monaco,Consolas,Courier New,Courier,monospace;
    color:#4a4a4a
}
.post-content pre{
    margin:32px auto;
    margin:2rem auto;
    padding:16px;
    padding:1rem;
    overflow-x:auto;
    border-radius:3px;
    font-size:14.4px;
    font-size:.9rem;
    line-height:1.618;
    white-space:pre;
    word-wrap:normal;
    word-break:normal
}
.post-content pre code{
    font-size:14.4px;
    font-size:.9rem;
    background-color:transparent
}
.post-content pre code:after,.post-content pre code:before{
    content:none
}
.post-content sub,.post-content sup{
    font-size:12.8px;
    font-size:.8rem
}
.post-content sub a,.post-content sub a:focus,.post-content sub a:hover,.post-content sup a,.post-content sup a:focus,.post-content sup a:hover{
    border-bottom:none
}
.post-content ol{
    margin-left:0;
    margin-top:32px;
    margin-top:2rem;
    margin-bottom:32px;
    margin-bottom:2rem;
    padding-left:24px;
    padding-left:1.5rem;
    list-style:decimal outside
}
.post-content ol ol{
    list-style:lower-roman outside
}
.post-content ol ol,.post-content ol ul{
    margin-top:8px;
    margin-top:.5rem;
    margin-bottom:8px;
    margin-bottom:.5rem
}
.post-content ol ul,.post-content ul{
    list-style:disc outside
}
.post-content ul{
    margin-left:0;
    margin-top:32px;
    margin-top:2rem;
    margin-bottom:32px;
    margin-bottom:2rem;
    padding-left:24px;
    padding-left:1.5rem
}
.post-content ul ul{
    list-style:circle outside
}
.post-content ul ol,.post-content ul ul{
    margin-top:8px;
    margin-top:.5rem;
    margin-bottom:8px;
    margin-bottom:.5rem
}
.post-content ul ol{
    list-style:decimal outside
}
.post-content .task-list{
    margin-top:32px;
    margin-top:2rem;
    margin-bottom:32px;
    margin-bottom:2rem;
    list-style:none;
    padding-left:0
}
.post-content .task-list .task-list{
    margin-top:8px;
    margin-top:.5rem;
    margin-bottom:8px;
    margin-bottom:.5rem;
    padding-left:24px;
    padding-left:1.5rem
}
.post-content dl{
    margin-top:32px;
    margin-top:2rem;
    margin-bottom:32px;
    margin-bottom:2rem
}
.post-content dl dt{
    color:#5fbf5e;
    margin-top:16px;
    margin-top:1rem
}
.post-content dl dt:after{
    content:":"
}
.post-content dl dd{
    text-indent:32px;
    text-indent:2rem;
    margin-left:0;
    margin-top:4px;
    margin-top:.25rem
}
.post-content figure{
    display:block;
    margin:32px auto;
    margin:2rem auto
}
.post-content figure img{
    max-width:100%;
    -webkit-box-shadow:2px 20px 40px 10px rgba(0,0,0,.15);
    box-shadow:2px 20px 40px 10px rgba(0,0,0,.15)
}
.post-content figure figcaption h4{
    color:#b5b5b5;
    font-size:14.4px;
    font-size:.9rem;
    text-align:center
}
.post-content img{
    display:block;
    max-width:100%;
    -webkit-box-shadow:2px 20px 40px 10px rgba(0,0,0,.15);
    box-shadow:2px 20px 40px 10px rgba(0,0,0,.15)
}
.post-content div.has-jax,.post-content img{
    margin:32px auto;
    margin:2rem auto
}
.post-content .MathJax:focus,.post-content .MathJax_Display:focus{
    outline:none
}
.asciicast{
    margin:32px auto!important;
    margin:2rem auto!important;
    text-align:center
}
.jsfiddle{
    width:100%
}
.cp_embed_wrapper,.jsfiddle,.shengxiang{
    margin:32px auto;
    margin:2rem auto
}
.shengxiang{
    display:block;
    width:1054px;
    height:768px
}
.video-js,.video-js.my-player-dimensions{
    margin:32px auto;
    margin:2rem auto;
    width:100%;
    height:0;
    padding-top:56.25%
}
.video-js .vjs-big-play-button:focus,.video-js .vjs-control:focus,.video-js:focus{
    outline:none
}
.video-js .vjs-poster{
    background-size:cover
}
.music163{
    max-width:100%
}
.gist,.music163{
    margin:32px auto;
    margin:2rem auto
}
.gist td,.gist th{
    border:none
}
table{
    background-color:#fff;
    color:#363636;
    margin:32px auto;
    margin:2rem auto;
    width:100%;
    border-collapse:collapse
}
table td,table th{
    border:1px solid #dbdbdb;
    border-width:0 0 1px;
    padding:.5em .75em;
    vertical-align:center;
    // Modifiers &.is-narrow{
        white-space:nowrap;
        width:1%
    }
}
table th{
    color:#363636
}
table tr:hover{
    background-color:#fafafa
}
table tr.is-selected{
    background-color:#5fbf5e;
    color:#5fbf5e
}
table tr.is-selected a,table tr.is-selected strong{
    color:currentColor
}
table tr.is-selected td,table tr.is-selected th{
    border-color:#5fbf5e;
    color:currentColor
}
table thead td,table thead th{
    border-width:0 0 2px;
    color:#797979
}
table tfoot td,table tfoot th{
    border-width:2px 0 0;
    color:#797979
}
table tbody tr:last-child td,table tbody tr:last-child th{
    border-bottom-width:0
}
table{
    // Modifiers &.is-bordered td,// Modifiers &.is-bordered th{
        border-width:1px
    }
    // Modifiers &.is-bordered tr:last-child td,// Modifiers &.is-bordered tr:last-child th{
        border-bottom-width:1px
    }
}
table.is-narrow td,table.is-narrow th{
    padding:.25em .5em
}
table.is-centered td,table.is-centered th,table.is-centered tr{
    text-align:center
}
table.is-striped tbody tr:not(.is-selected):nth-child(2n){
    background-color:#fafafa
}
table.is-striped tbody tr:not(.is-selected):nth-child(2n):hover{
    background-color:#f4f3f1
}
.chroma{
    color:#f8f8f2;
    background-color:#272822
}
.chroma .ss4{
    color:#960050;
    background-color:#1e0010
}
.chroma .hl{
    background-color:#ffc;
    display:block;
    width:100%
}
.chroma .ln{
    ;
    margin-right:.4em;
    padding:0 .4em
}
.chroma .s3e8{
    color:#66d9ef
}
.chroma .s3eb{
    color:#f92672
}
.chroma .s7d1,.chroma .s7d4{
    color:#a6e22e
}
.chroma .s7d5{
    color:#66d9ef
}
.chroma .s7d6,.chroma .s7d8,.chroma .s7d9,.chroma .s7df{
    color:#a6e22e
}
.chroma .s7e2{
    color:#f92672
}
.chroma .sbb8{
    color:#ae81ff
}
.chroma .sbb9,.chroma .sc1c{
    color:#e6db74
}
.chroma .sc25,.chroma .sc80{
    color:#ae81ff
}
.chroma .sfa0{
    color:#f92672
}
.chroma .s1770{
    color:#75715e
}
.chroma .s1b59{
    color:#f92672
}
.chroma .s1b5a{
    font-style:italic
}
.chroma .s1b5d{
    color:#a6e22e
}
.chroma .s1b60{
    font-weight:700
}
.chroma .s1b61{
    color:#75715e
}
.links-list{
    font-size:0;
    text-align:center
}
.links-list .link-item{
    margin:24px auto;
    margin:1.5rem auto;
    display:inline-block;
    width:25%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.links-list .link-item+.link-item{
    padding-left:16px;
    padding-left:1rem
}
.links-list .link-item .link-avatar{
    width:100px;
    height:100px;
    border-radius:50%;
    border:2px solid #fff;
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,.3);
    box-shadow:0 1px 4px rgba(0,0,0,.3);
    -webkit-transition:-webkit-transform .5s ease-out;
    transition:-webkit-transform .5s ease-out;
    transition:transform .5s ease-out;
    transition:transform .5s ease-out,-webkit-transform .5s ease-out
}
.links-list .link-item .link-avatar:hover{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.links-list .link-item .link-title{
    font-size:16px;
    font-size:1rem;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    min-width:100px
}
.links-list .link-item .link-description{
    font-size:12.8px;
    font-size:.8rem;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    min-width:100px
}
.offscreen{
    position:absolute;
    left:-16384px;
    left:-1024rem
}
.suspension{
    position:fixed;
    bottom:48px;
    bottom:3rem;
    right:32px;
    right:2rem;
    z-index:1000
}
.suspension a{
    display:block;
    width:40px;
    width:2.5rem;
    height:40px;
    height:2.5rem;
    line-height:40px;
    line-height:2.5rem;
    border-radius:50%;
    background-color:#fafafa;
    border:1px solid #fff;
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,.3);
    box-shadow:0 1px 4px rgba(0,0,0,.3);
    text-align:center;
    opacity:1;
    cursor:pointer
}
.suspension a+a{
    margin-top:16px;
    margin-top:1rem
}
.suspension a.to-top{
    color:#797979;
    -webkit-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.suspension a.to-top:hover{
    color:#fff;
    background-color:#797979;
    border-color:#797979
}
.suspension a.to-comment{
    color:#5fbf5e;
    -webkit-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.suspension a.to-comment:hover{
    color:#fff;
    background-color:#5fbf5e;
    border-color:#5fbf5e
}
.suspension .is-hide{
    display:none
}
.not-found{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    width:100%;
    height:248px;
    height:15.5rem;
    font-family:SFMono-Regular,Liberation Mono,Roboto Mono,Menlo,Monaco,Consolas,Courier New,Courier,monospace;
    text-align:center
}
.not-found .error-emoji{
    color:#363636;
    font-size:48px;
    font-size:3rem
}
.not-found .error-text{
    color:#797979;
    font-size:20px;
    font-size:1.25rem
}
.not-found .error-link{
    margin-top:32px;
    margin-top:2rem
}
.not-found .error-link a{
    font-size:16px;
    font-size:1rem;
    color:#5fbf5e
}
.terms-list .tags-cloud{
    margin:2em auto
}
.terms-list .tags-cloud a{
    display:inline-block;
    position:relative;
    text-decoration:none;
    opacity:1;
    border-radius:5px
}
.terms-list .tags-cloud a.tag-s{
    color:#797979;
    font-size:16px;
    font-size:1rem;
    line-height:32px;
    line-height:2rem;
    padding:0 8px;
    padding:0 .5rem;
    opacity:.8
}
.terms-list .tags-cloud a.tag-m{
    color:#4a4a4a;
    font-size:20px;
    font-size:1.25rem;
    line-height:40px;
    line-height:2.5rem;
    padding:0 12px;
    padding:0 .75rem;
    opacity:.9
}
.terms-list .tags-cloud a.tag-l{
    color:#363636;
    font-size:24px;
    font-size:1.5rem;
    line-height:48px;
    line-height:3rem;
    padding:0 16px;
    padding:0 1rem
}
.terms-list .tags-cloud a.tag-xl{
    color:#242424;
    font-size:28px;
    font-size:1.75rem;
    line-height:52px;
    line-height:3.25rem;
    padding:0 20px;
    padding:0 1.25rem
}
.terms-list .tags-cloud a.tag-xxl{
    color:#5fbf5e;
    font-size:32px;
    font-size:2rem;
    line-height:56px;
    line-height:3.5rem;
    padding:0 24px;
    padding:0 1.5rem
}
.terms-list .tags-cloud a:hover{
    color:#fff;
    background-color:#5fbf5e;
    opacity:.8
}
@media screen and (max-width:800px){
    .site-header{
        width:100%;
        position:relative
    }
    .main{
        margin-left:0;
        padding:0 1rem;
        width:100%;
        min-height:0;
        border-left:none;
        border-right:none;
        border-top:1px solid rgba(0,0,0,.09);
        border-bottom:1px solid rgba(0,0,0,.09)
    }
    .site-footer{
        display:block;
        padding:2rem 1rem;
        color:#4a4a4a;
        font-size:.8rem;
        text-align:center;
        font-family:SFMono-Regular,Liberation Mono,Roboto Mono,Menlo,Monaco,Consolas,Courier New,Courier,monospace
    }
    .site-footer a{
        color:#4a4a4a;
        opacity:.7
    }
    .site-footer a:focus,.site-footer a:hover{
        opacity:1
    }
    .avatar{
        position:absolute;
        top:1rem;
        left:1rem;
        width:2rem;
        height:2rem;
        margin-top:0;
        border:2px solid #fff
    }
    .title{
        margin-top:3rem
    }
    .menu-toggle{
        position:absolute;
        top:1rem;
        right:1rem;
        display:block
    }
    .site-menu.collapsed{
        max-height:0
    }
    .site-menu{
        overflow-y:hidden;
        max-height:1000px;
        -webkit-transition:max-height .5s ease-out;
        transition:max-height .5s ease-out
    }
    .social-menu.collapsed{
        margin:0 auto;
        max-height:0
    }
    .social-menu{
        position:relative;
        left:0;
        right:0;
        bottom:0;
        margin:2rem auto;
        max-height:125px;
        overflow-y:hidden;
        -webkit-transition:all .5s ease-out;
        transition:all .5s ease-out
    }
    .post-entry .post-cover{
        position:static;
        width:100vw;
        height:56.25vw;
        border-radius:0;
        margin:0 -1rem
    }
    .post-entry .post-cover+.post-summary{
        padding-right:0
    }
    .post-content figure img,.post-content img{
        -webkit-box-shadow:none;
        box-shadow:none
    }
    .cp_embed_wrapper iframe{
        height:265px
    }
    .shengxiang{
        width:100%;
        height:calc(72.9vw - 1.458rem)
    }
    .links-list .link-item{
        width:50%
    }
}
@media screen and (min-width:800px) and (max-height:768px){
    .social-menu{
        display:none
    }
}
@media screen and (max-width:1170px){
    .asciicast iframe{
        width:100%!important
    }
}
@media screen and (max-width:1440px){
    .shengxiang{
        width:100%;
        height:calc(72.9vw - 17.496rem)
    }
}
/*# sourceMappingURL=bundle.ff02473a9a.css.map*/