update pages

Author: CleyChen

site/asset/device_cloud.mp4

@@ -83,8 +83,9 @@ <h1>MAI-UI: A Foundational GUI Agent for Mobile Intelligent Assistance</h1>
                 <span class="author">Quyu Kong</span>,
                 <span class="author">Chenglin Cai</span>,
                 <span class="author">Chen Liu</span>,
-                <span class="author">Yue Wang</span>,
-                <span class="author">Steven HOI<sup>†</sup></span>
+                <span class="author">Yue Wang<sup>†</sup></span>,
+                <span class="author">Jingren Zhou</span>,
+                <span class="author">Steven HOI</span>
             </p>
 
             <p class="affiliations">
@@ -1027,6 +1028,27 @@ <h3>Performance</h3>
             <h2>Device-Cloud Collaboration</h2>
             <h3>System Architecture</h3>
             <img src="asset/device_cloud.png" style="width: 100%; max-width: 800px; border: 1px solid #ddd; border-radius: 8px;">
+            <h3>Demo</h3>
+            <div class="demo-grid">
+                <div>
+                    <div class="demo-video-wrapper">
+                        <video controls>
+                            <source src="asset/device_only.mp4" type="video/mp4">
+                            Your browser does not support the video tag.
+                        </video>
+                    </div>
+                    <p class="demo-video-caption">Device-cloud collaboration for simple tasks, no need cloud model invocation.</p>
+                </div>
+                <div>
+                    <div class="demo-video-wrapper">
+                        <video controls>
+                            <source src="asset/device_cloud.mp4" type="video/mp4">
+                            Your browser does not support the video tag.
+                        </video>
+                    </div>
+                    <p class="demo-video-caption">Device-cloud collaboration for complex tasks, requiring cloud model invocation when the task is beyond the device models capabilities.</p>
+                </div>
+            </div>
             <h3>Performance</h3>
             <img src="asset/cloud_device.png" style="width: 100%; max-width: 800px; border: 1px solid #ddd; border-radius: 8px;">
         </section>
@@ -1045,6 +1067,9 @@ <h3>Case Study of MCP Call</h3>
                     (Zone C; 969 Wenyi West Road, Yuhang District, Hangzhou). Send the address of the nearer apartment to my
                     friend Mia”.</figcaption>
             </figure>
+
+
+
             <h3>Case Study of User Interaction</h3>
             <figure class="figure">
                 <!-- 这里放你的架构图 -->