.site-share .share-btn{text-align:center}.site-share .share-btn .iconfont{font-size:30px}.site-share .share-btn .item{display:inline-block;margin:0 20px 0 0;text-align:center;vertical-align:middle;color:#787878}.site-share .share-btn .item:last-child{margin:0}.site-share .share-btn .title{font-size:14px;color:#989ba5;text-align:center}.site-share .share-btn .date{position:relative;font-size:0}.site-share .share-btn .date .day{font-size:36px;line-height:1.2;font-family:var(--font-bold);color:var(--color-text)}.site-share .share-btn .date .month{font-size:12px;line-height:1;color:var(--color-holder)}.site-share .share-btn .date:before{content:"";position:absolute;top:2px;left:50%;transform:translateX(-50%);width:45px;height:2px;background-color:#09cbff}.site-share .share-btn .icon-heart{width:50px;height:50px;border:1px solid #e2e2e2;border-radius:50%;position:relative;cursor:pointer}.site-share .share-btn .icon-heart:before{position:absolute;font-size:20px;display:block;color:#ed4c4c;transform:translate(-50%, -50%);top:50%;left:50%}.site-share.vertical .share-btn{width:50px}.site-share.vertical .share-btn .item{display:block;margin:0 0 15px 0}.site-share.vertical .share-btn .item:last-child{margin:0}.site-share.vertical .share-btn .title{font-size:12px;margin-bottom:10px}.site-share.vertical .share-btn .date{margin-bottom:20px}.site-share.mg-fix-left{margin-left:-90px;transform:translateY(-50%);top:50%;position:fixed;left:calc((100vw - 1000px)/2)}.site-share.mg-fix-left.fill{left:0px;margin-left:0px}.site-share.vertical.fill{border:1px solid #ebecf0;background-color:#fff}.site-share.vertical.fill .share-btn{width:80px;padding:10px 0px}.site-share.vertical.fill .share-btn .item{height:50px;color:#8b93a7;font-size:20px;margin-bottom:0px;line-height:50px}.site-share.mg-fix-left.round{left:0px;margin-left:0px}.site-share.vertical.round{border:1px solid #dee0e9;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:2px;background:#fff;padding:15px 0;font-size:30px}.site-share.vertical.round .share-btn .item{margin-bottom:15px}.site-share.vertical.round .share-btn .item:last-of-type{margin-bottom:0px}.site-share.vertical.round .share-btn .item.icon-newtwitter-round{color:#53a9ea}.site-share.vertical.round .share-btn .item.icon-facebook-round{color:#4b67a0}.site-share.vertical.round .share-btn .item.icon-email-round{color:#ef605d}.site-share.vertical.round .share-btn .item.icon-linkedin-round{color:#007ab9}
.md-blog-article.blog-header{text-align:left;margin-bottom:40px}.md-blog-article.blog-header .title{font-family:var(--font-bold);color:var(--color-text);font-size:36px;margin-bottom:10px}.md-blog-article.blog-header .sub-title{font-size:16px;line-height:22px;color:var(--color-label);font-family:var(--font-normal)}.md-blog-article.blog-header .sub-title .author{color:var(--color-label)}.md-blog-article.blog-header .sub-title .author-name{padding-left:3px;font-family:var(--font-bold)}.md-blog-article.blog-header .sub-title .line{display:inline-block;width:1px;height:10px;background-color:var(--color-info);margin:0 10px}.md-blog-article.blog-header .sub-title .date{color:var(--color-info)}.md-blog-article.blog-header .img-container{width:100%;margin-top:40px}.md-blog-article.blog-header .img-container img.article-pre-img{width:100%}@media(max-width: 800px){.md-blog-article.blog-header{margin-bottom:20px}.md-blog-article.blog-header .title{font-size:18px}.md-blog-article.blog-header .sub-title{font-size:13px}.md-blog-article.blog-header .img-container{margin:20px 0 0}}
.md-blog-article.blog-comment{width:100%;margin-top:40px}.md-blog-article.blog-comment .blog-comment--title{font-size:24px;font-weight:700;line-height:32px;color:var(--g-title-color, #333);margin-bottom:20px}.md-blog-article.blog-comment .blog-comment--list{list-style:none;padding:0;margin:0}.md-blog-article.blog-comment .blog-comment--list .comment-item{padding:16px 0;border-bottom:1px solid rgba(218,218,218,.5)}.md-blog-article.blog-comment .blog-comment--list .comment-item .comment-item--head{display:flex;align-items:baseline;justify-content:flex-start;margin-bottom:8px}.md-blog-article.blog-comment .blog-comment--list .comment-item .comment-item--head .name{font-size:16px;font-weight:600;color:var(--g-text-color, #333)}.md-blog-article.blog-comment .blog-comment--list .comment-item .comment-item--head .time{font-size:13px;color:var(--g-tip-color, #999);margin-left:12px}.md-blog-article.blog-comment .blog-comment--list .comment-item .comment-item--content{font-size:15px;line-height:24px;color:var(--g-text-color, #333);white-space:pre-wrap;word-break:break-word}.md-blog-article.blog-comment .blog-comment--empty{font-size:15px;line-height:24px;color:var(--g-tip-color, #999);padding:16px 0}.md-blog-article.blog-comment .blog-comment--more{text-align:center;padding:16px 0}.md-blog-article.blog-comment .blog-comment--more span{cursor:pointer;font-size:14px;font-weight:600;color:var(--g-text-color, #333)}.md-blog-article.blog-comment .blog-comment--more span.loading{opacity:.5;cursor:default}.md-blog-article.blog-comment .blog-comment--form{margin-top:24px}.md-blog-article.blog-comment .blog-comment--form .comment-input{width:100%}.md-blog-article.blog-comment .blog-comment--form .comment-input .mg-error{display:none}.md-blog-article.blog-comment .blog-comment--form .comment-input textarea{width:100%;height:120px;padding:12px;font-size:15px;line-height:24px;color:var(--g-primary-color, #333);border:1px solid rgba(218,218,218,.8)}.md-blog-article.blog-comment .blog-comment--form .comment-input textarea::placeholder{color:var(--g-tip-color, #999)}.md-blog-article.blog-comment .blog-comment--form .form-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.md-blog-article.blog-comment .blog-comment--form .form-bottom .counter{font-size:13px;color:var(--g-tip-color, #999)}.md-blog-article.blog-comment .blog-comment--form .form-bottom .submit{min-width:149px;height:44px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;background:var(--g-btn-background, #333)}.md-blog-article.blog-comment .blog-comment--err{margin-top:8px;font-size:12px;color:#f76363}@media(max-width: 800px){.md-blog-article.blog-comment{margin-top:30px}.md-blog-article.blog-comment .blog-comment--title{font-size:20px}.md-blog-article.blog-comment .blog-comment--form .form-bottom .submit{width:100%;min-width:0}}