/* ====== CBAM 合规自测 —— 悬浮入口按钮 ======
   被首页(home/index.html)与 CBAM 三个产品页共用。
   底部偏移可用 CSS 变量覆盖：--quiz-fab-bottom
   默认 5rem，用于避开右下角的 .progress-wrap（back-to-top，底部 1.5rem、高 2.3rem）。 */
.quiz-fab {
  position: fixed;
  right: 24px;
  bottom: var(--quiz-fab-bottom, 5rem);
  z-index: 1050;
  cursor: pointer;
  text-decoration: none;
  display: block;
}
.quiz-fab-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: linear-gradient(135deg, #10B981, #059669);
  color: #fff;
  padding: 14px 22px;
  border-radius: 50px;
  box-shadow: 0 4px 20px rgba(16, 185, 129, 0.4);
  font-weight: 600;
  font-size: 0.92rem;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  white-space: nowrap;
  min-width: 110px;
}
.quiz-fab-inner i {
  font-size: 1.2rem;
}
.quiz-fab:hover .quiz-fab-inner {
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 6px 28px rgba(16, 185, 129, 0.5);
}
.quiz-fab:hover {
  color: #fff;
}
.quiz-fab-pulse {
  position: absolute;
  inset: -4px;
  border-radius: 50px;
  background: rgba(16, 185, 129, 0.3);
  animation: quizPulse 2s infinite;
  pointer-events: none;
}
@keyframes quizPulse {
  0%   { transform: scale(1); opacity: 0.6; }
  70%  { transform: scale(1.15); opacity: 0; }
  100% { transform: scale(1); opacity: 0; }
}

@media (max-width: 576px) {
  .quiz-fab {
    right: 16px;
    bottom: var(--quiz-fab-bottom-mobile, 4.5rem);
  }
  .quiz-fab-inner {
    padding: 12px 18px;
    font-size: 0.85rem;
    min-width: 100px;
  }
  .quiz-fab-inner i {
    font-size: 1rem;
  }
}