/* 页脚与头图透明 */
/* #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;
  } */
  
/* 翻页按钮居中 */
/* #pagination {
    width: 100%;
    margin: auto;
  } */

/* 一级菜单居中 */
/* #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(2) .menus_item_child {
    left: -125px;
  }
   */

/* 夜间模式菜单栏发光字 */
[data-theme="dark"] #nav .site-page,
[data-theme="dark"] #nav .menus_items .menus_item .menus_item_child li a {
  text-shadow: 0 0 2px var(--theme-color) !important;
}

/* 手机端适配 */
[data-theme="dark"] #sidebar #sidebar-menus .menus_items .site-page {
  text-shadow: 0 0 2px var(--theme-color) !important;
}

/* 闪烁变动颜色连续渐变 */
#site-name,
#site-title,
#site-subtitle,
#post-info,
.author-info__name,
.author-info__description {
  transition: text-shadow 1s linear !important;
}


  
  /* 首页文章卡片 */
  /* #recent-posts > .recent-post-item {
    background: var(--trans-light);
    backdrop-filter: var(--backdrop-filter);
    border-radius: 25px;
    border: var(--border-style);
  } */
  
  /* 首页侧栏卡片 */
  /* #aside-content .card-widget {
    background: var(--trans-light);
    backdrop-filter: var(--backdrop-filter);
    border-radius: 18px;
    border: var(--border-style);
  } */
  
  /* 文章页、归档页、普通页面 */
  /* div#post,
  div#page,
  div#archive {
    background: var(--trans-light);
    backdrop-filter: var(--backdrop-filter);
    border: var(--border-style);
    border-radius: 20px;
  } */
  /* div#post,
  div#page,
  div#archive {
    background: rgba(254, 242, 252, 0.974); /* 半透明白色背景 */
    /* backdrop-filter: blur(4.5px); /* 背景模糊效果 */
    /* border: 1px solid rgba(255, 255, 255, 0.5); /* 半透明白色边框 */
    /* border-radius: 20px; /* 圆角边框 */
  /* } */

  /* 导航栏
  #page-header.nav-fixed #nav {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: var(--backdrop-filter);
  }
  
  [data-theme="dark"] #page-header.nav-fixed #nav {
    background: rgba(0, 0, 0, 0.7) !important;
  } */
  
  /* 夜间模式遮罩 */
  /* [data-theme="dark"] #recent-posts > .recent-post-item,
  [data-theme="dark"] #aside-content .card-widget,
  [data-theme="dark"] div#post,
  [data-theme="dark"] div#archive,
  [data-theme="dark"] div#page {
    background: var(--trans-dark);
  } */
  
  
  /* 夜间模式页脚页头遮罩透明 */
  /* [data-theme="dark"] #footer::before {
    background: transparent !important;
  }
  [data-theme="dark"] #page-header::before {
    background: transparent !important;
  }
   */
  /* 阅读模式 */
  .read-mode #aside-content .card-widget {
    background: rgba(158, 204, 171, 0.5) !important;
  }
  .read-mode div#post {
    background: rgba(158, 204, 171, 0.5) !important;
  }
  
  /* 夜间模式下的阅读模式 */
  [data-theme="dark"] .read-mode #aside-content .card-widget {
    background: rgba(25, 25, 25, 0.9) !important;
    color: #ffffff;
  }
  [data-theme="dark"] .read-mode div#post {
    background: rgba(25, 25, 25, 0.9) !important;
    color: #ffffff;
  }
  

/* 雪花特效 */
[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;
  }
  
  
/* 波浪css */
/* .main-hero-waves-area {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -11px;
  z-index: 5;
}
.waves-area .waves-svg {
  width: 100%;
  height: 5rem;
} */
/* Animation */

/* .parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
  fill: #f9a3d5bd;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
  fill: #d8a0d382;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
  fill: #edb4fe36;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
  fill: #fbe2ff;
} */
/* 黑色模式背景 */
/* [data-theme="dark"] .parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
  fill: #18171dc8;
}
[data-theme="dark"] .parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
  fill: #18171d80;
}
[data-theme="dark"] .parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
  fill: #18171d3e;
}
[data-theme="dark"] .parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
  fill: #18171d;
}

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
/*Shrinking for mobile*/
/* @media (max-width: 768px) {
  .waves-area .waves-svg {
    height: 40px;
    min-height: 40px;
  }
} */ 


/* 头像呼吸灯 */
[data-theme="light"] .avatar-img {
  animation: huxi_light 4s ease-in-out infinite;
}
[data-theme="dark"] .avatar-img {
  animation: huxi_dark 4s ease-in-out infinite;
}
@keyframes huxi_light {
  0% {
    box-shadow: 0px 0px 2px 2px #f99df6;
  }
  50% {
    box-shadow: 0px 0px 6px 6px #91daf9;
  }
  100% {
    box-shadow: 0px 0px 2px 2px #e7a4f5;
  }
}
@keyframes huxi_dark {
  0% {
    box-shadow: 0px 0px 1px 1px #39c5bb;
  }
  50% {
    box-shadow: 0px 0px 5px 5px #7c6af3;
  }
  100% {
    box-shadow: 0px 0px 1px 1px #b7fdcc;
  }
}

.loading-img {
  background: url(/pic/titlelogo.png) no-repeat center center;
  background-size: cover;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background-color: rgba(73, 177, 245, 0.2);
  border-radius: 2em;
}

::-webkit-scrollbar-thumb {
  background-color: var(rgb(180, 173, 249));
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.4) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0.4) 75%,
    transparent 75%,
    transparent
  );
  border-radius: 2em;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

::-moz-selection {
  color: #fff;
  background-color: var(--theme-color);
}




/* 小冰分类分类磁铁黑夜模式适配 */
/* 一般状态 */
[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: 'CZXH';	
  /* 字体文件地址(相对或者绝对路径都可以) */
  src: url(/font/筑紫A丸by宁静之雨.woff2);
  /* 定义加粗样式(加粗多少) */
  font-weight: normal;
  /* 定义字体样式(斜体/非斜体) */
  font-style: normal;
  /* 定义显示样式 */
  font-display: block;
}


/* 欢迎信息 */
#welcome-info {
  background: linear-gradient(45deg, #b9f4f3, #e3fbf9);
  border-radius: 18px;
  padding: 8px;
}
[data-theme="dark"] #welcome-info {
  background: #212121;
}


/*挂绳*/

body::-webkit-scrollbar {
  width: 0;
}

.neko {
  width: 64px;
  height: 64px;
  background-image: url("https://bu.dusays.com/2022/07/20/62d812db74be9.png");
  position: absolute;
  right: 32px;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateX(50%);
  cursor: pointer;
  font-family: tzy;
  font-weight: 600;
  font-size: 16px;
  color: #72e1ff;
  display: none;
}

.neko::after {
  display: none;
  width: 100px;
  height: 100px;
  background-image: url("/pic/ku.png");
  background-size: contain;
  z-index: 9999;
  position: absolute;
  right: 50%;
  text-align: center;
  line-height: 100px;
  top: -115%;

}

.neko.showMsg::after {
  content: attr(data-msg);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.neko:hover::after {
  content: attr(data-msg);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.neko.fontColor::after {
  color: #333;
}

/**
* @description: 滚动条样式  跟猫二选一
*/
@media screen and (max-width:992px) {
  ::-webkit-scrollbar {
      width: 8px !important;
      height: 8px !important
  }

  ::-webkit-scrollbar-track {
      border-radius: 2em;
  }

  ::-webkit-scrollbar-thumb {
      background-color: rgb(255 255 255 / .3);
      background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
      border-radius: 2em
  }

  ::-webkit-scrollbar-corner {
      background-color: transparent
  }
}





/* 基础选中样式重置 */
::selection {
  background-color: #B5EAD7; /* 薄荷绿 */
  color: #333;
}

/* 为不同元素添加不同的选中效果 */
/* 段落选中 - 浅粉 */
p::selection {
  background-color: #FFD1DC; 
  text-shadow: 1px 1px 0px rgba(255,255,255,0.3);
}

/* 标题选中 - 浅黄 */
h1::selection, h2::selection, h3::selection {
  background-color: #FFEE93;
  background-image: linear-gradient(to right, #FFEE93, #FCF6BD);
}

/* 代码选中 - 浅蓝 */
pre::selection, code::selection {
  background-color: #C7EEFF;
  border-radius: 2px;
}

/* 链接选中 - 浅紫色 */
a::selection {
  background-color: #E2D1F9;
}

/* 列表选中 - 浅橙色 */
li::selection {
  background-color: #FFC8A2;
}

/* 特殊强调选中效果 */
.highlight::selection {
  background-color: #B5EAD7;
  background-image: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 5px,
    rgba(255,255,255,0.5) 5px,
    rgba(255,255,255,0.5) 10px
  );
}

/* 为深色模式准备的选中样式 */
@media (prefers-color-scheme: dark) {
  ::selection {
    background-color: #6C4A4A;
    color: #f0f0f0;
  }
}

/* 添加平滑过渡效果 */
html {
  transition: all 0.3s ease;
}

/* 可选：为选中文字添加轻微动画 */
@keyframes selectedPulse {
  0% { background-color: #B5EAD7; }
  50% { background-color: #C7E9FF; }
  100% { background-color: #B5EAD7; }
}

.animated-selection::selection {
  animation: selectedPulse 3s infinite;
}







/* 侧边栏个人信息卡片动态渐变色 */
/* #aside-content > .card-widget.card-info {
  background: linear-gradient(
    -45deg,
    #8e7696,
    #d9dbed,
    #eed1e6,
    #bdbdf0,
    #eec1ea
  );
  box-shadow: 0 0 5px rgb(66, 68, 68);
  position: relative;
  background-size: 400% 400%;
  -webkit-animation: Gradient 10s ease infinite;
  -moz-animation: Gradient 10s ease infinite;
  animation: Gradient 10s ease infinite !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="dark"] #aside-content > .card-widget.card-info {
  background: #191919ee;
} */

/* 个人信息Follow me按钮 */
/* #aside-content > .card-widget.card-info > #card-info-btn {
  background-color: #3eb8be;
  border-radius: 8px;
}




#aside-content .card-widget {
  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;
  -moz-animation: Gradient 10s ease infinite;
  animation: Gradient 10s ease infinite !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%;
  }
}
 */







/* 定义变量 */
/* :root {
  --theme-color: rgb(105, 195, 255); /* 蓝色 */


/* 鼠标样式测试 */
/* #cursor {
  position: fixed;
  width: 16px;
  height: 16px;
  background: var(--theme-color) !important;
  border-radius: 8px;
  opacity: 0.25;
  z-index: 10086;
  pointer-events: none;
  transition: 0.2s ease-in-out;
  transition-property: background, opacity, transform;
}

#cursor.hidden {
  opacity: 0;
}

#cursor.hover {
  opacity: 0.1;
  transform: scale(2.5);
}

#cursor.active {
  opacity: 0.5;
  transform: scale(0.5);
} */

/* 个人信息卡片背景图 */
[data-theme="light"] #aside-content > .card-widget.card-info {
  background-image: url(/pic/c03.png);
  background-repeat: no-repeat;
  background-attachment: inherit;
  background-size: 100%;
}
[data-theme="dark"] #aside-content > .card-widget.card-info {
  background-image: url(/pic/c04.png);
  background-repeat: no-repeat;
  background-attachment: inherit;
  background-size: 100%;
}


/*-------------------以下为测试案例--------------------------------------------------------------------------*/
/*-------------------Made by Mitunlny(M.Y)-------------------------------------------------------------------*/

/*标题样式*/
/* .post-title {
  color: #2c3e50;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 20px;
}*/

/* .post{
  color: #000000;
  border-left: 4px solid #3498db;
  padding-left: 15px;
}
[data-theme="dark"] .post {
  color: #ffffff;
  border-left: 4px solid #3498db;
  padding-left: 15px;
}

.post-title {
  color: #2c3e50;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 24px; /* 可以根据需要调整字体大小 */
  /* font-weight: bold; 加粗字体 */
  /*text-align: center;  居中对齐 */
  /* animation: neon 2s infinite; 应用动画 */

/* 夜间模式下的标题样式 */
/* [data-theme="dark"] .post-title {
  /* color: #ffffff; /* 白色字体 */
  /* border-bottom: 1px solid #444; /* 深色边框 */
  /* padding-bottom: 10px;
  margin-bottom: 20px; */
  /* font-size: 24px; 可以根据需要调整字体大小 */
  /* font-weight: bold; 加粗字体 */
  /* animation: neon 2s infinite; 应用动画 */


/* 基础文字发光效果 - 白色光晕 */
#site-title,
#subtitle {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #be7bb8, 0 0 40px #be7bb8, 0 0 50px #be7bb8, 0 0 60px #be7bb8, 0 0 70px #be7bb8;
}

/* 霓虹灯效果 - 蓝色调 */
#site-title.neon,
#subtitle.neon {
    color: #fff;
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6, 0 0 30px #0073e6, 0 0 35px #0073e6;
}

/* 动画发光效果 - 闪烁 */
@keyframes blink {
    0%, 100% { opacity: 1; text-shadow: 0 0 10px #ff00aa, 0 0 20px #ff00aa; }
    50% { opacity: 0.7; text-shadow: 0 0 20px #ff00aa, 0 0 30px #ff00aa, 0 0 40px #ff00aa; }
}
#site-title.animate,
#subtitle.animate {
    animation: blink 3s infinite alternate;
}

/* 模糊发光背景效果 */
#site-title.blur,
#subtitle.blur {
    color: rgba(255, 255, 255, 0.9); /* 文字稍微透明 */
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.8), 2px 2px 6px rgba(0, 0, 0, 0.5); /* 光晕和一点立体感 */
}

/* 首页头部区域的主标题发光 */
body[data-page="home"] #page-header .site-title,
body.home #page-header .site-title,
#page-header:not(.post-bg) h1 {
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 
                 0 0 20px rgba(255, 255, 255, 0.5),
                 0 0 30px rgba(230, 0, 115, 0.6);
    animation: glow 2s ease-in-out infinite alternate;
}

/* 副标题发光效果 */
#page-header .site-subtitle,
#page-header .subtitle {
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.7),
                 0 0 15px rgba(255, 255, 255, 0.4),
                 0 0 25px rgba(0, 115, 230, 0.5);
    animation: glow 2s ease-in-out infinite alternate;
}

/* 发光动画 */
@keyframes glow {
    from {
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 
                     0 0 20px rgba(255, 255, 255, 0.5),
                     0 0 30px rgba(230, 0, 115, 0.6);
    }
    to {
        text-shadow: 0 0 15px rgba(255, 255, 255, 0.9), 
                     0 0 25px rgba(255, 255, 255, 0.6),
                     0 0 35px rgba(230, 0, 115, 0.7),
                     0 0 45px rgba(230, 0, 115, 0.5);
    }
}