fix(web): 修复手动起卦教程、硬币动画与积分显示

- 修复硬币翻转动画：从 @keyframes 改为 CSS transition 实现双向动画
- 修复教程自动显示：将 setTutorialChecked 移入 setTimeout 回调，
  避免 useEffect cleanup 提前清除 timer 导致 setGuideStep 不执行
- 添加 AppShell UserSettingsContext 共享 userProfile
- 实现教程结束后调用 updateUserSettings 标记 manual_divination_shown
- 添加点击已确认爻进行编辑的功能 (editingIndex 状态)
- 确认爻后不再重置硬币状态
- 积分显示从硬编码改为读取 API 返回值
- 手机端教程使用 absolute 定位替代 fixed 避免滚动偏移
- 添加 isMobile 响应式状态追踪窗口大小变化

web/src/styles/animations.css

@@ -154,6 +154,16 @@
   background: rgba(139, 92, 246, 0.4);
 }
 
+/* Coin flip animation */
+.coin-flip {
+  transition: transform 0.3s ease-out;
+  transform-style: preserve-3d;
+}
+
+.coin-flip.flipped {
+  transform: rotateY(180deg);
+}
+
 /* Feature card hover */
 .feature-card {
   transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);