'界面功能优化'

app/cloudphone/components/ChatFloatButton.tsx

@@ -1,13 +1,14 @@
 "use client";
 
 import { useState, useEffect } from "react";
-import Link from "next/link";
 import { isPaid } from "../lib/payment";
+import { InstantQaVipModal } from "@/app/components/InstantQaVipModal";
 
 const CHAT_URL = "https://chatwoot.hackrobot.cn/livechat?user_id=hackrobot";
 
 export function ChatFloatButton() {
   const [paid, setPaid] = useState(false);
+  const [modalOpen, setModalOpen] = useState(false);
 
   useEffect(() => {
     setPaid(isPaid());
@@ -39,16 +40,20 @@ export function ChatFloatButton() {
   }
 
   return (
-    <Link
-      href="/"
-      className={`${baseClass} ${lockedClass}`}
-      style={{ animationDelay: "0.5s", animationFillMode: "both" }}
-      aria-label="即时问答（开通VIP解锁）"
-      title="开通VIP解锁即时问答"
-    >
-      <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
-        <path d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
-      </svg>
-    </Link>
+    <>
+      <button
+        type="button"
+        onClick={() => setModalOpen(true)}
+        className={`${baseClass} ${lockedClass}`}
+        style={{ animationDelay: "0.5s", animationFillMode: "both" }}
+        aria-label="即时问答（开通VIP解锁）"
+        title="即时问答"
+      >
+        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+          <path d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
+        </svg>
+      </button>
+      <InstantQaVipModal open={modalOpen} onClose={() => setModalOpen(false)} />
+    </>
   );
 }