.n-card .n-card--bordered .n-modal {
    max-width: 1300px !important;
    height: 800px !important;
}


/*一言标题样式
.md\:text-6xl {
    font-size: 2.5rem !important;
}*/

/*背景封面切换动画样式*/
.mask-overlay {
    animation: fadeIn 1s ease-in-out;
    animation-fill-mode: forwards; /* 动画结束后保持最终状态 */
    position: relative; /* 为伪元素定位提供基础 */
}

.mask-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2); /* 黑色遮罩，50%透明度 */
    pointer-events: none; /* 确保遮罩层不会影响点击事件 */
    z-index: 1; /* 确保遮罩层在背景图之上 */
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* 自定义搜索框 */
.search-container {
    background: rgba(50,50,50,0.2) !important;
}

/* 自定义字体 */
* {
  font-family: AaBBPPWDKA;
}

@font-face {
  font-family: "AaBBPPWDKA";
  src: url("https://cdn.ym01.cn:66/fonts/BaiBaiPangPang-WuDiKeAi-2.woff");
}

/* 定义新光标样式 */
body {
  cursor: url(https://cdn.custom-cursor.com/db/13884/32/minimal-musical-note-cursor.png), default !important;
}

/* 自定义悬浮光标 */
.cursor-pointer {
  cursor: url(https://cdn.custom-cursor.com/db/13883/32/minimal-musical-note-pointer.png), auto !important;
}

/* 自定义footer */
.footer {
  color: #ffffff;
  left: 50%;
  width: 100%;
  height: auto;
  min-height: 50px;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  line-height: 1.8;
}

/* 背景线条样式 BY 香水 [二群大佬提供] */
.w-full .font-semibold:before {
  position: absolute;
  width: 93px;
  display: block;
  height: 75px;
  content: "";
  border-radius: 50%;
  z-index: -1;
  right: -27px;
  top: -35px;
  background: #ffffff3b;
  box-shadow: -8px 21px 0 #ffffff1a;
}

.w-full .font-semibold:after {
  position: absolute;
  width: 40px;
  display: block;
  height: 40px;
  border: 4px solid #ffffff3b;
  content: "";
  border-radius: 50%;
  top: -19px;
  right: 48px;
  z-index: -1;
}

.w-full .font-semibold:after,
.item-card-info:after {
  position: absolute;
  width: 40px;
  display: block;
  height: 40px;
  border: 4px solid #ffffff3b;
  content: "";
  border-radius: 50%;
  top: -19px;
  right: 48px;
  z-index: -1;
}

.w-full .font-semibold:before,
.item-card-info:before {
  position: absolute;
  width: 93px;
  display: block;
  height: 75px;
  content: "";
  border-radius: 50%;
  z-index: -1;
  right: -27px;
  top: -35px;
  background: #ffffff3b;
  box-shadow: -8px 21px 0 #ffffff1a;
}

.icon-info-box .rounded-2xl {
  position: relative;
  /*    连接块圆角角度*/
  border-radius: 15px;
  overflow: hidden;
  -webkit-backdrop-filter: blur(10px);
  background: rgba(50, 50, 50, 0.2)!important;
  backdrop-filter: blur(10px)!important;
  
}


/* 详细图标摇晃动画 */
.icon-info-box .rounded-2xl:hover {
  background: rgba(50, 50, 50, 0.4)!important;
  /* 背景颜色变成深灰色 */
  -webkit-animation: info-shake-bounce .5s alternate !important;
  -moz-animation: info-shake-bounce .5s alternate !important;
  -o-animation: info-shake-bounce .5s alternate !important;
  animation: info-shake-bounce .5s alternate !important;
}

/* 小图标摇晃动画 */
.icon-small-box .rounded-2xl:hover {
  background: rgba(42, 42, 42, 0.7) !important;
  /* 背景颜色变成深灰色 */
  -webkit-animation: small-shake-bounce .5s alternate !important;
  -moz-animation: small-shake-bounce .5s alternate !important;
  -o-animation: small-shake-bounce .5s alternate !important;
  animation: small-shake-bounce .5s alternate !important;
}

/* 定义摇详细图标晃弹跳动画的关键帧 */
@keyframes info-shake-bounce {

  0%,
  100% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(10deg);
  }

  50% {
    transform: rotate(-10deg);
  }

  75% {
    transform: rotate(2.5deg);
  }

  85% {
    transform: rotate(-2.5deg);
  }
}

/* 定义摇小图标晃弹跳动画的关键帧 */
@keyframes small-shake-bounce {

  0%,
  100% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(15deg);
  }

  50% {
    transform: rotate(-15deg);
  }

  75% {
    transform: rotate(5deg);
  }

  85% {
    transform: rotate(5deg);
  }
}