/* 页脚与头图透明 */
#footer {
    background: transparent !important;
  }
  #page-header {
    background: transparent !important;
  }
  
  /* 白天模式遮罩透明 */
  #footer::before {
    background: transparent !important;
  }
  #page-header::before {
    background: transparent !important;
  }
  
  /* 夜间模式遮罩透明 */
  [data-theme="dark"] #footer::before {
    background: transparent !important;
  }
  [data-theme="dark"] #page-header::before {
    background: transparent !important;
  }


  /* 小冰分类分类磁铁黑夜模式适配 */
/* 一般状态 */
[data-theme="dark"] .magnet_link_context {
  background: #1e1e1e;
  color: antiquewhite;
}
/* 鼠标悬浮状态 */
[data-theme="dark"] .magnet_link_context:hover {
  background: #3ecdf1;
  color: #f2f2f2;
}


@font-face {
  /* 为载入的字体取名字(随意) */
  font-family: 'YSHST';	
  /* 字体文件地址(相对或者绝对路径都可以) */
  src: url(/font/YSHaoShenTi-2.ttf);
  /* 定义加粗样式(加粗多少) */
  font-weight: normal;
  /* 定义字体样式(斜体/非斜体) */
  font-style: normal;
  /* 定义显示样式 */
  font-display: block;
}



/* 一级菜单居中 */
#nav .menus_items {
  position: absolute !important;
  width: fit-content !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
/* 子菜单横向展示 */
#nav .menus_items .menus_item:hover .menus_item_child {
  display: flex !important;
}
/* 这里的2是代表导航栏的第2个元素，即有子菜单的元素，可以按自己需求修改 */
.menus_items .menus_item:nth-child(5) .menus_item_child {
  left: -38px;
}


/* 黑夜霓虹灯2.0（纯CSS实现）,实现的原理就是关键帧线性插值，
然后一直循环，这里默认是左上角标题、中间标题和副标题，
还有文章页头的标题和信息有循环霓虹灯*/
/* 日间模式不生效 */
[data-theme="light"] #site-name,
[data-theme="light"] #site-title,
[data-theme="light"] #site-subtitle,
[data-theme="light"] #post-info {
  animation: none;
}
/* 夜间模式生效 */
[data-theme="dark"] #site-name,
[data-theme="dark"] #site-title {
  animation: light_15px 10s linear infinite;
}
[data-theme="dark"] #site-subtitle {
  animation: light_10px 10s linear infinite;
}
[data-theme="dark"] #post-info {
  animation: light_5px 10s linear infinite;
}

/* 霓虹灯效果关键帧 */
@keyframes light_15px {
  0% { text-shadow: #5636ed 0 0 15px; }
  12.5% { text-shadow: #11ee5e 0 0 15px; }
  25% { text-shadow: #f14747 0 0 15px; }
  37.5% { text-shadow: #f1a247 0 0 15px; }
  50% { text-shadow: #f1ee47 0 0 15px; }
  62.5% { text-shadow: #b347f1 0 0 15px; }
  75% { text-shadow: #002afa 0 0 15px; }
  87.5% { text-shadow: #ed709b 0 0 15px; }
  100% { text-shadow: #39c5bb 0 0 15px; }
}

@keyframes light_10px {
  0% { text-shadow: #5636ed 0 0 10px; }
  12.5% { text-shadow: #11ee5e 0 0 10px; }
  25% { text-shadow: #f14747 0 0 10px; }
  37.5% { text-shadow: #f1a247 0 0 10px; }
  50% { text-shadow: #f1ee47 0 0 10px; }
  62.5% { text-shadow: #b347f1 0 0 10px; }
  75% { text-shadow: #002afa 0 0 10px; }
  87.5% { text-shadow: #ed709b 0 0 10px; }
  100% { text-shadow: #39c5bb 0 0 10px; }
}

@keyframes light_5px {
  0% { text-shadow: #5636ed 0 0 5px; }
  12.5% { text-shadow: #11ee5e 0 0 5px; }
  25% { text-shadow: #f14747 0 0 5px; }
  37.5% { text-shadow: #f1a247 0 0 5px; }
  50% { text-shadow: #f1ee47 0 0 5px; }
  62.5% { text-shadow: #b347f1 0 0 5px; }
  75% { text-shadow: #002afa 0 0 5px; }
  87.5% { text-shadow: #ed709b 0 0 5px; }
  100% { text-shadow: #39c5bb 0 0 5px; }
}