's'

app/cloudphone/components/VideoPlayer.tsx

@@ -227,46 +227,52 @@ export function VideoPlayer({ src, poster, title, className = "", videoId, onCom
         playsInline
       />
 
-      {showResumePrompt && (
-        <div className="absolute bottom-20 left-3 z-10 max-w-[280px] rounded-lg bg-black/85 px-4 py-3 shadow-xl backdrop-blur sm:left-4 sm:bottom-24">
-          <p className="mb-3 text-sm text-white/90">
-            上次看到 <span className="font-semibold text-white">{formatResumeTime(savedTime)}</span>
-          </p>
-          <div className="flex gap-2">
-            <button
-              type="button"
-              onClick={handleResume}
-              className="flex-1 rounded-md bg-[var(--accent)] px-3 py-2 text-sm font-medium text-black transition hover:opacity-90"
-            >
-              从上次继续
-            </button>
-            <button
-              type="button"
-              onClick={handleRestart}
-              className="rounded-md border border-white/30 bg-white/10 px-3 py-2 text-sm text-white transition hover:bg-white/20"
-            >
-              重新观看
-            </button>
-          </div>
-        </div>
-      )}
       {!playing && (
-        <button
-          type="button"
-          onClick={togglePlay}
-          className="absolute inset-0 flex items-center justify-center bg-black/20 transition hover:bg-black/30"
-          aria-label="播放"
-        >
-          <div className="flex h-16 w-16 items-center justify-center rounded-full bg-white/90 shadow-lg transition hover:scale-110 sm:h-20 sm:w-20">
-            <svg
-              className="ml-1 h-8 w-8 text-black sm:h-10 sm:w-10"
-              fill="currentColor"
-              viewBox="0 0 24 24"
+        <div className="absolute inset-0 flex flex-col items-center justify-center gap-4 bg-black/20 transition hover:bg-black/30">
+          {showResumePrompt ? (
+            <>
+              <p className="text-center text-sm text-white/90 sm:text-base">
+                上次看到 <span className="font-semibold text-white">{formatResumeTime(savedTime)}</span>
+              </p>
+              <div className="flex flex-col gap-3 sm:flex-row sm:gap-4">
+                <button
+                  type="button"
+                  onClick={handleResume}
+                  className="flex items-center justify-center gap-2 rounded-xl bg-[var(--accent)] px-6 py-3.5 text-base font-medium text-black shadow-lg transition hover:scale-105 hover:opacity-95 sm:px-8"
+                >
+                  <svg className="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
+                    <path d="M8 5v14l11-7z" />
+                  </svg>
+                  从上次继续
+                </button>
+                <button
+                  type="button"
+                  onClick={handleRestart}
+                  className="rounded-xl border border-white/40 bg-white/10 px-5 py-3 text-sm font-medium text-white backdrop-blur transition hover:bg-white/20"
+                >
+                  从头播放
+                </button>
+              </div>
+            </>
+          ) : (
+            <button
+              type="button"
+              onClick={togglePlay}
+              className="flex items-center justify-center"
+              aria-label="播放"
             >
-              <path d="M8 5v14l11-7z" />
-            </svg>
-          </div>
-        </button>
+              <div className="flex h-16 w-16 items-center justify-center rounded-full bg-white/90 shadow-lg transition hover:scale-110 sm:h-20 sm:w-20">
+                <svg
+                  className="ml-1 h-8 w-8 text-black sm:h-10 sm:w-10"
+                  fill="currentColor"
+                  viewBox="0 0 24 24"
+                >
+                  <path d="M8 5v14l11-7z" />
+                </svg>
+              </div>
+            </button>
+          )}
+        </div>
       )}
 
       <div