@font-face{font-family:'Meslo LG';font-style:normal;src:local('Meslo LG S'),url(../lib/meslo-LG/fonts/MesloLGS-Regular.woff) format('woff')}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-thumb{background:#4a4a4a}
a{-webkit-tap-highlight-color:transparent}
.ml0,.mx0{margin-left:0}
.mr0,.mx0{margin-right:0}
.mt0,.my0{margin-top:0}
.mb0,.my0{margin-bottom:0}
.pl0,.px0{padding-left:0}
.pr0,.px0{padding-right:0}
.pt0,.py0{padding-top:0}
.pb0,.py0{padding-bottom:0}
*,.border-box,:after,:before{box-sizing:border-box}
#header .h1,#header h1,.content .h1,.content h1,body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
.highlight,body,pre{font-family:Menlo,"Meslo LG","Helvetica Neue",Helvetica,"Microsoft yahei",Arial,sans-serif,monospace}
.clearfix:after,.highlight figcaption:after{clear:both}
.inline{display:inline}
.block{display:block}
.inline-block{display:inline-block}
.table{display:table}
.table-cell{display:table-cell}
.overflow-hidden{overflow:hidden}
.overflow-scroll{overflow:scroll}
.overflow-auto{overflow:auto}
.clearfix:after,.clearfix:before{content:" ";display:table}
.left{float:left}
.right{float:right}
.fit{max-width:100%}
.truncate{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.max-width-1{max-width:24rem}
.max-width-2{max-width:32rem}
.max-width-3{max-width:48rem}
.max-width-4{max-width:64rem}
.m0{margin:0}
.ml1,.mx1{margin-left:.5rem}
.mr1,.mx1{margin-right:.5rem}
.mt1,.my1{margin-top:.5rem}
.mb1,.my1{margin-bottom:.5rem}
.m1{margin:.5rem}
.ml2,.mx2{margin-left:1rem}
.mr2,.mx2{margin-right:1rem}
.mt2,.my2{margin-top:1rem}
.mb2,.my2{margin-bottom:1rem}
.m2{margin:1rem}
.ml3,.mx3{margin-left:2rem}
.mr3,.mx3{margin-right:2rem}
.mt3,.my3{margin-top:2rem}
.mb3,.my3{margin-bottom:2rem}
.m3{margin:2rem}
.ml4,.mx4{margin-left:4rem}
.mr4,.mx4{margin-right:4rem}
.mt4,.my4{margin-top:4rem}
.mb4,.my4{margin-bottom:4rem}
.my5{margin-top:7rem}
.m4{margin:4rem}
.mxn1{margin-left:-.5rem;margin-right:-.5rem}
.mxn2{margin-left:-1rem;margin-right:-1rem}
.mxn3{margin-left:-2rem;margin-right:-2rem}
.mxn4{margin-left:-4rem;margin-right:-4rem}
.ml-auto,.mx-auto{margin-left:auto}
.mr-auto,.mx-auto{margin-right:auto}
.p0{padding:0}
.pl1,.px1{padding-left:.5rem}
.pr1,.px1{padding-right:.5rem}
.pt1,.py1{padding-top:.5rem}
.pb1,.py1{padding-bottom:.5rem}
.p1{padding:.5rem}
.pt2,.py2{padding-top:1rem}
.pb2,.py2{padding-bottom:1rem}
.pl2,.px2{padding-left:1rem}
.pr2,.px2{padding-right:1rem}
.p2{padding:1rem}
.pt3,.py3{padding-top:2rem}
.pb3,.py3{padding-bottom:2rem}
.pl3,.px3{padding-left:2rem}
.pr3,.px3{padding-right:2rem}
.p3{padding:2rem}
.pt4,.py4{padding-top:4rem}
.pb4,.py4{padding-bottom:4rem}
.pl4,.px4{padding-left:4rem}
.pr4,.px4{padding-right:4rem}
.p4{padding:4rem}
.content .h1,.content h1{letter-spacing:.01em;font-size:1.25rem;font-style:normal;font-weight:700;color:#2bbc8a;margin-top:2rem;margin-bottom:.75rem;display:block}
.content .h2,.content h2{font-size:1.1rem;font-weight:700;color:#eee;position:relative;text-transform:none;letter-spacing:normal;margin-top:1.5rem;margin-bottom:.5rem;display:block}
.content h3{font-size:1rem;font-weight:700;color:#ddd;margin-top:1.2rem;margin-bottom:.5rem}
.content h4{font-size:.95rem;font-weight:600;color:#ccc;margin-top:1rem;margin-bottom:.4rem}
.content h5,.content h6{font-size:.9rem;font-weight:400;color:#bbb;border-bottom:1px dashed #666;display:inline;text-decoration:none}
.content dt,.content strong,.content th{font-weight:700}
.content h3,.content h4,.content h5,.content h6{margin-top:.9rem;margin-bottom:.5rem}
.content hr{border:1px dashed #ccc}

.content cite,.content em{font-style:italic}
.content sub,.content sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}
.content dl,.content ol,.content ul,body{line-height:1.725}
.content sup{top:-.5em}
.content sub{bottom:-.2em}
.content small{font-size:.85em}
.content abbr,.content acronym{border-bottom:1px dotted}
.content ol ol,.content ol ul,.content ul ol,.content ul ul{margin-top:0;margin-bottom:0}
.content ol{list-style:decimal}


.content table{width:100%;font-size:12px;border-collapse:collapse;text-align:left}
.content th{font-size:13px;color:#eee;border-bottom:1px dashed #ccc;padding:8px}
.content td{border-bottom:none;padding:9px 8px 0}
html{height:100%}
body{color:#c9cacc;background-color:#1d1f21;font-size:15px;font-weight:400;text-rendering:geometricPrecision;display:flex;flex-direction:column;justify-content:center;min-height:100vh;margin:0}
.content{flex:1}
.content p{-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;margin-bottom:.5rem;word-break:break-all}
.content p code{color:#2bbc8a;padding:0}
.content code,.content pre{-moz-hyphens:manual;-ms-hyphens:manual;-webkit-hyphens:manual;hyphens:manual;margin-bottom:.5rem}
.content a{text-decoration:none;color:#c9cacc;word-wrap:break-word;background-repeat:repeat-x;background-position:bottom;background-size:100% 6px;background-image:linear-gradient(transparent,transparent 5px,#c9cacc 5px,#c9cacc)}
.content a:hover{color:#2bbc8a;background-image:linear-gradient(transparent,transparent 5px,#2bbc8a 5px,#2bbc8a)}
.content a.icon{background:0 0}
.content a.icon:hover{color:#2bbc8a}
.content .h1 a,.content h1 a,.content h2 a,.content h3 a,.content h4 a,.content h5 a,.content h6 a{color:inherit;text-decoration:none;background:0 0}
.content .h1 a:hover,.content h1 a:hover,.content h2 a:hover,.content h3 a:hover,.content h4 a:hover,.content h5 a:hover,.content h6 a:hover{background-repeat:repeat-x;background-position:bottom;background-size:100% 6px;background-image:linear-gradient(transparent,transparent 6px,#2bbc8a 6px,#2bbc8a)}


.width{width:100%;max-width:39rem}
@media (max-width:480px){pre .line{-webkit-text-size-adjust:none}
.px3{padding-left:1.1rem;padding-right:1.1rem}
.my4{margin-top:2rem;margin-bottom:2rem}
}
#header{max-width:710px;width:100%;margin:0 auto 3rem;padding-top:1.5rem}
#header .h1,#header h1{letter-spacing:.01em;font-size:1.5rem;line-height:2rem;font-style:normal;font-weight:700;color:#c9cacc;margin-top:0;margin-bottom:0}

#header a,#header-post a{color:inherit;text-decoration:none}
#header-post #top-icon-tablet:hover{color:#2bbc8a}
#header a{background:0 0}
#header-post{position:fixed;top:2rem;right:2rem;display:inline-block;float:right}
#header-post #top-icon-tablet{margin-left:15px;bottom:2rem;right:2rem;position:fixed}



@media screen and (max-width:500px){#header-post{display:none}
}
@media screen and (min-width:900px){#header-post #top-icon-tablet{display:none!important}
}

.post-list{padding:0}
.post-list .post-item{list-style-type:none;margin-left:0;margin-bottom:1.8rem}
.post-list .post-item .meta{display:block;font-size:14px;color:#666;min-width:100px;margin-right:16px}
.description{min-height:105px}
@media (min-width:480px){p{text-align:justify}
.post-list .post-item{display:flex;margin-bottom:1.2rem}
.post-list .post-item .meta{text-align:left}
}


.site-nav,.site-nav:hover,.site-nav:active,.site-nav:visited,.site-nav:focus{color:#999!important;background:0 0!important;text-decoration:none}
.site-nav{display:inline-block;font-size:.85rem;margin-bottom:1rem;padding:4px 0}
.post-page .content.index{padding-top:1.5rem}
.header-search{margin-top:.8rem}
.header-search .search-form{display:flex;gap:6px}
.header-search-input{width:100%;max-width:260px;padding:8px 14px;font-size:.85rem;color:#c9cacc;background:#2a2a2a;border:1px solid #444;border-radius:4px;outline:none;transition:border-color .2s}
.header-search-input:focus{border-color:#2bbc8a}
.header-search-input::placeholder{color:#666}
.header-search-btn{padding:8px 16px;font-size:.85rem;color:#c9cacc;background:#2a2a2a;border:1px solid #444;border-radius:4px;cursor:pointer;outline:none;transition:color .2s,border-color .2s}
.header-search-btn:hover{color:#2bbc8a;border-color:#2bbc8a}
.pagination{margin-top:2.5rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}
.pagination .page-btn{color:#c9cacc;text-decoration:none;font-size:.8rem;padding:5px 12px;border:1px solid #444;border-radius:3px;background:0 0;transition:color .2s,border-color .2s;display:inline-block}
.pagination .page-btn:hover{color:#2bbc8a;border-color:#2bbc8a;background:0 0}
.pagination .page-btn.active{color:#1d1f21;background:#2bbc8a;border-color:#2bbc8a;cursor:default}
.pagination .page-btn.disabled{color:#555;border-color:#333;cursor:default;pointer-events:none}
.pagination .page-ellipsis{color:#555;font-size:.8rem;padding:5px 2px}
article header .posttitle{margin-top:1.5rem;margin-bottom:0;text-transform:none;font-size:1.5em;line-height:1.25}
article header .meta{margin-top:0;margin-bottom:1rem}
article header .meta *{color:#ccc;font-size:.85rem}
article header .author{text-transform:uppercase;letter-spacing:.01em;font-weight:700}
article header .postdate{display:inline}
article .content h2:before{content:"#";color:#2bbc8a;position:absolute;left:-1rem;top:-4px;font-size:1.2rem;font-weight:700}
article .content img,article .content video{max-width:100%;height:auto;display:block;margin:auto;border-radius: 4px;}
article .content .video-container{position:relative;padding-top:56.25%;height:0;overflow:hidden}
.highlight,.hljs,pre{overflow-x:auto}
article .content .video-container embed,article .content .video-container iframe,article .content .video-container object{position:absolute;top:0;left:0;width:100%;height:100%;margin-top:0}
article .content blockquote{background:inherit;color:#ccffb6;border-left:0 solid #ccc;margin:1rem 10px 1rem 0;padding:.5em 0;quotes:"\201C" "\201D" "\2018" "\2019"}
article .content blockquote p{margin:0}
article .content blockquote:before{color:#ccffb6;content:"\201C";font-size:2em;line-height:.1em;margin-right:.25em;vertical-align:-.4em}
article .content blockquote footer{color:#666;font-size:11px;margin:line-height 0}
article .content blockquote footer a{color:#666;background-image:linear-gradient(transparent,transparent 5px,#666 5px,#666)}
article .content blockquote footer a:hover{color:#999;background-image:linear-gradient(transparent,transparent 4px,#999 4px,#999)}
article .content blockquote footer cite:before{content:"—";padding:0 .5em}
article .content .pullquote{text-align:left;width:45%;margin:0}
article .content .pullquote.left{margin-left:.5em;margin-right:1em}
article .content .pullquote.right{margin-right:.5em;margin-left:1em}
article .content .caption{color:#666;display:block;font-size:.9em;margin-top:.5em;position:relative;text-align:center}
article .content{padding-top:3rem;padding-bottom:6rem}

.posttitle{text-transform:none;font-size:1.5em;line-height:1.25}


.tagcloud-wrap{overflow:hidden}
.tagcloud-wrap a,.tagcloud-wrap a:hover{background-image:none;-webkit-text-size-adjust:none;white-space:nowrap;line-height:23px;margin-right:10px;margin-bottom:4px;float:left}
.highlight{color:#d1d9e1}
.highlight .code .comment,.highlight .code .quote{color:#969896;font-style:italic}
.highlight .code .addition,.highlight .code .keyword,.highlight .code .literal,.highlight .code .selector-tag,.highlight .code .type{color:#c9c}
.highlight .code .number,.highlight .code .selector-attr,.highlight .code .selector-pseudo{color:#f99157}
.highlight .code .doctag,.highlight .code .regexp,.highlight .code .string{color:#8abeb7}
.highlight .code .built_in,.highlight .code .name,.highlight .code .section,.highlight .code .title{color:#b5bd68}
.highlight .code .class .title,.highlight .code .selector-id,.highlight .code .template-variable,.highlight .code .variable{color:#fc6}
.highlight .code .name,.highlight .code .section,.highlight .code .strong{font-weight:700}
.highlight .code .bullet,.highlight .code .link,.highlight .code .meta,.highlight .code .subst,.highlight .code .symbol{color:#f99157}
.highlight .code .deletion{color:#dc322f}
.highlight .code .formula{background:#eee8d5}
.highlight .code .attr,.highlight .code .attribute{color:#81a2be}
pre{font-size:13px;padding:10px 15px 0;line-height:22px;-webkit-border-radius:4px;border-radius:4px;background-color:#232527}
code{-webkit-border-radius:2px;border-radius:2px;padding:0 5px;font-family:Menlo,"Meslo LG","Helvetica Neue",Helvetica,"Microsoft yahei",Arial,sans-serif,monospace}
pre code{border:none;display:block;padding:0}
.hljs{display:block;overflow-x:auto;padding:.5em;color:#d1d9e1}
.hljs-comment,.hljs-quote{color:#969896;font-style:italic}
.hljs-addition,.hljs-keyword,.hljs-literal,.hljs-selector-tag,.hljs-type{color:#c9c}
.hljs-number,.hljs-selector-attr,.hljs-selector-pseudo{color:#f99157}
.hljs-doctag,.hljs-regexp,.hljs-string{color:#8abeb7}
.hljs-built_in,.hljs-name,.hljs-section,.hljs-title{color:#b5bd68}
.hljs-class .hljs-title,.hljs-selector-id,.hljs-template-variable,.hljs-variable{color:#fc6}
.hljs-name,.hljs-section,.hljs-strong{font-weight:700}
.hljs-bullet,.hljs-link,.hljs-meta,.hljs-subst,.hljs-symbol{color:#f99157}
.hljs-deletion{color:#dc322f}
.hljs-formula{background:#eee8d5}
.hljs-attr,.hljs-attribute{color:#81a2be}
.hljs-emphasis{font-style:italic}
.coding{position:relative}
.coding .prompt{display:inline;white-space:pre-wrap;line-height:30px;margin-bottom:.75em}