.content h2:first-of-type {
  border-bottom: none !important;
}

html {
  background: linear-gradient(
    135deg,
    #ffcccc 0%,
    #ffeeaa 14%,
    #ccffcc 28%,
    #aaddff 42%,
    #ccddff 56%,
    #ddccff 70%,
    #ffccdd 84%,
    #ffcccc 100%
  );
  background-size: 400% 400%;
  animation: rainbow 15s ease infinite;
}

body {
  background: transparent;
}

.hextra-nav-container-blur,
.hextra-footer {
  background: transparent !important;
}

.hextra-feature-card {
  border: 1px solid transparent !important;
  background-clip: padding-box;
  position: relative;
}

.hextra-feature-card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(
    135deg,
      #ff6666 0%,
      #ff9933 14%,
      #66cc66 28%,
      #3399ff 42%,
      #6699ff 56%,
      #9966ff 70%,
      #ff6699 84%,
      #ff6666 100%
  );
  background-size: 400% 400%;
  animation: rainbow 15s ease infinite;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  transition: filter 0.3s ease;
}

/* 鼠标悬停时边框颜色加深 */
.hextra-feature-card:hover::before {
  filter: brightness(1.5) saturate(0.7);
}


html.dark,
.dark {
  display: none !important;
}

  
/* 使返回顶部按钮容器透明 */
.hx\:bg-white.hx\:shadow-\[0_-12px_16px_white\] {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-top: none !important;
}

 /* 添加目录阴影效果 */
.hextra-toc {
  margin-top: 20px;
  /* padding: 10px; */
  /* border-radius: 5px; */
  background: transparent !important;
}

/* 增加面包屑导航与下方内容的间距 */
.hx\:mt-1\.5.hx\:flex.hx\:items-center {
  margin-bottom: 1.5rem !important;
  line-height: 1.8 !important;
}

/* 自定义页脚居中样式 - 顶部七彩渐变边框效果 */
.hextra-custom-footer {
  margin: auto;
  position: relative;
}

.hextra-custom-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    #ff6666 0%,
    #ff9933 14%,
    #66cc66 28%,
    #3399ff 42%,
    #6699ff 56%,
    #9966ff 70%,
    #ff6699 84%,
    #ff6666 100%
  );
  background-size: 400% 400%;
  animation: rainbow 15s ease infinite;
  pointer-events: none;
  transition: filter 0.3s ease;
}

/* 鼠标悬停时页脚顶部边框颜色加深 */
.hextra-custom-footer:hover::before {
  filter: brightness(1.5) saturate(0.8);
}

@keyframes rainbow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}