.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:white}.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,0.1);border-radius:2px;background:white;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}}