@charset "UTF-8";
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* 统一各页面首屏 Banner 高度 */
[id$="-page"] [id$="-banner"],
[id$="-page"] [id$="-banner"] .banner-main {
  height: 600px !important;
}

.font-family-MiSans {
  font-family: "MiSans";
}

/* 设置一些全局变量， 方便后续控制 */
/* 通用样式 */
/* 设置一些全局变量， 方便后续控制 */
/* 对于能够确定的内容， 尽量使用id选择器 */
.website-size {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.hidden {
  display: none;
}

.text-primary {
  color: #0066FF;
}

.text-indent {
  text-indent: 2em;
}

.text-left {
  text-align: left;
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-ellipsis-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制显示的行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.border-1-primary {
  border: 1px solid #0066FF;
}

.border-1-\[\#fff\] {
  border: 1px solid #fff;
}

.border-2-\[\#fff\] {
  border: 2px solid #fff;
}

.bg-gradient-to-r-1 {
  background: linear-gradient(90deg, #0066FF 0%, #6BA6FF 100%);
}

.bg-gradient-to-r-2 {
  background: linear-gradient(90deg, #EBF4FF 0%, #FFFFFF 100%);
}

.bg-gradient-to-b-1 {
  background: linear-gradient(180deg, #0066FF 0%, #6BA6FF 100%);
}

.bg-gradient-to-b-2 {
  background: linear-gradient(180deg, #00B9CE 0%, #84C6FF 100%);
}

.bg-gradient-to-b-f {
  background: linear-gradient(180deg, #f9fbff 0%, #f9fbff 100%);
}

.bg-gradient-oblique-1 {
  background: linear-gradient(132deg, #F3F8FF 0%, #F9FCFF 100%);
}

.shadow-break-1 {
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.08);
}

.shadow-break-2 {
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.08);
}

/* 透明度 */
.opacity-10 {
  opacity: 1;
}

.opacity-7 {
  opacity: 0.68;
}

.opacity-4 {
  opacity: 0.46;
}

/* 透明背景 + 模糊效果 */
.opacity-bg-7 {
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px); /* Safari 支持 */
}

.opacity-bg-12 {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px); /* Safari 支持 */
}

/* 背景图片 */
.bg-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

@keyframes rotate-pause {
  0% {
    transform: rotate(0deg);
  }
  30% {
    transform: rotate(-360deg);
  }
  100% {
    transform: rotate(-360deg); /* 保持不动 */
  }
}
@keyframes wave {
  0%, 100% {
    transform: translateY(0);
  }
  5% {
    transform: translateY(-1px);
  }
  10% {
    transform: translateY(-2px);
  }
  15% {
    transform: translateY(-3px);
  }
  20% {
    transform: translateY(-4px);
  }
  25% {
    transform: translateY(-5px);
  }
  30% {
    transform: translateY(-4px);
  }
  35% {
    transform: translateY(-3px);
  }
  40% {
    transform: translateY(-2px);
  }
  45% {
    transform: translateY(-1px);
  }
  50% {
    transform: translateY(0);
  }
  55% {
    transform: translateY(1px);
  }
  60% {
    transform: translateY(2px);
  }
  65% {
    transform: translateY(3px);
  }
  70% {
    transform: translateY(4px);
  }
  75% {
    transform: translateY(5px);
  }
  80% {
    transform: translateY(4px);
  }
  85% {
    transform: translateY(3px);
  }
  90% {
    transform: translateY(2px);
  }
  95% {
    transform: translateY(1px);
  }
}