body {
  font-family: 'Inter', sans-serif;
  scroll-behavior: smooth;
  background: rgb(14, 16, 18);
  background: radial-gradient(ellipse at center, #0b659a 0%, #000 70%);
}

#navbar .nav-item{margin:0px 20px;}
.nav-scrolled {
  background-color: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(10px);
}

.testimonial-slider {
  scroll-snap-type: x mandatory;
}

.testimonial-slide {
  scroll-snap-align: start;
}

.btn-primary {
  @apply bg-white text-black font-medium py-2 px-6 rounded-full transition-all duration-300 hover:bg-gray-200 transform hover:-translate-y-1;
}

.btn-secondary {
  @apply bg-transparent border-2 border-white text-white font-medium py-2 px-6 rounded-full transition-all duration-300 hover:bg-white hover:text-black transform hover:-translate-y-1;
}

.nav-item {
  @apply relative px-4 py-2 text-white hover:text-gray-300 transition-colors;
}

.nav-item::after {
  content: '';
  @apply absolute bottom-0 left-0 w-0 h-0.5 bg-white transition-all duration-300;
}

.nav-item:hover::after {
  @apply w-full;
}

/* 渐变背景样式 */
.gradient-bg-1 {
  position: absolute;
  top: -50vh;
  left: -50%;
  width: 100%;
  height: 100vh;
  background: radial-gradient(50% 50%, rgb(29, 89, 107) 0%, rgb(16, 48, 67) 42.45%, rgb(16, 8, 39) 71.73%, rgb(10, 12, 34) 100%);
  filter: blur(105px);
  z-index: 9;
  top:0px;
}

.gradient-bg-2 {
  position: absolute;
  right: -50%;
  width: 100%;
  height: 100%;
  background: linear-gradient(95deg, rgb(14, 16, 18) 26%, rgb(29, 89, 107) 93%);
  filter: blur(155px);
  z-index: -99;
  top:0px;
}

.gradient-bg-3 {
  position: absolute;
  left: -50%;
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50%, rgb(29, 89, 107) 0%, rgb(16, 48, 67) 42.45%, rgb(16, 8, 39) 71.73%, rgb(10, 12, 34) 100%);
  filter: blur(155px);
  z-index: -99;
  top:0px;
}

/* 内容区最大宽度 */
.content-container {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}
.nav-item:hover::after {
  @apply w-full;
}

/* Swiper相关样式 */
.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  width: 300px;
  /* 响应式宽度 */
  @media (min-width: 768px) {
    width: 350px;
  }
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.3);
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.swiper-pagination-bullet-active {
  background: white;
}

/* 确保页面在不同设备上都能很好地展示 */
.content-container {
  max-width: 1200px;
  margin: 0 auto;
}
.prima{
  color: #fff;
background-color: #1677ff;
box-shadow: 0 2px 0 rgba(5, 145, 255, 0.1);
padding: 8px 30px;
text-transform: initial;
min-height: 42px;
font-size: 14px;
height: 32px;

border-radius: 6px;
}
.pother{
  outline: none;
position: relative;
display: inline-block;
font-weight: 400;
white-space: nowrap;
text-align: center;
background-image: none;
background-color: transparent;
border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
cursor: pointer;
transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
user-select: none;
touch-action: manipulation;
line-height: 1.5714285714285714;
color: rgba(0, 0, 0, 0.88);
  color: rgb(64, 169, 255);
border-color: rgb(64, 169, 255);
background-color: transparent;
padding: 8px 30px;
text-transform: initial;
min-height: 42px;
font-size: 14px;
height: 32px;


border-radius: 6px;
}
.swiper-container.testimonial-slider{overflow:hidden;}
.ico {text-align: center;margin:0px auto;width:50px;height: 50px;}
.ico  i{font-size:30px;}
.relative .bg-opacity-60.backdrop-blur-sm{text-align: center;}
.relative .bg-opacity-60.backdrop-blur-sm h3{
  margin-top:20px;
}
.leading-tight{margin-right:50px;}
.share i{font-size:23px;}
  .partner{max-width:1200px;margin:0px auto;padding-top:100px;background: radial-gradient(ellipse at center, #e6007a 0%, #000 70%);}
/* 修复移动端菜单在小屏幕上的显示 */

@media (max-width: 768px) {
  .leading-tight{margin-right:0px;width:96%}
  .py-20{padding:30px 0px;}
  .hero-gradient .btn-primary,.hero-gradient .btn-secondary{width:80%;margin:0px auto;}
  .hero-gradient .btn-secondary{margin-top:20px;}
  .hero-gradient .text-xl.text-gray-300{font-size:16px;line-height: 30px;width:96%;}
  .content-container .text-center.mb-16{margin:20px 0px;}
  #mobile-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.95);
    backdrop-filter: blur(10px);
    z-index: 1000;
    padding: 20px 0;
  }
  
  .nav-item {
    display: block;
    text-align: center;
    margin: 10px 0;
  }
  
  /* 调整评价轮播按钮在移动端的位置 */
  #prev-testimonial,
  #next-testimonial {
    width: 8px;
    height: 8px;
  }
}
.partner-card {
  perspective: 1000px;
}

.partner-card .relative {
  transition: transform 0.5s ease;
}

.partner-card:hover .relative {
  transform: translateY(-10px);
}

/* 合作伙伴滚动容器 */
.partner-scroll-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
}

.partner-track {
  display: flex;
  gap: 16px;
}

/* 自动滚动动画 */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.animate-scroll {
  animation: scroll linear infinite;
}

.animate-scroll.paused {
  animation-play-state: paused;
}

/* 增强的卡片悬停效果 */
.partner-card .w-20.h-20 {
  transition: all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.partner-card:hover .w-20.h-20 {
  transform: rotateY(180deg) scale(1.3);
}

.partner-card:hover .fa {
  transform: rotateY(-180deg);
  transition: transform 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* 增强的光晕效果 */
.partner-card .relative::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, transparent 48%, rgba(255,255,255,0.1) 50%, transparent 52%);
  background-size: 20px 20px;
  animation: shimmer 3s infinite linear;
  opacity: 0;
  pointer-events: none;
}

.partner-card:hover .relative::before {
  opacity: 1;
}
.znting button i{font-size:30px;}
.znting button{cursor: pointer;}
@keyframes shimmer {
  0% {
    background-position: -100px 0;
  }
  100% {
    background-position: 200px 0;
  }
}


@media (max-width: 480px) {
  .partner-card {
    min-width: 120px !important;
  }
  
  .partner-card .w-20.h-20 {
    width: 16px !important;
    height: 16px !important;
  }
  
  .partner-card .fa {
    font-size: 24px !important;
  }
}
.hero-gradient .text-lg.font-semibold{margin-top:10px}
/* 响应式调整 */
.partner-card img{max-width:130% !important;}
@media (max-width: 768px) {
  #partners .partner-track {
    gap: 8px;
  }
  
  .partner-card {
    min-width: 150px !important;
  }
  .hero-gradient{width:96%;margin:0px auto;}
 .tbwzh{font-size:40px;}
 .listdxcc{display: flex;flex-wrap: wrap;gap: inherit;}
 .listdxcc .listdxcc-a{width:48%;margin:1%;}
 .proson{line-height: 30px;font-size:14px;text-align: left;}
 .text-3xl{font-size:20px}
 .text-lg{font-size:18px;}
 .text-xl{font-size:14px;}
 .xuanfu{right:10px;top:30%;}
 #mobile-menu-button i{font-size:28px;}
 .hidden-xs{display: none;}
}


/* 圆形图片样式 */
.circular-image {
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}