/**
 * style.css — 页面自定义样式（按约定仅存放 Tailwind CDN 无法覆盖的部分）
 * 其余布局 / 间距 / 颜色均使用 index.html 里的 Tailwind 工具类，保持风格统一。
 */

/* 移除移动端点击时的高亮块，避免游戏操作时的视觉闪烁 */
body {
  -webkit-tap-highlight-color: transparent;
}

/* HUD 数字的文字描边：跑酷场景背景复杂，描边保证任何时刻都清晰可读 */
.text-outline {
  text-shadow:
    0 2px 4px rgba(0, 0, 0, 0.45),
    0 0 2px rgba(0, 0, 0, 0.35);
}

/* 弹窗卡片进场动画：由小变大 + 淡入，提升界面质感 */
@keyframes pop-in {
  0%   { opacity: 0; transform: scale(0.86) translateY(10px); }
  100% { opacity: 1; transform: scale(1)    translateY(0);    }
}
.animate-pop-in {
  animation: pop-in 0.28s ease-out both;
}

/* 新纪录徽章的脉冲闪烁，醒目但不刺眼 */
@keyframes record-blink {
  0%, 100% { opacity: 1;    transform: scale(1);    }
  50%      { opacity: 0.55; transform: scale(1.06); }
}
.animate-record {
  animation: record-blink 0.9s ease-in-out infinite;
}