/* 首页头图加载 */
.pl-container {
    width: 100%;
    height: 100%;
    z-index: -2;
    position: fixed;
    overflow: hidden;
    will-change: transform; /* 添加性能优化 */
    animation: blur-to-clear 2s cubic-bezier(.62,.21,.25,1) 0s 1 normal backwards running, scale 1.5s cubic-bezier(.62,.21,.25,1) 0s 1 both;
  }
  .pl-img {
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1s;
  }
  
  @keyframes blur-to-clear {
    0% {
      filter: blur(50px);
      opacity: 1;
    }
    100% {
      filter: blur(0);
      opacity: 1;
    }
  }
  
  @keyframes scale {
    0% {
      transform: scale(1.5) translateZ(0);
      opacity: 0;
    }
    to {
      transform: scale(1) translateZ(0);
      opacity: 1;
    }
  }
  
  .pl-visible {
    opacity: 1;
  }
  
  .pl-blur {
   /* 小图锯齿多，增加高斯模糊 */
    filter: blur(50px);
  }

/* 页脚透明 */
/*#footer {
    background: transparent !important;
  }
  
/* 头图透明 */
/*#page-header {
    background: transparent !important;
  }
/* 底部透明 */
/*#footer-bar{
    background: transparent !important;
}

/* 更多透明 */
/*#category-bar{
    background: transparent !important;
}
/* 隐藏默认滚动条 */
::-webkit-scrollbar {
  display: none;
}

/* 基础样式 - 确保菜单项是内联块状 */
#nav .menu-item {
  display: inline-block;
  padding: 8px 16px;
  position: relative;
  color: var(--anzhiyu-fontcolor); /* 使用主题变量 */
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 1;
}


/* 悬停时的长条效果 */
#nav .menu-item > a {
  position: relative;
  display: inline-block;
  z-index: 1;
}

#nav .menu-item > a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 12px); /* 比文字略宽 */
  height: calc(100% + 8px); /* 比文字略高 */
  background: rgba(240, 240, 240, 0.9);
  border-radius: 4px; /* 更大的圆角 */
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.2s ease;
}

#nav .menu-item:hover > a::before {
  opacity: 1;
}

/* 支持多种暗黑模式class */
[data-theme="dark"] #nav .menu-item > a::before,
body.dark #nav .menu-item > a::before,
.dark-mode #nav .menu-item > a::before {
  background: rgba(45, 45, 45, 0.9);
}

/* 移动端适配 */
@media (max-width: 768px) {
  #nav .menu-item > a::before {
    width: calc(100% + 8px);
    height: calc(100% + 4px);
  }
  
  #nav .menu-item:active > a::before {
    opacity: 1;
    background: rgba(220, 220, 220, 0.9);
  }

  [data-theme="dark"] #nav .menu-item:active > a::before,
  body.dark #nav .menu-item:active > a::before {
    background: rgba(60, 60, 60, 0.9);
  }
}
/* Tianli的滚动条样式,滚动条样式 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}

body.dark ::-webkit-scrollbar-track {
  background: #2d2d2d;
}

body.dark ::-webkit-scrollbar-thumb {
  background: #555;
}



/* 固定视窗容器 */
/*.viewbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden; /* 禁止原生滚动 */
}

/* 内容容器（添加缓冲动画） */
/*.scrollbox {
  transition: transform 0.3s ease-out; /* 阻尼效果关键！ */
}

/* 确保 body 高度正确 */
/*body {
  margin: 0;
  overflow-y: scroll; /* 保留滚动条触发事件 */
}