fix: refine jump hop draft detail flow

src/components/jump-hop-result/JumpHopResultView.test.tsx

@@ -83,6 +83,24 @@ test('跳一跳结果页默认角色预览使用陶泥儿透明 logo', () => {
   );
 });
 
+test('跳一跳结果页根容器允许移动端向下滚动到操作按钮', () => {
+  const { container } = render(
+    <JumpHopResultView
+      profile={buildProfile()}
+      onBack={() => {}}
+      onEdit={() => {}}
+      onStartTestRun={() => {}}
+      onPublish={() => {}}
+      onRegenerateTiles={() => {}}
+    />,
+  );
+
+  const root = container.firstElementChild as HTMLElement;
+  expect(root.className).toContain('overflow-y-auto');
+  expect(root.className).toContain('overscroll-contain');
+  expect(root.className).toContain('safe-area-inset-bottom');
+});
+
 test('跳一跳草稿结果页不请求公开排行榜', () => {
   render(
     <JumpHopResultView

src/components/jump-hop-result/JumpHopResultView.tsx

@@ -300,7 +300,7 @@ export function JumpHopResultView({
   };
 
   return (
-    <div className="platform-remap-surface mx-auto flex h-full min-h-0 w-full max-w-5xl flex-col px-3 pb-3 pt-3 sm:px-4 sm:pt-4">
+    <div className="platform-remap-surface mx-auto flex h-full min-h-0 w-full max-w-5xl flex-col overflow-y-auto overscroll-contain px-3 pb-[max(1.5rem,env(safe-area-inset-bottom))] pt-3 sm:px-4 sm:pt-4">
       <div className="mb-3 flex items-center justify-between gap-3">
         <button
           type="button"