feat: 优化开奖结果查询与下注弹窗视觉交互，新增中奖查询页

src/features/player/entry-gate.tsx

@@ -231,16 +231,15 @@ export function EntryGate() {
 
   return (
     <div className="relative flex min-h-dvh flex-col bg-white">
-      <div className="relative h-[45vh] min-h-[320px] bg-red-600">
+      <div className={cn("relative h-[45vh] min-h-[320px]", phase === "success" ? "bg-white" : "bg-red-600")}>
         <div className="pointer-events-none absolute inset-0 overflow-hidden">
           <Image
-            src="/entry/image1.png"
+            src={phase === "success" ? "/entry/image4.png" : "/entry/image1.png"}
             alt={t("header.backgroundAlt")}
             fill
             className="object-cover object-center"
             priority
           />
-          <div className="absolute inset-0 bg-gradient-to-b from-transparent via-red-600/20 to-red-600/80" />
         </div>
 
         <div className="absolute left-0 right-0 top-0 z-20 flex items-center px-4 py-3">
@@ -438,9 +437,18 @@ export function EntryGate() {
         ) : null}
       </div>
 
-      <div className="flex items-center justify-center gap-2 py-4 text-xs text-gray-500">
-        <ShieldCheck className="size-4 text-red-500" aria-hidden />
-        <span>{t("footer.secure")}</span>
+      <div className="relative min-h-[150px] overflow-hidden px-4 pb-8 pt-16">
+        <Image
+          src="/entry/image2.png"
+          alt=""
+          fill
+          className="pointer-events-none object-cover object-bottom"
+          aria-hidden
+        />
+        <div className="relative z-10 flex items-center justify-center gap-2 text-xs font-medium text-gray-600">
+          <ShieldCheck className="size-4 text-red-500" aria-hidden />
+          <span>{t("footer.secure")}</span>
+        </div>
       </div>
     </div>
   );