Refactor code structure for improved readability and maintainability

README.md

@@ -1,3 +1,4 @@
+<div align="center">
 
 <img src="docs/logos/logo-full.png" alt="Metapi" width="280">
 
@@ -29,13 +30,19 @@
 <p align="center">
   <a href="#-快速开始">快速开始</a> •
   <a href="#-核心功能">核心功能</a> •
-  <a href="#-文档中心">文档</a> •
-  <a href="#-环境变量">配置</a> •
+  <a href="#%EF%B8%8F-环境变量">配置</a> •
   <a href="#-接入下游客户端">接入指南</a> •
   <a href="#-相关项目">相关项目</a>
 </p>
 
-**[文档中心](docs/README.md) | [快速上手](docs/getting-started.md) | [部署指南](docs/deployment.md) | [配置说明](docs/configuration.md) | [常见问题](docs/faq.md) | [贡献指南](CONTRIBUTING.md)**
+<p align="center">
+  <a href="docs/README.md"><strong>📚 文档中心</strong></a> ·
+  <a href="docs/getting-started.md">快速上手</a> ·
+  <a href="docs/deployment.md">部署指南</a> ·
+  <a href="docs/configuration.md">配置说明</a> ·
+  <a href="docs/faq.md">常见问题</a> ·
+  <a href="CONTRIBUTING.md">贡献指南</a>
+</p>
 
 </div>
 
@@ -66,6 +73,37 @@ Metapi 作为这些中转站之上的聚合层，把多个站点统一到 **一
 
 ---
 
+## 🖼️ 界面预览
+
+<!-- 截图占位 — 替换为实际路径后取消注释
+<table>
+  <tr>
+    <td align="center">
+      <img src="docs/screenshots/dashboard.png" alt="dashboard" style="width:100%;height:auto;"/>
+      <div>仪表盘</div>
+    </td>
+    <td align="center">
+      <img src="docs/screenshots/model-marketplace.png" alt="model-marketplace" style="width:100%;height:auto;"/>
+      <div>模型广场</div>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <img src="docs/screenshots/routes.png" alt="routes" style="width:100%;height:auto;"/>
+      <div>智能路由</div>
+    </td>
+    <td align="center">
+      <img src="docs/screenshots/accounts.png" alt="accounts" style="width:100%;height:auto;"/>
+      <div>账号管理</div>
+    </td>
+  </tr>
+</table>
+-->
+
+> 📸 截图即将补充，欢迎 Star 关注更新！
+
+---
+
 ## ✨ 核心功能
 
 ### 🌐 统一代理网关
@@ -154,37 +192,6 @@ Metapi 作为这些中转站之上的聚合层，把多个站点统一到 **一
 
 ---
 
-## 🖼️ 界面预览
-
-<!-- 截图占位 — 替换为实际路径后取消注释
-<table>
-  <tr>
-    <td align="center">
-      <img src="docs/screenshots/dashboard.png" alt="dashboard" style="width:100%;height:auto;"/>
-      <div>仪表盘</div>
-    </td>
-    <td align="center">
-      <img src="docs/screenshots/model-marketplace.png" alt="model-marketplace" style="width:100%;height:auto;"/>
-      <div>模型广场</div>
-    </td>
-  </tr>
-  <tr>
-    <td align="center">
-      <img src="docs/screenshots/routes.png" alt="routes" style="width:100%;height:auto;"/>
-      <div>智能路由</div>
-    </td>
-    <td align="center">
-      <img src="docs/screenshots/accounts.png" alt="accounts" style="width:100%;height:auto;"/>
-      <div>账号管理</div>
-    </td>
-  </tr>
-</table>
--->
-
-> 📸 截图即将补充，欢迎 Star 关注更新！
-
----
-
 ## 🚀 快速开始
 
 ### Docker Compose（推荐）