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:normal;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:normal;font-style:normal}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */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:bold}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:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;border:0;border-radius:1px;border-bottom:1px solid rgba(0,0,0,0.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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;width:100%}table th{background-color:#f7f7f7}table td,table th{text-align:justify;padding:4px 8px;border:1px solid #F4F4F4}td,th{padding:0}*{box-sizing:border-box;outline:none;margin:0;padding:0}html{color:#555555;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:16px;line-height:1.5rem;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-tap-highlight-color:rgba(0,0,0,0)}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}.backstretch{opacity:.75}.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;padding:16px}.cover-wrapper .cover .title,.cover-wrapper .cover .logo{font-size:72px;line-height:79.2px;margin-top:calc(28vh - 2*16px);text-align:center;font-weight:bold}.cover-wrapper .cover .logo{max-height:150px;max-width:calc(100% - 4*16px)}@media (max-width:580px){.cover-wrapper .cover .title,.cover-wrapper .cover .logo{font-size:48px;line-height:52.8px}}.cover-wrapper .cover .m_search{margin-top:calc(2vh + 2*16px);position:relative;max-width:calc(100% - 1*16px);width:313.5px;line-height:48px;vertical-align:middle}@media (max-width:1024px){.cover-wrapper .cover .m_search{width:288px}}.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:16px;color:rgba(85,85,85,0.6)}.cover-wrapper .cover .m_search .input{display:block;font-size:16px;line-height:16px;height:44px;width:100%;color:#555555;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;color:rgba(85,85,85,0.6)}.cover-wrapper .cover .m_search .input:-moz-placeholder{padding-top:2px;color:rgba(85,85,85,0.6)}.cover-wrapper .cover .m_search .input::-moz-placeholder{padding-top:2px;color:rgba(85,85,85,0.6)}.cover-wrapper .cover .m_search .input:-ms-input-placeholder{padding-top:2px;color:rgba(85,85,85,0.6)}.cover-wrapper .cover .m_search .input:hover~.icon{color:#66CC99}.cover-wrapper .cover .m_search .input:focus{border:1px solid #66CC99}.cover-wrapper .cover .m_search .input:focus~.icon{color:#66CC99}.cover-wrapper .cover.half{height:calc(60vh - 16px - 64px)}.cover-wrapper .cover.half .title,.cover-wrapper .cover.half .logo{margin-top:calc(20vh - 4*16px)}@media (max-width:580px){.cover-wrapper .cover.half .title,.cover-wrapper .cover.half .logo{margin-top:calc(32vh - 6*16px)}}.cover-wrapper .cover.half .m_search{margin-top:1vh}.cover-wrapper .cover,.cover-wrapper .cover a{color:#66CC99}.cover-wrapper .cover .menu{margin-top:4vh}.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:14px;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:rgba(85,85,85,0.7);border-bottom:1px solid transparent}.cover-wrapper .cover .menu ul>li>a:hover,.cover-wrapper .cover .menu ul>li>a.active{color:#66CC99;border-bottom:1px solid #66CC99}.cover-wrapper .cover .switcher>li a:hover{background:rgba(102,204,153,0.15)}.z-depth-nav,.l_header,#u-search .modal .modal-header{box-shadow:0 1px 2px 0 rgba(0,0,0,0.24),0 3px 6px 0 rgba(0,0,0,0.1)}.z-depth-nav-raised,#u-search .modal .modal-header:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.z-depth-main,.l_main .post,.widget{box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}.z-depth-main-raised{box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.z-depth-0{box-shadow:0 1px 4px 0 rgba(0,0,0,0.07)}.z-depth-1{box-shadow:0 2px 4px 0 rgba(0,0,0,0.08),0 2px 4px 0 rgba(0,0,0,0.1)}.z-depth-1-half{box-shadow:0 2px 3px 0 rgba(0,0,0,0.4),0 0 8px 0 rgba(0,0,0,0.2)}.z-depth-2{box-shadow:0 4px 8px 0 rgba(0,0,0,0.1),0 3px 10px 0 rgba(0,0,0,0.1)}.z-depth-3{box-shadow:0 6px 10px 0 rgba(0,0,0,0.12),0 8px 25px 0 rgba(0,0,0,0.1)}.z-depth-4{box-shadow:0 8px 14px 0 rgba(0,0,0,0.11),0 12px 22px 0 rgba(0,0,0,0.11)}.z-depth-5{box-shadow:0 12px 12px 0 rgba(0,0,0,0.1),0 20px 33px 0 rgba(0,0,0,0.11)}.z-depth-0{box-shadow:0 1px 2px 0 rgba(0,0,0,0.08),0 2px 4px 0 rgba(0,0,0,0.08)}.hoverable{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,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}::-moz-selection{background:rgba(33,150,243,0.2)}::selection{background:rgba(33,150,243,0.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:24px}h2{font-size:22.4px}h3{font-size:19.2px}h4{font-size:17.6px}h5{font-size:16px}h6{font-size:14px}a{color:#444444;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:before,.clearfix:after{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{-moz-transition:none !important;-webkit-transition:none !important;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}ul,ol{padding-left:0}li{list-style:none}.mark{position:relative}.mark a{color:#444444;display:inline-block;padding:0 8px;border-left:4px solid transparent;background:transparent;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(102,204,153,0.1);border-left:4px solid #66CC99;padding:8px}.mark a:active{border-left:8px solid #66CC99}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(255,255,255,0.5)}#loading-bar.pure{background-color:rgba(102,204,153,0.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:#555555}@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:#66CC99;color:white;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}@media (min-width:768px){.l_body .s-top:hover{transform:scale(1.2);border-radius:25%;background:#66CC99;color:white;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.l_body .s-top:hover.hl{box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}}.l_header{position:fixed;z-index:9999;top:0;width:100%;font-size:16px;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;background:#66CC99;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.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:16px}}.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:white}.l_header .logo{padding:0 16px;line-height:64px;font-size:19.2px;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.img{padding:0 16px 0 0}.l_header .logo img{padding:0;height:100%}.l_header .nav-sub .logo{font-size: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}@media (max-width:580px){.l_header .nav-sub .logo{letter-spacing:-0.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}.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;font-size:16px;color:rgba(255,255,255,0.7);padding:0 8px}.l_header .menu ul>li>a:hover{color:white;border-bottom:2px solid white;background:rgba(255,255,255,0.1)}.l_header .menu ul>li>a:active,.l_header .menu ul>li>a.active{color:white;border-bottom:2px solid white}@media (max-width:580px){.l_header .menu{display:none}}.l_header .switcher{display:none;font-size:16px;line-height:64px}.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(255,255,255,0.3)}@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:block;width:100%;margin:auto}.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;display:block;line-height:40px;height:40px;width:32px;top:0;left:5px;font-size:16px;color:rgba(255,255,255,0.6)}.l_header .m_search .input{display:block;font-size:16px;line-height:16px;height:40px;width:100%;color:rgba(255,255,255,0.6);box-shadow:none;box-sizing:border-box;-webkit-appearance:none;padding-left:36px;border-radius:8px;background:rgba(255,255,255,0.15);border:1px dashed transparent}@media (max-width:580px){.l_header .m_search .input{padding-left:36px}}.l_header .m_search .input::-webkit-input-placeholder{padding-top:2px;color:rgba(255,255,255,0.6)}.l_header .m_search .input:-moz-placeholder{padding-top:2px;color:rgba(255,255,255,0.6)}.l_header .m_search .input::-moz-placeholder{padding-top:2px;color:rgba(255,255,255,0.6)}.l_header .m_search .input:-ms-input-placeholder{padding-top:2px;color:rgba(255,255,255,0.6)}.l_header .m_search .input:hover{color:white;border:1px solid rgba(255,255,255,0.6)}.l_header .m_search .input:focus{color:white;border:1px solid white}.l_header .m_search .input:focus~.icon{color:white}.l_header.pure{background:white;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}.l_header.pure,.l_header.pure a{color:#66CC99}.l_header.pure .menu ul>li>a{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;color:rgba(85,85,85,0.7)}.l_header.pure .menu ul>li>a.current{border-bottom:2px solid rgba(102,204,153,0.8)}.l_header.pure .menu ul>li>a:hover{color:#66CC99;border-bottom:2px solid #66CC99;background:rgba(102,204,153,0.1)}.l_header.pure .menu ul>li>a:active,.l_header.pure .menu ul>li>a.active{color:#66CC99;border-bottom:2px solid #66CC99}.l_header.pure .switcher>li a:hover{background:rgba(102,204,153,0.15)}.l_header.pure .m_search .icon{color:rgba(85,85,85,0.6)}.l_header.pure .m_search .input{color:#555555;background:#F4F4F4}.l_header.pure .m_search .input::-webkit-input-placeholder{color:rgba(85,85,85,0.6)}.l_header.pure .m_search .input:-moz-placeholder{color:rgba(85,85,85,0.6)}.l_header.pure .m_search .input::-moz-placeholder{color:rgba(85,85,85,0.6)}.l_header.pure .m_search .input:-ms-input-placeholder{color:rgba(85,85,85,0.6)}.l_header.pure .m_search .input:hover{border:1px solid rgba(102,204,153,0.6)}.l_header.pure .m_search .input:hover~.icon{color:rgba(102,204,153,0.8)}.l_header.pure .m_search .input:focus{color:#555555;background:rgba(102,204,153,0.15);border:1px solid #66CC99}.l_header.pure .m_search .input:focus~.icon{color:#66CC99}@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;background:white;border-right:0;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,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(102,204,153,0.9);color:white;font-size:16px;line-height:1.8em;padding:8px 22px}.menu-phone:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.menu-phone:active{box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}.menu-phone nav{padding:8px 0}.menu-phone nav .nav{height:36px;line-height:36px;position:relative;display:block;color:#444444;padding:2px 20px;border-left:4px solid transparent;border-right:4px solid transparent}.menu-phone nav .nav:hover,.menu-phone nav .nav.active{border-left:4px solid #66CC99;background:rgba(102,204,153,0.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:0px auto;column-gap:0}@media (max-width:580px){.l_main .post-list{margin:0}}.l_main ul.popular-posts h3{padding:0;margin:0;font-size:16px}.l_main #comments{position:relative}@media (max-width:580px){}.l_main #comments #valine_container p{line-height:1.7}.l_main #comments #valine_container .vwrap{border-radius:12px;border-style:dashed;border:1px dashed rgba(85,85,85,0.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 #6c9}.l_main #comments #valine_container .vwrap .vheader .vinput{border-radius:0;border-bottom:1px dashed rgba(85,85,85,0.3)}.l_main #comments #valine_container .vwrap .vheader .vinput:hover{border-bottom:1px dashed #66CC99}.l_main #comments #valine_container .vwrap .vheader .vinput:focus{border-bottom:1px solid #66CC99}.l_main #comments #valine_container .vwrap .vedit .vctrl span{color:#66CC99;padding:0;margin:10px}.l_main #comments #valine_container button{border:none;padding-left:2.4em;padding-right:2.4em;font-weight:bold;background-color:#66CC99;color:white;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:#40bf80}.l_main #comments #valine_container blockquote{padding:16px;border-left:4px solid #66CC99;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;margin:0;font-size:14px;line-height:21px}.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:12.8px;color:rgba(85,85,85,0.9)}.l_main #comments #valine_container a,.l_main #comments #valine_container .vemoji-btn,.l_main #comments #valine_container .vpreview-btn{color:#ff5722;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main #comments #valine_container a:hover,.l_main #comments #valine_container .vemoji-btn:hover,.l_main #comments #valine_container .vpreview-btn:hover{color:#66CC99;text-decoration:underline}.l_main #comments #valine_container a:active,.l_main #comments #valine_container .vemoji-btn:active,.l_main #comments #valine_container .vpreview-btn:active{color:#2d8659}.l_main #comments #valine_container .vhead span.vnick{color:rgba(85,85,85,0.9)}.l_main #comments #valine_container .vhead a.vnick{color:#ff9800;font-weight:bold}.l_main #comments #valine_container .vhead a.vnick:hover{color:#66CC99;text-decoration:underline}.l_main #comments #valine_container .vhead .vsys{margin:2px;padding:1px 8px;background-color:rgba(85,85,85,0.1)}.l_main #comments #valine_container .vcard .vquote{border-left:none}.l_main #comments #valine_container .vcard .vh{border-bottom:1px dashed rgba(85,85,85,0.1)}.l_main #comments #valine_container .vmeta .vat{font-weight:bold;color:#66CC99;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:#66CC99;text-decoration:underline}.l_main #comments #valine_container .vmeta .vat:active{color:#2d8659}.l_main #comments #valine_container .vinput{color:#555555}.l_main #comments #valine_container p{color:#555555}.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:transparent}.l_main #comments p .emoji{display:inline;height:28px;background:transparent}.l_main .post-wrapper{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.4px}.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.4px}.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 .widget:hover{box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}}.l_main .post{position:relative;margin:16px auto;padding:32px 24px;background:white;border-radius:12px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main .post h1{font-weight:normal;font-size:28.8px;line-height:1.7;color:#555555}.l_main .post:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.l_main .post:active{box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}@media (max-width:580px){.l_main .post{border-radius:0}.l_main .post:hover{box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}}.l_main .post .tags a{color:rgba(85,85,85,0.7)}.l_main .post .meta{color:rgba(85,85,85,0.7);font-size:13.3px}.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,0.1),0 2px 4px 0 rgba(0,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,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,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,0.1),0 2px 4px 0 rgba(0,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:28.8px;margin:0}@media (max-width:580px){.l_main .post .meta .title{font-size:22.4px}}.l_main .post .meta .title a{display:inline;line-height:1.7;font-weight:normal;color:#555555;text-decoration:none;font-size:28.8px}@media (max-width:580px){.l_main .post .meta .title a{font-size:22.4px}}.l_main .post .meta .title a:hover{color:#66CC99}.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(85,85,85,0.7);font-size:14px;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 .notlink{cursor:default}.l_main .post .meta .new-meta-box .new-meta-item .notlink:hover{color:rgba(85,85,85,0.7)}.l_main .post .meta .new-meta-box .new-meta-item .notlink:hover p{color:rgba(85,85,85,0.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 img,.l_main .post .meta .new-meta-box .new-meta-item i{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 p,.l_main .post .meta .new-meta-box .new-meta-item a{color:rgba(85,85,85,0.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:normal;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:#66CC99;text-decoration:none}.l_main .post .meta .new-meta-box .new-meta-item a:hover p{color:#66CC99}.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:transparent}.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:none}.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.4px}.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(85,85,85,0.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(255,87,34,0.9)}.l_main .prev-next section{color:rgba(85,85,85,0.8);padding:16px;border-radius:12px}.l_main .prev-next section:hover{color:#66CC99}@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;border-radius:4px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,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:bold;font-size:16px}.alert.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.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:white;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:16px;border-radius:12px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;width:100%;max-height:calc(100% - 64px - 4 * 16px)}.widget:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.widget:active{box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}@media (max-width:580px){.widget{width:calc(100% - 2 * 16px);margin:16px 16px 0 16px}}.widget header{display:flex;justify-content:space-between;border-top-left-radius:12px;border-top-right-radius:12px;background-color:#66CC99;color:white;font-weight:bold;line-height:1.5em;padding:8px 16px}.widget header .rightBtn{color:white}.widget header .rightBtn:hover{color:#2d8659}.widget header .rightBtn:hover.rotate90{transform:rotate(90deg)}.widget header.pure{background-color:white;color:#66CC99;padding-top:14px;padding-bottom:14px}.widget header.pure .rightBtn{color:#66CC99}.widget header.pure .rightBtn:hover{color:#2d8659}.widget .content{text-align:justify;padding:8px;max-height:calc(100% - 64px - 12.5 * 16px)}.widget .content ul>li a{color:rgba(85,85,85,0.8);padding:0 16px;line-height:36px;display:flex;justify-content:space-between;align-content:center;border-left:2px 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(85,85,85,0.8)}.widget .content ul.entry a .badge,.widget .content ul.popular-posts a .badge{flex:none;font-weight:normal;font-size:14px;color:rgba(85,85,85,0.7)}.widget .content ul.entry a:hover,.widget .content ul.popular-posts a:hover{border-left:4px solid #66CC99;background:rgba(102,204,153,0.1)}.widget .content ul.entry a:active,.widget .content ul.popular-posts a:active{border-left:8px solid #66CC99}.widget .content ul.entry a.child,.widget .content ul.popular-posts a.child{padding-left:32px}.widget.author{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.widget.author .content{padding:0}.widget.author .content div.avatar{display:flex;justify-content:center}.widget.author .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.author .content img{width:240px;height:240px}}@media (max-width:768px){.widget.author .content img{width:96px;height:96px;border-radius:100%;margin-top:8px;padding:8px}}.widget.author .content h2{text-align:center;font-weight:bold;margin:8px}@media (max-width:768px){.widget.author .content h2{margin:8px}}.widget.author .content p{font-size:16px;font-weight:bold;text-align:center;margin:8px 8px 0 8px;empty-cells:hide}.widget.author .content .social-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;margin:4px 8px}.widget.author .content .social-wrapper a{color:rgba(85,85,85,0.7);padding:0;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.widget.author .content .social-wrapper a:hover{color:#66CC99}.widget.author .content .social-wrapper a.social{display:flex;justify-content:center;align-items:center;width:32px;height:32px;margin:4px;border-radius:100px}.widget.author .content .social-wrapper a.social:hover{background:rgba(102,204,153,0.1);color:#66CC99}@media (max-width:768px){.widget.author .content .social-wrapper{justify-content:center;display:none}}@media (max-width:768px){.widget.author{box-shadow:none;background:#F4F4F4;margin-top:32px}}.widget.plain .content{font-size:14px;font-weight:bold;word-break:break-all;padding:8px 16px;line-height:22px}.widget.plain .content.pure{padding:0 16px 16px 16px}.widget.plain .content a{color:#ff5722;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.widget.plain .content a:hover{color:#66CC99;text-decoration:underline}.widget.plain .content a:active{color:#2d8659}.widget.list .content{padding:8px 0}.widget.list .content.pure{padding-top:0}.widget.list .content a{font-size:14px;font-weight:bold}.widget.list .content a:hover{text-decoration:none}.widget.list .content a i{color:rgba(85,85,85,0.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{padding:8px 0}.widget.grid .content.pure{padding-top:0}.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:12.6px;font-weight:bold;line-height:18.2px;color:rgba(85,85,85,0.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:#66CC99;background:rgba(102,204,153,0.1);border-radius:4px}.widget.grid .content ul.grid a:active{color:#66CC99}.widget.grid .content ul.grid a.active{color:#66CC99;border:1px solid #66CC99}.widget.category .content{padding:8px 0;font-size:14px;font-weight:bold}.widget.category .content.pure{padding-top:0}.widget.tagcloud .content{text-align:justify;padding:8px 16px}.widget.tagcloud .content.pure{padding:0 16px 16px 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:#66CC99 !important;text-decoration:underline}.widget.music header.pure{padding-bottom:4px}.widget.music .content{padding:12px;padding-top:8px}.widget.music .content.pure{padding-top:4px}.widget.music .content .aplayer{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}.widget.related_posts .content{padding:8px 0;font-size:14px;font-weight:bold}.widget.related_posts .content.pure{padding-top:0}.widget.related_posts .content h3{font-size:14px;font-weight:bold;margin:0}.widget.related_posts .content h3 a{line-height:inherit;padding-top:4px;padding-bottom:4px}.l_side .toc-wrapper{z-index:1;overflow:hidden;border-radius:12px;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:sticky;width:100%;top:0}.l_side .toc-wrapper .content{padding:8px 0 16px 0;max-height:500px;overflow:auto}.l_side .toc-wrapper .content.pure{padding-top:0}.l_side .toc-wrapper .content a{border-left:4px solid transparent}.l_side .toc-wrapper .content a:hover{color:#555;border-left:4px solid #66CC99}.l_side .toc-wrapper .content a:active{border-left:8px solid #66CC99}.l_side .toc-wrapper .content a.active{color:#555;border-left:4px solid #66CC99;background:rgba(102,204,153,0.1)}.l_side .toc-wrapper.active{position:fixed;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1);top:64px}.l_side .toc-wrapper.active header .s-toc{transform:rotate(30deg)}@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,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1);visibility:hidden;transform:scale(0, 0);transform-origin:right top}.l_side .toc-wrapper .rightBtn{display:none}.l_side .toc-wrapper.active{visibility:visible;transform:scale(1, 1)}}.l_side .toc-wrapper a{padding-left:8px;color:rgba(85,85,85,0.6);font-size:14px;display:inline-block}.l_side .toc-wrapper ol .toc-item.toc-level-1 .toc-child a{padding-left:12.8px;font-weight:normal}.l_side .toc-wrapper ol .toc-item.toc-level-2 .toc-child a{padding-left:25.6px;font-weight:normal}.l_side .toc-wrapper ol .toc-item.toc-level-3 .toc-child a{padding-left:38.4px;font-weight:normal}.l_side .toc-wrapper ol .toc-item.toc-level-4 .toc-child a{padding-left:51.2px;font-weight:normal}.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:bold;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:16px;margin-top:4em;margin-bottom:1em}#archive-page .archive .archive-year:first-child{margin-top:0em;padding-top:0}#archive-page .archive .archive-year h2{margin-top:1em}#archive-page .archive .archive-year a{color:#555555;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:#555555;flex:none;font-size:14px;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:14px;color:rgba(85,85,85,0.8)}#archive-page .archive .archive-post .title i{color:#66CC99}.article{color:#555555;font-size:16px;line-height:1.7;word-break:break-all;word-wrap:break-word}.article img{position:relative;margin:0 auto;background:white;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 p.small-img img,.article div.small-img img{width:auto;max-width:100%;margin:0;box-shadow:none}.article p{margin-top:.5em;margin-bottom:1em;text-align:justify;max-width:100%;overflow:auto}.article p strong{color:#555555;padding-left:2px;padding-right:2px}.article p .mjx-math{font-family:Menlo,Monaco,courier,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,'Ubuntu';background:rgba(244,244,244,0.5);padding:8px;border-radius:4px}.article ul,.article ol{font-size:15.2px;list-style:initial;padding-left:10px;margin-left:10px;margin-bottom:1em}.article ul.center,.article ol.center{justify-content:center}.article ul.pure,.article ol.pure{margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:stretch}.article ul.pure br,.article ol.pure br{display:none}@media screen and (max-width:900px){.article ul.pure,.article ol.pure{justify-content:space-between}}.article ul.pure li,.article ol.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 ul.pure li a,.article ol.pure li a{display:flex;flex-direction:column;align-items:center;text-align:center}.article ul.pure li img,.article ol.pure li img{margin-bottom:8px}.article ul.pure.rounded img,.article ol.pure.rounded img{border-radius:25%}.article ul.pure.circle img,.article ol.pure.circle img{border-radius:50%}@media screen and (max-width:900px){.article ul.pure.about,.article ol.pure.about{justify-content:center}}.article ul>li{list-style:initial}.article ol>li{margin-left:10px;list-style:decimal}.article a{color:#ff5722;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:#66CC99;text-decoration:underline}.article a:active{color:#2d8659}.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:normal;margin-top:1.5em;margin-bottom:1em}.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:#66CC99;margin-top:2em}.article h3:first-child,.article h4:first-child,.article h5:first-child,.article h6:first-child{margin-top:0;padding-top:0}.article h1{font-size:24px}.article h2{font-size:22.4px;text-align:left}.article h3{font-size:19.2px;color:#222;text-align:left}.article h4{font-weight:bold;font-size:17.6px}.article h5{font-weight:bold;color:#555555;font-size:16px}.article h6{color:rgba(85,85,85,0.75);font-size:14px}.article .subtitle h6{color:rgba(85,85,85,0.9)}.article figure figcaption span{display:inline-block;margin-right:5px}.article blockquote{position:relative;width:100%;font-size:14px;background:rgba(102,204,153,0.1);margin:1em 0;padding:16px;border-left:4px solid #66CC99;border-radius:4px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.article blockquote p{text-align:left;word-wrap:normal;margin:0;font-size:14px;line-height:21px}.article blockquote footer strong{margin-right:7px}.article blockquote.pullquote.right{border-left:none;border-right:4px solid #66CC99}.article blockquote.pullquote.right p{text-align:right}.article pre{display:block;-moz-box-sizing:border-box;box-sizing:border-box;font-family:Menlo,Monaco,courier,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,'Ubuntu';color:#555555}.article code{font-family:Menlo,Monaco,courier,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,'Ubuntu';padding:3px 3px 0px 3px;margin:0px 2px;vertical-align:center;border-radius:2px;border:1px solid rgba(102,204,153,0.5);font-size:12.8px;background:rgba(102,204,153,0.1)}@media (max-width:580px){.article code{font-size:12.16px}}.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:bold;background-color:#66CC99;padding:.2em 2.4em;color:white;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:#40bf80}.article .tags{position:relative;padding-top:8px;padding-bottom:8px;font-size:14px;line-height:1.7;margin-top:16px;background:rgba(231,231,231,0.5);word-spacing:8px}.article .tags a{color:#555555;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:#66CC99;background:transparent;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 ul,.article ol{font-size:15.2px}.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(85,85,85,0.7);background-color:rgba(244,244,244,0.5);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:16px;line-height:1.7;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:bold;font-size:16px}@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:transparent;padding:0;margin-top:8px;margin-bottom:0;font-size:12.6px;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}.highlight{position:relative;width:100%;margin-top:1em;margin-bottom:1.2em;overflow:auto;display:block;background:#F6F7F8;font-size:13.3px;font-family:Menlo,Monaco,courier,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,'Ubuntu';line-height:1.7;border-radius:4px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.highlight figcaption{padding:4px 8px;background-color:#edeff1}.highlight table td,.highlight table th{padding:0}.highlight .gutter{width:24px;padding:0 12px;text-align:right;border-width:0;margin-left:0;background-color:#edeff1}.highlight .gutter pre{color:rgba(85,85,85,0.8)}.highlight .code{padding:16px;vertical-align:top;border:0 solid #efefef}.highlight .code:before{content:"";position:absolute;top:0;right:0;color:rgba(85,85,85,0.8);font-size:11.2px;padding:4px 8px 0;line-height:1.7}.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.java .code:before{content:"JAVA"}.highlight.python .code:before{content:"PYTHON"}.highlight.plain .code:before{content:""}.highlight::-webkit-scrollbar{height:4px;width:4px}.highlight::-webkit-scrollbar-track-piece{background:transparent}.highlight::-webkit-scrollbar-thumb{background:#e8eaed;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:#d4d8dd}@media (max-width:580px){.article .highlight{font-size:12.635px}}.art-item-footer{height:40px;line-height:1.7;font-size:14px}.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:12.635px}}pre .marked{background-color:rgba(255,189,43,0.2);border-radius:2px;border:1px solid rgba(255,189,43,0.4)}pre .comment,pre .title{color:rgba(85,85,85,0.6)}pre .keyword,pre .javascript .function,pre .attr{color:#9c27b0}pre .type,pre .built_in,pre .tag .name{color:#e96900}pre .variable,pre .attribute,pre .regexp,pre .ruby .constant,pre .xml .tag .title,pre .xml .pi,pre .xml .doctype,pre .html .doctype,pre .css .id,pre .css .class,pre .css .pseudo{color:#FD8607}pre .number,pre .preprocessor,pre .literal,pre .params,pre .constant{color:#FD8607}pre .class,pre .ruby .class .title,pre .css .rules .attribute{color:#ffcc66}pre .string,pre .value,pre .inheritance,pre .header,pre .ruby .symbol,pre .xml .cdata{color:#4caf50}pre .css .hexcolor{color:#66cccc}pre .function,pre .python .decorator,pre .python .title,pre .ruby .function .title,pre .ruby .title .keyword,pre .perl .sub,pre .javascript .title,pre .coffeescript .title{color:#6699cc}.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}#page-nav{position:relative;width:100%;padding:20px 0px}#page-nav .page-number,#page-nav .space{display:none}#page-nav .next,#page-nav .prev{font-size:.8125em;font-weight:normal;color:#aaa;border-radius:2px}#page-nav .next:hover,#page-nav .prev:hover{color:#444444}#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:0px}}#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,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);z-index:3;border-radius:12px}@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:#66CC99;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:0px;border-radius:0}}#u-search .modal .modal-header .btn-close{display:block;position:absolute;width:55px;height:64px;top:0;right:0;color:white;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:transparent;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:0px 50px;height:64px;font-size:16px;line-height:1.7;vertical-align:middle;color:white;border:none;background:transparent;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;font-weight:thin;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:transparent;border:none;width:50px;height:64px;vertical-align:middle;font-size:1.3em;color:white;z-index:2}#u-search .modal .modal-footer{position:absolute;bottom:0;left:0;width:100%;height:50px;padding:0px 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:#444444}#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:white;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:15px 30px 15px 0px;text-decoration:none}#u-search .modal .modal-body .modal-results .result:hover .title{color:#66CC99}#u-search .modal .modal-body .modal-results .result .title{display:inline-block;max-width:100%;color:#6f6f6f;font-size:16px;font-weight:bold;padding:1px;margin-bottom:2px;line-height:1.7;white-space:normal;overflow:hidden;text-overflow:ellipsis}#u-search .modal .modal-body .modal-results .result .digest{display:block;white-space:pre-wrap;overflow:scroll;text-overflow:ellipsis;font-size:14px;line-height:1.7;color:#a2a2a2;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,0.7);z-index:1}#footer{position:relative;padding:40px 10px 120px 10px;width:100%;color:rgba(85,85,85,0.5);margin:0px auto;font-size:14px;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 .licenses{color:rgba(85,85,85,0.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(85,85,85,0.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:#66CC99}#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(102,204,153,0.1);color:#66CC99}@media (max-width:768px){#footer{justify-content:center}}.article.typo.l_friends .friends-group h2{font-size:19.2px}.article.typo.l_friends .friends-group .friend-content{display:flex;flex-wrap:wrap;margin:-8px;border-radius:12px}.article.typo.l_friends .friends-group .friend-content .friend-card{display:flex;border-radius:12px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1);background:#eee;margin:8px;color:rgba(85,85,85,0.8);justify-content:flex-start;align-content:flex-start;flex-direction:column;border:1px solid transparent;width:calc(100%/3 - 16px)}@media (max-width:1024px){.article.typo.l_friends .friends-group .friend-content .friend-card{width:calc(100%/3 - 16px)}}@media (max-width:768px){.article.typo.l_friends .friends-group .friend-content .friend-card{width:calc(100%/2 - 16px)}}@media (max-width:580px){.article.typo.l_friends .friends-group .friend-content .friend-card{width:100%;margin:0 4px;border-radius:0;flex-direction:row}.article.typo.l_friends .friends-group .friend-content .friend-card:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.article.typo.l_friends .friends-group .friend-content .friend-card:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}}.article.typo.l_friends .friends-group .friend-content .friend-card:hover{text-decoration:none;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1),0 32px 64px 0 rgba(0,0,0,0.1);transform:scale(1.05);border-radius:12px}@media (max-width:580px){.article.typo.l_friends .friends-group .friend-content .friend-card:hover{transform:scale(1.02);margin:8px 0}}.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,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,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;min-width:64px;min-height:64px;margin:16px 8px 4px 8px;border-radius:100%;border:0px solid transparent}@media (max-width:580px){.article.typo.l_friends .friends-group .friend-content .friend-card .friend-left .avatar{margin:16px}}.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}@media (max-width:580px){.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right{margin:16px 16px 16px 0;text-align:left}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p{text-align:left}}.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;margin-bottom:8px}@media (max-width:580px){.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right .friend-tags-wrapper{margin-bottom:0}}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p{margin:0;text-shadow:0 1px 2px rgba(0,0,0,0.15)}.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:16px;font-weight:bold;padding-top:4px}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p.tags{font-size:11.9px;display:inline;background:none;word-wrap:break-word;padding-right:4px}