/* AJU STUDIO - 纯 HTML/CSS/JS 版本 */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #ffffff;
  color: #111111;
}

/* 隐藏滚动条 */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* 选中文字样式 */
::selection {
  background-color: #e5e7eb;
  color: #000;
}

/* 顶部导航、语言切换：点击/聚焦时不显示黑框 */
.nav-link:focus,
.mobile-nav:focus,
#langToggle:focus,
#mobileLangToggle:focus {
  outline: none;
}

/* 其他可点击区域保留焦点样式（可选） */
.contact-more:focus {
  outline: none;
}

/* 联系卡片悬停上浮 */
.contact-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.contact-card:hover {
  transform: translateY(-8px);
}

/* 产品卡片入场动画（可选，由 JS 添加 class） */
.product-card-visible {
  animation: fadeInUp 0.5s ease forwards;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 聊天加载动画 */
.chat-loading-dot {
  width: 8px;
  height: 8px;
  background: #9ca3af;
  border-radius: 50%;
  animation: chatBounce 1.4s ease-in-out infinite both;
}
.chat-loading-dot:nth-child(1) { animation-delay: 0ms; }
.chat-loading-dot:nth-child(2) { animation-delay: 150ms; }
.chat-loading-dot:nth-child(3) { animation-delay: 300ms; }
@keyframes chatBounce {
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}

/* Footer 社交图标：默认灰度，悬停时显示品牌色 */
#footerSocialZh .footer-social-icon,
#footerSocialEn .footer-social-icon {
  filter: grayscale(1) opacity(0.65);
  transition: filter 0.2s ease;
}
#footerSocialZh a:hover .footer-social-icon,
#footerSocialEn a:hover .footer-social-icon {
  filter: grayscale(0) opacity(1);
}