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">