/* 七七自学堂考试动态表情 v5 —— 独立单元素版本 */
.study999-exam-emotions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 7px 11px !important;
  margin: 6px 0 8px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
.study999-exam-emotions .study999-exam-emotions-copy {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-width: 0 !important;
  flex: 0 1 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
.study999-exam-emotions .study999-result-score {
  display: inline-block !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(15px, 2.5vw, 23px) !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
.study999-exam-emotions .study999-exam-emotions-message {
  display: inline-block !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(10px, 1.6vw, 15px) !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}
.study999-exam-emotions .study999-exam-emotions-stage {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 108px !important;
  width: 108px !important;
  min-width: 108px !important;
  height: 92px !important;
  min-height: 92px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
}
/* 新表情使用独立类名，避免历史补丁对 .study999-exam-emotion 的规则影响。 */
.study999-exam-emotions .study999-exam-emotions-stage > .study999-v5-selected-emoji {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
  min-height: 88px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 72px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-indent: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform-origin: 50% 55% !important;
  animation: study999-v5-emoji-bounce 1.45s ease-in-out infinite !important;
  z-index: 5 !important;
}
@keyframes study999-v5-emoji-bounce {
  0%,100% { transform: translateY(0) rotate(-3deg) scale(1); }
  50% { transform: translateY(-7px) rotate(3deg) scale(1.05); }
}
@media (max-width: 600px) {
  .study999-exam-emotions { gap: 5px !important; padding: 6px 5px !important; }
  .study999-exam-emotions .study999-exam-emotions-copy { gap: 4px !important; }
  .study999-exam-emotions .study999-result-score { font-size: clamp(12px, 3.15vw, 17px) !important; }
  .study999-exam-emotions .study999-exam-emotions-message { font-size: clamp(9px, 2.35vw, 12px) !important; letter-spacing: -.2px; }
  .study999-exam-emotions .study999-exam-emotions-stage {
    flex: 0 0 74px !important; width: 74px !important; min-width: 74px !important;
    height: 74px !important; min-height: 74px !important;
  }
  .study999-exam-emotions .study999-exam-emotions-stage > .study999-v5-selected-emoji {
    width: 70px !important; min-width: 70px !important;
    height: 70px !important; min-height: 70px !important;
    font-size: 54px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .study999-exam-emotions .study999-exam-emotions-stage > .study999-v5-selected-emoji {
    animation: none !important;
  }
}