/* 详情页样式（融合版）：从导航下开始—面包屑 + 标题 + 发布时间 + 分享图标 + 正文 */
/* 保留你已有的头尾，不改其它模块 */

p{ background:none !important; }
img{ max-width:100%; height:auto; }

.detail{
  width:90%;
  max-width:20rem;
  margin-left:auto;
  margin-right:auto;
  padding-bottom:80px;
  padding-top:1rem;
}

/* 面包屑 */
.bread{
  display:flex;
  align-items:center; 
  padding:12px 0;
  font-size:14px;
  color:#667085;
}
.bread .bread-title{ color:#8a95a8 }
.bread a{ color:#0c3d83; text-decoration:none }
.bread a:hover{ color:#0A67B3 }

/* 头部区块：蓝→白渐变 + 细纹理 */
.content_top{
    position: relative; 
   
  border-bottom: 1px solid #e6edf7;
  margin-bottom: 20px;
      padding-bottom: 0.3rem;
}
.content_top::before{
  content:"";
  position:absolute; inset:0;
  background:repeating-linear-gradient(
    90deg,
    rgba(21,102,179,.06) 0px,
    rgba(21,102,179,.06) 1px,
    transparent 1px,
    transparent 8px
  );
  opacity:.22;
  pointer-events:none;
}

/* 标题与发布时间 */
.title123{
  font-size:32px;
  line-height:1.35;
  color:#0c3d83;
  margin:0 0 10px;
  font-weight:600;
  text-align:left;
}
.subtitle{
  font-size:16px;
  line-height:1.6;
  color:#5f6b7a;
  margin:0 0 12px;
  text-align:left;
}

/* 分享图标（把 #share 放到 .content_top 里） */
.content_top #share{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:6px;
  float:none;
}
.content_top #share .social-share-icon{
  width:24px; height:24px; line-height:24px;
  font-size:16px;
  color:#0A67B3;
  transition:transform .2s ease, opacity .2s ease;
}
.content_top #share .social-share-icon:hover{
  transform:translateY(-1px);
  opacity:.85;
}
 

/* 正文 */
.content_center{
  margin-top:0;
  margin-bottom:60px;
  font-size:16px;
  line-height:1.9;
  color:#30343a;
  min-height:150px;
}
.content_center p{ font-size:16px; line-height:1.9 }
.content_center p a{ font-size:16px; display: inline-block; }
.content_center span{ font-size:16px; line-height:1.9 }
.content_center p strong{ font-size:16px; line-height:1.9 }
.content_center span strong{ font-size:16px; line-height:1.9 }
.content_center ol li{ list-style:decimal; list-style-position:inside }
.content_center ul li{ list-style:initial; list-style-position:inside }
.content_center .Section1{ width:auto !important }
.content_center > div{ width:auto !important }

/* 小屏优化 */
@media (max-width:768px){
  .detail{ margin-top:30px; margin-bottom:30px }
  .bread{ font-size:12px; padding:10px 0 }
  .bread span a, .bread .bread-title{ font-size:14px }
  .title123{ font-size:24px; line-height:1.4; margin:6px 0 6px; font-weight:600; padding:0 10px }
  .subtitle{ font-size:14px; line-height:1.6; margin:0 0 10px; padding:0 10px }
  .content_top #share .social-share-icon{
    width:22px; height:22px; line-height:22px; font-size:14px; top:-1px;
  }
  .content_center{ margin-top:10px; margin-bottom:30px; overflow:hidden; overflow-x:auto }
  .content_center p{ margin:0 10px; font-size:14px }
  .content_center span{ font-size:14px }
  .content_center img{ width:100%; height:auto; max-width:100%; margin-top:20px }
}

@media (max-width:420px){
  .detail{ margin-top:30px; margin-bottom:30px }
}



/* 头部区块按图片：非常浅的蓝到纯白，去掉偏深的蓝色叠层 */
.content_top{
  position: relative; 
  
  border-bottom: 1px solid #e6edf7;
  margin-bottom: 20px;
      padding-bottom: 0.3rem;
}

/* 细纹理更淡（可选），避免整体偏蓝 */
.content_top::before{
  content: "";
  position: absolute; inset: 0;
  background: repeating-linear-gradient(
    90deg,
    rgba(33, 102, 179, .06) 0px,
    rgba(33, 102, 179, .06) 1px,
    transparent 1px,
    transparent 10px
  );
  opacity: .12;  /* 从 .22 降到 .12，更接近图片的轻纹理 */
  pointer-events: none;
}