Update news.html

Author: WangRongsheng

_includes/news.html

@@ -92,4 +92,75 @@ <h2>📌 Latest News</h2>
       📭 No news available at the moment...
     </div>
   {%- endif %}
+
+  <h2>🤝 Collaborators and Student Interns</h2>
+  <div class="collaborators-container">
+    <div class="collaborators-grid">
+      <img src="assets/img/collaborators/didi.jpeg" alt="DiDi" loading="lazy">
+      <img src="assets/img/collaborators/hauwei.jpeg" alt="Huawei" loading="lazy">
+      <img src="assets/img/collaborators/lixiang.jpeg" alt="LiXiang" loading="lazy">
+      <img src="assets/img/collaborators/mayi.jpeg" alt="MaYi" loading="lazy">
+      <img src="assets/img/collaborators/microsoft.jpeg" alt="Microsoft" loading="lazy">
+      <img src="assets/img/collaborators/minimax.jpeg" alt="MiniMax" loading="lazy">
+      <img src="assets/img/collaborators/nuoya.jpeg" alt="NuoYa" loading="lazy">
+      <img src="assets/img/collaborators/oppo.jpeg" alt="OPPO" loading="lazy">
+      <img src="assets/img/collaborators/qwen.jpeg" alt="QWen" loading="lazy">
+      <img src="assets/img/collaborators/shanshu.jpeg" alt="ShanShu" loading="lazy">
+      <img src="assets/img/collaborators/tencent.jpeg" alt="Tencent" loading="lazy">
+      <img src="assets/img/collaborators/tianlai.jpeg" alt="TianLai" loading="lazy">
+    </div>
+  </div>
+
+  <style>
+    .collaborators-container {
+      margin-top: 30px;
+      padding: 20px 0;
+    }
+
+    .collaborators-grid {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 30px;
+      align-items: center;
+      justify-items: center;
+    }
+
+    .collaborators-grid img {
+      width: 100%;
+      max-width: 180px;
+      height: auto;
+      filter: grayscale(30%);
+      transition: all 0.3s ease;
+      border-radius: 8px;
+      padding: 10px;
+      background: white;
+      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+    }
+
+    .collaborators-grid img:hover {
+      filter: grayscale(0);
+      transform: scale(1.05);
+      box-shadow: 0 5px 15px rgba(0,0,0,0.2);
+    }
+
+    @media (max-width: 992px) {
+      .collaborators-grid {
+        grid-template-columns: repeat(3, 1fr);
+        gap: 20px;
+      }
+    }
+
+    @media (max-width: 768px) {
+      .collaborators-grid {
+        grid-template-columns: repeat(2, 1fr);
+        gap: 15px;
+      }
+    }
+
+    @media (max-width: 480px) {
+      .collaborators-grid {
+        grid-template-columns: 1fr;
+      }
+    }
+  </style>
 </div>