diff --git a/MultiAgentEbook/images/optima_cover.png b/MultiAgentEbook/images/optima_cover.png
new file mode 100755
index 00000000..df315a9a
Binary files /dev/null and b/MultiAgentEbook/images/optima_cover.png differ
diff --git a/MultiAgentEbook/index.html b/MultiAgentEbook/index.html
index 0083c6de..53ae0149 100644
--- a/MultiAgentEbook/index.html
+++ b/MultiAgentEbook/index.html
@@ -162,7 +162,18 @@
     <div class="container" id="more-works">
       <div class="browser-cards">
 
-          <div class="card">
+        <div class="card">
+          <img src="./images/optima_cover.png" />
+          <h4>Optima</h4>
+          <p>Enhances Agent Communication Efficiency
+          </p>
+          <a href="https://arxiv.org/abs/2410.08115" class="btnsmall paper"><span class="icon"><img
+                src="images/pdf_normal.png" alt="PDF Icon"></span>Paper</a>
+          <a href="https://github.com/thunlp/Optima" class="btnsmall code"><span class="icon"><img
+                src="images/github_normal.png" alt="GitHub Icon"></span>Code</a>
+        </div>
+
+        <div class="card">
           <img src="./images/iagents_cover.png" />
           <h4>iAgents</h4>
           <p>Bijective Social Networks of Humans and Agents
@@ -173,8 +184,8 @@
                 src="images/github_normal.png" alt="GitHub Icon"></span>Code</a>
         </div>
 
-          <div class="card">
-          <img src="./images/ioa_cover.png"/>
+        <div class="card">
+          <img src="./images/ioa_cover.png" />
           <h4>IoA</h4>
           <p>Networking Heterogeneous Agents</p>
           <a href="https://arxiv.org/abs/2407.07061" class="btnsmall paper"><span class="icon"><img
@@ -184,7 +195,7 @@
         </div>
 
         <div class="card">
-          <img src="./images/chatdev_cover.png"/>
+          <img src="./images/chatdev_cover.png" />
           <h4>ChatDev</h4>
           <p>Multi-Agent Collaboration for Software Development</p>
           <a href="https://arxiv.org/abs/2307.07924" class="btnsmall paper"><span class="icon"><img
@@ -194,7 +205,7 @@
         </div>
 
         <div class="card">
-          <img src="./images/agentverse_cover.png"/>
+          <img src="./images/agentverse_cover.png" />
           <h4>AgentVerse</h4>
           <p>General-Purpose Multi-Agent Framework</p>
           <a href="https://arxiv.org/abs/2308.10848" class="btnsmall paper"><span class="icon"><img
@@ -204,7 +215,7 @@
         </div>
 
         <div class="card">
-          <img src="./images/colearning_cover.png"/>
+          <img src="./images/colearning_cover.png" />
           <h4>Co-Learning</h4>
           <p>Cross-Task Experience Co-Leaning for Mutual Growth</p>
           <a href="https://arxiv.org/abs/2312.17025" class="btnsmall paper"><span class="icon"><img
@@ -214,7 +225,7 @@
         </div>
 
         <div class="card">
-          <img src="./images/ei_cover.png"/>
+          <img src="./images/ei_cover.png" />
           <h4>Co-Evolving</h4>
           <p>Continuous Experience Refinement over Time</p>
           <a href="https://arxiv.org/abs/2405.04219" class="btnsmall paper"><span class="icon"><img
@@ -224,7 +235,7 @@
         </div>
 
         <div class="card">
-          <img src="./images/organization.png"/>
+          <img src="./images/organization.png" />
           <h4>MacNet</h4>
           <p>Exploring Collaborative Scaling Law</p>
           <a href="https://arxiv.org/abs/2406.07155" class="btnsmall paper"><span class="icon"><img
@@ -234,7 +245,7 @@
         </div>
 
         <div class="card">
-          <img src="./images/ctc_cover.png"/>
+          <img src="./images/ctc_cover.png" />
           <h4>CTC</h4>
           <p>Cross-Team Multi-Agent Orchestration</p>
           <a href="https://arxiv.org/abs/2406.08979" class="btnsmall paper"><span class="icon"><img
@@ -244,7 +255,7 @@
         </div>
 
         <div class="card">
-          <img src="./images/chateval_cover.png"/>
+          <img src="./images/chateval_cover.png" />
           <h4>ChatEval</h4>
           <p>Communication for Automated Evaluation</p>
           <a href="https://arxiv.org/abs/2308.07201" class="btnsmall paper"><span class="icon"><img
@@ -254,7 +265,7 @@
         </div>
 
         <div class="card">
-          <img src="./images/autoform_cover.png"/>
+          <img src="./images/autoform_cover.png" />
           <h4>AutoForm</h4>
           <p>Finding Effective Communication Protocals</p>
           <a href="https://arxiv.org/abs/2402.18439" class="btnsmall paper"><span class="icon"><img
@@ -319,11 +330,12 @@
       University
       <br>Contact us via <a href="mailto:qianc62@gmail.com">qianc62@gmail.com</a>
       <br>
-      <span style="font-size: 14px;" id="busuanzi_container_site_pv">Total PV <span style="font-size: 14px;" id="busuanzi_value_site_pv"></span></span>
+      <span style="font-size: 14px;" id="busuanzi_container_site_pv">Total PV <span style="font-size: 14px;"
+          id="busuanzi_value_site_pv"></span></span>
     </p>
   </div>
   <script src="main.js"></script>
   <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>