fix small

src/ui/Duel/PlayMat/ChatBox/index.module.scss

@@ -2,7 +2,7 @@
   position: relative;
   height: 60% !important;
   width: 60% !important;
-  background-color: #0d0d0d8f;
+  background-color: #0d0d0d8f !important;
   left: 20%;
   bottom: -30%;
   border-radius: 6px;

src/ui/Duel/PlayMat/ChatBox/index.tsx

@@ -69,6 +69,7 @@ export const ChatBox: React.FC = () => {
       mask={false}
       className={styles.chatbox}
       onClose={onClose}
+      maskClosable
       closeIcon={<DownOutlined />}
     >
       <div className={styles.container}>
@@ -108,4 +109,4 @@ const DialogItem: React.FC<ChatItem> = ({ name, content }) => (
   </div>
 );
 
-export const openChatBox = () => (store.open = true);
+export const openChatBox = () => (store.open = !store.open);