From 9f917a39f91d6f1d029e91f4db5afaf6182c8e76 Mon Sep 17 00:00:00 2001
From: Eamon <17516219072@163.com>
Date: Mon, 24 Aug 2026 18:04:44 +0800
Subject: [PATCH] =?UTF-8?q?=E8=8F=9C=E5=8D=95=E6=A0=8F=E4=B8=8B=E6=8B=89?=
 =?UTF-8?q?=E5=B1=82=E7=BA=A7=E6=B8=B2=E6=9F=93=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/home/header.tsx       | 9 +++------
 src/home/product/http.tsx | 8 ++++----
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/home/header.tsx b/src/home/header.tsx
index 4a11625..a287846 100644
--- a/src/home/header.tsx
+++ b/src/home/header.tsx
@@ -17,16 +17,13 @@ export default function Header() {
     () => false,
   )
 
-  // ======================
   // 菜单状态
-  // ======================
   const [openMenu, setOpenMenu] = useState(false)
-
   const handleEnter = () => setOpenMenu(true)
   const handleLeave = () => setOpenMenu(false)
 
   return (
-    <header className={cn("fixed top-0 left-0 w-screen z-10 flex flex-col")}>
+    <header className={cn("fixed top-0 left-0 w-screen z-50 flex flex-col")}>
       <div
         className={cn(
           `flex-none pointer-events-auto`,
@@ -150,7 +147,7 @@ const MenuItem = ({
 
       <div
         className={cn(
-          "absolute top-full left-0 pt-3 w-screen max-w-4xl transition-all duration-200",
+          "absolute top-full left-0 pt-3 w-screen max-w-4xl transition-all duration-200 z-50",
           isOpen
             ? "opacity-100 visible translate-y-0"
             : "opacity-0 invisible -translate-y-2 pointer-events-none",
@@ -160,7 +157,7 @@ const MenuItem = ({
           transform: `translateX(-7%)`,
         }}
       >
-        <div className="bg-white rounded-xl shadow-2xl border border-gray-100/80 p-6">
+        <div className="bg-white rounded-xl shadow-2xl border border-gray-100/80 p-6 overflow-visible">
           {children}
         </div>
       </div>
diff --git a/src/home/product/http.tsx b/src/home/product/http.tsx
index c5084aa..cc9cae9 100644
--- a/src/home/product/http.tsx
+++ b/src/home/product/http.tsx
@@ -1086,8 +1086,8 @@ function PrepaidCard({
   onPay: (amount: number) => void
 }) {
   return (
-    <Card className="relative text-center border-0 shadow-md overflow-visible">
-      <Badge className="absolute -top-3 right-4 bg-yellow-400 text-white hover:bg-yellow-400 border-0 text-xs px-3 py-0.5 z-10">
+    <Card className="relative text-center border-0 shadow-md overflow-visible!">
+      <Badge className="absolute -top-3 right-4 bg-yellow-400 text-white hover:bg-yellow-400 border-0 text-xs px-3 py-0.5 z-10 whitespace-nowrap">
         {plan.tag}
       </Badge>
       <CardContent className="pt-8 space-y-4">
@@ -1121,8 +1121,8 @@ function PrepaidCardLarge({
   onPay: (amount: number) => void
 }) {
   return (
-    <Card className="relative text-center border-0 shadow-md bg-white overflow-visible">
-      <Badge className="absolute -top-3 right-4 bg-yellow-400 text-white hover:bg-yellow-400 border-0 text-xs px-3 py-0.5 z-10">
+    <Card className="relative text-center border-0 shadow-md bg-white overflow-visible!">
+      <Badge className="absolute -top-3 right-4 bg-yellow-400 text-white hover:bg-yellow-400 border-0 text-xs px-3 py-0.5 z-10 whitespace-nowrap">
         {plan.tag}
       </Badge>
       <CardContent className="pt-8 pb-6 flex flex-col items-center gap-3">