/**
 * 公共营养师考务中心 - 常见问题样式文件
 * Copyright (c) 2024-2025 公共营养师考务中心
 * 版权所有，未经授权禁止复制或使用
 * Website: https://jkgls.arkvip.cn
 */

/* 常见问题样式 - 使用primary颜色替代紫色 */
#faq h2.text-purple-600 {
  color: var(--primary) !important;
}

#faq .bg-gradient-purple {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%) !important;
}

#faq .border.border-purple\/10 {
  border-color: rgba(30, 58, 138, 0.1) !important; /* primary color at 10% opacity */
}

#faq .bg-purple\/10 {
  background-color: rgba(30, 58, 138, 0.1) !important; /* primary color at 10% opacity */
}

#faq .bg-purple\/20 {
  background-color: rgba(30, 58, 138, 0.2) !important; /* primary color at 20% opacity */
}

#faq .bg-purple\/5 {
  background-color: rgba(30, 58, 138, 0.05) !important; /* primary color at 5% opacity */
}

#faq .text-purple-600 {
  color: var(--primary) !important;
}

#faq .hover\:bg-purple\/5:hover {
  background-color: rgba(30, 58, 138, 0.05) !important;
}

#faq .bg-gradient-purple.opacity-5 {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%) !important;
  opacity: 0.05 !important;
}

#faq .text-purple-600.transition-all-300:hover {
  color: var(--primary) !important;
}

#faq .bg-purple\/20.transition-all-300:hover {
  background-color: rgba(30, 58, 138, 0.3) !important;
}

#faq .bg-gradient-purple.opacity-30 {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%) !important;
  opacity: 0.3 !important;
}

#faq .focus\:ring-purple-500:focus {
  --tw-ring-color: #3b82f6 !important; /* primary-light color */
}

#faq .text-purple-600.text-base {
  color: var(--primary) !important;
}

#faq .text-purple-600.opacity-50 {
  color: var(--primary) !important;
  opacity: 0.5 !important;
}

/* 保持渐变效果 */
#faq .bg-gradient-purple {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%) !important;
}

/* 为搜索框也应用一致的颜色 */
#faq #faqSearch:focus {
  --tw-ring-color: var(--primary-light) !important;
  border-color: var(--primary-light) !important;
}

/* FAQ 项目悬停效果 */
#faq .faq-question:hover {
  background-color: rgba(30, 58, 138, 0.05) !important;
}

/* 保持与整体设计的一致性 */
#faq .w-8.h-8.rounded-full.bg-purple\/20 {
  background-color: rgba(30, 58, 138, 0.2) !important;
}

#faq .w-8.h-8.rounded-full.bg-purple\/20:hover {
  background-color: rgba(30, 58, 138, 0.3) !important;
}

/* 确保焦点状态样式一致 */
#faq .faq-question:focus-visible + div .faq-answer,
#faq .faq-question:focus + div .faq-answer {
  display: block !important;
}