/* 案例详情页微调：去掉分类/时间区域后，收紧正文行距 */
.article-wrap{padding-top:22px!important;}
.article-title{margin-bottom:22px!important;}
.article-meta{display:none!important;}
.content,.mp-article-content{line-height:1.86!important;}
.mp-article-content .mp-paragraph,
.mp-article-content p.mp-paragraph,
.mp-article-content p{line-height:1.88!important;margin-bottom:15px!important;}
.mp-article-content .mp-lead{line-height:1.88!important;margin-top:10px!important;margin-bottom:22px!important;}
.mp-article-content .mp-section-title{margin-top:26px!important;margin-bottom:16px!important;}
.mp-article-content .mp-section-title span,
.mp-article-content .mp-section-title span *{line-height:1.45!important;}
.mp-article-content .mp-note,
.mp-article-content .mp-summary-card,
.mp-article-content .mp-gray-box,
.mp-article-content .mp-quote p{line-height:1.82!important;}
.mp-article-content .mp-feature-grid{margin-top:20px!important;margin-bottom:24px!important;}


/* v49: 案例详情页正文行距微收紧，章节标题蓝色竖条宽度减半 */
.content,
.mp-article-content{
  line-height:1.74!important;
}

.content p,
.mp-article-content .mp-paragraph,
.mp-article-content p.mp-paragraph,
.mp-article-content p{
  line-height:1.76!important;
  margin-bottom:12px!important;
}

.mp-article-content .mp-lead{
  line-height:1.76!important;
  margin-top:8px!important;
  margin-bottom:18px!important;
}

.mp-article-content .mp-note,
.mp-article-content .mp-summary-card,
.mp-article-content .mp-gray-box,
.mp-article-content .mp-quote p{
  line-height:1.74!important;
}

.mp-article-content .mp-section-title{
  gap:12px!important;
  margin-top:24px!important;
  margin-bottom:13px!important;
}

.mp-article-content .mp-section-title i{
  flex:0 0 8px!important;
  width:8px!important;
  min-width:8px!important;
  max-width:8px!important;
}

.mp-article-content .mp-section-title span,
.mp-article-content .mp-section-title span *{
  line-height:1.38!important;
}


/* v50: restore article body line-height, keep other v49 changes */
.content,
.mp-article-content{
  line-height:1.86!important;
}

.content p,
.mp-article-content .mp-paragraph,
.mp-article-content p.mp-paragraph,
.mp-article-content p{
  line-height:1.88!important;
  margin-bottom:15px!important;
}

.mp-article-content .mp-lead{
  line-height:1.88!important;
  margin-top:10px!important;
  margin-bottom:22px!important;
}

.mp-article-content .mp-note,
.mp-article-content .mp-summary-card,
.mp-article-content .mp-gray-box,
.mp-article-content .mp-quote p{
  line-height:1.82!important;
}


/* v56: 案例文章详情页左侧垂直居中返回按钮 */
.wrap{
  position:relative!important;
}

.article-left-back{
  display:block!important;
  position:fixed!important;
  left:max(0px, calc((100vw - 430px) / 2))!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:22px!important;
  height:54px!important;
  padding:0!important;
  margin:0!important;
  z-index:9999!important;
  border:0!important;
  border-radius:0 10px 10px 0!important;
  background:rgba(255,255,255,.96)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  box-shadow:0 2px 12px rgba(0,128,220,.20)!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}

.article-left-back:before{
  content:""!important;
  position:absolute!important;
  left:7px!important;
  top:22px!important;
  width:8px!important;
  height:8px!important;
  border-left:2px solid #28aef5!important;
  border-bottom:2px solid #28aef5!important;
  transform:rotate(45deg)!important;
}

@media(max-width:370px){
  .article-left-back{
    width:20px!important;
    height:50px!important;
  }
  .article-left-back:before{
    left:6px!important;
    top:20px!important;
  }
}

/* v57: article back button logic updated in detail template */

/* v58: article detail back reads return_page/localStorage source page */

/* 2026-07-13：章节标题蓝色竖条高度严格跟随标题实际行数 */
.mp-article-content .mp-section-title{
  display:flex!important;
  align-items:stretch!important;
}

.mp-article-content .mp-section-title i{
  align-self:stretch!important;
  height:auto!important;
  min-height:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

.mp-article-content .mp-section-title span{
  align-self:stretch!important;
}