修复手机端菜单展开遮罩没有关闭的问题；修复并增强 alert 组件展示效果

src/components/composites/extract/index.tsx

@@ -70,7 +70,7 @@ export default function Extract(props: ExtractProps) {
       )}
     >
       <CardSection>
-        <Alert variant="warn" >
+        <Alert variant="warn">
           <CircleAlert/>
           <AlertTitle>提取IP前需要将本机IP添加到白名单后才可使用</AlertTitle>
         </Alert>

src/components/composites/purchase/pay.tsx

@@ -7,7 +7,7 @@ import balance from './_assets/balance.svg'
 import Image from 'next/image'
 import {useEffect, useRef, useState} from 'react'
 import {useProfileStore} from '@/components/providers/StoreProvider'
-import {Alert, AlertDescription} from '@/components/ui/alert'
+import {Alert, AlertTitle} from '@/components/ui/alert'
 import {ApiResponse, ExtraResp, ExtraReq} from '@/lib/api'
 import {toast} from 'sonner'
 import {Loader} from 'lucide-react'
@@ -172,16 +172,16 @@ export default function Pay(props: PayProps) {
               </div>
 
               {balanceEnough ? (
-                <Alert>
-                  <AlertDescription>
+                <Alert variant="done">
+                  <AlertTitle>
                     检查无误后，点击确认支付按钮完成支付
-                  </AlertDescription>
+                  </AlertTitle>
                 </Alert>
               ) : (
                 <Alert variant="fail">
-                  <AlertDescription>
+                  <AlertTitle>
                     余额不足，请先充值或选择其他支付方式
-                  </AlertDescription>
+                  </AlertTitle>
                 </Alert>
               )}
             </div>