style.css

@charset "utf-8";@font-face{font-family:'Varela Round';src:url(https://cdn.jsdelivr.net/gh/xaoxuu/cdn-fonts@19.1.7/VarelaRound/VarelaRound-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:'Source Sans Pro';src:url(https://cdn.jsdelivr.net/gh/xaoxuu/cdn-fonts@master/SourceSansPro/SourceSansPro-Regular.ttf);font-weight:400;font-style:normal}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:transparent}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:65%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.6em}sub{bottom:-.3em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;border:0;border-radius:1px;border-bottom:1px solid rgba(51,51,51,.1)}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;margin-top:.7em;margin-bottom:.7em;width:100%}table th{background-color:rgba(229,229,229,.6)}table td,table th{padding:4px 16px;border:1px solid rgba(217,217,217,.6)}table tr{background-color:rgba(252,252,252,.6)}table tbody>tr{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}table tbody>tr:hover{background-color:rgba(229,229,229,.6)}overflow table{overflow:auto;display:block}overflow table tr{word-break:keep-all}td,th{padding:0}*{box-sizing:border-box;outline:0;margin:0;padding:0}html{color:#333;width:100%;height:100%;font-family:'Varela Round',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif;font-size:15px;line-height:1.5rem;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent}body{background-color:#f4f4f4}body.modal-active{overflow:hidden}@media (max-width:680px){body.modal-active{position:fixed;top:0;right:0;bottom:0;left:0}}body.z_menu-open .menu-phone{transform:translate3d(-16px,0,0)}fancybox{display:flex;justify-content:center}.cover-wrapper{padding-bottom:2px}.cover-wrapper .cover{top:0;left:0;max-width:100%;height:calc(100vh);display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;align-self:center;align-content:center;color:#fff;padding:16px}.cover-wrapper .cover .logo,.cover-wrapper .cover .title{margin-top:calc(30vh);text-align:center}.cover-wrapper .cover .title{font-size:45px;line-height:45px}.cover-wrapper .cover .subtitle{font-size:13.2px}.cover-wrapper .cover .logo{max-height:100px;max-width:calc(100% - 4*16px)}.cover-wrapper .cover .white{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}@media (max-width:580px){.cover-wrapper .cover .logo,.cover-wrapper .cover .title{font-size:38.25px;line-height:38.25px}}.cover-wrapper .cover .m_search{margin-top:calc(2vh + 32px);position:relative;max-width:calc(100% - 1*16px);width:340px;line-height:48px;vertical-align:middle}.cover-wrapper .cover .m_search .form{position:relative;display:block;width:100%}.cover-wrapper .cover .m_search .icon,.cover-wrapper .cover .m_search .input{transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}.cover-wrapper .cover .m_search .icon{position:absolute;display:block;line-height:44px;height:44px;width:32px;top:0;left:5px;font-size:15px;color:rgba(51,51,51,.6)}.cover-wrapper .cover .m_search .input{display:block;font-size:15px;line-height:15px;height:44px;width:100%;color:#333;box-shadow:none;box-sizing:border-box;-webkit-appearance:none;padding-left:36px;border-radius:64px;background:#fff;border:1px dashed transparent}@media (max-width:580px){.cover-wrapper .cover .m_search .input{padding-left:36px}}.cover-wrapper .cover .m_search .input::-webkit-input-placeholder{padding-top:2px;font-size:13.2px;color:rgba(51,51,51,.6)}.cover-wrapper .cover .m_search .input:-moz-placeholder{padding-top:2px;font-size:13.2px;color:rgba(51,51,51,.6)}.cover-wrapper .cover .m_search .input::-moz-placeholder{padding-top:2px;font-size:13.2px;color:rgba(51,51,51,.6)}.cover-wrapper .cover .m_search .input:-ms-input-placeholder{padding-top:2px;font-size:13.2px;color:rgba(51,51,51,.6)}.cover-wrapper .cover .m_search .input:hover~.icon{color:#2196f3}.cover-wrapper .cover .m_search .input:focus{border:1px solid #2196f3}.cover-wrapper .cover .m_search .input:focus~.icon{color:#2196f3}.cover-wrapper .cover.half{margin-bottom:calc(-100px);height:calc(60vh - 64px + 120px)}.cover-wrapper .cover.half .logo,.cover-wrapper .cover.half .title{margin-top:calc(28vh - 80px)}.cover-wrapper .cover.half .m_search{margin-top:32px}@media (max-width:768px){.cover-wrapper .cover.half{height:calc(40vh - 64px + 160px)}.cover-wrapper .cover.half .logo,.cover-wrapper .cover.half .title{margin-top:calc(22vh - 90px)}}@media (max-width:580px){.cover-wrapper .cover.half{height:calc(30vh - 64px + 200px)}.cover-wrapper .cover.half .logo,.cover-wrapper .cover.half .title{margin-top:calc(22vh - 70px)}}.cover-wrapper .cover .menu{margin-top:16px}.cover-wrapper .cover .menu ul{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center}.cover-wrapper .cover .menu ul li{display:flex;flex-wrap:wrap;align-items:center;padding:0;height:auto}.cover-wrapper .cover .menu ul>li>a{font-size:13.2px;padding:2px;margin:0 4px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;color:#ffffff;border-bottom:1px solid transparent}.cover-wrapper .cover .menu ul>li>a.active,.cover-wrapper .cover .menu ul>li>a:active,.cover-wrapper .cover .menu ul>li>a:hover{color:#2196f3;border-bottom:1px solid #2196f3}.cover-wrapper .cover .menu ul>li>a.white{color:rgba(255,255,255,.7);text-shadow:0 1px 2px rgba(0,0,0,.1)}.cover-wrapper .cover .menu ul>li>a.white.active,.cover-wrapper .cover .menu ul>li>a.white:active,.cover-wrapper .cover .menu ul>li>a.white:hover{color:#fff;border-bottom:1px solid #fff}.cover-wrapper .cover .switcher>li a:hover{background:rgba(33,150,243,.15)}#u-search .modal .modal-header,.l_header,.z-depth-nav{box-shadow:0 1px 2px 0 rgba(0,0,0,.24),0 3px 6px 0 rgba(0,0,0,.1)}#u-search .modal .modal-header:hover,.z-depth-nav-raised{box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1)}.hoverable,.l_main .post .meta .new-meta-box .new-meta-item.link-btns .btn{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;box-shadow:0}.hoverable:hover{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}::-moz-selection{background:rgba(33,150,243,.2)}::selection{background:rgba(33,150,243,.2)}h1,h2,h3,h4,h5,h6{-webkit-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-moz-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-o-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;text-rendering:geometricPrecision;margin:0 0 .4em 0}h1{font-size:22.5px}h2{font-size:22.5px}h3{font-size:19.5px}h4{font-size:17.25px}h5{font-size:15px}h6{font-size:13.2px}a{color:#444;cursor:pointer;text-decoration:none;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}a:hover{text-decoration:none}pre{tab-size:4;-moz-tab-size:4;-o-tab-size:4;-webkit-tab-size:4}img{max-width:100%}.clearfix{zoom:1}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.hidden{text-indent:-9999px;visibility:hidden;display:none}.inner{position:relative;width:80%;max-width:710px;margin:0 auto}.vertical{display:table-cell;vertical-align:middle}.right{float:right}.left{float:left}.disable-trans{transition:none!important}.txt-ellipsis,.widget .content ul.entry a .name,.widget .content ul.popular-posts a .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ol,ul{padding-left:0}li{list-style:none}.mark{position:relative}.mark a{color:#444;display:inline-block;padding:0 8px;border-left:4px solid transparent;background:0 0;border-radius:4px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.mark a:hover{background:rgba(33,150,243,.1);border-left:4px solid #2196f3;padding:8px}.mark a:active{border-left:8px solid #2196f3}ul.h-list{display:flex;align-items:center;height:100%}ul.h-list>li{height:100%;justify-content:center}#loading-bar-wrapper{position:fixed;top:62px;left:0;width:100%;z-index:99999}#loading-bar{position:fixed;width:0;height:2px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;background-color:rgba(33,150,243,.5)}.body-wrapper{position:relative;display:flex;width:100%;max-width:1080px;margin:0 auto;flex-wrap:wrap;justify-content:space-between;align-items:stretch}.container--flex{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}.l_body{position:relative;margin:16px;margin-top:16px}.l_body.nocover{margin-top:80px}@media (max-width:580px){.l_body{margin:80px 0 16px;border-radius:0}}.l_body .s-top{transition:all .6s ease;-moz-transition:all .6s ease;-webkit-transition:all .6s ease;-o-transition:all .6s ease;z-index:9;position:fixed;width:48px;height:48px;line-height:48px;border-radius:100%;bottom:32px;right:32px;transform:translateY(100px) scale(0);transform-origin:bottom;color:#333}@media (max-width:768px){.l_body .s-top{right:16px}}.l_body .s-top.show{transform:translateY(0) scale(1)}.l_body .s-top.show.hl{background:#2196f3;color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}@media (min-width:768px){.l_body .s-top:hover{transform:scale(1.2);border-radius:25%;background:#2196f3;color:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1)}.l_body .s-top:hover.hl{box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1)}}.white-box{background:#fff}.btn-wrapper{line-height:1.8em}.btn-wrapper a{line-height:1.5;background:#2196f3;color:#fff;padding:2px 5px 1px 5px;margin:1px;border-radius:2px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.btn-wrapper a:hover{color:#fff;text-decoration:none;background:#ff5722}.btn-wrapper.small a{font-size:10.5px;padding:2px 3px 1px 3px}.btn-wrapper.regular{font-size:16.5px}.btn-wrapper.regular a{line-height:50px;padding:9px 16px 8px 16px}.btn-wrapper.regular a i{margin-right:2px}.btn-wrapper.large{font-size:16.5px;line-height:60px}.btn-wrapper.large a{padding:11px 40px 10px 40px}.btn-wrapper.large a i{margin:0 5px 0 -2px}.l_header{position:fixed;z-index:9999;top:0;width:100%;font-size:15px;line-height:64px;height:64px;overflow:hidden;font-family:'Varela Round',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif;padding:0 16px;margin-bottom:16px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);background:#fff;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_header .wrapper{padding:auto 16px;max-width:1080px;margin:auto;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_header .wrapper a.logo{color:#262626}.l_header.no_sidebar .wrapper{max-width:768px;margin:auto}.l_header .wrapper.sub{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transform:translateY(-64px)}@media (max-width:580px){.l_header .wrapper.sub .logo{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;padding-left:16px;padding-right:0;font-size:15px}}.l_header .nav--main,.l_header .nav-sub{height:64px}.l_header.hide{transform:translateY(100px) scale(0)}.l_header.show{transform:translateY(0) scale(1)}.l_header,.l_header a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:64px;line-height:64px;color:#ffffff}.l_header .logo{padding:0 24px;font-size:18px;font-family:'Varela Round',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif;letter-spacing:0}@media (max-width:580px){.l_header .logo{padding:0 16px}}.l_header .logo.img{padding:0 16px 0 0}.l_header .logo img{height:100%}.l_header img.logo{padding:4px 0}.l_header .nav-sub .logo{padding:0 24px;font-size:15px;font-family:'Varela Round',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif}@media (max-width:580px){.l_header .nav-sub .logo{letter-spacing:-.5px;padding-top:1px}}.l_header .menu{position:relative;flex:1 0 auto;height:64px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;margin:0 16px 0 0}.l_header .menu ul>li>a{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;display:block;padding:0 8px;color:rgba(51,51,51,.85)}.l_header .menu ul>li>a.current{border-bottom:2px solid rgba(33,150,243,.8)}.l_header .menu ul>li>a:hover{color:#2196f3;border-bottom:2px solid #2196f3;background:rgba(33,150,243,.1)}.l_header .menu ul>li>a.active,.l_header .menu ul>li>a:active{color:#2196f3;border-bottom:2px solid #2196f3}@media (max-width:580px){.l_header .menu{display:none}}.l_header .switcher{display:none;font-size:15px;line-height:64px}.l_header .switcher .s-toc{display:none}@media (max-width:768px){.l_header .switcher .s-toc{display:block}}.l_header .switcher>li{height:48px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;margin:2px}@media (max-width:580px){.l_header .switcher>li{margin:0;height:48px}}.l_header .switcher>li a{display:flex;justify-content:center;align-items:center;width:48px;height:48px;border-radius:100px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_header .switcher>li a:hover{background:rgba(33,150,243,.15)}@media (max-width:580px){.l_header .switcher>li a{width:32px;height:48px}}@media (max-width:580px){.l_header .switcher{display:flex;padding-left:8px;padding-right:10px}}.l_header .nav-sub .switcher{display:flex}.l_header .m_search{position:relative;display:flex;width:285px;height:64px}@media (max-width:1350px){.l_header .m_search{width:240px}}.l_header .m_search .form{position:relative;display:flex;width:100%;margin:auto;justify-content:flex-start;align-items:center}.l_header .m_search .icon,.l_header .m_search .input{transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}.l_header .m_search .icon{position:absolute;width:32px;left:5px;font-size:13.2px;color:rgba(51,51,51,.7)}.l_header .m_search .input{display:block;font-size:13.2px;padding-top:8px;padding-bottom:8px;width:100%;color:#333;background:rgba(242,242,242,.75);box-shadow:none;box-sizing:border-box;padding-left:36px;border-radius:8px;border:1px dashed transparent}@media (max-width:580px){.l_header .m_search .input{padding-left:36px}}.l_header .m_search .input::-webkit-input-placeholder{color:rgba(51,51,51,.5)}.l_header .m_search .input:-moz-placeholder{color:rgba(51,51,51,.5)}.l_header .m_search .input::-moz-placeholder{color:rgba(51,51,51,.5)}.l_header .m_search .input:-ms-input-placeholder{color:rgba(51,51,51,.5)}.l_header .m_search .input:hover{color:#fff;border:1px solid rgba(33,150,243,.6)}.l_header .m_search .input:hover~.icon{color:rgba(33,150,243,.8)}.l_header .m_search .input:focus{color:#333;background:rgba(33,150,243,.15);border:1px solid #2196f3}.l_header .m_search .input:focus~.icon{color:#2196f3}@media (max-width:580px){.l_header{padding:0}.l_header .m_search{width:0;overflow:hidden;position:absolute;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;margin:0 8px}.l_header.z_search-open .logo{opacity:0}.l_header.z_search-open .m_search{width:calc(100vw - 2*16px - 2*32px)}}.menu-phone{position:fixed;top:80px;right:0;z-index:10000;line-height:32px;border-right:0;box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1);border-radius:12px;transform:translate3d(-40px,-40px,0) scale(0,0);transform-origin:right top;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.menu-phone .header{border-top-left-radius:12px;border-top-right-radius:12px;background-color:rgba(33,150,243,.9);color:#fff;font-size:15px;line-height:1.8em;padding:8px 22px}.menu-phone:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1)}.menu-phone:active{box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.menu-phone nav{padding:8px 0}.menu-phone nav .nav{height:36px;line-height:36px;position:relative;display:block;color:#444;padding:2px 20px;border-left:4px solid transparent;border-right:4px solid transparent}.menu-phone nav .nav.active,.menu-phone nav .nav:hover{border-left:4px solid #2196f3;background:rgba(33,150,243,.1)}.cover-wrapper .l_header{transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transform:translateY(-96px)}.cover-wrapper .l_header.show{transform:translateY(0)}.l_main{width:calc(100% - 1 * 285px);padding-right:16px;float:left}@media (max-width:1350px){.l_main{width:calc(100% - 1 * 240px)}}@media (max-width:768px){.l_main{width:100%}}.l_main.no_sidebar{width:100%;padding-right:0;max-width:768px;margin:auto}.l_main.no_sidebar~.l_side{display:none}.l_main .post-list{position:relative;margin:16px auto;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px}@media (max-width:580px){.l_main .post-list{margin:0}}.l_main .post-list.multiple-columns{-webkit-columns:320px;-moz-columns:320px;columns:320px}.l_main ul.popular-posts h3{padding:0;margin:0;font-size:15px}.l_main #comments{position:relative}.l_main #comments #valine_container p{line-height:1.5}.l_main #comments #valine_container img{display:inline}.l_main #comments #valine_container .vwrap{border-radius:12px;border-style:dashed;border:1px dashed rgba(51,51,51,.3);transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main #comments #valine_container .vwrap:hover{border:1px dashed #2196f3}.l_main #comments #valine_container .vwrap .vheader .vinput{border-radius:0;border-bottom:1px dashed rgba(51,51,51,.3)}.l_main #comments #valine_container .vwrap .vheader .vinput:hover{border-bottom:1px dashed #2196f3}.l_main #comments #valine_container .vwrap .vheader .vinput:focus{border-bottom:1px solid #2196f3}.l_main #comments #valine_container .vwrap .vedit .vctrl span{color:#2196f3;padding:0;margin:10px}.l_main #comments #valine_container button{border:none;padding-left:2.4em;padding-right:2.4em;font-weight:700;background-color:#2196f3;color:#fff;border-radius:6px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main #comments #valine_container button:hover{background:#0c7cd5}.l_main #comments #valine_container blockquote{padding:16px;border-left:4px solid #2196f3;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main #comments #valine_container blockquote p{text-align:left;word-wrap:normal;font-size:13.2px;line-height:19.8px}.l_main #comments #valine_container pre code{border:none}.l_main #comments #valine_container code{font-family:Menlo,Monaco,courier,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,Ubuntu;font-size:12px;color:rgba(51,51,51,.9)}.l_main #comments #valine_container .vemoji-btn,.l_main #comments #valine_container .vpreview-btn,.l_main #comments #valine_container a{color:#2196f3;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main #comments #valine_container .vemoji-btn:hover,.l_main #comments #valine_container .vpreview-btn:hover,.l_main #comments #valine_container a:hover{color:#ff5722;text-decoration:underline}.l_main #comments #valine_container .vemoji-btn:active,.l_main #comments #valine_container .vpreview-btn:active,.l_main #comments #valine_container a:active{color:#a22700}.l_main #comments #valine_container div.info a{font-size:10.5px}.l_main #comments #valine_container .vhead span.vnick{color:rgba(51,51,51,.9)}.l_main #comments #valine_container .vhead a.vnick{color:#ff9800;font-weight:700}.l_main #comments #valine_container .vhead a.vnick:hover{color:#ff5722;text-decoration:underline}.l_main #comments #valine_container .vhead .vsys{margin:2px;padding:1px 8px;background-color:rgba(51,51,51,.1)}.l_main #comments #valine_container .vcard .vquote{border-left:none}.l_main #comments #valine_container .vcard .vh{border-bottom:1px dashed rgba(51,51,51,.1)}.l_main #comments #valine_container .vmeta .vat{font-weight:700;color:#2196f3;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main #comments #valine_container .vmeta .vat:hover{color:#ff5722;text-decoration:underline}.l_main #comments #valine_container .vmeta .vat:active{color:#a22700}.l_main #comments #valine_container .vinput{color:#333}.l_main #comments #valine_container p{color:#333}.l_main #comments .vemojis{justify-content:space-between}.l_main #comments .vemojis i{width:auto;height:36px;padding:0;margin:8px 8px 0 8px}.l_main #comments .vemojis i #emoji{height:24px;margin-top:6px;background:0 0}.l_main #comments p #emoji{display:inline;max-height:28px;background:0 0}.l_main .post-wrapper{column-break-inside:avoid;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid-column}.l_main .post-wrapper{margin-bottom:16px}.l_main .post-wrapper .post .meta{margin-bottom:16px}.l_main .post-wrapper .post .meta .title{font-size:22.5px}.l_main .post-wrapper .post .meta .title a{font-size:22.5px}.l_main .post-wrapper .post .full-width{margin-left:-24px;margin-right:-24px;width:calc(100% + 3 * 16px)}.l_main .post-wrapper .post .auto-padding{padding-left:24px;padding-right:24px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;overflow:auto}.l_main .post-wrapper .tags{margin-bottom:-32px}@media (max-width:580px){.l_main .post-wrapper .tags{margin-bottom:-24px}.l_main .post-wrapper .post .meta{margin-bottom:16px}.l_main .post-wrapper .post .meta .title{font-size:22.5px}.l_main .post-wrapper .post .full-width{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;width:calc(100% + 2 * 16px)}.l_main .post-wrapper .post .auto-padding{padding-left:16px;padding-right:16px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;overflow:auto}.l_main .post-wrapper .post .highlight{margin-left:0;margin-right:0;width:calc(100% - 0 * 16px)}}@media (max-width:580px) and (max-width:580px){.l_main .post-wrapper .post{padding:24px 16px}.l_main .post-wrapper .post .highlight{margin-left:0;margin-right:0;width:calc(100% - 0 * 16px)}.l_main .post-wrapper .post .auto-padding{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (max-width:580px){.l_main .widget{border-radius:0;margin-left:0;margin-right:0;width:auto}}.l_main .post{position:relative;margin:16px auto;padding:32px 24px;border-radius:12px}.l_main .post h1{font-weight:400;font-size:27px;line-height:1.5;color:#333}@media (max-width:580px){.l_main .post{border-radius:0}.l_main .post:hover{box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}}.l_main .post .tags a{color:rgba(51,51,51,.7)}.l_main .post .meta{color:rgba(51,51,51,.7);font-size:12.54px}.l_main .post .meta#header-meta{margin-top:0;margin-bottom:16px}.l_main .post .meta#footer-meta{margin-top:32px;margin-bottom:8px}.l_main .post .meta .aplayer,.l_main .post .meta .thumbnail{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;width:65px;height:65px;border-radius:100%;float:right;margin:4px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.l_main .post .meta .aplayer:hover,.l_main .post .meta .thumbnail:hover{border-radius:25%;transform:scale(1.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1)}@media (max-width:580px){.l_main .post .meta .aplayer:hover,.l_main .post .meta .thumbnail:hover{border-radius:100%;transform:scale(1);box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}}.l_main .post .meta .thumbnail{width:auto;border-radius:4px;box-shadow:none}.l_main .post .meta .thumbnail:hover{border-radius:4px;transform:scale(1.1) rotate(4deg);box-shadow:none}.l_main .post .meta .title{text-align:left;font-size:27px;margin:0}@media (max-width:580px){.l_main .post .meta .title{font-size:22.5px}}.l_main .post .meta .title a{display:inline;line-height:1.5;font-weight:400;color:#333;text-decoration:none;font-size:27px}@media (max-width:580px){.l_main .post .meta .title a{font-size:22.5px}}.l_main .post .meta .title a:hover{color:#ff5722}.l_main .post .meta .new-meta-box{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;padding-top:4px;padding-bottom:8px;display:flex;align-items:center;flex-wrap:wrap}.l_main .post .meta .new-meta-box .new-meta-item{color:rgba(51,51,51,.7);font-size:13.2px;line-height:24px;display:flex;align-items:center;justify-content:center;padding:2px;margin:0 8px 0 0;border-radius:4px}.l_main .post .meta .new-meta-box .new-meta-item.link-btns{display:flex;flex-wrap:wrap;justify-content:flex-start}.l_main .post .meta .new-meta-box .new-meta-item.link-btns .btn{font-size:11.88px;line-height:20px;color:#fff;padding:0 4px;border-radius:2px;margin:2px}.l_main .post .meta .new-meta-box .new-meta-item.link-btns .btn:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1)}.l_main .post .meta .new-meta-box .new-meta-item.link-btns .btn i{padding-left:3px;font-size:13.2px}.l_main .post .meta .new-meta-box .new-meta-item.link-btns .btn p{color:#fff}.l_main .post .meta .new-meta-box .new-meta-item.link-btns .btn:hover{color:#fff}.l_main .post .meta .new-meta-box .new-meta-item.link-btns .btn:hover p{color:#fff}.l_main .post .meta .new-meta-box .new-meta-item .notlink{cursor:default}.l_main .post .meta .new-meta-box .new-meta-item .notlink:hover{color:rgba(51,51,51,.7)}.l_main .post .meta .new-meta-box .new-meta-item .notlink:hover p{color:rgba(51,51,51,.7)}.l_main .post .meta .new-meta-box .new-meta-item:last-child{margin-right:0}.l_main .post .meta .new-meta-box .new-meta-item i,.l_main .post .meta .new-meta-box .new-meta-item img{border-radius:100%;display:inline}.l_main .post .meta .new-meta-box .new-meta-item i{margin-right:4px;border-radius:0}.l_main .post .meta .new-meta-box .new-meta-item i.fa-hashtag{margin-right:1px}.l_main .post .meta .new-meta-box .new-meta-item a,.l_main .post .meta .new-meta-box .new-meta-item p{color:rgba(51,51,51,.7);padding-left:0;padding-right:4px}.l_main .post .meta .new-meta-box .new-meta-item a{font-family:'Varela Round',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif;display:flex;justify-content:center;align-items:center}.l_main .post .meta .new-meta-box .new-meta-item a img{height:17px;width:17px;margin-right:5px;transform:translateY(-1px)}.l_main .post .meta .new-meta-box .new-meta-item a p{margin:0;padding-top:2px;font-weight:400;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main .post .meta .new-meta-box .new-meta-item a:hover{color:#ff5722;text-decoration:none}.l_main .post .meta .new-meta-box .new-meta-item a:hover p{color:#ff5722}.l_main .post .meta .new-meta-box .share-body{height:22px;display:flex}.l_main .post .meta .new-meta-box .share-body a{padding:0;margin-right:4px}.l_main .post .meta .new-meta-box .share-body a img{height:22px;width:auto;background:0 0}.l_main .post .full-width,.l_main .post .highlight{margin-left:0;margin-right:0;width:calc(100% - 0 * 16px)}.l_main .post img{display:flex;justify-content:center;align-items:center;max-width:100%;border-radius:4px;background:0 0}.l_main .post span img{display:inline-block}.l_main .post a img{display:inline}@media (max-width:768px){.l_main{padding-right:0}.l_main .post .meta{margin-bottom:16px}.l_main .post .meta .title{font-size:22.5px}.l_main .post .full-width{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;width:calc(100% + 2 * 16px)}.l_main .post .auto-padding{padding-left:16px;padding-right:16px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;overflow:auto}.l_main .post .highlight{margin-left:0;margin-right:0;width:calc(100% - 0 * 16px)}}@media (max-width:768px) and (max-width:580px){.l_main{width:100%}}@media (max-width:768px) and (max-width:580px){.l_main .post{padding:24px 16px}.l_main .post .highlight{margin-left:0;margin-right:0;width:calc(100% - 0 * 16px)}.l_main .post .auto-padding{border-bottom-left-radius:0;border-bottom-right-radius:0}}.l_main .prev-next{width:100%;display:flex;justify-content:space-between;align-items:baseline;color:rgba(51,51,51,.5);margin:0}.l_main .prev-next .prev{text-align:left;border-top-right-radius:32px;border-bottom-right-radius:32px}.l_main .prev-next .next{text-align:right;border-top-left-radius:32px;border-bottom-left-radius:32px}.l_main .prev-next p{margin:16px}.l_main .prev-next a{color:rgba(33,150,243,.9)}.l_main .prev-next section{color:rgba(51,51,51,.8);padding:16px;border-radius:12px}.l_main .prev-next section:hover{color:#ff5722}@media (max-width:580px){.l_main .prev-next section{border-radius:0}}.alert{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99999;text-align:center;padding:24px 36px 22px 36px;border-radius:4px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);font-family:'Varela Round',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif;font-weight:700;font-size:15px}.alert.alert-success{color:#247830;background-color:#daf4de}.alert.alert-info{color:#028baf;background-color:#e4f9ff}.alert.alert-warning{color:#c48700;background-color:#fffdf7}.alert.alert-danger{color:#ef0b01;background-color:#fff}details{display:block;background:rgba(242,242,242,.6);padding:16px;margin:.6em 0;border:1px solid rgba(217,217,217,.6);border-radius:4px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}details summary{cursor:pointer;padding:16px;margin:-16px;color:rgba(51,51,51,.7);font-size:14.25px;font-weight:700}details summary:hover{color:#ff5722}.l_side{width:285px;float:right;position:relative;display:flex;flex-direction:column}@media (max-width:1350px){.l_side{width:240px}}@media (max-width:768px){.l_side{width:100%}}.widget{z-index:0;background:#fff;margin-top:16px;font-family:'Varela Round',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif;font-size:15px;border-radius:12px;width:100%;display:none}.widget.desktop{display:block}@media (max-width:768px){.widget{display:none!important}.widget.mobile{display:block!important}}@media (max-width:580px){.widget{width:calc(100% - 2 * 16px);margin:16px 16px 0 16px;display:none!important}.widget.mobile{display:block!important}}.widget header{border-top-left-radius:12px;border-top-right-radius:12px;font-weight:700;line-height:1.5em;padding:calc(16px - 2px);padding-bottom:0}.widget header,.widget header a{color:#2196f3}.widget header a:hover{color:#ff5722}.widget header span.name{margin-left:8px}.widget .content{text-align:justify;padding:8px 0;max-height:calc(100% - 64px - 12.5 * 16px);max-width:100%}.widget .content p{margin:.6em 0}.widget .content ul>li a{color:rgba(51,51,51,.8);padding:0 16px;padding-left:12px;line-height:36px;display:flex;justify-content:space-between;align-content:center;border-left:4px solid transparent;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.widget .content ul.entry a .name,.widget .content ul.popular-posts a .name{flex:auto;color:rgba(51,51,51,.8)}.widget .content ul.entry a .badge,.widget .content ul.popular-posts a .badge{flex:none;font-weight:400;font-size:13.2px;color:rgba(51,51,51,.7)}.widget .content ul.entry a:hover,.widget .content ul.popular-posts a:hover{border-left:4px solid #2196f3;background:rgba(33,150,243,.1)}.widget .content ul.entry a.active,.widget .content ul.popular-posts a.active{border-left:4px solid #2196f3}.widget .content ul.entry a.active .name,.widget .content ul.popular-posts a.active .name{color:#2196f3}.widget .content ul.entry a.active .badge,.widget .content ul.popular-posts a.active .badge{color:rgba(33,150,243,.9)}.widget .content ul.entry a:active,.widget .content ul.popular-posts a:active{border-left:8px solid #2196f3}.widget .content ul.entry a.child,.widget .content ul.popular-posts a.child{padding-left:32px}.widget.blogger{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.widget.blogger .content{padding:0}.widget.blogger .content div.avatar{display:flex;justify-content:center}.widget.blogger .content img{padding:0;margin:0;display:flex;justify-content:center;width:285px;height:285px;border-top-left-radius:12px;border-top-right-radius:12px}@media (max-width:1350px){.widget.blogger .content img{width:240px;height:240px}}@media (max-width:768px){.widget.blogger .content img{width:96px;height:96px;border-radius:100%;margin-top:8px;padding:8px}}.widget.blogger .content h2{text-align:center;font-weight:700;margin:8px;margin-top:16px}@media (max-width:768px){.widget.blogger .content h2{margin:8px}}.widget.blogger .content p{font-size:15px;font-weight:700;text-align:center;margin:8px 8px 0 8px;empty-cells:hide}.widget.blogger .content .social-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;margin:4px 4px}.widget.blogger .content .social-wrapper a{color:rgba(51,51,51,.7);padding:0;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.widget.blogger .content .social-wrapper a:hover{color:#ff5722}.widget.blogger .content .social-wrapper a.social{display:flex;justify-content:center;align-items:center;width:32px;height:32px;margin:4px;border-radius:100px}.widget.blogger .content .social-wrapper a.social:hover{background:rgba(33,150,243,.1);color:#2196f3}@media (max-width:768px){.widget.blogger .content .social-wrapper{justify-content:center;display:none}}@media (max-width:768px){.widget.blogger{box-shadow:none;background:0 0;margin-top:32px;-webkit-backdrop-filter:none;backdrop-filter:none}}.widget.text .content{font-size:13.2px;word-break:break-all;padding:4px 16px;line-height:21.2px}.widget.text .content a{color:#2196f3;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.widget.text .content a:hover{color:#ff5722;text-decoration:underline}.widget.text .content a:active{color:#a22700}.widget.text .content p btn{line-height:1.8em}.widget.text .content p btn a{line-height:1.5;background:#2196f3;color:#fff;padding:2px 5px 1px 5px;margin:1px;border-radius:2px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.widget.text .content p btn a:hover{color:#fff;text-decoration:none;background:#ff5722}.widget.text .content p btn.small a{font-size:10.5px;padding:2px 3px 1px 3px}.widget.text .content p btn.regular{font-size:16.5px}.widget.text .content p btn.regular a{line-height:50px;padding:9px 16px 8px 16px}.widget.text .content p btn.regular a i{margin-right:2px}.widget.text .content p btn.large{font-size:16.5px;line-height:60px}.widget.text .content p btn.large a{padding:11px 40px 10px 40px}.widget.text .content p btn.large a i{margin:0 5px 0 -2px}.widget.list .content{padding:8px 0}.widget.list .content a{font-size:13.2px;font-weight:700}.widget.list .content a:hover{text-decoration:none}.widget.list .content a i{color:rgba(51,51,51,.7);line-height:36px;margin-right:3px}.widget.list .content a img{display:inline;vertical-align:middle;height:18px;width:18px;margin-bottom:4px}.widget.list .content a img#round{border-radius:100%}.widget.grid .content ul.grid{border:none;display:flex;flex-wrap:wrap;justify-content:space-around;padding:0 16px}.widget.grid .content ul.grid a{text-align:center;border-radius:12px;margin:4px 0;padding:4px 8px;display:flex;flex-direction:column;align-items:center;font-size:11.88px;font-weight:700;line-height:17.16px;color:rgba(51,51,51,.7);border:1px solid transparent}.widget.grid .content ul.grid a i{margin-top:.3em;margin-bottom:.3em;font-size:1.8em}.widget.grid .content ul.grid a img{display:inline;vertical-align:middle;margin-bottom:4px}.widget.grid .content ul.grid a img#round{border-radius:100%}.widget.grid .content ul.grid a:hover{color:#2196f3;background:rgba(33,150,243,.1);border-radius:4px}.widget.grid .content ul.grid a:active{color:#2196f3}.widget.grid .content ul.grid a.active{color:#2196f3;border:1px solid #2196f3}.widget.category .content{font-size:13.2px;font-weight:700}.widget.tagcloud .content{text-align:justify;padding:8px 16px}.widget.tagcloud .content a{display:inline-block;transition:all .1s ease;-moz-transition:all .1s ease;-webkit-transition:all .1s ease;-o-transition:all .1s ease;line-height:1.6em}.widget.tagcloud .content a:hover{color:#ff5722!important;text-decoration:underline}.widget.related_posts .content{font-size:13.2px;font-weight:700}.widget.related_posts .content h3{font-size:13.2px;font-weight:700;margin:0}.widget.related_posts .content h3 a{line-height:inherit;padding-top:4px;padding-bottom:4px}.widget.qrcode .content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;padding-left:16px;padding-right:16px;margin-bottom:4px}.widget.qrcode .content img{margin-bottom:4px}.aplayer-container{display:flex;justify-content:center}.aplayer-container meting-js{max-width:100%}.aplayer{max-width:500px;border-radius:4px;color:#333;font-family:'Varela Round',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif}.aplayer .aplayer-list{text-align:left}@media (max-width:580px){.aplayer{border-radius:12px}}.l_side .toc-wrapper{z-index:1;overflow:hidden;border-radius:12px;position:-webkit-sticky;position:sticky;top:80px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_side .toc-wrapper header{position:-webkit-sticky;position:sticky;width:100%;top:0;padding-bottom:4px}.l_side .toc-wrapper .content{max-height:calc(100vh - 5 * 16px - 64px);overflow:auto}.l_side .toc-wrapper .content a{border-left:4px solid transparent}.l_side .toc-wrapper .content a:hover{background:rgba(33,150,243,.1)}.l_side .toc-wrapper .content a:active{border-left:8px solid #2196f3}.l_side .toc-wrapper .content a.active{color:#2196f3;border-left:4px solid #2196f3}.l_side .toc-wrapper.active{position:fixed;box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1);top:64px;width:285px}.l_side .toc-wrapper.active header .s-toc{transform:rotate(30deg)}@media (max-width:1350px){.l_side .toc-wrapper.active{width:240px}}@media (max-width:768px){.l_side .toc-wrapper.active{width:calc(100% - 2 * 16px)}}@media (max-width:768px){.l_side .toc-wrapper{position:fixed;max-height:1000px;width:calc(100% - 2 * 16px);top:64px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1);visibility:hidden;transform:scale(0,0);transform-origin:right top}.l_side .toc-wrapper.active{visibility:visible;transform:scale(1,1)}}.l_side .toc-wrapper a{padding-left:8px;color:rgba(51,51,51,.7);font-size:13.2px;display:inline-block}.l_side .toc-wrapper ol .toc-item.toc-level-1 .toc-child a{padding-left:12.8px;font-weight:400}.l_side .toc-wrapper ol .toc-item.toc-level-2 .toc-child a{padding-left:25.6px;font-weight:400}.l_side .toc-wrapper ol .toc-item.toc-level-3 .toc-child a{padding-left:38.4px;font-weight:400}.l_side .toc-wrapper ol .toc-item.toc-level-4 .toc-child a{padding-left:51.2px;font-weight:400}.l_side .toc-wrapper ol li{width:auto;text-align:left}.l_side .toc-wrapper ol li a{padding:0 8px 0 11px;font-weight:700;width:100%}.l_side .toc-wrapper:empty{display:none}#archive-page{margin-bottom:32px}#archive-page .archive{position:relative}#archive-page .archive .archive-year{font-size:15px;margin-top:4em;margin-bottom:1em}#archive-page .archive .archive-year:first-child{margin-top:0;padding-top:0}#archive-page .archive .archive-year h2{margin-top:1em}#archive-page .archive .archive-year a{color:#333;text-decoration:none}#archive-page .archive .archive-post a{width:100%;display:inline-flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;text-decoration:none}#archive-page .archive .archive-post a.child{padding-left:32px}#archive-page .archive .archive-post time{color:#333;flex:none;font-size:13.2px;padding:.5em .5em .5em 3em}@media (max-width:580px){#archive-page .archive .archive-post time{padding:.5em .5em .5em 0}}#archive-page .archive .archive-post .title{flex:auto;padding:.5em;font-size:13.2px;color:#333}#archive-page .archive .archive-post .title i{color:#2196f3}#archive-page .archive .archive-post .title i.music{color:#ff5722}#archive-page .archive .archive-post .title i.red{color:#fe5f58}#archive-page .archive .archive-post .title i.green{color:#3dc550}#archive-page .archive .archive-post .title i.yellow{color:#ffbd2b}#archive-page .archive .archive-post .title i.blue{color:#1bcdfc}#archive-page .archive .archive-post .title i.theme{color:#2196f3}#archive-page .archive .archive-post .title i.accent{color:#ff5722}#archive-page .archive .archive-post .title i.orange{color:#ff5722}#archive-page .archive .all-tags{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;align-items:baseline;word-spacing:8px;text-align:center}#archive-page .archive .all-tags a{color:rgba(51,51,51,.8);margin-right:16px}#archive-page .archive .all-tags a.active,#archive-page .archive .all-tags a:active,#archive-page .archive .all-tags a:hover{color:#ff5722}.article{color:#333;font-size:15px;line-height:1.5;word-wrap:break-word}.article img{position:relative;margin:0 auto;background:#fff;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}@media (max-width:580px){.article img{box-shadow:none}}.article span img{display:inline;margin:auto}.article .aplayer{margin:0;display:inline-block;width:400px;max-width:100%;border-radius:4px;color:#666;font-family:'Varela Round',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif}.article div.small-img img,.article p.small-img img{width:auto;max-width:100%;margin:0;box-shadow:none}.article p{margin-top:.6em;margin-bottom:.6em;max-width:100%;overflow:auto}.article p u{color:#ff5722}.article p s{color:rgba(51,51,51,.7)}.article p.has-jax{font-family:Menlo,Monaco,courier,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,Ubuntu;background:#fff0;padding:16px 8px;border-radius:4px}.article p.has-jax .mjx-chtml.MJXc-display{margin:0}.article ol,.article ul{font-size:14.25px;list-style:initial;padding-left:8px;margin-left:16px;margin-top:.6em;margin-bottom:.6em}.article ol.task-list,.article ul.task-list{padding-left:0;margin-left:4px}.article ol.task-list li,.article ul.task-list li{list-style:none}.article ol.task-list li input,.article ul.task-list li input{margin-right:4px}.article ol.center,.article ul.center{justify-content:center}.article ol.pure,.article ul.pure{margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:stretch}.article ol.pure br,.article ul.pure br{display:none}@media screen and (max-width:900px){.article ol.pure,.article ul.pure{justify-content:space-between}}.article ol.pure li,.article ul.pure li{margin:8px;display:flex;width:75px;flex-direction:column;align-items:stretch;vertical-align:middle;text-align:center;font-size:.8em;line-height:1.2em;overflow:hidden}.article ol.pure li a,.article ul.pure li a{display:flex;flex-direction:column;align-items:center;text-align:center}.article ol.pure li img,.article ul.pure li img{margin-bottom:8px}.article ol.pure.rounded img,.article ul.pure.rounded img{border-radius:25%}.article ol.pure.circle img,.article ul.pure.circle img{border-radius:50%}@media screen and (max-width:900px){.article ol.pure.about,.article ul.pure.about{justify-content:center}}.article ul>li{list-style:initial}.article ol>li{list-style:decimal}.article a{color:#2196f3;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.article a:before{display:none}.article a:hover{color:#ff5722;text-decoration:underline}.article a:active{color:#a22700}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{position:relative;font-family:'Varela Round',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif;font-weight:400;margin-top:1.5em;margin-bottom:.6em}.article h1.title,.article h2.title,.article h3.title,.article h4.title,.article h5.title,.article h6.title{left:0}.article h1.title:before,.article h2.title:before,.article h3.title:before,.article h4.title:before,.article h5.title:before,.article h6.title:before{content:none}.article h1,.article h2{color:#262626;margin-top:2.5em;border-bottom:1px solid rgba(51,51,51,.1);padding-bottom:.2em}.article h1{font-size:22.5px}.article h2{font-size:22.5px;text-align:left}.article h3{margin-top:1.5em;font-size:19.5px;color:#0d8aee;text-align:left}.article h4{font-weight:700;font-size:17.25px}.article h5{font-weight:700;color:#333;font-size:15px}.article h6{color:rgba(51,51,51,.75);font-size:13.2px}.article h3:first-child,.article h4:first-child,.article h5:first-child,.article h6:first-child{margin-top:0;padding-top:0}.article .subtitle h6{color:rgba(51,51,51,.9)}.article figure figcaption span{display:inline-block;margin-right:5px}.article blockquote{background:rgba(33,150,243,.1);border-left:4px solid #2196f3;border-radius:4px}.article blockquote,.article div.danger,.article div.info,.article div.success,.article div.warning{position:relative;width:100%;font-size:13.2px;margin:.6em 0;padding:.7em 1.2em;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.article blockquote p,.article div.danger p,.article div.info p,.article div.success p,.article div.warning p{text-align:left;word-wrap:normal;font-size:13.2px;line-height:19.8px;margin:.6em 0}.article blockquote footer,.article div.danger footer,.article div.info footer,.article div.success footer,.article div.warning footer{padding:0;text-align:justify;color:inherit;font-style:italic;margin:.6em 0}.article blockquote footer cite,.article div.danger footer cite,.article div.info footer cite,.article div.success footer cite,.article div.warning footer cite{color:rgba(51,51,51,.7);margin-left:1em}.article blockquote footer cite::before,.article div.danger footer cite::before,.article div.info footer cite::before,.article div.success footer cite::before,.article div.warning footer cite::before{content:'----';padding:0 .3em}.article blockquote.pullquote.right,.article div.danger.pullquote.right,.article div.info.pullquote.right,.article div.success.pullquote.right,.article div.warning.pullquote.right{border-left:none;border-right:4px solid #2196f3}.article blockquote.pullquote.right p,.article div.danger.pullquote.right p,.article div.info.pullquote.right p,.article div.success.pullquote.right p,.article div.warning.pullquote.right p{text-align:right}.article pre{display:block;box-sizing:border-box;font-family:Menlo,Monaco,courier,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,Ubuntu;color:#333}.article code{font-family:Menlo,Monaco,courier,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,Ubuntu;padding:3px 3px 0 3px;margin:0 1px;vertical-align:center;border-radius:2px;border:1px solid rgba(255,248,240,.2);font-size:12px;background:#fff8f0;color:#a55a00}@media (max-width:580px){.article code{font-size:11.4px}}.article .readmore{font-family:'Varela Round',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif;font-size:.8em;letter-spacing:.1em;margin-top:16px}.article .readmore a{text-decoration:none;display:inline-block;vertical-align:middle;line-height:2rem;font-weight:700;background-color:#2196f3;padding:.2em 2.4em;color:#fff;border-radius:6px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.article .readmore a:hover{background:#0c7cd5}.article .tags{position:relative;padding-top:8px;padding-bottom:8px;font-size:13.2px;line-height:1.5;margin-top:16px;background:rgba(242,242,242,.6);word-spacing:8px}.article .tags a{color:#333;position:relative;display:inline-block;word-spacing:0;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.article .tags a:hover{color:#ff5722;background:0 0;text-decoration:none}.article table:not('.highlight table'){width:100%}.article table:not('.highlight table') td,.article table:not('.highlight table') th{padding:12px 24px}@media (max-width:580px){.article ol,.article ul{font-size:14.25px}.article figure{font-size:13px;line-height:1.6em}}.article .prev-next{width:100%;display:flex;justify-content:space-between;align-content:flex-start}.article .prev-next section{width:100%;padding:8px;color:rgba(51,51,51,.7);background-color:rgba(242,242,242,.6);border-radius:12px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.article .prev-next section p{font-size:15px;line-height:1.5;margin:0}.article .prev-next section h4{margin-top:8px;margin-bottom:8px;position:relative;font-family:'Varela Round',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif;font-weight:700;font-size:15px}@media (max-width:580px){.article .prev-next section h4{letter-spacing:-1px}}.article .prev-next section h6{margin:0;word-spacing:normal}.article .prev-next section .tags{background:0 0;padding:0;margin-top:8px;margin-bottom:0;font-size:11.88px;word-spacing:4px}.article .prev-next section:first-child{margin-left:0;margin-right:0}.article .prev-next .prev{text-align:left;margin-left:0;margin-right:8px;border-top-right-radius:12px;border-bottom-right-radius:12px}.article .prev-next .next{text-align:right;margin-left:8px;margin-right:0;border-top-left-radius:12px;border-bottom-left-radius:12px}.article li btn,.article p btn{line-height:1.8em}.article li btn a,.article p btn a{line-height:1.5;background:#2196f3;color:#fff;padding:2px 5px 1px 5px;margin:1px;border-radius:2px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.article li btn a:hover,.article p btn a:hover{color:#fff;text-decoration:none;background:#ff5722}.article li btn.small a,.article p btn.small a{font-size:10.5px;padding:2px 3px 1px 3px}.article li btn.regular,.article p btn.regular{font-size:16.5px}.article li btn.regular a,.article p btn.regular a{line-height:50px;padding:9px 16px 8px 16px}.article li btn.regular a i,.article p btn.regular a i{margin-right:2px}.article li btn.large,.article p btn.large{font-size:16.5px;line-height:60px}.article li btn.large a,.article p btn.large a{padding:11px 40px 10px 40px}.article li btn.large a i,.article p btn.large a i{margin:0 5px 0 -2px}.article .huge,.article .large{margin:0}.article .large{font-size:4em}.article .huge{font-size:6em}.article .bold{font-weight:700}.article .left{text-align:left}.article .right{text-align:right}.article .red,.article red{color:#fe5f58}.article .green,.article green{color:#3dc550}.article .yellow,.article yellow{color:#ffbd2b}.article .blue,.article blue{color:#2196f3}.article .cyan,.article cyan{color:#1bcdfc}.article .gray,.article gray{color:#aaa}.article div.links-wrapper{display:flex;flex-wrap:wrap;margin:.6em -8px;align-items:flex-start}.article div.links-wrapper.auto a{padding-left:16px;padding-right:16px}.article div.links-wrapper.fill a{flex-grow:1;width:auto}.article div.links-wrapper.wide a{width:calc(100%/2 - 16px)!important}.article div.links-wrapper:not(.auto) a{width:calc(100%/5 - 16px)}@media (max-width:1024px){.article div.links-wrapper:not(.auto) a{width:calc(100%/4 - 16px)}}@media (max-width:768px){.article div.links-wrapper:not(.auto) a{width:calc(100%/3 - 16px)}}@media (max-width:580px){.article div.links-wrapper:not(.auto) a{width:calc(100%/2 - 16px)}}.article div.links-wrapper a{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;margin:8px;margin-top:calc(16px*1.25 + 32px);font-weight:700;display:flex;justify-content:flex-start;align-content:center;align-items:center;flex-direction:column;min-width:120px;line-height:1.5;padding:8px;text-align:center;font-size:13.2px;background:rgba(217,217,217,.6);border-radius:4px;color:#333}.article div.links-wrapper a img{width:64px;height:64px;margin:16px 8px 4px 8px;margin-top:calc(-16px*1.25 - 32px);border:3px solid #fff;background:#fff;line-height:60px;font-size:28px}.article div.links-wrapper a p{margin:.2em 0;font-weight:400;line-height:1.2;word-wrap:break-word}.article div.links-wrapper a p.title{font-size:15px;font-weight:700;line-height:1.3}.article div.links-wrapper a:hover{text-decoration:none;background:#ff5722;color:#fff}.article div.links-wrapper a:hover img{transform:scale(1.1) translateY(-8px);box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.article div.links-wrapper.circle>a>img{border-radius:50%}.article div.links-wrapper.rounded>a>img{border-radius:25%}.highlight{position:relative;width:100%;margin-top:.7em;margin-bottom:.7em;overflow:auto;display:block;background:rgba(242,242,242,.6);font-size:12.54px;font-family:Menlo,Monaco,courier,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,Ubuntu;line-height:1.5;border-radius:4px;border:1px solid rgba(217,217,217,.6);transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.highlight figcaption{position:-webkit-sticky;position:sticky;left:0;padding:4px 8px 4px 8px;background-color:rgba(229,229,229,.6)}.highlight table{margin:0;background-color:transparent;border:none}.highlight table td,.highlight table th{padding:0;border:none}.highlight table tr{background-color:transparent}.highlight table tr:hover{background-color:transparent}.highlight table .gutter{width:24px;padding:0 12px;text-align:right;border-width:0;margin-left:0;position:-webkit-sticky;position:sticky;left:0;background-color:rgba(229,229,229,.6)}.highlight table .gutter pre{color:rgba(51,51,51,.8)}.highlight table .code{padding:16px;vertical-align:top;background-color:transparent}.highlight table .code:before{content:"";position:absolute;top:0;right:0;color:rgba(51,51,51,.8);font-size:10.5px;padding:4px 8px;line-height:1.5}.highlight.html .code:before{content:"HTML"}.highlight.js .code:before{content:"JS"}.highlight.bash .code:before{content:"BASH"}.highlight.shell .code:before{content:"SHELL"}.highlight.css .code:before{content:"CSS"}.highlight.less .code:before{content:"LESS"}.highlight.swift .code:before{content:"SWIFT"}.highlight.objc .code:before{content:"OBJECTIVE-C"}.highlight.c .code:before{content:"C"}.highlight.cpp .code:before{content:"C++"}.highlight.java .code:before{content:"JAVA"}.highlight.python .code:before{content:"PYTHON"}.highlight.yaml .code:before{content:"YAML"}.highlight.plain .code:before{content:""}.highlight::-webkit-scrollbar{height:4px;width:4px}.highlight::-webkit-scrollbar-track-piece{background:0 0}.highlight::-webkit-scrollbar-thumb{background:rgba(229,229,229,.6);cursor:pointer;border-radius:4px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.highlight::-webkit-scrollbar-thumb:hover{background:rgba(212,212,212,.6)}@media (max-width:580px){.article .highlight{font-size:11.913px}}.art-item-footer{height:40px;line-height:1.5;font-size:13.2px}.art-item-footer .art-item-left,.art-item-footer .art-item-right{width:50%;height:40px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.art-item-footer .art-item-left{float:left;text-align:left}.art-item-footer .art-item-right{float:right;text-align:right}@media (max-width:580px){.art-item-footer{font-size:11.913px}}pre{line-height:1.65}pre .line{color:rgba(51,51,51,.9)}pre .marked{background-color:rgba(255,189,43,.4);padding:3px 8px 3px 0;border-radius:2px;width:100%}pre .title{color:#3f51b5}pre .comment{color:rgba(61,139,64,.7)}pre .attr,pre .javascript .function,pre .keyword{color:#9c27b0}pre .built_in,pre .tag .name,pre .type{color:#4ba7ee}pre .attribute,pre .css .class,pre .css .id,pre .css .pseudo,pre .html .doctype,pre .regexp,pre .ruby .constant,pre .variable,pre .xml .doctype,pre .xml .pi,pre .xml .tag .title{color:#fd8607}pre .constant,pre .literal,pre .number,pre .params,pre .preprocessor{color:#fd8607}pre .class,pre .css .rules .attribute,pre .ruby .class .title{color:#ff9800}pre .string{color:#3d8b40}pre .header,pre .inheritance,pre .ruby .symbol,pre .value,pre .xml .cdata{color:#4caf50}pre .css .hexcolor{color:#6cc}pre .coffeescript .title,pre .function,pre .javascript .title,pre .perl .sub,pre .python .decorator,pre .python .title,pre .ruby .function .title,pre .ruby .title .keyword{color:#69c}.html .tag .name{color:#ee2b29}.highlight{position:relative}.btn-copy{display:inline-block;cursor:pointer;background-color:#fcfcfc;background-image:linear-gradient(#fcfcfc,#eee);border:1px solid #d5d5d5;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;font-size:13px;font-weight:700;line-height:20px;color:#666;padding:2px 6px;position:absolute;right:5px;top:5px;opacity:0;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.btn-copy:hover{color:#444}.btn-copy span{margin-left:5px}.highlight:hover .btn-copy{opacity:1}.article-entry div.info{background-color:rgba(27,205,252,.2);border-left:4px solid #1bcdfc;border-radius:4px}.article-entry div.info:before{content:" ";position:absolute;top:50%;left:-14.5px;margin-top:-12px;width:24px;height:24px;border-radius:50%;text-align:center;color:#fff;background-size:16px 16px;background-position:4px 4px;background-repeat:no-repeat;background-color:#1bcdfc;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyMTYgMTM0NHYxMjhxMCAyNi0xOSA0NXQtNDUgMTloLTUxMnEtMjYgMC00NS0xOXQtMTktNDV2LTEyOHEwLTI2IDE5LTQ1dDQ1LTE5aDY0di0zODRoLTY0cS0yNiAwLTQ1LTE5dC0xOS00NXYtMTI4cTAtMjYgMTktNDV0NDUtMTloMzg0cTI2IDAgNDUgMTl0MTkgNDV2NTc2aDY0cTI2IDAgNDUgMTl0MTkgNDV6bS0xMjgtMTE1MnYxOTJxMCAyNi0xOSA0NXQtNDUgMTloLTI1NnEtMjYgMC00NS0xOXQtMTktNDV2LTE5MnEwLTI2IDE5LTQ1dDQ1LTE5aDI1NnEyNiAwIDQ1IDE5dDE5IDQ1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)}.article-entry div.success{background-color:rgba(61,197,80,.2);border-left:4px solid #3dc550;border-radius:4px}.article-entry div.success:before{content:" ";position:absolute;top:50%;left:-14.5px;margin-top:-12px;width:24px;height:24px;border-radius:50%;text-align:center;color:#fff;background-size:16px 16px;background-position:4px 4px;background-repeat:no-repeat;background-color:#3dc550;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNjcxIDU2NnEwIDQwLTI4IDY4bC03MjQgNzI0LTEzNiAxMzZxLTI4IDI4LTY4IDI4dC02OC0yOGwtMTM2LTEzNi0zNjItMzYycS0yOC0yOC0yOC02OHQyOC02OGwxMzYtMTM2cTI4LTI4IDY4LTI4dDY4IDI4bDI5NCAyOTUgNjU2LTY1N3EyOC0yOCA2OC0yOHQ2OCAyOGwxMzYgMTM2cTI4IDI4IDI4IDY4eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)}.article-entry div.warning{background-color:rgba(255,189,43,.2);border-left:4px solid #ffbd2b;border-radius:4px}.article-entry div.warning:before{content:" ";position:absolute;top:50%;left:-14.5px;margin-top:-12px;width:24px;height:24px;border-radius:50%;text-align:center;color:#fff;background-size:16px 16px;background-position:4px 4px;background-repeat:no-repeat;background-color:#ffbd2b;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMDg4IDEyNTZ2MjQwcTAgMTYtMTIgMjh0LTI4IDEyaC0yNDBxLTE2IDAtMjgtMTJ0LTEyLTI4di0yNDBxMC0xNiAxMi0yOHQyOC0xMmgyNDBxMTYgMCAyOCAxMnQxMiAyOHptMzE2LTYwMHEwIDU0LTE1LjUgMTAxdC0zNSA3Ni41LTU1IDU5LjUtNTcuNSA0My41LTYxIDM1LjVxLTQxIDIzLTY4LjUgNjV0LTI3LjUgNjdxMCAxNy0xMiAzMi41dC0yOCAxNS41aC0yNDBxLTE1IDAtMjUuNS0xOC41dC0xMC41LTM3LjV2LTQ1cTAtODMgNjUtMTU2LjV0MTQzLTEwOC41cTU5LTI3IDg0LTU2dDI1LTc2cTAtNDItNDYuNS03NHQtMTA3LjUtMzJxLTY1IDAtMTA4IDI5LTM1IDI1LTEwNyAxMTUtMTMgMTYtMzEgMTYtMTIgMC0yNS04bC0xNjQtMTI1cS0xMy0xMC0xNS41LTI1dDUuNS0yOHExNjAtMjY2IDQ2NC0yNjYgODAgMCAxNjEgMzF0MTQ2IDgzIDEwNiAxMjcuNSA0MSAxNTguNXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)}.article-entry div.danger{background-color:rgba(254,95,88,.2);border-left:4px solid #fe5f58;border-radius:4px}.article-entry div.danger:before{content:" ";position:absolute;top:50%;left:-14.5px;margin-top:-12px;width:24px;height:24px;border-radius:50%;text-align:center;color:#fff;background-size:16px 16px;background-position:4px 4px;background-repeat:no-repeat;background-color:#fe5f58;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMDg4IDEyNDh2MjI0cTAgMjYtMTkgNDV0LTQ1IDE5aC0yNTZxLTI2IDAtNDUtMTl0LTE5LTQ1di0yMjRxMC0yNiAxOS00NXQ0NS0xOWgyNTZxMjYgMCA0NSAxOXQxOSA0NXptMzAtMTA1NmwtMjggNzY4cS0xIDI2LTIwLjUgNDV0LTQ1LjUgMTloLTI1NnEtMjYgMC00NS41LTE5dC0yMC41LTQ1bC0yOC03NjhxLTEtMjYgMTcuNS00NXQ0NC41LTE5aDMyMHEyNiAwIDQ0LjUgMTl0MTcuNSA0NXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)}.article-entry .widget{background:0 0;margin:0;font-family:'Varela Round',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif;font-size:15px;box-shadow:none;border-radius:12px;cursor:auto;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.article-entry .widget:hover{box-shadow:none}.article-entry .widget:active{box-shadow:none}.article-entry .widget header{display:none}.article-entry .widget .content{padding:0;margin-top:16px}.article-entry .widget-blur{-webkit-backdrop-filter:none;backdrop-filter:none}#page-nav{position:relative;width:100%;padding:20px 0}#page-nav .page-number,#page-nav .space{display:none}#page-nav .next,#page-nav .prev{font-size:.8125em;font-weight:400;color:#aaa;border-radius:2px}#page-nav .next:hover,#page-nav .prev:hover{color:#444}#page-nav .next span,#page-nav .prev span{line-height:20px;vertical-align:middle}#page-nav .next span.icon,#page-nav .prev span.icon{position:relative;top:1px}#page-nav .next{float:right;padding:0 7px 2px 10px}#page-nav .prev{float:left;padding:0 10px 2px 7px}#u-search{display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:60px 20px;z-index:999999}@media (max-width:680px){#u-search{padding:0}}#u-search .modal{position:fixed;height:80%;width:100%;max-width:640px;left:50%;top:0;margin:64px 0 0 -320px;background:#fff;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);z-index:3;border-radius:12px;overflow:hidden}@media (max-width:680px){#u-search .modal{box-shadow:none;max-width:none;top:0;left:0;margin:0;height:100%;border-radius:0}}#u-search .modal .modal-ajax-content{opacity:0;visibility:hidden;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}#u-search .modal .modal-ajax-content.loaded{opacity:1;visibility:visible}#u-search .modal .modal-header{position:relative;width:100%;height:64px;background-color:#2196f3;z-index:3;border-top-left-radius:12px;border-top-right-radius:12px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}@media (max-width:680px){#u-search .modal .modal-header{padding:0;border-radius:0}}#u-search .modal .modal-header .btn-close{display:block;position:absolute;width:55px;height:64px;top:0;right:0;color:#fff;cursor:pointer;text-align:center;line-height:64px;vertical-align:middle;font-size:1.3em;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;z-index:2}#u-search .modal .modal-header .btn-close:hover{transform:rotate(90deg)}#u-search .modal .modal-header .modal-loading{position:absolute;bottom:0;left:0;width:100%;height:2px;background:0 0;z-index:1}#u-search .modal .modal-header .modal-loading .modal-loading-bar{display:block;position:relative;width:0%;height:100%;background:#fff;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}#u-search .modal .modal-header #u-search-modal-form{position:relative;width:100%;height:100%;z-index:2}#u-search .modal .modal-header #u-search-modal-form #u-search-modal-input{width:100%;padding:0 50px;height:64px;font-size:15px;line-height:1.5;vertical-align:middle;color:#fff;border:none;background:0 0;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;font-weight:thin;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none}#u-search .modal .modal-header #u-search-modal-form #u-search-modal-input:focus{border-top-left-radius:12px;border-top-right-radius:12px}#u-search .modal .modal-header #u-search-modal-btn-submit{position:absolute;top:0;left:0;padding-left:5px;padding-top:2px;background:0 0;border:none;width:50px;height:64px;vertical-align:middle;font-size:1.3em;color:#fff;z-index:2}#u-search .modal .modal-footer{position:absolute;bottom:0;left:0;width:100%;height:50px;padding:0 15px;background:#fff;border-top:1px solid #ddd}#u-search .modal .modal-footer .logo{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;z-index:0}#u-search .modal .modal-footer .logo a{display:inline-block}#u-search .modal .modal-footer .logo.google img{height:24px;margin-top:13px}#u-search .modal .modal-footer .logo.baidu img{height:22px;margin-top:14px}#u-search .modal .modal-footer .logo img{position:relative;display:inline-block;width:auto;height:18px;margin-top:16px}#u-search .modal .modal-footer .modal-error{position:relative;float:left;vertical-align:middle;line-height:50px;font-size:13px;z-index:1}#u-search .modal .modal-footer .modal-metadata{position:relative;float:left;vertical-align:middle;line-height:50px;font-size:13px;z-index:1}#u-search .modal .modal-footer .nav{position:relative;display:block;float:right;vertical-align:middle;font-size:13px;font-weight:500;line-height:50px;color:#828282;cursor:pointer;z-index:1}#u-search .modal .modal-footer .nav:hover{color:#444}#u-search .modal .modal-footer .nav.btn-next{margin-left:10px}#u-search .modal .modal-footer .nav .icon{font-size:12px}#u-search .modal .modal-body{position:absolute;padding:64px 50px 80px 50px;width:100%;height:100%;top:0;left:0;overflow-y:scroll;-webkit-overflow-scrolling:touch;background-color:#fff;border-radius:12px}@media (max-width:680px){#u-search .modal .modal-body{padding:60px 20px 80px 20px}}#u-search .modal .modal-body .modal-results{list-style:none}#u-search .modal .modal-body .modal-results li{border-bottom:1px solid #e6e8ea}#u-search .modal .modal-body .modal-results li:last-child{border-bottom:none}#u-search .modal .modal-body .modal-results .result{position:relative;display:block;padding-top:20px;text-decoration:none}#u-search .modal .modal-body .modal-results .result:hover .title{color:#ff5722}#u-search .modal .modal-body .modal-results .result .title{display:inline-block;max-width:100%;color:#4d4d4d;font-size:15px;font-weight:700;padding:1px;margin-bottom:2px;line-height:1.5;white-space:normal;overflow:hidden;text-overflow:ellipsis}#u-search .modal .modal-body .modal-results .result .digest{display:block;white-space:inherit;overflow:hidden;word-break:break-all;text-overflow:ellipsis;font-size:13.2px;line-height:1.5;color:grey;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}#u-search .modal .modal-body .modal-results .result .icon{position:absolute;top:50%;right:0;margin-top:-4px;font-size:11px;color:#828282}#u-search .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1}footer{position:relative;padding:40px 10px 120px 10px;width:100%;color:rgba(51,51,51,.5);margin:0 auto;font-size:13.2px;overflow:hidden;text-align:center;font-family:'Varela Round',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif}footer.white,footer.white a{text-shadow:0 1px 2px rgba(0,0,0,.1)}footer.white{color:rgba(255,255,255,.5)}footer.white a{color:rgba(255,255,255,.8);text-shadow:0 1px 2px rgba(0,0,0,.1)}footer .licenses{color:rgba(51,51,51,.5);text-decoration:underline}footer .codename{text-decoration:underline}footer .social-wrapper{display:flex;justify-content:center;flex-wrap:wrap;margin:4px 8px}footer a{color:rgba(51,51,51,.7);padding:0;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}footer a:hover{color:#ff5722}footer a.social{position:relative;display:inline-block;text-align:center;display:flex;justify-content:center;align-items:center;width:32px;height:32px;margin:4px;border-radius:100px}footer a.social:hover{background:rgba(33,150,243,.1);color:#2196f3}footer .copyright{margin-top:16px;font-size:11.88px}@media (max-width:768px){footer{justify-content:center}}.nav-blur{background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.body-blur,.widget-blur{background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.card-shadow{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.card-shadow:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1)}.article.typo.l_friends .friends-group .friend-content{display:flex;flex-wrap:wrap;margin:-8px;border-radius:12px;align-items:flex-start}.article.typo.l_friends .friends-group .friend-content .friend-card{display:flex;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);padding:8px 0;margin:8px;margin-top:calc(16px*1.25 + 32px);color:rgba(51,51,51,.8);background:rgba(217,217,217,.6);justify-content:flex-start;align-content:flex-start;flex-direction:column;width:calc(100%/4 - 16px)}@media (max-width:1024px){.article.typo.l_friends .friends-group .friend-content .friend-card{width:calc(100%/4 - 16px)}}@media (max-width:768px){.article.typo.l_friends .friends-group .friend-content .friend-card{width:calc(100%/3 - 16px)}}@media (max-width:580px){.article.typo.l_friends .friends-group .friend-content .friend-card{width:calc(100%/2 - 16px)}}.article.typo.l_friends .friends-group .friend-content .friend-card:hover{text-decoration:none;transform:scale(1.05);border-radius:6px}.article.typo.l_friends .friends-group .friend-content .friend-card:hover .friend-left .avatar{transform:scale(1.2) rotate(12deg);box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1)}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-left{display:flex;align-self:center}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-left .avatar{width:64px;height:64px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);margin:16px 8px 4px 8px;margin-top:calc(-16px*1.25 - 32px);border-radius:100%;border:2px solid #fff;background:#fff}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right{margin:4px 8px;display:flex;flex-direction:column;text-align:center}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p{text-align:center}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right .friend-tags-wrapper{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;margin-left:-2px;word-break:break-all;line-height:10.5px}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p{margin:0}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p.friend-name{font-family:'Varela Round',"Microsoft YaHei","Source Sans Pro","Helvetica Neue",Menlo,Monaco,monospace,"Lucida Console",sans-serif,Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial,sans-serif;font-size:13.2px;line-height:19.8px;padding-top:4px;font-weight:700}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p.tags{font-size:10.5px;display:inline;background:0 0;word-wrap:break-word;padding-right:4px}