diff --git a/frontend/components/common/risk/risk-warning-toast.tsx b/frontend/components/common/risk/risk-warning-toast.tsx
index 2237bda..9e451d8 100644
--- a/frontend/components/common/risk/risk-warning-toast.tsx
+++ b/frontend/components/common/risk/risk-warning-toast.tsx
@@ -1,26 +1,39 @@
-'use client';
-
 import {toast} from 'sonner';
+import {X} from 'lucide-react';
 import {RiskInfo, RiskInfoBox} from '@/components/common/risk/risk-info-box';
 
 const RISK_TOAST_ID = 'credit-risk-warning';
+let isRiskWarningDismissed = false;
+
+function dismissRiskWarningToast(id: string | number) {
+  isRiskWarningDismissed = true;
+  toast.dismiss(id);
+}
 
 export function showRiskWarningToast(riskInfo: RiskInfo) {
+  if (isRiskWarningDismissed) return;
+
   toast.custom(
-      () => (
-        <div className="w-[min(calc(100vw-2rem),28rem)]">
-          <RiskInfoBox
-            riskInfo={riskInfo}
-            label="账号存在风险提示"
-            labelClassName="font-semibold text-foreground"
-          />
+      (id) => (
+        <div className="relative w-[min(calc(100vw-2rem),28rem)]">
+          <button
+            type="button"
+            aria-label="关闭风险提示"
+            className="absolute right-2 top-2 inline-flex size-6 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
+            onClick={() => dismissRiskWarningToast(id)}
+          >
+            <X className="size-4" />
+          </button>
+          <RiskInfoBox riskInfo={riskInfo} label="账号存在风险提示" labelClassName="font-semibold text-foreground" />
         </div>
       ),
       {
         id: RISK_TOAST_ID,
         duration: Infinity,
-        closeButton: false,
-        dismissible: false,
+        dismissible: true,
+        onDismiss: () => {
+          isRiskWarningDismissed = true;
+        },
       },
   );
 }