/* 云客企服 - 全局样式表 */

/* 基础重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* 品牌色定义 */
.text-accent {
  color: #c9a962;
}

.bg-accent {
  background-color: #c9a962;
}

.border-accent {
  border-color: #c9a962;
}

.hover\:bg-accent-light:hover {
  background-color: #d4b876;
}

/* 首页特有样式 */
.hero-bg {
  background: linear-gradient(135deg, #0a0c14 0%, #0d1220 50%, #111827 100%);
}

.glass {
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.gradient-text {
  background: linear-gradient(135deg, #c9a962 0%, #d4b876 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 动画效果 */
.animate-fade-in {
  animation: fadeIn 0.6s ease-out forwards;
  opacity: 0;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.delay-100 {
  animation-delay: 0.1s;
}

.delay-200 {
  animation-delay: 0.2s;
}

.delay-300 {
  animation-delay: 0.3s;
}

.delay-400 {
  animation-delay: 0.4s;
}

.delay-500 {
  animation-delay: 0.5s;
}

/* 卡片悬停效果 */
.card-hover {
  transition: all 0.3s ease;
}

.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

/* FAQ 样式 */
.faq-content {
  display: none;
}

.faq-content.active {
  display: block;
}

/* 联系页面服务按钮 */
.service-btn.active {
  border-color: #c9a962;
  background-color: rgba(201, 169, 98, 0.1);
  color: #0a0c14;
}