/* 小黑点跟随鼠标光标 */
#cursor {
    position: fixed;
    width: 16px;
    height: 16px;
    background: #000;
    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);
}
/* 夜间模式：原生光标 → 荧光黄小圆点 */
html[data-theme="dark"] * {
  cursor: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8px' height='8px'><circle cx='4' cy='4' r='4' fill='%23ffe570' opacity='0.8'/></svg>") 4 4, auto !important;
}

/* 夜间模式：自定义跟随圆点 → 荧光黄 + 光晕 */
html[data-theme="dark"] #cursor {
  background: #ffe066;        /* 荧光黄 */
  opacity: 0.6;              /* 比白天略高，更醒目 */
  box-shadow: 0 0 10px rgba(255, 229, 112, 0.7); /* 光晕，方便追踪 */
}




/*fps*/

#fps{
    position: fixed;
    right:10px;
    bottom:4px;
    z-index: 1919810;
}

[data-theme="light"] #fps{
    background-color: var(--lyx-white-acrylic1);
    padding: 4px;
    border-radius: 4px;
    backdrop-filter: blur(10px);
}
[data-theme="dark"] #fps{
    background-color: var(--lyx-black-acrylic1);
    padding: 4px;
    border-radius: 4px;
    backdrop-filter: blur(10px);
}

/* 友链文字白色
#article-container .flink .flink-list {
    text-align: left!important;
}
.flink-item-name, .flink-item-desc {
    color: white!important;
}
*/

/*天气

#he-plugin-standard{
    width:100%!important;
    margin-bottom:20px!important;
}
.wv-lt-location>a[data-v-4b9dcab4],.wv-lt-location>span[data-v-4b9dcab4],.wv-n-h-now-tmp>span[data-v-5f4c0628],.wv-n-h-now-txt>span[data-v-5f4c0628],.wv-n-h-now-rain>a[data-v-5f4c0628], .wv-n-h-now-rain>span[data-v-5f4c0628],.wv-f-forecast-date>a[data-v-66693262],.wv-f-a{
    color:var(--font-color)!important;
    font-family: 'HYTMR','Microsoft Yahei','PingFang SC','SimSun'!important;
    font-size:14px
}
.wv-n-h-now-aqi-item {
    display: none;
} */

/*标题返回主页增强*/
#site-name::before{
    opacity: 0;
    background-color: var(--lyx-theme)!important;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    position:absolute;
    top:0!important;
    right:0!important;
    width:100%;
    height:100%;
    content: "\f015";
    box-shadow: 0 0 5px var(--lyx-theme);
    font-family: "Font Awesome 6 Free";
    text-align: center;
    color:white;
    line-height:34px;/*如果有溢出或者垂直不居中的现象微调一下这个参数*/
    font-size: 18px;/*根据个人喜好*/
}
#site-name:hover::before{
    opacity: 1;
    scale:1.03;
}
#site-name{
    position: relative;
    font-size: 24px; /*一定要把字体调大点，否则效果惨不忍睹！*/
}
:root{
    --lyx-theme:#ed709b /*我的主题色*/
}

/*字体*/
@font-face {
  /*字体名称，名字可以随便起，但是注意要一致，建议英文*/
  font-family: 'zdyfont';
  font-display: swap;
  src: url('https://npm.elemecdn.com/fontcdn-ariasaka@1.0.0/HYTangMeiRen55W.woff2') format("truetype");
}
@font-face {
  /*字体名称，名字可以随便起，但是注意要一致，建议英文*/
  font-family: 'zdycodefont';
  font-display: swap;
  src: url('./JetBrainsMono-Medium.woff2') format("truetype");
}



/* 标题小风车 */

/* 文章页H1-H6图标样式效果 */
/* 控制风车转动速度 4s那里可以自己调节快慢 */
h1::before,
h2::before,
h3::before,
h4::before,
h5::before,
h6::before {
  -webkit-animation: ccc 4s linear infinite;
  animation: ccc 4s linear infinite;
}

/* 控制风车转动方向 -1turn 为逆时针转动，1turn 为顺时针转动，相同数字部分记得统一修改 */
@-webkit-keyframes ccc {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
  }
}

@keyframes ccc {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
  }
}

/* 设置风车颜色 */
#content-inner.layout h1::before {
  color: #ef50a8;
  margin-left: -1.55rem;
  font-size: 1.3rem;
  margin-top: -0.23rem;
}

#content-inner.layout h2::before {
  color: #fb7061;
  margin-left: -1.35rem;
  font-size: 1.1rem;
  margin-top: -0.12rem;
}

#content-inner.layout h3::before {
  color: #ffbf00;
  margin-left: -1.22rem;
  font-size: 0.95rem;
  margin-top: -0.09rem;
}

#content-inner.layout h4::before {
  color: #a9e000;
  margin-left: -1.05rem;
  font-size: 0.8rem;
  margin-top: -0.09rem;
}

#content-inner.layout h5::before {
  color: #57c850;
  margin-left: -0.9rem;
  font-size: 0.7rem;
  margin-top: 0rem;
}

#content-inner.layout h6::before {
  color: #5ec1e0;
  margin-left: -0.9rem;
  font-size: 0.66rem;
  margin-top: 0rem;
}

/* s设置风车hover动效 6s那里可以自己调节快慢*/
#content-inner.layout h1:hover,
#content-inner.layout h2:hover,
#content-inner.layout h3:hover,
#content-inner.layout h4:hover,
#content-inner.layout h5:hover,
#content-inner.layout h6:hover {
  color: var(--theme-color);
}

#content-inner.layout h1:hover::before,
#content-inner.layout h2:hover::before,
#content-inner.layout h3:hover::before,
#content-inner.layout h4:hover::before,
#content-inner.layout h5:hover::before,
#content-inner.layout h6:hover::before {
  color: var(--theme-color);
  -webkit-animation: ccc 6s linear infinite;
  animation: ccc 6s linear infinite;
}

/*文章的整体背景，渐变色设置*/
@keyframes gradientBG {
  0% {
      background-position: 0% 50%;
  }
  50% {
      background-position: 100% 50%;
  }
  100% {
      background-position: 0% 50%;
  }
}
#web_bg {
  background: linear-gradient(-45deg, #ee76521e, #e73c7e1f, #23a5d51d, #23d5ab18);
  background-size: 400% 400%;
  animation: gradientBG 15s ease infinite;
}

:root {
	--trans-light: rgba(255, 255, 255, 0.5);
	--trans-dark: rgba(25, 25, 25, 0.88);
	--border-style: 1px solid rgb(169, 169, 169);
	--backdrop-filter: blur(5px) saturate(150%);
  }
  
  /* 首页文章卡片 */
  #recent-posts > .recent-post-item {
	background: var(--trans-light);
	border-radius: 25px;
	border: var(--border-style);
  }
  
  /* 首页侧栏卡片 */
  #aside-content .card-widget {
	background: var(--trans-light);
	border-radius: 18px;
	border: var(--border-style);
  }
  
  /* 文章页、归档页、普通页面 */
  div#post,
  div#page,
  div#archive {
	background: var(--trans-light);
	border: var(--border-style);
	border-radius: 20px;
	--border-style: 2px solid rgb(242 246 209);
  }

  
  /* 导航栏 */
  #page-header.nav-fixed #nav {
	background: rgba(255, 255, 255, 0.7);
  }
  
  [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(118, 238, 152, 0.5) !important;
  }
  .read-mode div#post {
	background: rgba(114, 227, 146, 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;
  }

  /* 页脚 */

  .footer {
    text-align: center;
    position: relative;
  }
  .footer p {
    margin: 0.5rem 0;
    color: #66ccff;
    line-height: 1;
  }
  .copyright {
    font-size: 1.1rem; 
    color: #66ccff;
    font-weight: 400;
  }
  #footer-wrap .framework-info {
    color: #66ccff !important;
  }

#footer-wrap .framework-info a {
    color: #66ccff !important;
    text-decoration: none;
    transition: opacity 0.3s;
  }

#footer-wrap .framework-info a:hover {
    opacity: 0.8;
    text-decoration: underline;
  }


  /* 背景宇宙星光  */
#universe{
  display: block;
  position: fixed;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}

/* 页面模糊背景 */
.page #page:not(.home #page){
  background: transparent!important;
  border: none!important;
  box-shadow: none!important;
  padding-top: 0;
  backdrop-filter: none!important;
}
#page::before{
  position: fixed;
  z-index:-114;
  bottom: 0;
  left:0;
  width: 100%;
  height: 100%;
  content:'';
  backdrop-filter: blur(10px);
  background:var(--lyx-white-acrylic2);
}
[data-theme="dark"] #page::before{
  background-color: var(--lyx-black-acrylic2)!important;
}


/* 页脚养鱼 */
.fish_container{
  z-index: -1;
  width: "100%";
  height: "160px";
  margin: 0;
  padding: 0;
}
#footer-wrap{
  position: absolute;
  text-align: center;
  padding: 20px 20px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}