/**
 * 浏览器前缀兼容性修复 - 全面增强版
 * 解决所有CSS样式中缺少标准前缀的问题
 * 确保所有动态生成元素也能正确应用前缀
 * 更新日期: 2025-07-05
 */

/* 通配选择器确保覆盖所有动态生成元素 */
* {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

/* 修复 background-clip 属性前缀 */
.ai-hero-content h1,
.ai-demo-text h3,
.gradient-text,
.fixed-title,
.logo-text-layer,
.main-layer,
.tech-panel-title,
[class*="title-gradient"],
[class*="text-gradient"],
[data-text]:before,
[data-text]:after {
  -webkit-background-clip: text !important;
  -moz-background-clip: text !important;
  -o-background-clip: text !important;
  background-clip: text !important;
}

/* 修复 text-fill-color 属性前缀 */
.gradient-text,
.fixed-title,
.logo-text-layer,
.main-layer,
.tech-panel-title[class*="gradient"],
[class*="title-gradient"],
[class*="text-gradient"],
[data-text]:before,
[data-text]:after {
  -webkit-text-fill-color: transparent !important;
  -moz-text-fill-color: transparent !important;
  -o-text-fill-color: transparent !important;
  text-fill-color: transparent !important;
}

/* 修复 backdrop-filter 属性前缀 */
.header,
.header.scrolled,
.nav ul,
.tech-panel,
.ai-tool-item,
.case-info,
.case-overlay,
.feature-card,
[class*="blur"],
[class*="glass-effect"],
[style*="backdrop-filter"],
[data-blur] {
  -webkit-backdrop-filter: blur(10px) !important;
  -moz-backdrop-filter: blur(10px) !important;
  -o-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}

/* 修复 transform 属性前缀 - 常用值 */
/* 通用 translate 变换 */
[class*="translate"],
.hero-title,
.fixed-title,
.slide-content,
.tech-circle,
.arrow-container,
[style*="transform: translate"] {
  -webkit-transform: translateZ(0) !important;
  -moz-transform: translateZ(0) !important;
  -ms-transform: translateZ(0) !important;
  -o-transform: translateZ(0) !important;
  transform: translateZ(0) !important;
}

/* X轴移动 */
.slideshow-nav,
[class*="center-x"],
[style*="transform: translateX"] {
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}

/* Y轴移动 */
.slide-btn,
.testimonial-item:hover,
.service-item:hover,
.ai-tool-item:hover,
.case-item:hover,
.showcase-item:hover,
[class*="center-y"],
[style*="transform: translateY"] {
  -webkit-transform: translateY(-10px) !important;
  -moz-transform: translateY(-10px) !important;
  -ms-transform: translateY(-10px) !important;
  -o-transform: translateY(-10px) !important;
  transform: translateY(-10px) !important;
}

/* XY双轴移动 */
.slide-content,
[style*="transform: translate("] {
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

/* 旋转变换 */
.nav-indicator .arrow,
.testimonial-content:after,
[style*="transform: rotate"] {
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
}

/* 缩放变换 */
.showcase-item:hover .showcase-image img,
.case-item:hover .case-image img,
[style*="transform: scale"] {
  -webkit-transform: scale(1.1) !important;
  -moz-transform: scale(1.1) !important;
  -ms-transform: scale(1.1) !important;
  -o-transform: scale(1.1) !important;
  transform: scale(1.1) !important;
}

/* 3D变换相关属性 */
[style*="backface-visibility"],
.tech-panel,
.hero-title,
.fixed-title {
  -webkit-backface-visibility: hidden !important;
  -moz-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
}

[style*="perspective"],
.tech-panel,
.hero-content,
.fixed-title {
  -webkit-perspective: 1000px !important;
  -moz-perspective: 1000px !important;
  perspective: 1000px !important;
}

/* 修复 transition 属性前缀 */
.dot,
.slide-btn,
.nav ul li a,
.nav ul li a::after,
.nav ul li a::before,
.menu-toggle span,
.tech-panel,
.tech-feature-item,
.testimonial-item,
.testimonial-btn,
.testimonial-dot,
.service-item,
.ai-tool-item,
.ai-tool-link:after,
.case-item,
.case-image img,
.case-overlay,
.filter-btn,
.showcase-item,
.showcase-image img,
[class*="hover-effect"],
[class*="transition"],
[style*="transition"] {
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

/* 修复线性渐变背景前缀 */
.gradient-text,
.ai-hero-content h1,
.ai-demo-text h3,
.fixed-title,
.main-layer,
.nav ul li a.ai-btn,
[class*="gradient-bg"],
[style*="linear-gradient"] {
  background-image: -webkit-linear-gradient(90deg, #ffffff, #00eaff, #ffffff) !important;
  background-image: -moz-linear-gradient(90deg, #ffffff, #00eaff, #ffffff) !important;
  background-image: -o-linear-gradient(90deg, #ffffff, #00eaff, #ffffff) !important;
  background-image: linear-gradient(90deg, #ffffff, #00eaff, #ffffff) !important;
  background-size: 200% auto !important;
}

/* 修复动画和关键帧前缀 */
.fixed-title,
[class*="animate"],
[style*="animation"] {
  -webkit-animation-duration: 3s !important;
  -moz-animation-duration: 3s !important;
  -o-animation-duration: 3s !important;
  animation-duration: 3s !important;
  
  -webkit-animation-iteration-count: infinite !important;
  -moz-animation-iteration-count: infinite !important;
  -o-animation-iteration-count: infinite !important;
  animation-iteration-count: infinite !important;
  
  -webkit-animation-direction: alternate !important;
  -moz-animation-direction: alternate !important;
  -o-animation-direction: alternate !important;
  animation-direction: alternate !important;
}

/* 标题辉光关键帧 */
@-webkit-keyframes titleGlow {
  0% {
    text-shadow: 0 0 20px rgba(0, 234, 255, 0.5), 0 0 40px rgba(0, 234, 255, 0.3);
  }
  100% {
    text-shadow: 0 0 30px rgba(0, 234, 255, 0.9), 0 0 50px rgba(0, 234, 255, 0.5);
  }
}

@-moz-keyframes titleGlow {
  0% {
    text-shadow: 0 0 20px rgba(0, 234, 255, 0.5), 0 0 40px rgba(0, 234, 255, 0.3);
  }
  100% {
    text-shadow: 0 0 30px rgba(0, 234, 255, 0.9), 0 0 50px rgba(0, 234, 255, 0.5);
  }
}

@-o-keyframes titleGlow {
  0% {
    text-shadow: 0 0 20px rgba(0, 234, 255, 0.5), 0 0 40px rgba(0, 234, 255, 0.3);
  }
  100% {
    text-shadow: 0 0 30px rgba(0, 234, 255, 0.9), 0 0 50px rgba(0, 234, 255, 0.5);
  }
}

/* 标题渐变关键帧 */
@-webkit-keyframes titleGradient {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
}

@-moz-keyframes titleGradient {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
}

@-o-keyframes titleGradient {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
}

/* 添加移动端扫描动画关键帧 */
@-webkit-keyframes mobile-scan-horizontal {
  0% { background-position: -100% 0; opacity: 0.3; }
  50% { opacity: 0.7; }
  100% { background-position: 200% 0; opacity: 0.3; }
}

@-moz-keyframes mobile-scan-horizontal {
  0% { background-position: -100% 0; opacity: 0.3; }
  50% { opacity: 0.7; }
  100% { background-position: 200% 0; opacity: 0.3; }
}

@-o-keyframes mobile-scan-horizontal {
  0% { background-position: -100% 0; opacity: 0.3; }
  50% { opacity: 0.7; }
  100% { background-position: 200% 0; opacity: 0.3; }
}

@-webkit-keyframes mobile-scan-vertical {
  0% { background-position: 0 -100%; opacity: 0.3; }
  50% { opacity: 0.7; }
  100% { background-position: 0 200%; opacity: 0.3; }
}

@-moz-keyframes mobile-scan-vertical {
  0% { background-position: 0 -100%; opacity: 0.3; }
  50% { opacity: 0.7; }
  100% { background-position: 0 200%; opacity: 0.3; }
}

@-o-keyframes mobile-scan-vertical {
  0% { background-position: 0 -100%; opacity: 0.3; }
  50% { opacity: 0.7; }
  100% { background-position: 0 200%; opacity: 0.3; }
}

/* 修复flex属性前缀 */
[class*="flex"],
.nav-indicator,
.arrow-container,
.header-inner,
.nav,
.nav ul,
.future-tech-container,
.ai-hero-buttons,
.testimonial-author,
.testimonial-nav,
.testimonial-dots,
[style*="display: flex"] {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
}

[class*="flex-center"],
.hero-content,
.future-tech-container,
[style*="justify-content: center"] {
  -webkit-box-pack: center !important;
  -moz-box-pack: center !important;
  -ms-flex-pack: center !important;
  -webkit-justify-content: center !important;
  justify-content: center !important;
}

[class*="align-center"],
.nav-indicator,
.arrow-container,
[style*="align-items: center"] {
  -webkit-box-align: center !important;
  -moz-box-align: center !important;
  -ms-flex-align: center !important;
  -webkit-align-items: center !important;
  align-items: center !important;
}

/* 修复flexbox方向属性 */
[class*="flex-column"],
.nav-indicator,
.arrow-container,
[style*="flex-direction: column"] {
  -webkit-box-orient: vertical !important;
  -moz-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -moz-box-direction: normal !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

/* 修复flexbox换行属性 */
[class*="flex-wrap"],
.future-tech-container,
[style*="flex-wrap: wrap"] {
  -webkit-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}