/* 导航栏全透明 */
#page-header {
  background: transparent !important;
}
#page-header::before {
  background: transparent !important;
}

/* 页脚彻底透明 */
#footer {
  background: transparent !important;
}
#footer::before {
  background: transparent !important;
}
#footer .footer-wrap {
  color: #fff;
  text-shadow: 1px 1px 3px #000;
}

/* 文章卡片半透明 */
#recent-posts > .recent-post-item,
#aside_content .card-widget {
  background: rgba(255,255,255,0.15) !important;
}
[data-theme="dark"] #recent-posts > .recent-post-item,
[data-theme="dark"] #aside_content .card-widget {
  background: rgba(20,20,20,0.2) !important;
}

/* ==========================================
   黑夜霓虹灯 2.0 纯CSS 彩色流光发光【修复全菜单生效】
========================================== */
/* 最高层级权重，匹配站点名、所有一级菜单文字、二级子菜单文字 */
html[data-theme="dark"] nav#nav .nav-site-title .site-name,
html[data-theme="dark"] #nav .menus_items span,
html[data-theme="dark"] #nav .menus_item_child span,
html[data-theme="dark"] #site-title,
html[data-theme="dark"] #site-subtitle {
  animation: light_15px 10s linear infinite !important;
}

@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: #5636ed 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: #5636ed 0 0 10px; }
}

[data-theme="dark"] .post-title,
[data-theme="dark"] .headline {
  animation: light_10px 10s linear infinite !important;
}

/* 亮色模式关闭霓虹 */
html[data-theme="light"] .site-name,
html[data-theme="light"] #site-title,
html[data-theme="light"] #site-subtitle,
html[data-theme="light"] #nav .menus_items span,
html[data-theme="light"] #nav .menus_item_child span {
  animation: none !important;
}

html[data-theme="light"] #aside-content > .card-widget.card-info {
  background: linear-gradient(
    -45deg,
    #e8d8b9,
    #eccec5,
    #a3e9eb,
    #bdbdf0,
    #eec1ea
  );
  box-shadow: 0 0 5px rgb(66, 68, 68);
  position: relative;
  background-size: 400% 400%;
  -webkit-animation: Gradient 10s ease infinite !important;
  -moz-animation: Gradient 10s ease infinite !important;
  animation: Gradient 10s ease infinite !important;
}

html[data-theme="dark"] #aside-content > .card-widget.card-info {
  background: var(--card-bg) !important;
  background-size: unset !important;
  box-shadow: unset !important;
  animation: none !important;
  -webkit-animation: none !important;
  -moz-animation: none !important;
}

@-webkit-keyframes Gradient {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}
@-moz-keyframes Gradient {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}
@keyframes Gradient {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}

/* 白天模式雪花 */
[data-theme="light"] #snow {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -2;
}
[data-theme="dark"] #snow {
  display: none;
}

/* ==========================================
   本地字体配置
========================================== */
@font-face {font-family: YSHST; src: url(/fonts/优设好身体.woff2); font-display: swap;}
@font-face {font-family: MiSans; src: url(/fonts/MiSans.woff2); font-display: swap;}
@font-face {font-family: HYTMR; src: url(/fonts/HYTangMeiRen55W.woff2); font-display: swap;}
@font-face {font-family: LXGW; src: url(/fonts/霞鹜文楷.woff2); font-display: swap;}
@font-face {font-family: TTQHB; src: url(/fonts/甜甜圈海报字体.woff2); font-display: swap;}
@font-face {font-family: Consolas_1; src: url(/fonts/Consolas.woff2); font-display: swap;}
@font-face {font-family: ZhuZiAWan; src: url(/fonts/ZhuZiAWan2.woff2); font-display: swap;}

/* 全局字体强制生效 */
* {
  font-family: ZhuZiAWan !important;
}

code, pre, .code {
  font-family: Consolas_1 !important;
}

:root {
  --global-font: ZhuZiAWan;
}

/* ==============================
   图标样式配置
================================= */
svg.icon {
  width: 1.28em;
  height: 1.28em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

/* 导航菜单图标修复 */
.menus_item .svg-icon {
  width: 1.1em !important;
  height: 1.1em !important;
  vertical-align: -0.18em !important;
  margin-right: 6px !important;
  fill: unset !important;
  display: inline-block !important;
}

.sub-menu .svg-icon {
  width: 1em !important;
  height: 1em !important;
  vertical-align: -0.15em !important;
  margin-right: 5px !important;
  fill: unset !important;
}

/* 图标禁止霓虹发光 */
html[data-theme="dark"] .menus_item .svg-icon {
  animation: none !important;
  text-shadow: none !important;
}

.faa-parent.animated-hover .svg-icon {
  transform-origin: center center;
}
/* 图标hover抖动动画 */
.menus_item a:hover .svg-icon {
  animation: tada 1s infinite !important;
}

/* 一级菜单居中垂直对齐 */
#nav .menus_items {
  position: absolute !important;
  width: max-content !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: flex !important;
  align-items: center !important;
}
#nav .menus_items .menus_item {
  padding: 0 0 0 8px !important;
}
/* 子菜单横向展示 */
#nav .menus_items .menus_item:hover .menus_item_child {
  display: flex !important;
}
/* 子菜单定位偏移 */
.menus_items .menus_item:nth-child(2) .menus_item_child {
  left: -95px;
}
.menus_items .menus_item:nth-child(3) .menus_item_child {
  left: -103px;
}
.menus_items .menus_item:nth-child(4) .menus_item_child {
  left: -102px;
}
.menus_items .menus_item:nth-child(5) .menus_item_child {
  left: -117px;
}
.menus_items .menus_item:nth-child(6) .menus_item_child {
  left: -133px;
}
.menus_items .menus_item:nth-child(7) .menus_item_child {
  left: -105px;
}
/* 右侧按钮布局 */
#nav-right {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: auto;
}
#nav-right > * {
  flex-shrink: 0 !important;
}