@layer utilities {
  /* 科技渐变背景 */
  .bg-tech-main {
    background: linear-gradient(160deg, #061022 0%, #081636 100%);
  }
  /* 柔和霓虹文字渐变 */
  .text-neon {
    background: linear-gradient(90deg, #00d4ff, #7b61ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  /* 低亮度磨砂玻璃卡片，不刺眼 */
  .glass-card {
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
  }
  .glass-card:hover {
    border-color: rgba(0, 212, 255, 0.35);
    box-shadow: 0 0 22px rgba(0, 212, 255, 0.12);
  }
  /* 细腻点阵粒子背景 */
  .dot-bg {
    background-image: radial-gradient(
      rgba(255, 255, 255, 0.06) 1px,
      transparent 1px
    );
    background-size: 24px 24px;
  }
  /* 流动光线动画 */
  .animate-line {
    position: relative;
    overflow: hidden;
  }
  .animate-line::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(0, 212, 255, 0.25),
      transparent
    );
    animation: lineMove 2.8s infinite;
  }
  @keyframes lineMove {
    0% {
      left: -100%;
    }
    100% {
      left: 100%;
    }
  }
  /* 悬浮上浮动画 */
  .hover-float {
    transition: all 0.4s ease;
  }
  .hover-float:hover {
    transform: translateY(-8px);
  }
  /* 美化滚动条 */
  ::-webkit-scrollbar {
    width: 6px;
  }
  ::-webkit-scrollbar-track {
    background: #061022;
  }
  ::-webkit-scrollbar-thumb {
    background: #165dff;
    border-radius: 3px;
  }
}
.ad-text-box {
  left: 10%;
}
.nav-text a {
  color: rgb(127, 127, 127);
}
.nav-text a.text-techCyan {
  color: rgb(0 212 255 / var(--tw-text-opacity, 1));
}
.text-gradient {
  background: linear-gradient(90deg, #00d4ff, #7b61ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.section-title {
  font-size: clamp(2rem, 3.2vw, 2.8rem);
  font-weight: 800;
  letter-spacing: 0.02em;
}

/* 柔和渐变霓虹按钮，降低高光亮度 */
.btn-neon {
  background: linear-gradient(135deg, #165dff, #7b61ff);
  color: #ffffff;
  box-shadow: 0 0 12px rgba(22, 93, 255, 0.45),
    inset 0 0 12px rgba(255, 255, 255, 0.08);
  border: none;
}
.btn-neon:hover {
  box-shadow: 0 0 22px rgba(22, 93, 255, 0.65),
    inset 0 0 18px rgba(255, 255, 255, 0.12);
  transform: translateY(-2px);
}
.logo-bj {
  background-color: rgb(0 212 255 / var(--tw-text-opacity, 1));
}