/* 科技感增强样式 */
/* 背景装饰元素 */
.tech-bg-element {
  position: fixed;
  pointer-events: none;
  z-index: -1;
}

.tech-bg-element.circle {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0, 255, 65, 0.15) 0%, transparent 70%);
  animation: tech-glow 4s ease-in-out infinite alternate;
}

.tech-bg-element.circle:nth-child(2) {
  width: 100px;
  height: 100px;
  background: radial-gradient(circle, rgba(0, 255, 65, 0.1) 0%, transparent 70%);
  animation: tech-glow 5s ease-in-out infinite alternate-reverse;
}

.tech-bg-element.line {
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, transparent, rgba(0, 255, 65, 0.2), transparent);
  animation: tech-line-move 8s linear infinite;
}

.tech-bg-element.line:nth-child(4) {
  animation: tech-line-move 12s linear infinite reverse;
}

/* 径向渐变装饰 */
.tech-decoration {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -2;
  background-image: 
    radial-gradient(circle at 10% 20%, rgba(0, 255, 65, 0.03) 0%, transparent 20%),
    radial-gradient(circle at 90% 80%, rgba(0, 255, 65, 0.03) 0%, transparent 20%),
    radial-gradient(circle at 50% 50%, rgba(0, 255, 65, 0.02) 0%, transparent 30%);
}

/* 网格背景 */
.grid-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: 
    linear-gradient(rgba(0, 255, 65, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 255, 65, 0.05) 1px, transparent 1px);
  background-size: 30px 30px;
  pointer-events: none;
  z-index: -3;
  animation: grid-move 20s linear infinite;
}

/* 动画效果 */
@keyframes tech-glow {
  0% {
    opacity: 0.3;
    transform: scale(1);
  }
  100% {
    opacity: 0.7;
    transform: scale(1.2);
  }
}

@keyframes tech-line-move {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

@keyframes grid-move {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(30px, 30px);
  }
}

/* 科技感按钮增强 */
.theme_btn {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

.theme_btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(0, 255, 65, 0.2), transparent);
  transition: 0.5s;
}

.theme_btn:hover::before {
  left: 100%;
}

.theme_btn:hover {
  box-shadow: 0 0 15px rgba(0, 255, 65, 0.4);
  transform: translateY(-2px);
}

/* 科技感卡片效果 */
.blog.style_one, .service_box, .price_box {
  position: relative;
  transition: all 0.3s ease;
}

.blog.style_one:hover, .service_box:hover, .price_box:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 255, 65, 0.15);
}

.blog.style_one::before, .service_box::before, .price_box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  pointer-events: none;
  transition: all 0.3s ease;
  background: linear-gradient(45deg, transparent, rgba(0, 255, 65, 0.05), transparent);
  z-index: -1;
}

.blog.style_one:hover::before, .service_box:hover::before, .price_box:hover::before {
  border-color: rgba(0, 255, 65, 0.3);
}

/* 科技感导航栏 */
.navbar_nav .nav_link {
  position: relative;
  overflow: hidden;
}

.navbar_nav .nav_link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(0, 255, 65, 0.5), rgba(0, 255, 65, 0.1));
  transition: width 0.3s ease;
}

.navbar_nav .nav_link:hover::after {
  width: 100%;
}

/* 科技感标题效果 */
.section_title h2.title {
  position: relative;
  display: inline-block;
}

.section_title h2.title::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 3px;
  background: linear-gradient(90deg, transparent, rgba(0, 255, 65, 0.7), transparent);
}

/* 科技感输入框 */
.simple_search input.search {
  border: 1px solid rgba(0, 255, 65, 0.2);
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

.simple_search input.search:focus {
  border-color: rgba(0, 255, 65, 0.5);
  box-shadow: 0 0 10px rgba(0, 255, 65, 0.2);
}

/* 科技感页脚 */
.footer_area {
  position: relative;
  border-top: 1px solid rgba(0, 255, 65, 0.1);
}

.footer_area::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0, 255, 65, 0.3), transparent);
}