.blog-breadcrumb{
  align-items:center;
  color:rgba(var(--color-text));
  display:inline-flex;
  justify-content:center;
  margin:0;
  padding:0;
}

.blog-breadcrumb-separator{
  margin:0 10px;
}

.recent-blog{
  margin-bottom:30px;
}
.recent-blog:last-child{
  margin-bottom:0;
}
.recent-blog__image-wrapper{
  flex-shrink:0;
  height:136px;
  margin-right:20px;
  width:100px;
}
.recent-blog__main{
  overflow:hidden;
}
.recent-blog__title-wrap{
  display:inline-block;
  margin-bottom:-.2em;
  margin-top:-.2em;
  overflow:hidden;
  padding:.2em 0;
}
.recent-blog__title{
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  display:-webkit-box;
  margin-bottom:5px;
  overflow:hidden;
}
.recent-blog__extra-info{
  align-items:center;
  display:flex;
  justify-content:center;
}
.recent-blog__extra-info .text{
  opacity:.6;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.recent-blog__extra-info .separator{
  color:rgba(var(--color-entry-line));
  margin-left:15px;
  margin-right:15px;
  opacity:1;
}
.recent-blog__extra-info :first-child{
  text-align:right;
}
.recent-blog__extra-info :last-child{
  text-align:inherit;
}
.recent-blog__extra-info .separator+span{
  text-align:left;
}
.recent-blog__tags{
  margin-top:10px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.recent-blog__tag{
  font-size:12px;
  margin-right:15px;
  opacity:.6;
}
.recent-blog__extra-info{
  justify-content:flex-start;
}
.recent-blog__extra-info .text:last-child{
  flex:1 0 0;
  max-width:none;
}
.recent-blog__description{
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:rgba(var(--color-text));
  display:-webkit-box;
  margin-top:10px;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:break-word;
}
@media (min-width:750px){
  .recent-blog__description{
    margin-top:10px;
  }
}

.tag-item .tag-item__tag{
  display:inline-block;
  margin-bottom:10px;
  margin-right:40px;
  max-width:calc(100% - 40px);
  opacity:.5;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tag-item .tag-item__tag:last-child{
  margin-right:0;
}

.blog__sidebar{
  border-left:1px solid rgba(var(--color-entry-line));
  margin-left:80px;
  padding-left:40px;
  text-align:left;
  width:380px;
}
@media (max-width:959.98px){
  .blog__sidebar{
    border:none;
    margin-left:0;
    margin-top:40px;
    padding:0;
    width:auto;
  }
  .blog__sidebar .sidebar-title{
    text-align:center;
  }
  .blog__sidebar .sidebar-item{
    border-top:1px solid rgba(var(--color-entry-line));
    margin-bottom:20px;
    padding-top:40px;
  }
  .blog__sidebar .sidebar-item:last-child{
    margin-bottom:0;
  }
}
.blog__sidebar .sidebar-bar-item-main{
  margin-top:30px;
}
.blog__sidebar .sidebar-item{
  margin-bottom:50px;
}
.blog__sidebar .sidebar-item:last-child{
  margin-bottom:0;
}
.blog__sidebar--left{
  border-right:1px solid rgba(var(--color-entry-line));
  margin-left:0;
  margin-right:40px;
  order:0;
}
@media (max-width:959.98px){
  .blog__sidebar--left{
    border-right:none;
    margin-right:0;
  }
}
.blog__sidebar .nav-list__item{
  margin:10px 0;
}
.blog__sidebar .nav-list__item a{
  color:rgba(var(--color-text));
  cursor:pointer;
  opacity:.5;
  position:relative;
}
.blog__sidebar .nav-list__item a:hover{
  opacity:1;
}
.blog__sidebar .nav-list__item a:hover:after{
  width:100%;
}
.blog__sidebar .nav-list__item a:after{
  background:rgba(var(--color-text));
  bottom:0;
  content:"";
  height:1px;
  left:0;
  position:absolute;
  transition:all .3s ease;
  width:0;
}
.blog__sidebar .recent-blog{
  display:flex;
}
.third-party-share{
  align-items:center;
  display:flex;
  flex-direction:row;
  justify-content:center;
}
.third-party-share>a{
  margin-right:10px;
}
.third-party-share>a:last-child{
  margin-right:0;
}
.third-party-share .third-party-item{
  align-items:center;
  cursor:pointer;
  display:flex;
  text-decoration:none;
  user-select:none;
}
.third-party-share .third-party-item .third-party-name{
  color:rgba(var(--color-text));
  margin-left:2px;
}
.third-party-share .third-party-item .third-party-icon{
  align-items:center;
  display:flex;
  height:24px;
  justify-content:center;
  width:24px;
}
.third-party-share .third-party-item svg{
  fill:rgba(var(--color-text));
  height:18px;
  width:18px;
}
.third-party-share .third-party-more{
  position:relative;
}
.third-party-share .third-party-more.third-party-more-active .third-party-arrow{
  transform:rotate(-180deg);
}
.third-party-share .third-party-more.third-party-more-active .third-party-more-list{
  max-height:200px;
  transition:max-height .2s ease-in;
}
.third-party-share .third-party-more-list{
  background-color:rgba(var(--color-page-background));
  box-shadow:0 2px 40px rgba(0,0,0,.1);
  max-height:0;
  overflow:hidden;
  padding:0 12px;
  position:absolute;
  right:0;
  top:30px;
  transition:max-height .2s ease-out;
  z-index:10;
}
.third-party-share .third-party-more-list[data-top=true]{
  bottom:30px;
  top:unset;
}
.third-party-share .third-party-more-list>a{
  margin-bottom:12px;
}
.third-party-share .third-party-more-list>a:first-child{
  margin-bottom:15px;
  margin-top:12px;
}
.third-party-share .third-party-arrow{
  align-items:center;
  background-color:rgba(0,0,0,.05);
  border-radius:50%;
  cursor:pointer;
  display:flex;
  justify-content:center;
  position:relative;
  transition:transform .2s linear;
  z-index:2;
}
.third-party-share .third-party-arrow.third-party-arrow-large{
  height:32px;
  width:32px;
}
.third-party-share .third-party-arrow.third-party-arrow-small{
  height:24px;
  width:24px;
}
input{
  -webkit-appearance:none;
}
.base-input{
  align-items:center;
  background-color:#fff;
  box-sizing:border-box;
  color:#2c2c2c;
  display:flex;
  flex-flow:row nowrap;
  font-size:14px;
  justify-content:space-between;
  line-height:1.4;
  transition:all .3s;
  width:100%;
}
.color-scheme-1 .base-input:after{
  box-shadow:0 0 0 var(--input-border-thickness) rgba(var(--color-scheme-1-text), var(--input-border-opacity)), 0 0 0 var(--input-border-thickness) var(--btn-border-background-color);
}
.color-scheme-1 .base-input:hover:after{
  box-shadow:0 0 0 calc(var(--input-border-thickness) + 1px) rgba(var(--color-scheme-1-text), var(--input-border-opacity)), 0 0 0 calc(var(--input-border-thickness) + 1px) var(--btn-border-background-color);
}

.color-scheme-2 .base-input:after{
  box-shadow:0 0 0 var(--input-border-thickness) rgba(var(--color-scheme-2-text), var(--input-border-opacity)), 0 0 0 var(--input-border-thickness) var(--btn-border-background-color);
}
.color-scheme-2 .base-input:hover:after{
  box-shadow:0 0 0 calc(var(--input-border-thickness) + 1px) rgba(var(--color-scheme-2-text), var(--input-border-opacity)), 0 0 0 calc(var(--input-border-thickness) + 1px) var(--btn-border-background-color);
}

.color-scheme-3 .base-input:after{
  box-shadow:0 0 0 var(--input-border-thickness) rgba(var(--color-scheme-3-text), var(--input-border-opacity)), 0 0 0 var(--input-border-thickness) var(--btn-border-background-color);
}
.color-scheme-3 .base-input:hover:after{
  box-shadow:0 0 0 calc(var(--input-border-thickness) + 1px) rgba(var(--color-scheme-3-text), var(--input-border-opacity)), 0 0 0 calc(var(--input-border-thickness) + 1px) var(--btn-border-background-color);
}

.base-input{
  border-radius:var(--input-border-radius-outset);
  position:relative;
}
.base-input:before{
  border-radius:var(--input-border-radius-outset);
  bottom:0;
  box-shadow:var(--input-shadow-offset-x) var(--input-shadow-offset-y) var(--input-shadow-blur) rgba(var(--color-text), var(--input-shadow-opacity));
  left:0;
  right:0;
  top:0;
}
.base-input:after,.base-input:before{
  content:"";
  pointer-events:none;
  position:absolute;
}
.base-input:after{
  border-radius:var(--input-border-radius);
  bottom:var(--input-border-thickness);
  box-shadow:0 0 0 var(--input-border-thickness) rgba(var(--color-text), var(--input-border-opacity)), 0 0 0 var(--input-border-thickness) var(--btn-border-background-color);
  left:var(--input-border-thickness);
  right:var(--input-border-thickness);
  top:var(--input-border-thickness);
  transition:box-shadow .1s ease;
  z-index:1;
}
.base-input:hover:after{
  box-shadow:0 0 0 calc(var(--input-border-thickness) + 1px) rgba(var(--color-text), var(--input-border-opacity)), 0 0 0 calc(var(--input-border-thickness) + 1px) var(--btn-border-background-color);
}

.base-input-area.is-textarea .base-input__inpEle:not(:placeholder-shown)+.placeholder,.base-input:focus-within .placeholder,.base-input__inpEle:not(:placeholder-shown)+.placeholder,.base-input__selectEle:not(:placeholder-shown)+.placeholder{
  transform:scale(.8) translateY(-100%);
  white-space:nowrap;
  word-break:normal;
}

.base-input input:focus,.base-input textarea:focus{
  outline:0;
}

.base-input:focus-within:after,.base-input:focus:after{
  box-shadow:0 0 0 calc(var(--input-border-thickness) + 1px) rgba(var(--color-text), var(--input-border-opacity));
}
.color-scheme-1 .base-input:focus-within:after,.color-scheme-1 .base-input:focus:after{
  box-shadow:0 0 0 calc(var(--input-border-thickness) + 1px) rgba(var(--color-scheme-1-text), var(--input-border-opacity));
}

.color-scheme-2 .base-input:focus-within:after,.color-scheme-2 .base-input:focus:after{
  box-shadow:0 0 0 calc(var(--input-border-thickness) + 1px) rgba(var(--color-scheme-2-text), var(--input-border-opacity));
}

.color-scheme-3 .base-input:focus-within:after,.color-scheme-3 .base-input:focus:after{
  box-shadow:0 0 0 calc(var(--input-border-thickness) + 1px) rgba(var(--color-scheme-3-text), var(--input-border-opacity));
}

.base-input.is-disabled{
  cursor:not-allowed;
}

.base-input.is-disabled input,.base-input.is-disabled select,.base-input.is-disabled textarea{
  background-color:rgba(44,44,44,.06) !important;
  color:rgba(44,44,44,.4);
  cursor:not-allowed;
  pointer-events:none;
}

.base-input-area{
  align-items:center;
  display:flex;
  flex:1;
  position:relative;
}

.base-input .base-input-area input,.base-input .base-input-area select,.base-input .base-input-area textarea{
  background:none;
  border:none;
  border-radius:var(--input-border-radius);
  box-shadow:none !important;
  color:#2c2c2c;
  line-height:1.15;
  margin:var(--input-border-thickness);
  padding:24px 6px 8px 16px;
  width:100%;
}

.base-input .base-input-area select{
  appearance:none;
  -webkit-appearance:none;
  padding-right:30px;
  position:relative;
}

.base-input-area input::placeholder,.base-input-area textarea::placeholder{
  font-size:0;
}

.base-input-area .placeholder{
  color:#2c2c2c;
  left:calc(var(--input-border-thickness) + 16px);
  opacity:.6;
  pointer-events:none;
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  transform-origin:left top;
  transition:transform .3s ease;
  word-break:break-word;
  z-index:4;
}

.base-input-area.is-textarea{
  padding-top:calc(var(--input-border-thickness) + 24px);
}
.base-input-area.is-textarea textarea{
  padding-top:0;
  resize:vertical;
}
.base-input-area.is-textarea .placeholder{
  top:calc(var(--input-border-thickness) + 22px);
}

.base-input__addonAfter{
  align-items:center;
  display:flex;
  height:100%;
  position:absolute;
  right:6px;
  z-index:1;
}

.base-input__staticAddonAfter{
  padding-bottom:6px;
  padding-right:6px;
  padding-top:6px;
}

.page-tags{
  font-size:14px;
  font-weight:400;
  margin-right:20px;
  opacity:.6;
}
.page-tags:last-child{
  margin-right:0;
}

.page-jump{
  align-items:center;
  display:flex;
  justify-content:space-between;
}

.page-jump-item{
  align-items:flex-end;
  display:flex;
  position:relative;
}
.page-jump-item--left .jump-icon{
  margin-right:10px;
}
.page-jump-item--right{
  text-align:right;
}
.page-jump-item--right .jump-icon{
  margin-left:10px;
}
.page-jump-item .jump-icon{
  display:inline-block;
  height:22px;
}
.page-jump-item .jump-icon svg{
  vertical-align:middle;
}
.page-jump-item .jump-text__label{
  font-size:12px;
  font-weight:400;
  line-height:160%;
  margin-bottom:3px;
  opacity:.4;
}
.page-jump-item .jump-text__title{
  display:block;
  font-size:14px;
  font-weight:400;
  line-height:22px;
  max-width:380px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media (max-width:959.98px){
  .page-jump-item .jump-text__title{
    max-width:140px;
  }
}
.page-jump-item .jump-text__title:after{
  content:"";
  display:block;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

.page-related-articles__title{
  margin-bottom:40px;
  text-align:center;
}
.page-related-articles__main{
  display:flex;
  overflow-x:auto;
}
@media (max-width:959.98px){
  .page-related-articles__main{
    padding-bottom:30px;
  }
  .page-related-articles__main::-webkit-scrollbar{
    height:2px;
    width:0;
  }
  .page-related-articles__main::-webkit-scrollbar-thumb{
    background-color:rgba(var(--color-btn-background));
    border-radius:1em;
  }
  .page-related-articles__main::-webkit-scrollbar-track{
    background-color:rgba(var(--color-btn-background), .2);
    border-radius:1em;
  }
}
.page-related-articles .related-articles__image-wrapper{
  display:block;
  margin-bottom:20px;
  overflow:hidden;
  width:100%;
}
.page-related-articles .related-articles__image-wrapper .global-image{
  transform:scale(1);
  transition:transform .3s;
}

.related-articles{
  align-items:flex-start;
  flex-shrink:0;
  margin-right:15px;
  width:calc(50% - 7.5px);
}
@media (min-width:960px){
  .related-articles{
    margin-right:45px;
    width:calc(33.3333333333% - 30px);
  }
}
.related-articles:last-child{
  margin-right:0;
}

.related-articles__info{
  flex:1 0 0;
}

.related-articles__title-wrap{
  display:inline-block;
  margin-bottom:-.2em;
  margin-top:-.2em;
  overflow:hidden;
  padding:.2em 0;
}

.related-articles__title{
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  display:-webkit-box;
  font-size:20px;
  font-weight:400;
  overflow:hidden;
}
.related-articles__title>span{
  vertical-align:sub;
}

.related-articles__extra-info{
  align-items:center;
  display:flex;
  font-size:12px;
  font-weight:400;
  justify-content:left;
  margin-top:5px;
}
.related-articles__extra-info .text{
  opacity:.6;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.related-articles__extra-info .separator{
  color:rgba(var(--color-entry-line));
  margin-left:15px;
  margin-right:15px;
  opacity:1;
}
.related-articles__extra-info :first-child{
  flex-shrink:0;
  text-align:right;
}
.related-articles__extra-info :last-child{
  flex-shrink:1;
  text-align:inherit;
}
.related-articles__extra-info .separator+span{
  text-align:left;
}

.related-articles__description{
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  color:rgba(var(--color-text));
  display:-webkit-box;
  font-size:14px;
  font-weight:400;
  margin-top:20px;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:break-word;
}
@media (max-width:959.98px){
  .related-articles__description{
    -webkit-line-clamp:7;
  }
}

.related-articles__btn{
  display:inline-block;
  margin-top:20px;
}

.related-articles__image{
  position:relative;
}

.related-articles__empty-img{
  align-items:center;
  background-color:#f3f3f3;
  display:flex;
  height:100%;
  justify-content:center;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

.related-articles__tag{
  margin-top:10px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.related-articles__tag .related-articles__tag-item{
  font-size:12px;
  margin-right:20px;
  opacity:.6;
}
.related-articles__tag .related-articles__tag-item:last-of-type{
  margin-right:0;
}
@media (max-width:959.98px){
  .related-articles__tag .related-articles__tag-item{
    margin-right:15px;
  }
}

.blog-container{
  padding-bottom:40px;
  padding-top:40px;
}
@media (min-width:750px){
  .blog-container{
    padding-bottom:75px;
    padding-top:75px;
  }
}
.blog-container.blog-layout--center .blog__breadcrumb{
  justify-content:center;
}
.blog-container.blog-layout--center .blog__title{
  text-align:center;
}
.blog-container.blog-layout--center .blog__extra-info{
  justify-content:center;
}

.blog__info{
  margin:auto;
  max-width:960px;
  text-align:left;
}

.blog__breadcrumb{
  justify-content:flex-start;
  margin-bottom:30px;
}

.blog__extra-info,.blog__title{
  margin-bottom:20px;
}

.blog__extra-info{
  align-items:center;
  display:flex;
  justify-content:left;
}
.blog__extra-info .text{
  max-width:calc(50% - 25px);
  opacity:.6;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.blog__extra-info .separator{
  color:rgba(var(--color-entry-line));
  margin-left:15px;
  margin-right:15px;
  opacity:1;
}
.blog__extra-info :first-child{
  text-align:right;
}
.blog__extra-info :last-child{
  text-align:inherit;
}
.blog__extra-info .separator+span{
  text-align:left;
}

.blog__content{
  color:rgba(var(--color-text));
  overflow-wrap:break-word;
  padding-bottom:40px;
}
.blog__content iframe{
  max-width:100%;
}
.blog__content img{
  height:auto;
  max-width:100%;
}
.blog__content img:not(:first-child){
  margin-top:1em;
}
.blog__content table{
  word-break:normal;
}
.blog__content pre{
  max-width:100%;
  overflow:auto;
}
.blog__content p:not(:first-child){
  margin:1em 0;
}

.blog__shards{
  margin-bottom:40px;
}
@media (min-width:750px){
  .blog__shards{
    align-items:center;
    display:flex;
    justify-content:space-between;
    margin-bottom:75px;
  }
}
.blog__shards .blog__tags-wrapper{
  max-width:400px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.blog__shards .blog__share-wrapper{
  margin-top:40px;
}
@media (min-width:750px){
  .blog__shards .blog__share-wrapper{
    flex-shrink:0;
    margin-top:0;
  }
}
.blog__shards .third-party-share{
  justify-content:flex-start;
}

.blog__comments{
  margin-bottom:40px;
}
.blog__comments-list{
  transition:height .2s ease-in-out;
}
.blog__comments-title{
  text-align:center;
}
.blog__comments .comment-item{
  align-items:flex-start;
  background:rgba(var(--color-page-background));
  border:1px solid rgba(var(--color-entry-line));
  box-shadow:0 2px 20px rgba(var(--color-text), .05);
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:20px;
  padding:20px;
}
.blog__comments .comment-item-author{
  width:100%;
}
@media (min-width:750px){
  .blog__comments .comment-item-author{
    font-weight:500;
  }
}
.blog__comments .comment-item-time{
  opacity:.4;
}
@media (max-width:749.98px){
  .blog__comments .comment-item-time{
    font-size:11px;
  }
}
.blog__comments .comment-item-content{
  stroke:rgba(var(--color-text));
  font-size:14px;
  white-space:pre-line;
  width:100%;
}
.blog__comments .comment-item-audit{
  align-items:flex-start;
  background:rgba(var(--color-text), .04);
  border-radius:4px;
  display:flex;
  flex-direction:row;
  gap:8px;
  padding:4px 12px;
  width:100%;
}
.blog__comments .comment-item-audit .body4{
  font-size:14px;
}
.blog__comments .comment-item-audit>svg{
  stroke:rgba(var(--color-text));
  flex-shrink:0;
  margin-top:4px;
}

.blog__form{
  border-bottom:1px solid rgba(var(--color-entry-line));
  padding-bottom:75px;
}
@media (max-width:959.98px){
  .blog__form{
    padding-bottom:40px;
  }
}
.blog__form .base-input{
  background-color:rgba(var(--color-page-background));
}
.blog__form-title{
  margin-bottom:20px;
  text-align:center;
  word-break:break-word;
}
@media (max-width:749.98px){
  .blog__form__action{
    text-align:center;
  }
}
.blog__form-textarea textarea{
  height:160px;
}
.blog__form-submit{
  width:auto;
}
.blog__form .base-input{
  background-color:unset;
}
.blog__form .base-input input,.blog__form .base-input textarea{
  color:rgba(var(--color-text));
}
.blog__form .base-input .placeholder{
  color:rgba(var(--color-text));
  opacity:.5;
}
.blog__form .errClass .base-input:after{
  box-shadow:0 0 0 var(--input-border-thickness) #f04949;
}

.blog__back-link{
  align-items:center;
  display:inline-flex;
  max-width:100%;
}
.blog__back-link .back-link__icon{
  margin-right:8px;
  margin-top:-1px;
}
.blog__back-link .back-link__title{
  flex:1 0 0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.blog__main-box{
  align-items:flex-start;
  border-top:1px solid rgba(var(--color-entry-line));
  display:flex;
  justify-content:center;
  margin:0 auto;
  max-width:960px;
  padding-top:40px;
}
@media (max-width:959.98px){
  .blog__main-box{
    display:block;
  }
}

.blog__main{
  flex:1;
}
.blog__main--right{
  order:1;
}
@media (min-width:960px){
  .blog__main{
    max-width:960px;
  }
}

.blog__content-box{
  flex-grow:1;
}

.page-jump__box{
  border-bottom:1px solid rgba(var(--color-entry-line));
  margin-bottom:40px;
  padding-bottom:40px;
}

.page-related-articles__box{
  padding-top:75px;
}
.page-related-articles__box.page-related-articles__box--small{
  max-width:940px;
  width:calc(100vw - 380px - 80px - 60px);
}
@media (max-width:959.98px){
  .page-related-articles__box{
    border-top:none;
    padding-top:0;
  }
  .page-related-articles__box.page-related-articles__box--small{
    width:auto;
  }
}