/* 静态页修复：去掉 React 动画初始隐藏 */
/* 注意：以下规则已注释，允许飞入动效正常执行 */
/* #root [style*="opacity: 0"], #root [style*="opacity:0"] { opacity: 1 !important; } */
/* #root [style*="transform:"] { transform: none !important; } */
html { scroll-behavior: smooth; }

/* Framer Motion 等效缓动函数 */
/* cubic-bezier(0.25, 0.46, 0.45, 0.94) - 默认缓动 */
/* cubic-bezier(0.16, 1, 0.3, 1) - 弹性缓动 */
/* cubic-bezier(0.4, 0, 0.2, 1) - 标准缓动 */

/* CTA 脉冲动效 */
@keyframes ctaPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.02); }
}

/* 动画效果 */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.animate-fade-in-up {
  animation: fadeInUp 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.animate-fade-in {
  animation: fadeIn 0.8s ease forwards;
}

.animate-slide-in-left {
  animation: slideInLeft 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.animate-slide-in-right {
  animation: slideInRight 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

/* 导航栏过渡效果增强 */
nav {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 卡片悬停效果增强 */
.rounded-feature,
.rounded-solution {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.rounded-feature:hover,
.rounded-solution:hover {
  transform: translateY(-4px);
}

/* 产品特性列表项悬停效果 */
#calendar .flex.items-start.gap-3,
#pipeline .flex.items-start.gap-3,
#dashboard .flex.items-start.gap-3 {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  border-radius: 8px;
  padding: 8px;
  margin: -8px;
  cursor: default;
}

#calendar .flex.items-start.gap-3:hover,
#pipeline .flex.items-start.gap-3:hover,
#dashboard .flex.items-start.gap-3:hover {
  transform: translateX(4px);
  background-color: rgba(11, 61, 59, 0.03);
}

/* 按钮悬停效果 */
button, a.inline-flex {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 标签切换动画 */
button.px-6.py-3.rounded-full {
  transition: all 0.3s ease;
}

/* 水波纹动画 */
@keyframes waterDrift {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.animate-water-drift {
  animation: waterDrift 20s linear infinite;
}

/* 金色装饰线动画 */
.gold-accent-line {
  width: 60px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #d4af37, transparent);
  animation: fadeIn 1s ease forwards;
}

/* 平滑滚动 */
html {
  scroll-behavior: smooth;
}

/* Products页面动画由JS完全控制，不使用CSS隐藏 */

/* 滚动动画基础类 */
.anim-item {
  opacity: 0;
  transform: translateY(30px);
}
.anim-item.anim-visible {
  opacity: 1;
  transform: translateY(0);
}

/* 不同方向的动画 */
.anim-slide-left {
  opacity: 0;
  transform: translateX(-40px);
}
.anim-slide-left.anim-visible {
  opacity: 1;
  transform: translateX(0);
}

.anim-slide-right {
  opacity: 0;
  transform: translateX(40px);
}
.anim-slide-right.anim-visible {
  opacity: 1;
  transform: translateX(0);
}

.anim-scale-in {
  opacity: 0;
  transform: scale(0.8);
}
.anim-scale-in.anim-visible {
  opacity: 1;
  transform: scale(1);
}

/* 动画过渡 */
.anim-item,
.anim-slide-left,
.anim-slide-right,
.anim-scale-in {
  transition: opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94),
              transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 性能优化 */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 语言切换按钮样式 */
.lang-btn {
  position: relative;
  flex-shrink: 0;
  min-width: max-content;
  overflow: visible;
}

.lang-btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

/* 滚动后导航栏中的语言按钮 */
nav.bg-white\/95 .lang-btn {
  border-color: #0d3e3c !important;
}

nav.bg-white\/95 .lang-btn:hover {
  background-color: rgba(13, 62, 60, 0.05);
}