/* 自定义字体 */
@font-face {
  font-family: "MC";
  src: url("/custom/DinkieBitmap-9px.ttf");
}

/* 自定义全局字体 */
* {
  font-family: MC;
}
/* 定义新光标样式 */
body {
  cursor: url(“/custom/arrow1.png”) , default !important
}

/* 自定义悬浮光标 */
.cursor-pointer {
  cursor: url(”/custom/arrow2.png“), auto !important;
}



/* 背景线条样式 BY 香水 [二群大佬提供] */

/* 伪元素创建背景线条样式 */
.w-full .font-semibold:before {
  position: absolute;  /* 设置为绝对定位 */
  width: 93px;  /* 宽度为93像素 */
  display: block;  /* 设置为块级元素 */
  height: 75px;  /* 高度为75像素 */
  content: "";  /* 伪元素内容为空 */
  border-radius: 50%;  /* 边框半径为50%，形成圆形 */
  z-index: -1;  /* 设置层级为-1，将其放在内容之后 */
  right: -27px;  /* 距离右边-27像素的位置 */
  top: -35px;  /* 距离顶部-35像素的位置 */
  background: #ffffff3b;  /* 背景颜色为淡白色带透明度的3b */
  box-shadow: -8px 21px 0 #ffffff1a;  /* 设置阴影效果，水平偏移-8px，垂直偏移21px，颜色为淡白色带透明度的1a */
}

/* 伪元素创建另一种背景线条样式 */
.w-full .font-semibold:after {
  position: absolute;  /* 设置为绝对定位 */
  width: 40px;  /* 宽度为40像素 */
  display: block;  /* 设置为块级元素 */
  height: 40px;  /* 高度为40像素 */
  border: 4px solid #ffffff3b;  /* 边框为4像素的实线，颜色为淡白色带透明度的3b */
  content: "";  /* 伪元素内容为空 */
  border-radius: 50%;  /* 边框半径为50%，形成圆形 */
  top: -19px;  /* 距离顶部-19像素的位置 */
  right: 48px;  /* 距离右边48像素的位置 */
  z-index: -1;  /* 设置层级为-1，将其放在内容之后 */
}

/* 设置图标信息框的圆角样式 */
.icon-info-box .rounded-2xl {
  position: relative;  /* 设置为相对定位 */
  border-radius: 15px;  /* 设置边框半径为15像素，形成圆角 */
  overflow: hidden;  /* 超出部分隐藏 */
  -webkit-backdrop-filter: blur(10px);  /* 使用Webkit前缀的背景滤镜，模糊程度为10像素 */
  backdrop-filter: blur(10px);  /* 背景滤镜，模糊程度为10像素 */
}


/*鼠标悬停动画 */

/* 当鼠标悬停在图标信息框上时触发动画 */
.icon-info-box .rounded-2xl:hover {
  background: rgba(42, 42, 42, 0.7) !important;  /* 背景颜色为深灰色带透明度的0.7，!important用于提高优先级 */
  -webkit-animation: shake-bounce .5s alternate !important;  /* Webkit浏览器的摇晃弹跳动画，时长为0.5秒，交替播放，!important用于提高优先级 */
  -moz-animation: shake-bounce .5s alternate !important;  /* Mozilla浏览器的摇晃弹跳动画，时长为0.5秒，交替播放，!important用于提高优先级 */
  -o-animation: shake-bounce .5s alternate !important;  /* Opera浏览器的摇晃弹跳动画，时长为0.5秒，交替播放，!important用于提高优先级 */
  animation: shake-bounce .5s alternate !important;  /* 标准的摇晃弹跳动画，时长为0.5秒，交替播放，!important用于提高优先级 */
}

/* 定义摇晃弹跳动画的关键帧 */
@keyframes shake-bounce {
  0%, 100% {
    transform: rotate(0);  /* 起始和结束状态时不旋转 */
  }
  25% {
    transform: rotate(10deg);  /* 在25%时旋转10度 */
  }
  50% {
    transform: rotate(-10deg);  /* 在50%时反向旋转10度 */
  }
  75% {
    transform: rotate(2.5deg);  /* 在75%时旋转2.5度 */
  }
  85% {
    transform: rotate(-2.5deg);  /* 在85%时反向旋转2.5度 */
  }
}