nav{width:68vh;max-width:110rem;line-height:3rem;height:3rem;padding:0;font-size:.9em;box-sizing:border-box;margin:0 auto}.logo{float:left;width:100px;height:100px;text-align:center;margin-top:-1.5rem}.nav-lst{float:right;font-size:16px;line-height:16px}.nav-item{float:left;margin-left:1.5rem;text-align:center;font-size:1rem;font-weight:700;padding:0 2px}.nav-item a{position:relative;display:inline-block;text-decoration:none;color:#fff;font-size:1.1rem;line-height:3rem;height:3rem;padding-left:0}.nav-item i{display:inline-block;margin-right:5px;font-size:17px}header{width:100%;margin:0 auto;text-align:center;background-color:#24292f}.home-main header{background-color:#000}aside.layout-sidebar{position:sticky;width:24%;min-width:24rem;right:2.2rem;top:-1.5rem;bottom:0;min-height:100vh;align-self:flex-start;display:flex;flex-direction:column}aside.layout-sidebar .profile{margin-top:1.5rem;width:100%;text-align:center}aside.layout-sidebar .profile img{border-radius:14rem;width:14rem;height:14rem;margin:0 auto 1rem}aside.layout-sidebar .article-toc{border:1px solid #d0d7de;height:auto;width:100%;margin-top:1.5rem;padding-bottom:.8rem}#layout-sidebar .article-toc ul.article-toc-list{padding-left:1.5rem}aside.layout-sidebar .article-toc-list li{list-style:none}aside.layout-sidebar .article-toc-list a{color:#3b454e;font-weight:550;display:inline-block;padding-bottom:1.2rem;font-size:1.05rem}aside.layout-sidebar .tags-area{border:1px solid #d0d7de;margin-top:1.5rem;padding-bottom:1rem}aside.layout-sidebar .tags{display:flex;flex-direction:row;flex-wrap:wrap}aside.layout-sidebar .tags span{font-size:.9rem;padding:.3rem;border:1px solid #183055;border-radius:.3rem;margin-left:1rem;margin-bottom:1rem}aside.layout-sidebar .tags a{color:#183055}aside.layout-sidebar h1{text-align:left;padding-left:1rem;font-size:1.2rem;font-weight:650}aside.layout-sidebar h1 i{margin-right:.5rem}aside.layout-sidebar .hot-article{border:1px solid #d0d7de;margin-top:1.5rem;padding-bottom:.8rem;margin-bottom:3rem}aside.layout-sidebar .hot-article p{text-align:left;padding-left:1.5rem;font-size:1.14rem;line-height:1.14rem;margin-bottom:1.14rem}aside.layout-sidebar .hot-article a{width:100%;display:inline-block;color:#183055;text-wrap:nowrap;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:1.3rem}.article-wrapper{flex-grow:1;display:flex}#write .article-toc{display:none}#write p{font-size:1.05rem;font-weight:410;line-height:1.7;margin-top:.4rem}#write table{width:80%;margin:1rem auto 0}#write pre{margin:.6rem}blockquote{margin-top:1rem;margin-bottom:1rem}blockquote p{margin:.2rem}.article-wrapper #write{display:block;width:95%;min-height:100vh;padding:1rem 3rem 1rem 6rem}.article-wrapper #write .blog-toc{display:none}.blog-content ol{counter-reset:list-item}.blog-content li{display:block;counter-increment:list-item;margin:.4rem 0;line-height:160%}.blog-content img{margin:0 auto}.blog-content li:before{content:counters(list-item,".") " "}.blog-content .wechat-qr{width:40rem;height:55rem}.social-medias{position:fixed;top:35vh;padding-top:15px;z-index:1;border-top-right-radius:5px;border-bottom-right-radius:5px;text-wrap:nowrap;text-align:center}.media-list{padding-left:0!important}.social-medias li{position:relative;height:35px}.social-medias a{display:inline-block;color:#fff;font-size:18px;text-align:center;line-height:28px;width:28px;height:28px;border-radius:7px}.social-medias a:hover,.social-medias i{font-size:24px;color:#0af}.social-medias a:hover{animation:popOut .5s ease-in-out;transform:translateX(10px) scale(1.3)}@keyframes popOut{0%{transform:translateX(0) scale(1)}to{transform:translateX(10px) scale(1.3)}}.hover-tip{position:absolute;font-size:.8rem;left:110%;top:40%;transform:translateY(-50%);background-color:#333;color:#fff;padding:0 10px;border-radius:4px;white-space:nowrap;height:30px;line-height:30px;display:none}.media-item:hover .hover-tip{display:block;left:160%}.blog-page{width:90%;max-width:110rem;display:flex;padding-top:0;justify-content:space-between}.blog-main .social-medias i{color:#183055}.blog-page .blog-list{flex-grow:1;display:flex;flex-direction:column;align-items:stretch}.blog-list .article-block{width:95%;margin:1.5rem auto 0;border-bottom:1px solid #d0d7de;flex-shrink:0;padding:.5rem .5rem 1.5rem}.article-block .statement{display:flex;flex-direction:row;padding-left:1rem}.article-block .article-image{width:4rem;height:4rem;border-radius:.3rem}.article-block .article-image img{border-radius:.9rem;margin-top:0}.blog-list .article-block h1{text-align:left;margin:0 0 0 .8rem;height:2.5rem;line-height:2.5rem;font-size:1.5rem;font-weight:600}.article-block h1 a{color:#183055}.article-block p{padding-left:1rem;text-align:left;font-size:1.1rem}.article-block .tags{margin-left:.8rem;padding:.1rem 0 .2rem}.article-block .tags a{display:inline-block;margin-right:1rem;min-width:5rem;text-align:center;color:#183055;font-size:1rem}aside.layout-sidebar .article-toc-list .article-toc-list-item-a{font-weight:500;line-height:150%;padding-bottom:.5rem}.article-block .tags a i{margin-right:.3rem}.article-meta{text-align:left;padding-left:.3rem 0}.article-meta span{display:inline-block;height:2rem;text-align:left;font-size:1rem;padding-left:1rem;line-height:2rem;margin-right:4rem}