Update README.md

README.md

@@ -6,29 +6,54 @@ base_model:
 ---
 # EPlus-LLM
 
-<!-- markdownlint-disable first-line-h1 -->
-<!-- markdownlint-disable html -->
-<!-- markdownlint-disable no-duplicate-header -->
-
+<!-- Logo 居中显示 -->
 <div align="center">
   <img src="https://huggingface.co/EPlus-LLM/EPlus-LLMv2/resolve/main/figs/v2_platform_logo.png?raw=true" width="60%" alt="EPlus-LLM v2" />
 </div>
+
 <hr>
-<div align="center" style="line-height: 1.5; margin-top: 10px;">
-  <a href="https://huggingface.co/EPlus-LLM" target="_blank" style="margin: 2px;">
-    <img alt="Hugging Face" src="https://img.shields.io/badge/%F0%9F%A4%97%20Hugging%20Face-EPlus--LLMv2-ffc107?color=ffc107&logoColor=white" style="display: inline-block; vertical-align: middle;"/>
+
+<!-- Badge 样式美化 + 自适应布局 -->
+<style>
+  .badge-container {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    gap: 6px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+  }
+  .badge-container a img {
+    height: 28px;
+    transition: transform 0.2s ease;
+  }
+  .badge-container a:hover img {
+    transform: scale(1.05);
+  }
+  @media (max-width: 500px) {
+    .badge-container a img {
+      height: 24px;
+    }
+  }
+</style>
+
+<!-- 徽章容器 -->
+<div class="badge-container">
+  <a href="https://huggingface.co/EPlus-LLM" target="_blank">
+    <img alt="Hugging Face" src="https://img.shields.io/badge/%F0%9F%A4%97%20Hugging%20Face-EPlus--LLMv2-ffc107?color=ffc107&logoColor=white"/>
   </a>
-  <a href="https://colab.research.google.com/github/Gangjiang1/EPlus-LLM/blob/main/v2/EPlus-LLMv2_inference.ipynb" target="_blank" style="margin: 4px;">
-    <img alt="Open In Colab" src="https://colab.research.google.com/assets/colab-badge.svg" style="vertical-align: middle;"/>
+  <a href="https://colab.research.google.com/github/Gangjiang1/EPlus-LLM/blob/main/v2/EPlus-LLMv2_inference.ipynb" target="_blank">
+    <img alt="Open In Colab" src="https://colab.research.google.com/assets/colab-badge.svg"/>
   </a>
-  <a href="https://www.linkedin.com/in/gang-jiang-46b990273" target="_blank" style="margin: 4px;">
-    <img alt="LinkedIn" src="https://img.shields.io/badge/LinkedIn-Connect-blue?logo=linkedin&logoColor=white" style="vertical-align: middle;"/>
+  <a href="https://www.linkedin.com/in/gang-jiang-46b990273" target="_blank">
+    <img alt="LinkedIn" src="https://img.shields.io/badge/LinkedIn-Connect-blue?logo=linkedin&logoColor=white"/>
   </a>
-  <a href="https://huggingface.co/EPlus-LLM/EPlus-LLMv2/resolve/main/figs/qr.png?raw=true" target="_blank" style="margin: 4px;">
-    <img alt="WeChat" src="https://img.shields.io/badge/WeChat-Gang%20Jiang-brightgreen?logo=wechat&logoColor=white" style="vertical-align: middle;"/>
+  <a href="https://huggingface.co/EPlus-LLM/EPlus-LLMv2/resolve/main/figs/qr.png?raw=true" target="_blank">
+    <img alt="WeChat" src="https://img.shields.io/badge/WeChat-Gang%20Jiang-brightgreen?logo=wechat&logoColor=white"/>
   </a>
-  <a href="LICENSE" target="_blank" style="margin: 4px;">
-    <img alt="License" src="https://img.shields.io/badge/License-MIT-f5de53?color=f5de53" style="vertical-align: middle;"/>
+  <a href="LICENSE" target="_blank">
+    <img alt="License" src="https://img.shields.io/badge/License-MIT-f5de53?color=f5de53"/>
   </a>
 </div>