/* h2 标题 - 三色渐变流动 */
.post-html h2,
.article-content h2,
.markdown-body h2,
.markdown h2 {
  position: relative;
  padding: 0.75rem 0.75rem;
  margin: 1.0rem 0;
  border-radius: 12px;
  
  background: linear-gradient(
    45deg,
    #9cbcfb,
    #ab8ffe,  
    #ffa3f9,
    #b691ff,
    #ffa3f9,
    #9cacfb,
    #9cdefb
  );
  
  background-size: 300% 300%;
  background-position: 0% 50%;
  color: #ffffff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  border: 2px solid rgba(255, 255, 255, 0.3);
  display: block;
  
  animation: gradientFlow 10s ease-in-out;
  animation-play-state: paused;
  animation-iteration-count: 10;
  
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.4;
  
  transition: all 2.5s ease;
  
  /* 清除原有的下划线样式 */
  &::after {
    display: none !important;
  }
}
 
.post-html h2:hover,
.article-content h2:hover,
.markdown-body h2:hover,
.markdown h2:hover {
  animation-play-state: running;
  transform: scale(1.03);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
  border-color: rgba(255, 255, 255, 0.5);
}
 
@keyframes gradientFlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
 
/* h2 内的链接样式 */
.post-html h2 a,
.article-content h2 a,
.markdown-body h2 a,
.markdown h2 a {
  color: #ffffff;
  font-weight: 900;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  background-image: none;
  background-color: transparent;
  font-size: inherit;
}
 
.post-html h2 a:hover,
.article-content h2 a:hover,
.markdown-body h2 a:hover,
.markdown h2 a:hover {
  color: #ffe66d;
}
 
/* h2 内的强调文字 */
.post-html h2 strong,
.post-html h2 b,
.article-content h2 strong,
.article-content h2 b,
.markdown-body h2 strong,
.markdown-body h2 b,
.markdown h2 strong,
.markdown h2 b {
  color: #ffe66d;
  font-weight: 900;
  background: none;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background-image: none;
  font-size: 1.15em;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
 
/* h2 内的代码样式 */
.post-html h2 code,
.article-content h2 code,
.markdown-body h2 code,
.markdown h2 code {
  background-color: rgba(0, 0, 0, 0.3);
  color: #ffe66d;
  padding: 0.4rem 0.8rem;
  border-radius: 6px;
  font-family: 'Courier New', monospace;
  font-size: 0.9em;
  font-weight: bold;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
 
/* h2 内的段落样式 */
.post-html h2 p,
.article-content h2 p,
.markdown-body h2 p,
.markdown h2 p {
  margin: 0.75rem 0;
  color: #ffffff;
  font-size: inherit;
  line-height: 1.5;
}
 
/* h2 内的列表样式 */
.post-html h2 ul,
.post-html h2 ol,
.article-content h2 ul,
.article-content h2 ol,
.markdown-body h2 ul,
.markdown-body h2 ol,
.markdown h2 ul,
.markdown h2 ol {
  margin: 0.75rem 0;
  padding-left: 2rem;
  color: #ffffff;
}
 
.post-html h2 li,
.article-content h2 li,
.markdown-body h2 li,
.markdown h2 li {
  margin: 0.5rem 0;
  color: #ffffff;
}
 
/* 响应式调整 */
@media (max-width: 768px) {
  .post-html h2,
  .article-content h2,
  .markdown-body h2,
  .markdown h2 {
    padding: 1.2rem 1.5rem;
    border-radius: 10px;
    font-size: 1.75rem;
  }
}

/* 一级标题居中 */
.post-html h1,
.article-content h1,
.markdown-body h1,
.markdown h1 {
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
}
 
/* 调整标题下划线位置（如果需要） */
.post-html h1::after,
.article-content h1::after,
.markdown-body h1::after,
.markdown h1::after {
  margin: 0 auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}