/* 國小修辭網頁風格樣式表 */

body {
  font-family: 'Zen Maru Gothic', 'Noto Sans TC', system-ui, -apple-system, sans-serif;
  -webkit-tap-highlight-color: transparent;
}

/* 隱藏卷軸但保留滾動功能 */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* 標籤按鈕點選效果 */
.tab-btn.active {
  background-color: #ffffff;
  color: #d97706; /* amber-600 */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  font-weight: 700;
}

/* 句子對比卡片懸浮 */
.sentence-card {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.sentence-card:hover {
  transform: translateY(-2px);
}

/* 積木選項按鈕樣式 */
.block-choice {
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  user-select: none;
}
.block-choice:hover {
  transform: scale(1.02);
}
.block-choice.selected {
  border-color: #f59e0b !important;
  background-color: #fef3c7 !important;
  color: #78350f !important;
  font-weight: 800 !important;
  box-shadow: 0 0 0 2px #fbbf24;
}

/* 動畫跳動 */
@keyframes bounceSmall {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
.bounce-hover:hover {
  animation: bounceSmall 0.4s ease-in-out;
}