/* ============================================================================
 * restyle_game.css —— 闯关游戏页（game.html, body.page-game / body.in-game）呈现层重构
 * 重构线 B组 · 2026-08-31
 * 作用域：body.page-game（菜单/HUD/进行/结算/帮助/引导）
 * 战场说明：game_modern.css（2073行/420处!important）晚于 style.css 加载，故本文件
 *   ① 全部规则以 body.page-game / body.in-game 前缀提权（特异性高于 #id 级旧规则的组合）；
 *   ② 规则集中在本文件末尾段（#gamePlay/#gameResult 覆盖区），挂载时 link 放在所有 CSS 之后；
 *   ③ 压 game_modern.css 的 !important 处一律对等 !important 并在行内注明"压GM"。
 * 配色：主橙 #FF8C42→#FF6B35（60%）/ 白+暖米底（30%）/ 青绿 #4ECDC4 点缀（10%）
 *   —— game_modern 原蓝(#5B8DEF)/红(#e53935/#c62828/红mic)全部并入橙体系；无红色否定态。
 * 硬指标：HUD/正文 ≥16px · 英文学习词 ≥24px · 主按钮热区 ≥56px · emoji图标用padding撑热区
 *         破坏性「再玩一次」视觉拉开间距（不加confirm）· 动画 ≤3Hz · safe-area 适配
 * ========================================================================== */

/* ---------- 0. 页面基底 ---------- */
body.page-game {
  --rs-orange: #FF8C42;
  --rs-orange-deep: #FF6B35;
  --rs-orange-soft: #FFE8D6;
  --rs-teal: #4ECDC4;
  --rs-teal-deep: #2FA99F;
  --rs-ink: #3D2B1F;
  --rs-ink-2: #6B5D52;
  background: #FFF8F0;
}

/* ---------- 1. 顶部栏 + 固定选择器（菜单态） ---------- */
body.page-game .topbar h1 { font-size: 22px; }
body.page-game .topbar .sub { font-size: 13px; opacity: 0.95; }
/* 看指引钮：图标+文字，padding 撑热区 ≥44px */
body.page-game .game-guide-btn {
  top: 14px;
  right: 16px;
  min-height: 44px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 22px;
  gap: 6px;
}
body.page-game .game-guide-btn .ggb-icon { font-size: 18px; }

/* 年级/册别/单元选择器：与练习页同规格，热区 ≥44/48px，字号 ≥16px */
body.page-game .game-tabs-fixed {
  background: rgba(255, 248, 240, 0.94);
}
body.page-game .game-tabs-fixed .grade-tabs { padding: 10px 14px 0; gap: 10px; }
body.page-game .game-tabs-fixed .grade-tab {
  padding: 12px 0;
  min-height: 44px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 16px;
  color: var(--rs-ink-2);
}
body.page-game .game-tabs-fixed .grade-tab.active {
  background: linear-gradient(135deg, var(--rs-orange), var(--rs-orange-deep));
  color: #fff;
  box-shadow: 0 4px 12px rgba(255, 107, 53, 0.35);
}
body.page-game .game-tabs-fixed .volume-tabs { padding: 8px 14px 0; gap: 10px; }
body.page-game .game-tabs-fixed .volume-tab {
  padding: 12px 0;
  min-height: 46px;
  font-size: 16px;
  border-radius: 16px;
  color: var(--rs-ink-2);
}
body.page-game .game-tabs-fixed .volume-tab.active {
  background: linear-gradient(135deg, var(--rs-orange), var(--rs-orange-deep));
  color: #fff;
  border-color: transparent;
  box-shadow: 0 4px 12px rgba(255, 107, 53, 0.35);
}
body.page-game .game-tabs-fixed .unit-bar { padding: 8px 14px; gap: 8px; }
body.page-game .game-tabs-fixed .unit-chip { min-height: 48px; border-radius: 14px; }
body.page-game .game-tabs-fixed .unit-chip .u-name { font-size: 12px; font-weight: 700; color: var(--rs-ink-2); }

/* ---------- 2. 游戏名单（菜单态）：大卡片、滚动布局、图标+名+描述 ---------- */
body.page-game #gameMenu .game-menu-card {
  border-radius: 24px;
  padding: 22px 18px 26px;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF6EC 100%);
  box-shadow: 0 8px 30px rgba(255, 140, 66, 0.15);
}
body.page-game #gameMenu .card-title {
  font-size: 21px !important;               /* 压GM 20px */
  color: var(--rs-ink) !important;          /* 压GM 深蓝 #2b3a55 */
}
/* 返回类型钮：热区 ≥44px、字号 14px */
body.page-game #gameMenu .game-back-btn {
  min-height: 44px;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 22px;
  background: #FFF3E8;
  color: var(--rs-orange-deep);
  border: none;
  margin-bottom: 12px;
}
/* 名单网格：间距 ≥12px，纵向可滚动 */
body.page-game #gameMenu .game-grid { gap: 14px; }
body.page-game #gameMenu .game-card {
  border-radius: 20px !important;           /* 压GM */
  padding: 18px 12px 16px !important;       /* 压GM，卡片更大更易点 */
  min-height: 132px;
  box-shadow: 0 4px 14px rgba(255, 140, 66, 0.12) !important;  /* 压GM冷影 */
}
body.page-game #gameMenu .game-card-icon {
  width: 64px !important;                   /* 压GM 56px：角色化大图标 */
  height: 64px !important;
  font-size: 34px !important;               /* emoji 不放大到糊：图标字号适度，盒子大 */
  border-radius: 20px !important;
  margin-bottom: 12px !important;
}
body.page-game #gameMenu .game-card-name {
  font-size: 16px !important;               /* 压GM 15px：名单名 ≥16px 清晰 */
  color: var(--rs-ink) !important;          /* 压GM深蓝 */
  font-weight: 800 !important;
}
body.page-game #gameMenu .game-card-desc {
  font-size: 13px !important;               /* 压GM 11px：描述可读 */
  color: var(--rs-ink-2) !important;        /* 压GM浅蓝灰，对比度 ≥4.5:1 */
  line-height: 1.4;
}
body.page-game #gameMenu .game-card-tag {
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 3px 10px !important;
}

/* ============================================================================
 * 以下为游戏进行态（body.in-game）覆盖区 —— 规则集中于此段末尾以源序压 game_modern.css
 * ========================================================================== */

/* ---------- 3. HUD：分数/进度/题号 ≥16px 清晰 ---------- */
body.in-game #gamePlay .game-hud {
  margin: 10px 12px 6px !important;
  padding: 12px 16px !important;
  min-height: 52px !important;              /* 压GM 40px：HUD条更高更易读 */
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.92) !important;  /* 压GM半透：浅底深字对比够 */
  font-size: 16px !important;               /* 压GM 15px：HUD正文 ≥16px */
  box-shadow: 0 4px 14px rgba(255, 140, 66, 0.15) !important;
}
body.in-game #gamePlay .hud-item {
  font-size: 16px !important;               /* 压GM：题号/游戏名 ≥16px */
  font-weight: 800 !important;
  color: var(--rs-ink) !important;          /* 压GM #51617a 冷灰 → 深墨 */
}
body.in-game #gamePlay .hud-score {
  font-size: 20px !important;               /* 压GM 19px：分数最大 */
  font-weight: 900 !important;
  background: linear-gradient(135deg, var(--rs-orange), var(--rs-orange-deep)) !important; /* 压GM黄橙渐变：统一主橙 */
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
/* 帮助钮：裸图标 → padding 撑热区 ≥44px（图标不放大会糊） */
body.in-game #gamePlay .hud-help-btn {
  width: 44px !important;                   /* 压GM/style 28px */
  height: 44px !important;
  font-size: 20px !important;
  margin-left: 10px !important;
  background: #FFF3E8 !important;
  color: var(--rs-orange-deep) !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 8px rgba(255, 107, 53, 0.2) !important;
}
/* 深色主题游戏内 HUD 帮助钮反色（压GM深色覆盖） */
body.in-game #gamePlay:has(.theme-pirate) .hud-help-btn,
body.in-game #gamePlay:has(.theme-fish) .hud-help-btn,
body.in-game #gamePlay:has(.theme-star) .hud-help-btn {
  background: rgba(255, 255, 255, 0.22) !important;
  color: #fff !important;
}
body.in-game #gamePlay:has(.theme-pirate) .hud-item,
body.in-game #gamePlay:has(.theme-fish) .hud-item,
body.in-game #gamePlay:has(.theme-star) .hud-item {
  color: #fff !important;
}

/* ---------- 4. 题目面板：英文学习词 ≥24px（压GM红字 → 主橙墨字） ---------- */
body.in-game #gamePlay .game-panel {
  margin: 6px 10px 4px !important;
  padding: 12px 16px 10px !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.92) !important;   /* 压GM 0.55 半透 */
}
body.in-game #gamePlay .game-question {
  padding: 14px 16px !important;
  border-radius: 16px !important;
  background: #fff !important;
}
/* 英文词：压GM 38px红色渐变(#ff6a4d→#c62828) → 主橙渐变大字，去红 */
body.in-game #gamePlay .gq-word {
  font-size: 34px !important;               /* 压GM 38px：375px视口更稳，仍远 ≥24px */
  font-weight: 900 !important;
  background: linear-gradient(135deg, var(--rs-orange), var(--rs-orange-deep)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  filter: drop-shadow(0 2px 4px rgba(255, 107, 53, 0.18)) !important;  /* 压GM红色投影 */
  line-height: 1.2 !important;
}
/* 深色主题 gq-word 同样去红 → 暖色（压GM pirate/fish/star 红渐变） */
body.in-game #gamePlay:has(.theme-pirate) .gq-word,
body.in-game #gamePlay:has(.theme-fish) .gq-word,
body.in-game #gamePlay:has(.theme-star) .gq-word,
body.in-game #gamePlay:has(.theme-shooter) .gq-word,
body.in-game #gamePlay:has(.theme-rocket) .gq-word {
  background: linear-gradient(135deg, #FFB74D, var(--rs-orange-deep)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.3)) !important;
}
body.in-game #gamePlay .gq-cn {
  font-size: 16px !important;               /* 中文 ≥16px（GM已16px，保） */
  color: var(--rs-ink-2) !important;        /* 压GM冷灰 #6a7690 */
  font-weight: 700 !important;
}
body.in-game #gamePlay:has(.theme-pirate) .gq-cn,
body.in-game #gamePlay:has(.theme-fish) .gq-cn,
body.in-game #gamePlay:has(.theme-star) .gq-cn {
  color: rgba(255, 255, 255, 0.92) !important;
}

/* ---------- 5. 控制按钮：emoji 图标用 padding 撑热区，主麦克风 ≥72px ---------- */
body.in-game #gamePlay .game-ctrl { gap: 10px !important; padding: 6px 4px 8px !important; }
body.in-game #gamePlay .ctrl-left,
body.in-game #gamePlay .ctrl-right { width: 60px !important; gap: 8px !important; }  /* 压GM 52px列宽，容纳大热区 */

/* 播放/回听钮：热区 ≥56px（压GM 48px）；图标字号不放大 */
body.in-game #gamePlay .play-btn,
body.in-game #gamePlay .replay-btn {
  width: 56px !important;
  height: 56px !important;
  font-size: 22px !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #FFFFFF, #FFF3E8) !important;   /* 压GM冷灰白 */
  color: var(--rs-orange-deep) !important;                           /* 压GM冷蓝 */
  box-shadow: 0 4px 12px rgba(255, 140, 66, 0.22), inset 0 1px 0 rgba(255,255,255,0.9) !important;
}
/* 慢放钮：热区 ≥48px（压GM 34px），米黄暖底 */
body.in-game #gamePlay .slow-btn {
  width: 48px !important;
  height: 48px !important;
  font-size: 18px !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #FFF3E0, #FFE0B2) !important;
  color: #B45309 !important;
  box-shadow: 0 3px 10px rgba(255, 152, 0, 0.28) !important;
}
/* 回听钮：暖绿改青绿辅助色（压GM绿色系 → teal） */
body.in-game #gamePlay #gReplayBtn {
  background: linear-gradient(180deg, #E0F7F4, #C8F0EB) !important;
  color: var(--rs-teal-deep) !important;
  box-shadow: 0 4px 12px rgba(78, 205, 196, 0.3), inset 0 1px 0 rgba(255,255,255,0.9) !important;
}

/* 主麦克风钮：≥72px 主橙渐变（压GM红橙渐变 #ffb347→#e53935 → 纯主橙） */
body.in-game #gamePlay .mic-btn {
  width: 76px !important;
  height: 76px !important;
  font-size: 34px !important;
  background: linear-gradient(135deg, var(--rs-orange) 0%, var(--rs-orange-deep) 100%) !important;
  box-shadow:
    0 10px 24px rgba(255, 107, 53, 0.45),
    inset 0 2px 0 rgba(255, 255, 255, 0.4),
    0 0 0 4px rgba(255, 255, 255, 0.6) !important;
  animation: none !important;               /* 压GM gmMicBreathe：呼吸光晕保留但去红色关键帧，下方用暖色重定义 */
}
@keyframes rsMicBreathe {
  0%, 100% { box-shadow: 0 10px 24px rgba(255,107,53,0.45), inset 0 2px 0 rgba(255,255,255,0.4), 0 0 0 4px rgba(255,255,255,0.6), 0 0 0 0 rgba(255,150,80,0.45); }
  50%     { box-shadow: 0 10px 24px rgba(255,107,53,0.45), inset 0 2px 0 rgba(255,255,255,0.4), 0 0 0 4px rgba(255,255,255,0.6), 0 0 0 14px rgba(255,150,80,0); }
}
body.in-game #gamePlay .mic-btn:not(.recording):not(.evaluating) { animation: rsMicBreathe 2.6s ease-in-out infinite !important; }
/* 录音中：橙红加深（非纯红否定色），脉冲 ≤2Hz */
body.in-game #gamePlay .mic-btn.recording {
  background: linear-gradient(135deg, #FF9800, var(--rs-orange-deep)) !important;
  animation: rsMicRecord 1.1s ease-in-out infinite !important;
}
@keyframes rsMicRecord {
  0%, 100% { transform: scale(1); box-shadow: 0 10px 24px rgba(255,107,53,0.5), 0 0 0 0 rgba(255,140,66,0.5); }
  50%     { transform: scale(1.05); box-shadow: 0 10px 24px rgba(255,107,53,0.5), 0 0 0 16px rgba(255,140,66,0); }
}
/* 评测中：暖黄旋转（压GM橙色evaluating，保留旋转 ≤1Hz） */
body.in-game #gamePlay .mic-btn.evaluating {
  background: linear-gradient(135deg, #FFB74D, #FF9800) !important;
}

/* 录音提示：≥14px（压GM 12px） */
body.in-game #gamePlay .mic-hint {
  font-size: 14px !important;
  color: var(--rs-ink-2) !important;
  font-weight: 700 !important;
}
body.in-game #gamePlay:has(.theme-pirate) .mic-hint,
body.in-game #gamePlay:has(.theme-fish) .mic-hint,
body.in-game #gamePlay:has(.theme-star) .mic-hint {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* 下一题主按钮：热区 ≥56px、字号 ≥16px（压GM蓝按钮 → 主橙）；定位修正避免压边 */
body.in-game #gamePlay #gNextBtn {
  min-height: 56px;
  padding: 14px 28px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  border-radius: 28px !important;
  background: linear-gradient(135deg, var(--rs-orange), var(--rs-orange-deep)) !important;
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(255, 107, 53, 0.42) !important;
  border: none !important;
  bottom: -56px;
}

/* ---------- 6. 进行态底栏：返回 / 再玩一次（破坏性视觉拉开） ---------- */
body.in-game #gamePlay .actions {
  gap: 12px !important;
  padding: 10px 14px calc(12px + env(safe-area-inset-bottom)) !important;
}
body.in-game #gamePlay .actions .btn {
  min-height: 56px !important;               /* 压GM：底栏按钮 ≥56px 热区 */
  padding: 14px !important;
  border-radius: 28px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}
/* 返回菜单：白底橙边次按钮（压GM灰蓝outline） */
body.in-game #gamePlay .actions .btn-outline {
  background: #fff !important;
  color: var(--rs-orange-deep) !important;
  border: 2.5px solid var(--rs-orange) !important;
  box-shadow: 0 4px 12px rgba(255, 140, 66, 0.15) !important;
}
/* 「再玩一次」破坏性操作：与返回钮视觉拉开 —— 暖灰描边幽灵钮 + 左侧大间距（防误触，不加confirm） */
body.in-game #gamePlay .actions .btn-primary[onclick*="replayGame"] {
  background: #fff !important;
  color: #8A7A6D !important;
  border: 2px dashed #D9C4B3 !important;
  box-shadow: none !important;
  margin-left: 20px;                          /* 破坏性操作与相邻按钮额外间距 */
}
body.in-game #gamePlay .actions .btn-primary[onclick*="replayGame"]:active {
  background: #FFF3E8 !important;
}

/* ---------- 7. 玩法说明弹层 / 引导视频：滚动布局、字号达标、图标配文 ---------- */
body.page-game .game-help-card {
  border-radius: 24px;
  padding: 28px 24px 20px;
  border: 3px solid rgba(255, 200, 80, 0.45);
  max-height: 80vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  box-shadow: 0 16px 50px rgba(120, 70, 20, 0.3);
}
body.page-game .ghc-emoji { font-size: 56px; }
body.page-game .ghc-title { font-size: 20px; font-weight: 800; color: var(--rs-ink); }
body.page-game .ghc-body {
  font-size: 15px;                           /* ≥14px，长说明可滚动 */
  line-height: 1.7;
  color: var(--rs-ink);
  background: #FFF8F0;
  border-radius: 14px;
  padding: 14px 16px;
}
body.page-game .ghc-btn {
  min-height: 56px;                          /* 主按钮 ≥56px */
  padding: 15px;
  font-size: 17px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--rs-orange), var(--rs-orange-deep));
  box-shadow: 0 5px 16px rgba(255, 107, 53, 0.4);
}
body.page-game .game-guide-modal { border-radius: 20px; max-width: 400px; overflow: hidden; }
body.page-game .ggm-header { padding: 18px 20px; font-size: 18px; color: var(--rs-orange-deep); }
body.page-game .ggm-close {
  min-width: 44px;
  min-height: 44px;                          /* 关闭热区 ≥44px */
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.page-game .ggm-tip { font-size: 15px; line-height: 1.7; color: var(--rs-ink-2); padding: 16px 20px; }

/* ---------- 8. 结算界面：大卡片化，星星/得分/鼓励文案 ---------- */
body.page-game #gameResult {
  padding: 16px 16px calc(24px + env(safe-area-inset-bottom)) !important;
}
body.page-game #gameResult .result-card {
  border-radius: 28px !important;
  padding: 36px 26px 28px !important;
  background:
    radial-gradient(80% 50% at 50% 0%, rgba(255, 220, 170, 0.5), transparent 65%),
    linear-gradient(180deg, #FFFFFF 0%, #FFF6EC 100%) !important;
  box-shadow: 0 16px 48px rgba(255, 140, 66, 0.2) !important;
}
body.page-game #gameResult .result-emoji { font-size: 84px !important; }
/* 结算标题：压GM蓝紫渐变 → 主橙 */
body.page-game #gameResult .result-title {
  font-size: 28px !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, var(--rs-orange), var(--rs-orange-deep)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
body.page-game #gameResult .stars-big {
  font-size: 40px !important;
  letter-spacing: 8px !important;
  margin: 16px 0 !important;
}
/* 得分大字：压GM红渐变 → 主橙 */
body.page-game #gameResult .result-score {
  font-size: 52px !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, var(--rs-orange), var(--rs-orange-deep)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
body.page-game #gameResult .result-score span {
  font-size: 18px !important;
  color: var(--rs-ink-2) !important;
  -webkit-text-fill-color: var(--rs-ink-2) !important;
}
/* 鼓励文案：≥15px（压GM 14px），深墨色，无否定色 */
body.page-game #gameResult .result-msg {
  font-size: 15px !important;
  color: var(--rs-ink) !important;
  font-weight: 700 !important;
  margin-top: 12px;
}
body.page-game #gameResult .result-detail {
  font-size: 14px !important;
  color: var(--rs-ink-2) !important;
  line-height: 1.6;
}
/* 回顾区：暖卡、滚动 */
body.page-game #gameResult .result-review {
  border-top: 2px dashed #FFD9B8 !important;
  padding-top: 18px !important;
}
body.page-game #gameResult .review-title { color: var(--rs-ink) !important; font-size: 15px !important; font-weight: 800 !important; }
body.page-game #gameResult .review-stat { background: #FFF3E8 !important; border-radius: 14px !important; padding: 10px 6px !important; }
body.page-game #gameResult .rs-num { font-size: 20px !important; font-weight: 900 !important; color: var(--rs-orange-deep) !important; }
body.page-game #gameResult .rs-label { font-size: 13px !important; color: var(--rs-ink-2) !important; }
body.page-game #gameResult .review-item {
  background: #FFFBF6 !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
  margin-bottom: 8px;
}
body.page-game #gameResult .ri-text { font-size: 15px !important; font-weight: 700 !important; color: var(--rs-ink) !important; }
body.page-game #gameResult .ri-cn { font-size: 13px !important; color: var(--rs-ink-2) !important; }
body.page-game #gameResult .ri-score {
  background: linear-gradient(135deg, #FFF3E0, #FFE0B2) !important;
  color: #B45309 !important;
}
body.page-game #gameResult .attempt-tag {
  background: #FFF3E0 !important;
  color: #B45309 !important;                 /* 多次尝试：暖橙提示而非红 */
}
/* 结算两按钮：主按钮 ≥56px；「再玩一次」与「返回菜单」视觉拉开间距（防误触，仅视觉） */
body.page-game #gameResult .btn {
  min-height: 56px !important;
  padding: 15px 20px !important;
  border-radius: 28px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}
body.page-game #gameResult .btn-outline {
  background: #fff !important;
  color: var(--rs-orange-deep) !important;
  border: 2.5px solid var(--rs-orange) !important;
}
body.page-game #gameResult .btn-primary {
  background: linear-gradient(135deg, var(--rs-orange), var(--rs-orange-deep)) !important;
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(255, 107, 53, 0.42) !important;
}
/* 结算态「再玩一次」是推荐续玩（非破坏性），保持主橙但与返回钮 gap 拉大由内联 gap:12 容器负责；
   进行态底栏的再玩一次才做幽灵化拉开（见上方 .actions 段） */

/* 全屏结算（body.result-fullscreen 内联规则之上补字号/间距） */
body.result-fullscreen #gameResult .result-card {
  max-height: none;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* 反馈浮层：对错反馈去红（wrong 用暖橙鼓励色），动画 ≤2Hz */
body.in-game #gamePlay .gm-feedback.wrong { color: #B45309 !important; }
body.in-game #gamePlay .gm-feedback.correct { color: var(--rs-teal-deep) !important; }

/* ---------- 9. 小屏适配（375px 优先） ---------- */
@media (max-width: 360px) {
  body.in-game #gamePlay .gq-word { font-size: 28px !important; }
  body.in-game #gamePlay .mic-btn { width: 68px !important; height: 68px !important; font-size: 30px !important; }
  body.in-game #gamePlay .play-btn,
  body.in-game #gamePlay .replay-btn { width: 52px !important; height: 52px !important; }
  body.in-game #gamePlay .ctrl-left,
  body.in-game #gamePlay .ctrl-right { width: 54px !important; }
  body.page-game #gameMenu .game-card-name { font-size: 15px !important; }
}
@media (max-height: 640px) {
  body.in-game #gamePlay .gq-word { font-size: 28px !important; }
  body.in-game #gamePlay .game-hud { min-height: 46px !important; padding: 8px 12px !important; }
  body.in-game #gamePlay .actions .btn { min-height: 50px !important; padding: 12px !important; }
}