.blog-main{display:flex;justify-content:space-between;padding:20px 0}.blog-main .main-left{max-width:300px}.blog-sidenav-title{margin:0 0 30px;text-align:left;font-weight:700}@media screen and (min-width:1000px){.blog-tags{margin-top:48px}}.sidenav-item{display:block;margin-bottom:24px;line-height:1;font-size:16px;font-weight:400}.sidenav-item a{color:var(--theme-font-color)}.sidenav-item.current a{color:var(--highlight-font-color);font-weight:bold}.blog-main .main-right{flex:1;margin-left:80px;max-width:1200px}.blog-sidenav-title i{display:none;margin-left:4px;color:var(--theme-font-color);vertical-align:middle}.crumbs{margin-bottom:4px}.crumbs h1{font-size:16px;font-weight:400}@media screen and (max-width:1200px){.blog-main .main-right{margin-left:40px}}@media screen and (max-width:1000px){.blog-main{flex-direction:column}.blog-main .main-left{max-width:100%;margin-bottom:20px;border:1px solid var(--theme-border-color)}.blog-main .main-left .blog-sidenav{display:none}.blog-sidenav-title{position:relative;margin-bottom:0;padding:12px}.main-left>.blog-sidenav-title{border-bottom:1px solid var(--theme-border-color)}.blog-main .main-left .sidenav-item{padding:12px 0;margin:0 12px;font-size:14px}.blog-main .main-left .sidenav-item:not(:last-child){border-bottom:1px solid var(--theme-border-color)}.blog-main .main-right{margin-left:0}.blog-sidenav-title i{position:absolute;top:13px;right:14px;display:inline-block;font-size:12px}}@media screen and (max-width:767px){.crumbs h1{font-size:12px}.article-list .article-item{width:100%;margin-right:0}}.article-list{display:flex;flex-wrap:wrap}.article-item{margin-bottom:20px;margin-right:15px;width:calc(33.33% - 10px)}.article-item:nth-child(3n){margin-right:0}.article-item .img-box{padding-bottom:66%}.article-item img{width:100%;height:100%;object-fit:cover}.blog-list .article-title{margin-top:12px;color:var(--theme-font-color);font-weight:bold}.blog-list .article-time{margin-top:12px;line-height:1.2}.article-header{text-align:center}.article-cover{position:relative;margin-bottom:20px;background:var(--img-background);background-size:var(--img-background-size)}.article-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.article .article-title{margin-bottom:16px;font-size:20px;font-weight:bold}.article-details{margin-bottom:16px;color:#666;font-size:14px;line-height:1.5}.article-details span:not(:last-child):after{padding:0 16px;content:"|"}.article-details .iconfont{padding-right:8px;color:#666;font-size:14px}.article-cover.img-box{margin-bottom:16px;padding-bottom:unset;width:100%;min-height:100px;background-color:#eee;text-align:left}.article-cover.img-box img{height:unset;object-fit:contain}.article-content{margin-bottom:16px}.like-box{text-align:center}.like-button{padding:12px 20px;font-size:16px;font-weight:normal;line-height:1;background-color:var(--article-like-button-bgcolor,#eee);color:#333}.like-button:disabled,.like-button:disabled i{color:var(--highlight-font-color)}.like-button i{margin-right:4px;color:#333}.like-summary{margin:16px 0 24px;font-size:14px}section.comments{border-bottom:1px solid var(--theme-border-color)}.comments-header{margin-bottom:24px;font-weight:bold;line-height:1}.comment-item{font-size:14px;padding:24px 0;border-bottom:1px solid var(--theme-border-color)}.comment-item:first-child{padding-top:0}.comment-item:last-child{border-bottom:0}.comment-info{margin-bottom:16px;color:#666;line-height:1}.comment-content{margin-bottom:16px;white-space:pre-wrap;color:var(--theme-font-color)}.comment-actions button{margin-right:24px;color:var(--theme-font-color);font-weight:normal;line-height:1;background-color:transparent}.comment-actions button[disabled],.comment-actions button[disabled] i{color:var(--highlight-font-color)}.comment-actions button i{margin-right:4px;color:var(--theme-font-color)}.comment-actions .unhelpful i{display:inline-block;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}.article-comments-more{margin-top:10px}section.reply{margin-top:24px}.reply-header{margin-bottom:14px;font-weight:bold;line-height:1}.reply .form .form-col{margin:10px 0}.reply .form label{margin-bottom:8px}.reply textarea{font-size:14px;resize:vertical}.reply .form-bottom{margin:10px 0}.reply .form-bottom button{padding:0 28px}@media screen and (max-width:767px){.like-summary{margin-top:12px}.comment-item{padding:20px 0}.comment-info{margin-bottom:12px}.comment-content{margin-bottom:12px}}