.elementor-20 .elementor-element.elementor-element-354d365{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-b559b63{--display:flex;--min-height:100vh;}.elementor-20 .elementor-element.elementor-element-b559b63:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-b559b63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-20 .elementor-element.elementor-element-9f15f63{text-align:center;}.elementor-20 .elementor-element.elementor-element-9f15f63 .elementor-heading-title{font-size:90px;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-9224337{--display:flex;--min-height:100vh;}.elementor-20 .elementor-element.elementor-element-9224337:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-9224337 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-978c693{text-align:center;}.elementor-20 .elementor-element.elementor-element-978c693 .elementor-heading-title{font-size:90px;color:#000000;}.elementor-20 .elementor-element.elementor-element-1ab8f43{--display:flex;--min-height:100vh;--padding-top:0vw;--padding-bottom:0vw;--padding-left:9vw;--padding-right:9vw;}.elementor-20 .elementor-element.elementor-element-1ab8f43:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-1ab8f43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-20 .elementor-element.elementor-element-d0e726b{text-align:center;}.elementor-20 .elementor-element.elementor-element-d0e726b .elementor-heading-title{font-size:90px;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-3425272{--display:flex;}/* Start custom CSS for html, class: .elementor-element-42c14fd *//* 导航容器位置 */
#fp-nav {
  right: 30px;
  z-index: 999;
}

/* 每个导航点间距 */
#fp-nav ul li {
  margin: 12px 0;
}

/* 导航点默认状态 */
#fp-nav ul li a span {
  width: 14px;
  height: 14px;
  background: linear-gradient(135deg, #00ffe5, #0078ff);
  border-radius: 50%;
  display: block;
  transition: all 0.5s ease;
  box-shadow: 0 0 8px rgba(0, 255, 229, 0.6);
}

/* Hover 时：变形 + 发光 + 旋转 */
#fp-nav ul li a:hover span {
  transform: rotate(45deg) scale(1.5);
  border-radius: 8%;
  background: linear-gradient(135deg, #00ffe5, #ffffff);
  box-shadow: 0 0 15px rgba(0, 255, 229, 0.9);
}

/* 激活状态：持续变形 + 脉冲 + 旋转 */
#fp-nav ul li .active span {
  background: linear-gradient(135deg, #00ffe5, #0078ff);
  transform: rotate(45deg) scale(1.8);
  border-radius: 8%;
  animation: pulse 1.5s infinite, spin 2.5s linear infinite;
  box-shadow: 0 0 20px rgba(0, 255, 229, 0.9);
}

/* 脉冲扩散效果 */
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 255, 229, 0.7);
  }
  70% {
    box-shadow: 0 0 0 14px rgba(0, 255, 229, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 255, 229, 0);
  }
}

/* 缓慢旋转 */
@keyframes spin {
  0% {
    transform: rotate(45deg) scale(1.8);
  }
  100% {
    transform: rotate(405deg) scale(1.8);
  }
}/* End custom CSS */