@-moz-keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}@-o-keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}.article-content blockquote{margin:0;border-left:6px solid #eee;background:#fafafa}.content-post .article-type-post{margin-left:-80px;padding:10px 30px 15px;border:1px solid #e8e8e8;border-bottom:2px solid #fff;border-radius:10px;background:#fff;box-shadow:0 0 2px rgba(0,0,0,.1);transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.content-post .article-type-post:hover{border-bottom:2px solid #3c9dff;box-shadow:0 0 10px rgba(0,0,0,.2)}.text-center.donation .btn-donation{border:1px solid #d6bdbd}.content .page-header,.post-header.CENTER .toolbox{background:none}.article-content code{margin:auto 3px;padding-left:5px;padding-right:5px;border:1px solid #e1e1e8;border-radius:5px;background-color:#f9f2f4;font-size:14px;color:#c7254e;white-space:nowrap}.content-post .article-content ul li:before{border:1px solid rgba(76,175,80,.16);background:#ddd}.content-post figure.highlight{overflow:auto;margin:20px 0;padding:15px;border:.3em solid #e0dfcc;border-radius:4px;border-radius:1em;background:#f5f2f0;line-height:1.6;font-size:15px;color:#8a8192}.content-post hr{max-width:800px}#toc.toc-article a:hover{font-size:14px;color:#0ff342}#toc.toc-article a{color:#ece5de}#toc.toc-article{display:none;overflow-x:hidden;overflow-y:auto;position:fixed;top:10px;padding:5px 0 0 8px;border-radius:4px;height:calc(100% - 40px);background:#1a483e;opacity:.8;font-size:12px;color:rgba(243,206,68,.49)}.content-archive .archive-footer .pagination .page-nav .page-number.current{border-color:#428bca;background-color:#428bca;cursor:default;color:#fff}.archive-footer .pagination .page-nav .extend:hover,.archive-footer .pagination .page-nav .page-number:hover{background:rgba(40,225,189,.2);cursor:pointer}#toc.toc-article .toc-title{cursor:pointer}@media screen and (max-width:720px)and (min-width:320px){.content.content-post .article-type-post{margin-left:0}.assist-btn2,.content-post .assist-btn1{display:none}}.assist-btn1,.assist-btn2{position:fixed;left:10px;top:50％;border:none;border-radius:50px;width:40px;height:40px;outline:none;background:rgba(231,218,204,0);cursor:pointer;text-shadow:1px 1px 1px rgba(0,0,0,0);color:#05a905;-moz-border-radius:50px;-webkit-border-radius:50px}@font-face{src:url(/fonts/blog/iconfont/iconfont.eot);src:url(/fonts/blog/iconfont/iconfont.eot?#iefix) format("embedded-opentype"),url(/fonts/blog/iconfont/iconfont.woff) format("woff"),url(/fonts/blog/iconfont/iconfont.ttf) format("truetype"),url(/fonts/blog/iconfont/iconfont.svg#iconfont) format("svg");font-family:iconfont}.iconfont{font-family:iconfont!important;font-style:normal;font-size:16px;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.content-home .nav .item a{color:#9e9e9a}.content-home{height:200px}.gt-comments a,.gt-header a,.gt-popup a{border-bottom:none}.gt-container .gt-popup .gt-action.is--active:before{top:.7em}.article-content blockquote{border-left:6px solid #ef7060;background:#fbf1f1}.article.article-type-post{overflow-x:auto}@font-face{src:url(/fonts/blog/Meiryo.eot);src:url(/fonts/blog/Meiryo.eot?#iefix) format("embedded-opentype"),url(/fonts/blog/Meiryo.woff) format("woff"),url(/fonts/blog/Meiryo.ttf) format("truetype"),url(/fonts/blog/Meiryo.svg#Meiryo) format("svg");font-family:Meiryo;font-style:normal;font-weight:400}html.page-home{position:absolute;left:0;right:0;top:0;bottom:0;background:#000;background-color:rgba(0,0,0,0);background-image:url(/images/bg.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover}.qrcode_container{right:999px;top:200px;box-shadow:-1px 0 2px .5px rgba(0,127,255,.2)}.ad_container,.qrcode_container{position:fixed;padding:10px 0 0;width:140px;background-color:#fff;text-align:center}.ad_container{right:-999px;top:360px}.ad_container img{height:150px}@media(min-width:480px)and (orientation:landscape){.ad_container,.qrcode_container{right:0!important}}.qrcode_container>div h4{margin:0;font-size:15px;color:#007fff}.qrcode_container>div p{margin:10px 0;font-size:12px}.qrcode_container>div img{width:140px}@-webkit-keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}@keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}@-webkit-keyframes scaleIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(0);transform:scale(0);opacity:1}}@keyframes scaleIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(0);transform:scale(0);opacity:1}}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0);opacity:0}50%{opacity:1}}@keyframes zoomIn{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0);opacity:0}50%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@font-face{font-family:fontello;src:url(/fonts/blog/fontello.eot?58336539);src:url(/fonts/blog/fontello.eot?58336539#iefix) format("embedded-opentype"),url(/fonts/blog/fontello.woff2?58336539) format("woff2"),url(/fonts/blog/fontello.woff?58336539) format("woff"),url(/fonts/blog/fontello.ttf?58336539) format("truetype"),url(/fonts/blog/fontello.svg?58336539#fontello) format("svg");font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-feather:before{content:""}.icon-cc:before{content:""}.icon-long:before{content:""}.icon-angle-left:before{content:""}.icon-text:before{content:""}.icon-hu:before{content:""}.icon-weibo:before{content:""}.icon-angle-down:before{content:""}.icon-archive:before{content:""}.icon-search:before{content:""}.icon-rss-2:before{content:""}.icon-heart:before{content:""}.icon-zhu:before{content:""}.icon-user-1:before{content:""}.icon-calendar-1:before{content:""}.icon-ma:before{content:""}.icon-box:before{content:""}.icon-home:before{content:""}.icon-shu:before{content:""}.icon-calendar:before{content:""}.icon-yang:before{content:""}.icon-user:before{content:""}.icon-info-circled-1:before{content:""}.icon-lsit:before{content:""}.icon-rss:before{content:""}.icon-info:before{content:""}.icon-wechat:before{content:""}.icon-comment:before{content:""}.icon-she:before{content:""}.icon-info-with-circle:before{content:""}.icon-niu:before{content:""}.icon-mail:before{content:""}.icon-list:before{content:""}.icon-gou:before{content:""}.icon-tu:before{content:""}.icon-twitter:before{content:""}.icon-location:before{content:""}.icon-hou:before{content:""}.icon-qq:before{content:""}.icon-tag:before{content:""}.icon-angle-right:before{content:""}.icon-github:before{content:""}.icon-angle-up:before{content:""}.icon-ji:before{content:""}@font-face{font-family:calligraffittiregular;src:url(/fonts/blog/calligraffitti-regular-webfont.eot);src:url(/fonts/blog/calligraffitti-regular-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/blog/calligraffitti-regular-webfont.woff2) format("woff2"),url(/fonts/blog/calligraffitti-regular-webfont.woff) format("woff"),url(/fonts/blog/calligraffitti-regular-webfont.ttf) format("truetype"),url(/fonts/blog/calligraffitti-regular-webfont.svg#calligraffittiregular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Lobster-Regular;src:url(/fonts/blog/Lobster-Regular.eot);src:url(/fonts/blog/Lobster-Regular.eot?#iefix) format("embedded-opentype"),url(/fonts/blog/Lobster-Regular.woff) format("woff"),url(/fonts/blog/Lobster-Regular.ttf) format("truetype"),url(/fonts/blog/Lobster-Regular.svg#Lobster-Regular) format("svg");font-style:normal;font-weight:400}@font-face{font-family:PoiretOne-Regular;src:url(/fonts/blog/PoiretOne-Regular.eot);src:url(/fonts/blog/PoiretOne-Regular.eot?#iefix) format("embedded-opentype"),url(/fonts/blog/PoiretOne-Regular.woff) format("woff"),url(/fonts/blog/PoiretOne-Regular.ttf) format("truetype"),url(/fonts/blog/PoiretOne-Regular.svg#PoiretOne-Regular) format("svg");font-style:normal;font-weight:400}@font-face{font-family:JosefinSans-Thin;src:url(/fonts/blog/JosefinSans-Thin.eot);src:url(/fonts/blog/JosefinSans-Thin.eot?#iefix) format("embedded-opentype"),url(/fonts/blog/JosefinSans-Thin.woff) format("woff"),url(/fonts/blog/JosefinSans-Thin.ttf) format("truetype"),url(/fonts/blog/JosefinSans-Thin.svg#JosefinSans-Thin) format("svg");font-style:normal;font-weight:400}/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.smooth-container,body{scroll-behavior:smooth}body,html{font-family:PingFangSC-Regular,Roboto,Verdana,Open Sans,Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,Source Han Sans CN,WenQuanYi Micro Hei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%}html{overflow:hidden;overflow-y:auto}code,pre,samp{font-family:PingFangSC-Regular,Roboto,Verdana,Open Sans,Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,Source Han Sans CN,WenQuanYi Micro Hei,Arial,sans-serif}*{box-sizing:border-box}a,a:hover{text-decoration:none}ul{line-height:1.8em;padding:0;list-style:none}.text-center{text-align:center}@media screen and (max-width:767px){body,html{overflow-x:hidden}}code{padding:3px 6px;vertical-align:middle;border-radius:4px;color:#e96900}code,figure.highlight{background-color:#f7f7f7}figure.highlight{display:block;overflow-x:auto;margin:0 0 15px;padding:16px;color:#555;font-size:14px;border-radius:6px;overflow-y:hidden}.highlight pre{line-height:1.5em;overflow-y:hidden;white-space:pre-wrap;word-wrap:break-word}.highlight .gutter pre{padding-right:30px;text-align:right;border:0;background-color:rgba(0,0,0,0)}.highlight .code{width:100%}.highlight figcaption{font-size:.8em;color:#999}.highlight figcaption a{float:right}.highlight table{width:100%;margin:0;border:0}.highlight table td,.highlight table th{border:0;color:#555;font-size:14px;padding:0}.highlight pre{margin:0;background-color:rgba(0,0,0,0)}.highlight .comment,.highlight .meta{color:#b3b3b3}.highlight .emphasis,.highlight .inheritance,.highlight .quote,.highlight .string,.highlight .strong,.highlight .template-variable,.highlight .value,.highlight .variable,.highlight.ruby .symbol,.highlight.xml .cdata{color:#1abc9c}.highlight .keyword,.highlight .selector-tag,.highlight .type,.highlight.javascript .function{color:#e96900}.highlight .attribute,.highlight .built_in,.highlight .bullet,.highlight .constant,.highlight .params,.highlight .preprocessor,.highlight .symbol,.highlight.css .hexcolor{color:#1abc9c}.highlight .literal,.highlight .number{color:#ae81ff}.highlight .function,.highlight .header,.highlight .name,.highlight .section,.highlight.coffeescript .title,.highlight.javascript .title,.highlight.perl .sub,.highlight.python .decorator,.highlight.python .title,.highlight.ruby .function .title,.highlight.ruby .title .keyword{color:#525252}.highlight .attr,.highlight .class,.highlight .regexp,.highlight .selector-attr,.highlight .selector-class,.highlight .selector-id,.highlight .selector-pseudo,.highlight .tag,.highlight .title,.highlight.css .id,.highlight.css .pseudo,.highlight.html .doctype,.highlight.ruby .class .title,.highlight.ruby .constant,.highlight.xml .doctype,.highlight.xml .pi,.highlight.xml .tag .title{color:#2973b7}.highlight.css .code .attribute{color:#e96900}.highlight.css .class{color:#525252}.tag .attribute{color:#e96900}.highlight .addition{color:#55a532;background-color:#eaffea}.highlight .deletion{color:#bd2c00;background-color:#ffecec}.highlight .link{text-decoration:underline}.function .keyword{color:#0092db}.function .params,.function .title{color:#525252}.hide{display:none}.show{display:block}.content{width:500px;margin:40px auto 80px;border-left:4px solid #f9f9f9}.content.content-about .toolbox,.content.content-archive .toolbox,.content.content-category .toolbox,.content.content-link .toolbox,.content.content-project .toolbox,.content.content-search .toolbox,.content.content-tag .toolbox{margin-bottom:15px;margin-left:-20px}.disqus-comments{margin-top:40px}@media screen and (max-width:767px){.content.content-about,.content.content-archive,.content.content-category,.content.content-link,.content.content-post,.content.content-project,.content.content-search,.content.content-tag{overflow-x:hidden;width:100%;margin-top:30px;padding-right:10px;padding-left:12px}.content.content-post{padding:0}.content.content-category .list-post,.content.content-tag .list-post{border-left:none}.content.content-category .list-post .item-post:before,.content.content-category .list-post .item-title:before,.content.content-tag .list-post .item-post:before,.content.content-tag .list-post .item-title:before{display:none}.content.content-category .list-post .item-post,.content.content-category .list-post .item-title,.content.content-tag .list-post .item-post,.content.content-tag .list-post .item-title{padding-left:0}}@media only screen and (min-device-width:768px)and (max-device-width:1024px){.content.content-category,.content.content-post,.content.content-tag{width:95%}}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-weight:400;margin:28px 0 15px;color:var(--color-text-primary)}.article-content h1{font-size:24px}.article-content h2{font-size:20px}.article-content h3{font-size:16px}.article-content h4{font-size:14px}.article-content a{color:#1abc9c}.article-content a:hover{color:#148f77}.article-content strong{color:var(--color-text-primary)}.article-content a strong{color:#1abc9c}blockquote p{margin-bottom:0!important}.article-content p{line-height:2em;margin-bottom:20px}.article-content ol,.article-content p,.article-content ul{font-size:15px;color:#555}.article-content img{max-width:100%;height:auto}.article-content ul li{position:relative;padding-left:14px}.article-content ul li:before{position:absolute;top:12px;left:-2px;width:4px;height:4px;margin-left:2px;content:" ";border-radius:50%;background:#bbb}.article-content p+ul{margin-top:-10px}.article-content ul+p{margin-top:25px}.article-content ol{padding-left:20px}.article-content blockquote{margin-bottom:10px;padding:2px 30px;color:#555;border-left:6px solid #c7e6cc;background:#f1f5f3}html.bg{background-color:rgba(0,0,0,0);background-size:cover;background-position:50%;background-repeat:no-repeat}.content-home{position:absolute;top:50%;width:100%;height:100%;height:300px;margin-top:-150px;margin-bottom:100px}.content-home .avatar img{display:inline-block;width:100px;height:100px;border-radius:50%;-o-object-fit:cover;object-fit:cover;overflow:hidden}.content-home .name{font-size:26px;font-weight:700;font-style:normal;line-height:50px;height:50px;margin:0 auto;letter-spacing:-.03em}.content-home .slogan{font-size:16px;font-weight:200;margin-bottom:26px;color:#666}.content-home .nav{color:#bbb}.content-home .nav .item{display:inline-block}.content-home .nav .item a{font-size:14px;display:inline-block;text-align:center;text-decoration:none;color:var(--color-text-primary);transition-duration:.5s;transition-propety:background-color}.content-home .nav .item a:hover{color:#1abc9c}.content-home .nav .item:last-child span{display:none}@media(max-width:640px){.content-home .title{font-size:3rem;font-weight:100;letter-spacing:-.05em}}hr{max-width:400px;height:1px;margin-top:-1px;border:none;background-image:linear-gradient(0deg,transparent,#d5d5d5,transparent);background-image:-webkit-linear-gradient(0deg,transparent,#d5d5d5,transparent)}html.dark hr{display:block}html.dark .content-home .name,html.dark .content-home .nav,html.dark .content-home .nav .item a,html.dark .content-home .slogan{color:#fff}html.dark .content-home .nav .item a:hover{color:#1abc9c}.content.content-category{margin-bottom:100px}.content.content-about .about-list{margin-left:-2px}.content.content-about .about-list .about-item{position:relative;padding:10px 0}.content.content-about .about-list .about-item .text{padding-left:20px}.content.content-about a.text-value-url{color:#1abc9c}.content.content-about a.text-value-url:hover{color:#148f77}.content.content-about .dot{position:absolute;top:50%;width:10px;height:10px;margin-top:-5px;margin-left:-5px;content:" ";border-radius:50%}.content.content-about .dot.icon{font-size:12px;line-height:20px;width:20px;height:20px;margin-top:-10px;margin-left:-10px;padding-left:2px;color:hsla(0,0%,100%,.6)}.content.content-about .dot.dot-0{background:#1abc9c}.content.content-about .dot.dot-1{background:#3498db}.content.content-about .dot.dot-2{background:#9b59b6}.content.content-about .dot.dot-3{background:#e67e22}.content.content-about .dot.dot-4{background:#e74c3c}@media screen and (min-width:768px){.content.content-about{width:500px}}@media screen and (max-width:767px){.content.content-about .about-list{margin-left:0;border-left:4px solid #f9f9f9}.content.content-about .about-list .dot.icon{margin-left:-12px}}.content.content-search .wrap-search-box{position:relative;padding-left:20px;margin-bottom:40px}.content.content-search .wrap-search-box:before{position:absolute;top:50%;left:-2px;width:8px;height:8px;margin-top:-4px;margin-left:-4px;content:" ";border-radius:50%;background:#ddd}.content.content-search .wrap-search-box .search-box{position:relative;background:#f0f0f0;height:36px;border-radius:36px;width:400px;overflow:hidden}.content.content-search .wrap-search-box .search-box .input-search{position:relative;border:none;width:100%;height:100%;padding-left:32px;background:rgba(0,0,0,0)}.content.content-search .wrap-search-box .search-box .input-search:focus{outline:none}.content.content-search .wrap-search-box .search-box .icon-search{position:absolute;top:0;left:2px;width:30px;height:36px;line-height:36px;text-align:center;border-radius:36px;color:#bbb}.content.content-search .list-search .tip{padding-left:20px;color:#999}.content.content-search .list-search .item .color-hightlight{color:red}.content.content-search .list-search .item .title{font-size:18px;font-weight:700;transition-duration:.5s;color:#333;vertical-align:middle;max-width:430px;transition-propety:background-color;margin:30px 0 0}.content.content-search .list-search .item .title:hover{color:#1abc9c}.content.content-search .list-search .item a{position:relative;display:block;padding-left:20px}.content.content-search .list-search .item a:before{position:absolute;top:50%;left:-2px;width:8px;height:8px;margin-top:-4px;margin-left:-4px;content:" ";border-radius:50%;background:#ddd}.content.content-search .list-search .item .post-content{padding-left:20px;color:#555}.content.content-search .list-search .item .post-content>*{font-size:14px!important}@media screen and (min-width:768px){.content.content-search{width:500px}}@media screen and (max-width:767px){.content.content-search .wrap-search-box{padding-left:0;margin-bottom:40px}.content.content-search .wrap-search-box:before{display:none}.content.content-search .wrap-search-box .search-box{width:100%}.content.content-search .list-search .tip{padding-left:0}.content.content-search .list-search .item .title{font-size:18px}.content.content-search .list-search .item a{padding-left:0}.content.content-search .list-search .item a:before{display:none}.content.content-search .list-search .item .post-content{padding-left:0}}.post-header{margin:0 auto;padding-top:20px}.post-header.LEFT{width:720px;border-left:4px solid #f0f0f0}.post-header.CENTER{width:4px;background:#f0f0f0}.post-header .toolbox{margin-top:-40px;margin-left:-18px;background:#fff;transition-duration:.5s;transition-propety:transform}.post-header .toolbox:hover{-webkit-transform:translateY(30px);transform:translateY(30px)}.post-header .toolbox .toolbox-entry .icon-angle-down{margin-top:16px;display:inline-block;line-height:0;font-size:22px;border-radius:50%}.post-header .toolbox .toolbox-entry .toolbox-entry-text{display:none}.content.content-post{border-left:none;margin:50px auto}.content.content-post.CENTER .article-header{text-align:center}.content.content-post .article-header{margin-bottom:40px}.content.content-post .article-header .post-title{font-size:32px;font-weight:400;margin:0 0 12px;color:var(--color-text-primary)}.content.content-post .article-header .article-meta{font-size:12px;margin-top:8px;margin-bottom:30px;color:#999}.content.content-post .article-header .article-meta a{color:#999}.content.content-post .article-header .article-meta>span>*{vertical-align:middle}.content.content-post .article-header .article-meta i{display:inline-block;margin:0 -4px 0 4px}@media screen and (min-width:768px){.content.content-post{width:760px;margin-top:60px}}@media screen and (max-width:767px){.post-header{display:none}.content.content-post .article-content,.content.content-post .post-title{padding-right:10px;padding-left:10px}.content.content-post .article-header .post-title{font-size:24px}.content.content-archive .archive-body{border-left:none}.content.content-archive .archive-body .item-post:before,.content.content-archive .archive-body .item-title:before{display:none}.content.content-archive .archive-body .item-post,.content.content-archive .archive-body .item-year{padding-left:0}}@media only screen and (min-device-width:768px)and (max-device-width:1024px){.content.content-post{width:95%}}.content.content-link .link-list .link-item{position:relative;margin-left:-23px;padding:8px 0}.content.content-link .link-list .link-item a{display:block;color:#444}.content.content-link .link-list .link-item a .avatar,.content.content-link .link-list .link-item a .wrap-info{display:inline-block;vertical-align:middle}.content.content-link .link-list .link-item a .avatar{width:44px;height:44px;border-radius:50%}.content.content-link .link-list .link-item a .avatar:hover{opacity:.8}.content.content-link .link-list .link-item a .wrap-info{line-height:1.3em}.content.content-link .link-list .link-item a .wrap-info .name{font-weight:700}.content.content-link .link-list .link-item a .wrap-info .name:hover{color:#1abc9c}.content.content-link .link-list .link-item a .wrap-info .info{font-size:13px;color:#999;min-width:240px}.content.content-link .tip{margin:20px 0 0 -15px;color:#ddd}.content.content-link .tip i,.content.content-link .tip span{vertical-align:middle}.content.content-link .tip .icon-mail{width:24px;height:24px;text-align:center;line-height:24px;border-radius:50%;color:#fff;background:#f0f0f0;font-size:12px;display:inline-block;padding-left:1px}@media screen and (min-width:768px){.content.content-link{width:500px}.content.content-link hr{display:none;height:0}}@media screen and (max-width:767px){.content.content-link{width:100%}.content.content-link .link-list .link-item{position:relative;margin-left:0;padding:8px 0 8px 10px}}.content.content-project .project-list{margin-left:-2px}.content.content-project .project-list .project-item{position:relative;padding:10px 0}.content.content-project .project-list .project-item .text{padding-left:20px}.content.content-project .project-list .img-article-wrapper{display:grid;grid-gap:10px;grid-template-areas:"media" "detail"}.content.content-project .project-list .img-article-wrapper .project-media{grid-area:media}.content.content-project .project-list .img-article-wrapper .project-detail{grid-area:detail}@media(min-width:500px){.content.content-project .project-list .img-article-wrapper{grid-template-columns:2fr 1fr;grid-template-areas:"media  detail"}}.content.content-project img.project-img{display:block;width:100%}.content.content-project a.project-url{color:#1abc9c}.content.content-project a.project-url:hover{color:#148f77}.content.content-project .intro{color:#666}.content.content-project .dot{position:absolute;top:50%;width:10px;height:10px;margin-top:-5px;margin-left:-5px;content:" ";border-radius:50%}.content.content-project .dot.icon{font-size:12px;line-height:20px;width:20px;height:20px;margin-top:-10px;margin-left:-10px;padding-left:2px;color:hsla(0,0%,100%,.6)}.content.content-project .dot.dot-0{background:#1abc9c}.content.content-project .dot.dot-1{background:#3498db}.content.content-project .dot.dot-2{background:#9b59b6}.content.content-project .dot.dot-3{background:#e67e22}.content.content-project .dot.dot-4{background:#e74c3c}@media screen and (min-width:768px){.content.content-project{width:500px}}@media screen and (max-width:767px){.content.content-project .project-list{margin-left:0}}table{width:100%;max-width:100%;border:1px solid #dfdfdf;margin-bottom:30px}table>thead>tr>td,table>thead>tr>th{border-bottom-width:2px}table td,table th{line-height:1.5;padding:8px;text-align:left;vertical-align:top;color:#555;border:1px solid #dfdfdf;font-size:15px}.page-header{position:relative;margin-bottom:30px;background:#fff}.page-header .breadcrumb{width:100px;font-size:16px;margin-bottom:10px;margin-left:-52px;color:#d0d0d0;text-align:center;margin-top:60px}.page-header .breadcrumb .location-blog{margin-left:0;font-size:13px}.page-header .breadcrumb i{font-size:26px;color:#dfdfdf}.page-header .box-blog-info{display:block}.page-header .box-blog-info .avatar,.page-header .box-blog-info .info{display:inline-block;vertical-align:middle}.page-header .box-blog-info img{width:60px;height:60px;vertical-align:middle;border-radius:50%;-o-object-fit:cover;object-fit:cover;overflow:hidden}.page-header .box-blog-info .info .name{font-size:24px;font-weight:700;margin:0;color:var(--color-text-primary);padding-bottom:10px}.page-header .box-blog-info .info .slogan{display:inline-block;color:#999}@media screen and (min-width:768px){.page-header{margin-bottom:30px}.page-header .home-entry{display:inline-block}.page-header .box-blog-info{display:block;margin-left:-30px}}@media screen and (max-width:767px){.page-header{margin-bottom:30px;text-align:center}.page-header .breadcrumb,.page-header .home-entry{display:none}.page-header .box-blog-info .avatar{display:block}.page-header .box-blog-info .avatar img{width:60px;height:60px;vertical-align:middle;border-radius:50%}.page-header .box-blog-info .info{display:inline-block}.page-header .box-blog-info .info .name{display:inline-block;margin-top:10px;margin-bottom:8px}.page-header .box-blog-info .info .slogan{display:block}}.pagination .page-nav .page-number{font-family:calligraffittiregular;font-size:15px;font-weight:bolder;line-height:33px;display:inline-block;width:28px;height:28px;margin:auto 6px;text-align:center;color:#444;border-radius:50%}.pagination .page-nav .page-number.current,.pagination .page-nav .page-number:hover{color:#444;background:#f0f0f0}.pagination .page-nav .space{letter-spacing:2px}.pagination .page-nav .extend{font-size:20px;line-height:25px;display:inline-block;width:28px;height:28px;text-align:center;color:#444;border-radius:50%;transition-duration:.5s;transition-propety:background-color}.pagination .page-nav .extend:hover{color:#444;background:#f0f0f0}.list-post{line-height:2.8em}.item-title{position:relative;margin-top:40px;padding-left:20px}.item-title:before{position:absolute;top:50%;left:-2px;width:10px;height:10px;margin-top:-9px;margin-left:-5px;content:" ";border-radius:50%}.item-title.item-title-0:before{background:#1abc9c}.item-title.item-title-1:before{background:#3498db}.item-title.item-title-2:before{background:#9b59b6}.item-title.item-title-3:before{background:#e67e22}.item-title.item-title-4:before{background:#e74c3c}.item-post{position:relative;padding-left:20px}.item-post:before{position:absolute;top:50%;left:-2px;width:8px;height:8px;margin-top:-4px;margin-left:-4px;content:" ";border-radius:50%;background:#ddd}.item-post .post-date{font-size:12px;display:inline-block;color:#888}.item-post .post-title{font-size:16px;font-weight:400;position:relative;display:inline-block;transition-duration:.5s;color:var(--color-text-primary);vertical-align:middle;text-overflow:ellipsis;max-width:430px;white-space:nowrap;overflow:hidden;transition-propety:background-color;padding-left:10px}.item-post .post-title:hover{color:#1abc9c}@media screen and (min-width:400px)and (max-width:500px){.item-post .post-title{max-width:330px}}@media screen and (min-width:320px)and (max-width:399px){.item-post .post-title{max-width:250px}}@media screen and (max-width:319px){.item-post .post-title{max-width:200px}}.item-year{position:relative;margin-top:40px;padding-left:20px}.item-year a.text-year{font-family:calligraffittiregular;font-size:20px;font-weight:700;color:var(--color-text-primary)}.item-category-name{position:relative;margin-top:40px;padding-left:20px}.item-category-name .category-count{font-family:calligraffittiregular;font-size:16px;font-weight:700}.toolbox{position:relative;width:60px;height:40px;border-radius:20px;background:rgba(0,0,0,0)}.toolbox:hover{width:200px}.toolbox:hover .toolbox-entry .icon-angle-down{display:none}.toolbox:hover .toolbox-entry .toolbox-entry-text{display:inline-block}.toolbox:hover .list-toolbox{display:block}.toolbox:hover .list-toolbox li a{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.toolbox:hover .list-toolbox li:first-child a,.toolbox:hover .list-toolbox li:nth-child(2) a{-webkit-animation-name:fadeIn;animation-name:fadeIn}.toolbox:hover .list-toolbox li:nth-child(2) a{-webkit-animation-delay:.1s;animation-delay:.1s}.toolbox:hover .list-toolbox li:nth-child(3) a{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:.2s;animation-delay:.2s}.toolbox:hover .list-toolbox li:nth-child(4) a{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:.3s;animation-delay:.3s}.toolbox:hover .list-toolbox li:nth-child(5) a{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:.4s;animation-delay:.4s}.toolbox:hover .list-toolbox li:nth-child(6) a{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:.5s;animation-delay:.5s}.toolbox:hover .list-toolbox li:nth-child(7) a{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:.6s;animation-delay:.6s}.toolbox:hover .list-toolbox li:nth-child(8) a{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:.7s;animation-delay:.7s}.toolbox .toolbox-entry{position:relative;font-size:13px;line-height:40px;display:block;width:40px;height:40px;margin-bottom:20px;transition-duration:.5s;text-align:center;color:#555;border-radius:50%;background:#f0f0f0;transition-propety:background-color}.toolbox .toolbox-entry .icon-angle-down{display:none}.toolbox .toolbox-entry .toolbox-entry-text{display:inline-block}.toolbox .toolbox-entry .icon-home{display:none;font-size:22px;color:#999}.toolbox .toolbox-entry:hover{cursor:pointer;background:#dfdfdf}.toolbox .toolbox-entry:hover .icon-angle-down,.toolbox .toolbox-entry:hover .toolbox-entry-text{display:none}.toolbox .toolbox-entry:hover .icon-home{display:inline-block}.toolbox .list-toolbox{position:absolute;top:0;left:46px;width:500px}.toolbox .list-toolbox .item-toolbox{display:inline-block;margin-right:6px}.toolbox .list-toolbox .item-toolbox a{font-size:13px;line-height:40px;display:inline-block;height:40px;margin-bottom:20px;transition-duration:.5s;text-align:center;color:#555;border-radius:20px;background:#f0f0f0;transition-propety:background-color}.toolbox .list-toolbox .item-toolbox a.CIRCLE{width:40px}.toolbox .list-toolbox .item-toolbox a.ROUND_RECT{padding:0 20px}.toolbox .list-toolbox .item-toolbox a:hover{background:#dfdfdf}@media screen and (max-width:767px){.toolbox{display:none}}.toolbox-mobile{font-size:13px;line-height:40px;display:block;width:40px;height:40px;transition-duration:.5s;text-align:center;color:#555;border-radius:50%;background:#f0f0f0;position:fixed;left:12px;bottom:12px;z-index:10}@media screen and (min-width:768px){.toolbox-mobile{display:none}}.tag-box{position:relative;margin-bottom:-20px;margin-left:-20px}.tag-box .tag-title{font-size:13px;line-height:40px;position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;text-align:center;color:#555;border-radius:50%;background:#f0f0f0}.tag-box .tag-list{margin-left:50px}.tag-box .tag-list .tag-item{font-size:12px;line-height:30px;display:inline-block;height:30px;margin:5px 3px;padding:0 12px;color:#999;border-radius:15px;background:#f6f6f6}.tag-box .tag-list .tag-item:hover{color:#333;background:#f0f0f0}.tag-box .tag-list .tag-item .tag-size{font-family:calligraffittiregular;font-weight:700}@media screen and (max-width:767px){.tag-box{margin-left:0}}.category-box{position:relative;margin-bottom:-20px;margin-left:-20px}.category-box .category-title{font-size:13px;line-height:40px;position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;text-align:center;color:#555;border-radius:50%;background:#f0f0f0}.category-box .category-list{margin-left:50px}.category-box .category-list .category-item{font-size:12px;line-height:30px;display:inline-block;height:30px;margin:5px 3px;padding:0 12px;color:#999;border-radius:15px;background:#f6f6f6}.category-box .category-list .category-item:hover{color:#333;background:#f0f0f0}.category-box .category-list .category-item .category-size{font-family:calligraffittiregular;font-weight:700}@media screen and (max-width:767px){.category-box{margin-left:0}}.toc-article{position:absolute;left:50%;margin-left:400px;top:200px;font-size:13px}.toc-article.fixed{position:fixed;top:20px}.toc-article ol{line-height:1.8em;padding-left:10px;list-style:none}.toc-article>li{margin:4px 0}.toc-article .toc-title{font-size:16px}.toc-article .toc{padding-left:0}.toc-article a.toc-link.active{color:#111;font-weight:700}.toc-article a{color:#888}.toc-article a:hover{color:#6f6f6f}@media screen and (max-width:1023px){.toc-article{display:none}}@media only screen and (min-device-width:768px)and (max-device-width:1024px){.toc-article{display:none}}a.back-top{position:fixed;bottom:40px;right:30px;background:#f0f0f0;height:40px;width:40px;border-radius:50%;line-height:34px;text-align:center;transition-duration:.5s;transition-propety:background-color;display:none}a.back-top.show{display:block}a.back-top i{color:#999;font-size:26px}a.back-top:hover{cursor:pointer;background:#dfdfdf}a.back-top:hover i{color:#666}@media screen and (max-width:768px){a.back-top{display:none!important}}@media only screen and (min-device-width:768px)and (max-device-width:1024px){a.back-top{display:none!important}}.hint{position:relative;display:inline-block}.hint:after,.hint:before{position:absolute;z-index:1000000;transition:.5s ease;pointer-events:none;opacity:0}.hint:hover:after,.hint:hover:before{opacity:1}.hint:before{position:absolute;content:"";border:6px solid rgba(0,0,0,0);background:rgba(0,0,0,0)}.hint:after{font-size:12px;line-height:32px;height:32px;padding:0 10px;content:"点击回首页";white-space:nowrap;color:#555;border-radius:4px;background:#f0f0f0}.hint--top:after{bottom:100%;left:50%;margin:0 0 -6px -10px}.hint--top:hover:before{margin-bottom:-10px}.hint--top:hover:after{margin-bottom:2px}.hint--bottom:before{top:100%;left:50%;margin:-14px 0 0;border-bottom-color:rgba(0,0,0,.8)}.hint--bottom:after{top:100%;left:50%;margin:-2px 0 0 -10px}.hint--bottom:hover:before{margin-top:-6px}.hint--bottom:hover:after{margin-top:6px}.hint--right:before{bottom:50%;left:100%;margin:0 0 -4px -8px;border-right-color:rgba(0,0,0,.8)}.hint--right:after{bottom:50%;left:100%;margin:0 0 -13px 4px}.hint--right:hover:before{margin:0 0 -4px}.hint--right:hover:after{margin:0 0 -13px 12px}.hint--left:before{right:100%;bottom:50%;margin:0 -8px -3px 0;border-left-color:#f0f0f0}.hint--left:after{right:100%;bottom:50%;margin:0 4px -13px 0}.hint--left:hover:before{margin:0 0 -3px}.hint--left:hover:after{margin:0 12px -13px 0}@media screen and (min-width:768px){.fexo-comments{margin:0 auto 60px}.fexo-comments.comments-post{width:760px}.fexo-comments.comments-about,.fexo-comments.comments-link{width:500px}}@media screen and (max-width:767px){.fexo-comments{padding:10px}}.modal .cover{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6)}.modal hr{max-width:320px;height:1px;margin-top:-1px;margin-bottom:0;border:none;background-image:linear-gradient(0deg,transparent,#dcdcdc,transparent);background-image:-webkit-linear-gradient(0deg,transparent,#dcdcdc,transparent)}.modal-dialog{position:fixed;z-index:11;bottom:0;width:100%;height:160px;transition:.3s ease-out;background:#fefefe}.modal-dialog.show-dialog{-webkit-transform:translateZ(0);transform:translateZ(0)}.modal-dialog.hide-dialog{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.modal-body{height:70px;display:table;text-align:center;width:100%}.modal-body .list-toolbox{text-align:center;display:table-cell;vertical-align:middle}.modal-body .list-toolbox .item-toolbox{display:inline-block}.modal-body .list-toolbox .item-toolbox a{font-size:13px;line-height:40px;display:inline-block;height:40px;margin:5px 2px;transition-duration:.5s;text-align:center;color:#555;border-radius:20px;background:#f0f0f0;transition-propety:background-color}.modal-body .list-toolbox .item-toolbox a.CIRCLE{width:40px}.modal-body .list-toolbox .item-toolbox a.ROUND_RECT{padding:0 20px}.modal-body .list-toolbox .item-toolbox a:hover{background:#dfdfdf}.modal-header{font-size:13px;text-align:center;height:75px}.modal-header .btn-close{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:13px;line-height:40px;display:inline-block;width:40px;height:40px;transition-duration:.5s;text-align:center;text-decoration:none;color:#555;border-radius:20px;background:#f0f0f0}.modal-header .btn-close:hover{color:#919191}.btn-close:hover,.toolbox-mobile:hover{cursor:pointer}.donation{margin-top:40px}.donation .inner-donation{position:relative;width:160px;margin:auto}.donation .inner-donation:hover .donation-body{display:inline-block}.donation .btn-donation{display:inline-block;border:1px solid #dfdfdf;height:40px;width:140px;line-height:40px;border-radius:40px;padding:0;color:#aaa}.donation .btn-donation:hover{border:1px solid #ddd;color:#999;cursor:pointer}.donation .donation-body{display:none;position:absolute;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;background:#fff;width:460px;height:292px;margin-top:-277px;margin-left:-300px}.donation .donation-body:before{content:"";display:block;position:absolute;width:0;height:0;box-sizing:border-box;border:6px solid rgba(0,0,0,0);border-top-color:#fff;top:100%;left:223px}.donation .donation-body .tip{height:40px;line-height:40px;color:#999;border-bottom:1px solid #f3f3f3}.donation .donation-body ul{display:inline-block}.donation .donation-body ul .item{width:220px;height:220px;display:inline-block}.donation .donation-body ul .item img{width:150px;height:150px}.box-prev-next{margin-top:-40px;margin-bottom:70px}.box-prev-next .icon,.box-prev-next a{display:inline-block}.box-prev-next a{text-align:center;line-height:36px;width:36px;height:36px;border-radius:50%;border:1px solid #dfdfdf}.box-prev-next a.pull-left{float:left}.box-prev-next a.pull-left .icon:before{margin-right:.28em!important}.box-prev-next a.pull-right{float:right}.box-prev-next a.pull-right .icon:before{margin-left:.28em!important}.box-prev-next a.hide{display:none!important}.box-prev-next a.show{display:block!important}.box-prev-next .icon{color:#ccc;font-size:24px;height:34px;line-height:34px}.box-prev-next .icon:hover{color:#bfbfbf}