diff --git a/docs/.vuepress/components/CustomHero.vue b/docs/.vuepress/components/CustomHero.vue
index 06a63204..1002295d 100644
--- a/docs/.vuepress/components/CustomHero.vue
+++ b/docs/.vuepress/components/CustomHero.vue
@@ -1,22 +1,12 @@
 <template>
   <div class="hero-section">
-    <img src="/hero_bg.png" alt="Background image" class="background-image" />
     <div class="hero-content">
-      <h1 class="hero-title">环信 IM 开发文档</h1>
-      <p class="hero-description">
-        12小时快速集成单聊、群聊、聊天室、推送系统通知等完备 IM 功能，全平台覆盖
+      <h1 class="hero-title">即时通讯IM</h1>
+      <p>
+        基于即时通讯（Instant Messaging, IM）的高可靠性、低延时、强扩展性及高并发特性，你可以轻松切入即时通讯领域，为你的产品带来卓越的沟通体验，从而快速增强用户粘性和市场竞争力。即时通讯IM解决方案支持丰富的消息类型、群组功能和跨平台体验，让你轻松构建满足不同场景需求的高效沟通平台，助力用户享受流畅便捷的交流方式。
       </p>
-      <div class="hero-actions" @click="openAi">
-        <div class="documentation-button">
-          <img
-            src="/aibot.png"
-            alt="Documentation icon"
-            class="documentation-icon"
-          />
-          <span>有集成问题？问环信文档AI助手</span>
-        </div>
-        <button class="go-button">Go</button>
-      </div>
+      <br />
+      <p>探索下面的综合文档，立即释放 IM 即时通讯的力量</p>
     </div>
   </div>
 </template>
@@ -31,8 +21,8 @@ export default defineComponent({
       if (chatbotBtn) {
         chatbotBtn.click();
       }
-    },
-  },
+    }
+  }
 });
 </script>
 
@@ -43,114 +33,24 @@ export default defineComponent({
   min-height: 220px;
   align-items: center;
   justify-content: center;
-}
-
-.background-image {
-  position: absolute;
-  inset: 0;
-  height: 100%;
-  width: 100%;
-  object-fit: cover;
-  object-position: center;
+  background: linear-gradient(to bottom, #e6f7ff, #fff);
 }
 
 .hero-content {
-  position: relative;
-  display: flex;
-  width: 640px;
-  max-width: 100%;
-  flex-direction: column;
-  align-items: center;
-}
-
-.hero-title {
-  margin: 0;
+  max-width: 1200px;
+  padding: 50px 20px;
   text-align: center;
-  background: linear-gradient(
-    98deg,
-    #73cdff -27.44%,
-    #0082fa 40.66%,
-    #1548ff 98.44%
-  );
-  background-clip: text;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  font: 600 32px PingFang SC, sans-serif;
-}
-
-.hero-description {
-  color: #666;
-  text-align: center;
-  align-self: stretch;
-  margin: 23px;
-  font: 400 16px PingFang SC, sans-serif;
-}
-
-@media (max-width: 991px) {
-  .hero-description {
-    max-width: 100%;
-  }
-}
-
-.hero-actions {
-  display: flex;
-  justify-content: center;
-  width: 388px;
-  max-width: 100%;
-  gap: 0;
-  white-space: nowrap;
-  cursor: pointer;
+  box-sizing: border-box;
 }
-
-@media (max-width: 991px) {
-  .hero-actions {
-    white-space: initial;
-  }
-}
-
-.documentation-button {
-  border-radius: 24px 0 0 24px;
-  background-color: #fff;
-  display: flex;
-  gap: 4px;
-  font-size: 16px;
-  color: #919ba1;
-  font-weight: 400;
-  line-height: 150%;
-  padding: 12px 16px;
-  border: none;
-}
-
-@media (max-width: 991px) {
-  .documentation-button {
-    white-space: initial;
-  }
-}
-
-.documentation-icon {
-  aspect-ratio: 1;
-  object-fit: auto;
-  object-position: center;
-  width: 24px;
-}
-
-.go-button {
-  justify-content: center;
-  align-items: start;
-  border-radius: 0 24px 24px 0;
-  background: linear-gradient(180deg, #009eff 0%, #6678ff 100%);
-  color: #f9fafa;
-  text-align: center;
-  padding: 12px 34px;
-  font: 500 18px/133% Roboto, sans-serif;
-  border: none;
-  cursor: pointer;
-}
-
-@media (max-width: 991px) {
-  .go-button {
-    padding-left: 20px;
-    white-space: initial;
-  }
+.hero-title {
+  font-size: 40px;
+  color: #000;
+  margin-bottom: 20px;
+  text-align: left;
+}
+.hero-content p {
+  font-size: 18px;
+  margin: 0 auto;
+  text-align: left;
 }
 </style>
diff --git a/docs/.vuepress/components/HomePage.vue b/docs/.vuepress/components/HomePage.vue
index b2d46a0f..a4ab4f57 100644
--- a/docs/.vuepress/components/HomePage.vue
+++ b/docs/.vuepress/components/HomePage.vue
@@ -3,130 +3,191 @@
     <template #center>
       <div class="main-container">
         <HeroSection />
-        <main :ref="containerRef" class="main-content">
-          <div class="toc">
-            <ClientOnly>
-              <el-affix :offset="80">
-                <el-anchor
-                  :container="containerRef"
-                  type="underline"
-                  :offset="60"
-                >
-                  <el-anchor-link
-                    v-for="anchorLink in anchorLinks"
-                    :key="anchorLink.text"
-                    :href="`#${anchorLink.text}`"
-                  >
-                    {{ anchorLink.text }}
-                    <template v-if="anchorLink.children" #sub-link>
-                      <el-anchor-link
-                        v-for="subLink in anchorLink.children"
-                        :key="subLink.text"
-                        :href="`#${subLink.text}`"
-                      >
-                        {{ subLink.text }}
-                      </el-anchor-link>
-                    </template>
-                  </el-anchor-link>
-                </el-anchor>
-              </el-affix>
-            </ClientOnly>
-          </div>
+        <main class="main-content">
+          <div class="home-container">
+            <section>
+              <h2 class="section-title">用户指南</h2>
+              <template v-for="s in starter" :key="s.title">
+                <h3 class="section-sub-title">{{ s.title }}</h3>
+                <p class="section-sub-title-desc">
+                  {{ s.desc }}
+                </p>
+                <div class="card-container">
+                  <template v-for="p in s.platform" :key="p.text">
+                    <div v-if="p.text" class="card">
+                      <div class="card-header">
+                        <h3>{{ p.text }}</h3>
+                        <img
+                          :src="p.icon"
+                          alt="JavaScript Logo"
+                          style="background-color: #e6f7ff"
+                        />
+                      </div>
+                      <p>{{ p.desc }}</p>
+                      <a :href="p.link" class="btn">快速开始 </a>
+                    </div>
+                    <div
+                      v-else
+                      class="card"
+                      style="visibility: hidden; height: 0"
+                    ></div>
+                  </template>
+                </div>
+              </template>
+            </section>
 
-          <div class="content">
-            <section class="product-section">
-              <div class="product-links">
-                <template v-for="(item, index) in products" :key="item.text">
-                  <el-link
-                    :href="item.link"
-                    type="primary"
-                    class="product-link"
-                  >
-                    {{ item.text }}
-                  </el-link>
-                  <span v-if="index < products.length - 1">|</span>
+            <section v-for="p in projects" :key="p.title">
+              <h2 class="section-title">{{ p.title }}</h2>
+              <p class="section-sub-title-desc">
+                {{ p.desc }}
+              </p>
+              <div class="card-container-solution">
+                <template v-for="p in p.contexts" :key="p.title">
+                  <div v-if="p.title" class="card">
+                    <div class="placeholder"></div>
+                    <h3>{{ p.title }}</h3>
+                    <p>{{ p.desc }}</p>
+                  </div>
+                  <div
+                    v-else
+                    class="card"
+                    style="visibility: hidden; height: 0"
+                  ></div>
                 </template>
               </div>
-              <div v-for="s in starter" :key="s.title" :id="s.title">
-                <h2 class="sdk-start-title">{{ s.title }}</h2>
-                <div class="sdk-start-list">
-                  <div
-                    class="sdk-start-item"
-                    v-for="item in s.platform"
-                    :key="item.text"
-                    @click="goTo(item.link)"
-                  >
-                    <div class="sdk-start-icon">
-                      <img
-                        :src="item.icon"
-                        alt="Platform Icon"
-                        class="platform-icon"
-                      />
-                      <span class="platform-name">{{ item.text }}</span>
+            </section>
+
+            <section>
+              <h2 class="section-title">资源下载</h2>
+              <p class="section-sub-title-desc">
+                下载 Agora RTM SDK 和相关资源，包括文档、示例代码和 API 参考。
+              </p>
+              <div class="download-tip-container">
+                <div class="download-tip">
+                  <div class="tip-icon">
+                    <svg
+                      viewBox="64 64 896 896"
+                      focusable="false"
+                      data-icon="info-circle"
+                      width="1em"
+                      height="1em"
+                      fill="currentColor"
+                      aria-hidden="true"
+                    >
+                      <path
+                        d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
+                      ></path>
+                    </svg>
+                  </div>
+                  <div class="tip-content">
+                    <div class="tip-title">下载须知</div>
+                    <div class="tip-desc">
+                      下载前请仔细阅读以下说明：
+                      <ul>
+                        <li>请保您的开发环境满足系统要求</li>
+                        <li>建议使用最新版本的 SDK 以获得更好的体验</li>
+                        <li>如遇到问题，请参考文档或联系技术支持</li>
+                      </ul>
                     </div>
-                    <img
-                      src="/arrow_right.svg"
-                      alt="Arrow icon"
-                      class="arrow-icon"
-                    />
                   </div>
                 </div>
               </div>
-
-              <div
-                :id="project.title"
-                v-for="project in projects"
-                :key="project.title"
-              >
-                <h2 class="sdk-features-title">{{ project.title }}</h2>
-                <div
-                  class="sdk-feature-item"
-                  v-for="feature in project.features"
-                  :key="feature.title"
-                  :id="feature.title || null"
-                >
-                  <div v-if="feature.title" class="sdk-feature-header">
-                    <img
-                      v-if="feature.icon"
-                      :src="feature.icon"
-                      class="feature-icon"
-                    />
-                    <h3 v-if="feature.title" class="feature-title">
-                      {{ feature.title }}
-                    </h3>
+              <div class="tabs">
+                <div class="tab-header">
+                  <div
+                    class="tab-btn"
+                    :class="{ active: activeTab === 0 }"
+                    @click="activeTab = 0"
+                  >
+                    客户端
                   </div>
-                  <div class="sdk-feature-links">
-                    <template
-                      v-for="context in feature.contexts"
-                      :key="context.text"
-                    >
-                      <a
-                        v-if="context.link"
-                        class="feature-link"
-                        type="primary"
-                        :href="context.link"
-                      >
-                        {{ context.text }}
-                      </a>
-                      <ClientOnly v-else>
-                        <el-popover placement="bottom-start" :width="436">
-                          <template #reference>
-                            <a class="feature-link" type="primary">
-                              {{ context.text }}
-                            </a>
-                          </template>
-                          <template #default>
-                            <CardMenu
-                              :title="context.text"
-                              :sdks="context.sdks"
-                              :desc="context.desc"
-                            />
-                          </template>
-                        </el-popover>
-                      </ClientOnly>
-                    </template>
+                  <div
+                    class="tab-btn"
+                    :class="{ active: activeTab === 1 }"
+                    @click="activeTab = 1"
+                  >
+                    服务端
                   </div>
                 </div>
+
+                <div class="tab-content">
+                  <!-- 客户端 SDK 表格 -->
+                  <table class="table" v-if="activeTab === 0">
+                    <thead>
+                      <tr>
+                        <th
+                          v-for="column in downloadTableColumns"
+                          :key="column.title"
+                          :style="{ minWidth: column.width + 'px' }"
+                        >
+                          {{ column.title }}
+                        </th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr v-for="item in clientSDKDownloadInfo" :key="item.id">
+                        <td>{{ item.language }}</td>
+                        <td>{{ item.platform }}</td>
+                        <td>{{ item.version }}</td>
+                        <td>{{ item.package }}</td>
+                        <td>{{ item.md5 }}</td>
+                        <td>{{ item.updateTime }}</td>
+                        <td><a :href="item.downloadLink">点击查看</a></td>
+                        <td>
+                          <svg
+                            xmlns="http://www.w3.org/2000/svg"
+                            width="24"
+                            height="24"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              fill="currentColor"
+                              d="m12 16l-5-5l1.4-1.45l2.6 2.6V4h2v8.15l2.6-2.6L17 11zm-6 4q-.825 0-1.412-.587T4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413T18 20z"
+                            />
+                          </svg>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                  <!-- 服务端 API 表格 -->
+                  <table class="table" v-if="activeTab === 1">
+                    <thead>
+                      <tr>
+                        <th
+                          v-for="column in downloadTableColumns"
+                          :key="column.title"
+                          :style="{ minWidth: column.width + 'px' }"
+                        >
+                          {{ column.title }}
+                        </th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr v-for="item in serverSDKDownloadInfo" :key="item.id">
+                        <td>{{ item.language }}</td>
+                        <td>{{ item.platform }}</td>
+                        <td>{{ item.version }}</td>
+                        <td>{{ item.package }}</td>
+                        <td>{{ item.md5 }}</td>
+                        <td>{{ item.updateTime }}</td>
+                        <td><a :href="item.downloadLink">点击查看</a></td>
+                        <td>
+                          <svg
+                            xmlns="http://www.w3.org/2000/svg"
+                            width="24"
+                            height="24"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              fill="currentColor"
+                              d="m12 16l-5-5l1.4-1.45l2.6 2.6V4h2v8.15l2.6-2.6L17 11zm-6 4q-.825 0-1.412-.587T4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413T18 20z"
+                            />
+                          </svg>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
               </div>
             </section>
           </div>
@@ -141,47 +202,52 @@ import { ref } from 'vue'
 import { useRouter } from 'vue-router'
 import HopeHomePage from 'vuepress-theme-hope/components/HomePage.js'
 import HeroSection from './CustomHero.vue'
-import CardMenu from './CardMenu.vue'
 import { usePageFrontmatter } from '@vuepress/client'
+import {
+  clientSDKDownloadInfo,
+  serverSDKDownloadInfo
+} from '../data/download.js'
 const frontmatter = usePageFrontmatter()
 const router = useRouter()
-const products = frontmatter.value.products || []
 const starter = frontmatter.value.starter || []
 const projects = frontmatter.value.projects || []
-const containerRef = ref<HTMLElement | null>(null)
 
-const goTo = (path: string) => {
-  if(path.indexOf('http')==0) {
-    window.open(path)
-  } else {
-    router.push(path)
+const downloadTableColumns = [
+  {
+    title: '语言',
+    width: 100
+  },
+  {
+    title: '适用平台',
+    width: 100
+  },
+  {
+    title: '最新版本',
+    width: 80
+  },
+  {
+    title: '包名',
+    width: 110
+  },
+  {
+    title: 'MD5值',
+    width: 200
+  },
+  {
+    title: '更新日期',
+    width: 120
+  },
+  {
+    title: '更新日志',
+    width: 80
+  },
+  {
+    title: '下载',
+    width: 40
   }
+]
 
-}
-
-interface AnchorLink {
-  text: string
-  children?: AnchorLink[]
-}
-
-const buildAnchorLink = () => {
-  const values: AnchorLink[] = []
-  starter.forEach((s) => {
-    values.push({ text: s.title })
-  })
-  projects.forEach((project) => {
-    const children = []
-    project.features.forEach((feature) => {
-      if (feature.title) {
-        children.push({ text: feature.title })
-      }
-    })
-    values.push({ text: project.title, children })
-  })
-  return values
-}
-
-const anchorLinks = buildAnchorLink()
+const activeTab = ref(0)
 </script>
 
 <style scoped>
@@ -196,338 +262,201 @@ const anchorLinks = buildAnchorLink()
   align-self: center;
   margin-top: 16px;
   width: 100%;
-  max-width: 772px;
+  max-width: 1200px;
   position: relative;
 }
 
-@media (max-width: 991px) {
-  .main-content {
-    max-width: 95%;
-  }
-}
-
-.content {
+.home-container {
   width: 100%;
+  max-width: 1200px;
+  margin: 40px auto;
+  padding: 0 20px;
+  box-sizing: border-box;
 }
-
-.toc {
-  margin-top: 20px;
-  position: absolute;
-  top: 0;
-  left: -200px;
-  visibility: visible;
-  width: unset;
-  height: unset;
+.section-title {
+  font-size: 26px;
+  color: #000;
+  margin-bottom: 20px;
+  text-align: left;
+  border: none;
 }
 
-@media (max-width: 1200px) {
-  .toc {
-    visibility: hidden;
-    width: 0;
-    height: 0;
-  }
+.section-sub-title {
+  font-size: 20px;
+  color: #000;
+  margin-bottom: 20px;
 }
-
-.columns {
+.card-container {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   gap: 20px;
-  display: flex;
-  justify-content: center;
 }
-
-.sdk-features {
-  justify-content: flex-end;
-  border-radius: 4px;
-  background-color: #fff;
-  display: flex;
+.card-container-solution {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
   gap: 20px;
-  white-space: nowrap;
-  padding: 10px;
-}
-
-@media (max-width: 991px) {
-  .sdk-features {
-    white-space: initial;
-  }
-}
-
-.feature-title {
-  font-family: PingFang SC, sans-serif;
-  flex-grow: 1;
-  font-size: 16px;
-  flex-basis: auto;
-}
-
-.sdk-list {
-  display: flex;
-  padding-left: 12px;
-  flex-direction: column;
-  font-size: 14px;
-  color: #808080;
-  white-space: nowrap;
-}
-
-@media (max-width: 991px) {
-  .sdk-list {
-    white-space: initial;
-  }
-}
-
-.sdk-item {
-  font-family: PingFang SC, sans-serif;
-  align-items: start;
-  border-left: 2px solid rgba(204, 204, 204, 1);
-  background-color: #fff;
-  justify-content: center;
-  padding: 10px 12px;
-}
-
-@media (max-width: 991px) {
-  .sdk-item {
-    padding-right: 20px;
-    white-space: initial;
-  }
 }
-
-.sdk-item.active {
-  border-left-color: rgba(9, 109, 217, 1);
-  color: #096dd9;
-  padding: 9px 12px;
+.card {
+  background: #fff;
+  border: 1px solid #e0e0e0;
+  border-radius: 8px;
+  padding: 20px;
+  text-align: center;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  transition: transform 0.2s, box-shadow 0.2s;
 }
 
-.column:last-child {
+.card-header {
   display: flex;
-  flex-direction: column;
-  line-height: normal;
-  width: 81%;
-  margin-left: 20px;
+  align-items: center;
+  justify-content: space-between;
 }
 
-@media (max-width: 991px) {
-  .column:last-child {
-    width: 100%;
-  }
+.card:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
 }
-
-.product-section {
-  display: flex;
-  flex-grow: 1;
-  flex-direction: column;
+.card img {
+  width: 50px;
+  height: 50px;
 }
-
-@media (max-width: 991px) {
-  .product-section {
-    max-width: 100%;
-    margin-top: 40px;
-  }
+.card h3 {
+  font-size: 20px;
+  color: #333;
 }
-
-.product-links {
-  justify-content: space-between;
-  display: flex;
-  gap: 20px;
+.card p {
   font-size: 14px;
-  color: #096dd9;
-  font-weight: 400;
-  white-space: nowrap;
-  padding: 8px;
+  color: #666;
+  text-align: left;
 }
-
-@media (max-width: 991px) {
-  .product-links {
-    max-width: 100%;
-    flex-wrap: wrap;
-    white-space: initial;
-  }
-}
-
-.product-link {
-  font-family: PingFang SC, sans-serif;
-}
-
-.sdk-start-title {
-  border-bottom: 1px solid rgba(230, 230, 230, 1);
-  margin-top: 20px;
-  color: #1a1a1a;
-  white-space: nowrap;
-  justify-content: center;
-  padding: 8px 0;
-  font: 600 20px PingFang SC, sans-serif;
+.card .btn {
+  display: inline-block;
+  margin-top: 15px;
+  width: 100%;
+  padding: 10px 0;
+  background: #1890ff;
+  color: #fff;
+  text-decoration: none;
+  border-radius: 20px;
 }
-
-@media (max-width: 991px) {
-  .sdk-start-title {
-    max-width: 100%;
-    white-space: initial;
-  }
+.card .btn:hover {
+  background: #167abc;
 }
-
-.sdk-start-list {
-  display: flex;
-  flex-wrap: wrap;
-  margin-top: 16px;
-  gap: 12px;
+.table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-top: 30px;
+  background: #fff;
+  border-radius: 8px;
+  overflow-x: auto;
+  display: block;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+.table th,
+.table td {
+  border: 1px solid #e0e0e0;
+  padding: 13px;
+  text-align: center;
   font-size: 14px;
-  color: #000;
-  font-weight: 500;
   white-space: nowrap;
+  min-width: 80px;
 }
-
-@media (max-width: 991px) {
-  .sdk-start-list {
-    flex-wrap: wrap;
-    white-space: initial;
-  }
+.table th:nth-child(5),
+.table td:nth-child(5) {
+  width: 100%;
 }
 
-.sdk-start-item {
-  border-radius: 25px;
-  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04);
-  border: 1px solid rgba(230, 230, 230, 1);
-  background-color: #fff;
-  display: flex;
-  gap: 20px;
-  justify-content: space-between;
-  padding: 6px 12px;
-  width: 157px;
+.table td:nth-child(8) svg {
+  color: #1890ff;
+  transition: color 0.3s;
 }
 
-.sdk-start-item:hover {
+.table td:nth-child(8) svg:hover {
+  color: blue;
   cursor: pointer;
-  background: #e1f3d8;
 }
-
-@media (max-width: 991px) {
-  .sdk-start-item {
-    white-space: initial;
-  }
+.table th {
+  background: #f5f5f5;
+  color: #333;
 }
-
-.sdk-start-icon {
-  display: flex;
-  gap: 4px;
+.table td {
+  color: #555;
 }
-
-@media (max-width: 991px) {
-  .sdk-start-icon {
-    white-space: initial;
-  }
-}
-
-.platform-icon {
-  aspect-ratio: 1;
-  object-fit: contain;
-  width: 28px;
-}
-
-.platform-name {
-  font-family: PingFang SC, sans-serif;
-  margin: auto 0;
+.table .btn {
+  padding: 5px 10px;
+  background: #1890ff;
+  color: #fff;
+  text-decoration: none;
+  border-radius: 4px;
+  font-size: 12px;
 }
-
-.arrow-icon {
-  aspect-ratio: 1;
-  object-fit: contain;
-  width: 16px;
-  margin: auto 0;
+.table .btn:hover {
+  background: #167abc;
 }
-
-.sdk-features-title {
-  border-bottom: 1px solid rgba(230, 230, 230, 1);
-  margin-top: 36px;
-  color: #1a1a1a;
-  white-space: nowrap;
-  justify-content: center;
-  padding: 8px 0;
-  font: 600 20px PingFang SC, sans-serif;
+.placeholder {
+  height: 150px;
+  background-color: #e6f7ff;
+  border-radius: 8px;
+  margin-bottom: 10px;
 }
 
-@media (max-width: 991px) {
-  .sdk-features-title {
-    max-width: 100%;
-    white-space: initial;
-  }
+.download-tip {
+  display: flex;
+  align-items: flex-start;
+  padding: 16px 24px;
+  background: #e6f7ff;
+  border: 1px solid #91d5ff;
+  border-radius: 4px;
+  margin-bottom: 24px;
 }
 
-.sdk-feature-item {
-  justify-content: center;
-  border-radius: 8px;
-  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
-  border: 1px solid rgba(230, 230, 230, 1);
-  display: flex;
-  margin-top: 16px;
-  flex-direction: column;
-  font-size: 14px;
-  color: #096dd9;
-  font-weight: 400;
-  white-space: nowrap;
-  padding: 16px;
+.tip-icon {
+  color: #1890ff;
+  font-size: 24px;
+  margin-right: 16px;
+  margin-top: 2px;
 }
 
-@media (max-width: 991px) {
-  .sdk-feature-item {
-    max-width: 100%;
-    white-space: initial;
-  }
+.tip-content {
+  flex: 1;
 }
 
-.sdk-feature-header {
-  align-self: start;
-  display: flex;
-  gap: 2px;
+.tip-title {
   font-size: 16px;
-  color: #1a1a1a;
-  font-weight: 600;
+  font-weight: 500;
+  color: #262626;
+  margin-bottom: 8px;
 }
 
-@media (max-width: 991px) {
-  .sdk-feature-header {
-    white-space: initial;
-  }
+.tip-desc {
+  font-size: 14px;
+  color: #595959;
+  line-height: 1.5;
 }
 
-.feature-icon {
-  aspect-ratio: 1;
-  object-fit: contain;
-  width: 20px;
+.tip-desc ul {
+  margin: 8px 0 0 20px;
+  padding: 0;
 }
 
-.feature-title {
-  font-family: PingFang SC, sans-serif;
-  margin: 0;
+.tip-desc li {
+  margin-bottom: 4px;
 }
 
-.sdk-feature-links {
-  align-content: flex-start;
-  flex-wrap: wrap;
+.tab-header {
+  width: 130px;
   display: flex;
-  margin-top: 16px;
-  gap: 20px;
-  padding: 8px 0;
-}
-
-@media (max-width: 991px) {
-  .sdk-feature-links {
-    max-width: 100%;
-    white-space: initial;
-  }
-}
-
-.feature-link {
-  font-family: PingFang SC, sans-serif;
-  text-decoration: underline;
-  min-width: 120px;
+  justify-content: space-between;
+  color: #abadad;
   cursor: pointer;
 }
 
-.feature-link-group {
-  display: flex;
-  gap: 20px;
-  justify-content: space-between;
+.tab-btn {
+  padding: 12px 0;
 }
 
-@media (max-width: 991px) {
-  .feature-link-group {
-    white-space: initial;
-  }
+.active {
+  color: #1890ff;
+  border-bottom: 2px solid #1890ff;
 }
 </style>
diff --git a/docs/.vuepress/data/download.js b/docs/.vuepress/data/download.js
new file mode 100644
index 00000000..6e806874
--- /dev/null
+++ b/docs/.vuepress/data/download.js
@@ -0,0 +1,50 @@
+export const clientSDKDownloadInfo = [
+  {
+    language: 'Javascript',
+    platform: 'Web',
+    version: '2.1.7',
+    package: 'agora-im',
+    md5: '9aa4b2a542f3197ac9f905e20c5b7889',
+    updateTime: '2025-01-26',
+    downloadLink: '#'
+  },
+  {
+    language: 'Java',
+    platform: 'Andorid',
+    version: '2.1.7',
+    package: 'agora-im',
+    md5: '9aa4b2a542f3197ac9f905e20c5b7889',
+    updateTime: '2025-01-26',
+    downloadLink: '#'
+  },
+  {
+    language: 'Javascript',
+    platform: 'Web',
+    version: '2.1.7',
+    package: 'agora-im',
+    md5: '9aa4b2a542f3197ac9f905e20c5b7889',
+    updateTime: '2025-01-26',
+    downloadLink: '#'
+  },
+  {
+    language: 'Java',
+    platform: 'Andorid',
+    version: '2.1.7',
+    package: 'agora-im',
+    md5: '9aa4b2a542f3197ac9f905e20c5b7889',
+    updateTime: '2025-01-26',
+    downloadLink: '#'
+  }
+]
+
+export const serverSDKDownloadInfo = [
+  {
+    language: 'Java',
+    platform: 'Server',
+    version: '2.1.7',
+    package: 'agora-im',
+    md5: '9aa4b2a542f3197ac9f905e20c5b7889',
+    updateTime: '2025-01-26',
+    downloadLink: '#'
+  }
+]
diff --git a/docs/README.md b/docs/README.md
index 55ecefbe..218d35b8 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -1,1930 +1,80 @@
 ---
-home: false
+home: true
 title: 导航页
 heroText: false
 tagline: false
-products:
-  - link: "/product/introduction.html"
-    text: 产品概述
-  - link: "/product/pricing.html"
-    text: 产品价格
-  - link: "/product/product_dynamics.html"
-    text: 产品动态
-  - link: "/document/android/releasenote.html"
-    text: 最新发版
-  - link: "/product/limitation.html"
-    text: 使用限制
-  - link: "https://www.easemob.com/protocol"
-    text: 隐私协议
-  - link: "/product/security_best_practices.html"
-    text: 安全最佳实践
 starter:
-  - title: "SDK 快速开始"
+  - title: "客户端"
+    desc: "从下面的列表中选择合适你的 SDK 构建即时通讯应用，点击“快速开始”按钮将引导你在30分钟内实现即时通讯消息收发"
     platform:
       - icon: /sdk/android.svg
         link: /document/android/quickstart.html
         text: Android
+        desc: "学习使用 Android SDK 构建即时通讯的 Android 应用程序。"
       - icon: /sdk/iOS.svg
         link: /document/ios/quickstart.html
         text: iOS 
+        desc: "学习使用 iOS SDK 构建即时通讯的 iOS 应用程序。"
       - icon: /sdk/web.svg
         link: /document/web/quickstart.html
         text: Web
-      - icon: /sdk/applet.svg
-        link: /document/applet/wechat.html
-        text: 小程序
+        desc: "学习使用 Web SDK 构建即时通讯的 Web 应用程序。"
       - icon: /sdk/harmonyos.svg
         link: /document/harmonyos/quickstart.html
         text: HarmonyOS 
+        desc: "学习使用 HarmonyOS SDK 构建即时通讯的 HarmonyOS 应用程序。"
       - icon: /sdk/flutter.svg
         link: /document/flutter/quickstart.html
         text: Flutter
+        desc: "学习使用 Flutter SDK 构建即时通讯的 跨平台 应用程序。"
       - icon: /sdk/react.svg
         link: /document/react-native/quickstart.html
         text: React Native
+        desc: "学习使用 React-Native SDK 构建即时通讯的 跨平台 应用程序。"
       - icon: /sdk/unity.svg
         link: /document/unity/quickstart.html
         text: Unity
+        desc: "学习使用 Unity SDK 构建即时通讯的 跨平台 应用程序。"
       - icon: /sdk/windows.svg
         link: /document/windows/quickstart.html
-        text: Windows
-  - title: "Demo" 
-    platform:
-      - icon: /sdk/demo_list.svg
-        link: "https://www.easemob.com/download/demo"
-        text: Demo 体验
-      - icon: /sdk/demo_sourcecode.svg
-        link: /product/demo_sourcecode_address.html
-        text: Demo 源码       
+        text: Windows  
+        desc: "学习使用 Windows SDK 构建即时通讯的 Windows 应用程序。"
   - title: "服务端 API"
+    desc: "从下面的列表中选择合适你的 SDK 构建即时通讯应用，点击“快速开始”按钮将引导你在30分钟内实现即时通讯消息收发"
     platform:
       - icon: /sdk/rest.svg
         link: /document/server-side/overview.html
         text: REST
-  - title: "单群聊 UIKit 集成"
-    platform:
-      - icon: /sdk/android.svg
-        link: /uikit/chatuikit/android/chatuikit_integrated.html
-        text: Android
-      - icon: /sdk/iOS.svg
-        link: /uikit/chatuikit/ios/chatuikit_integrated.html
-        text: iOS 
-      - icon: /sdk/web.svg
-        link: /uikit/chatuikit/web/chatuikit_integrated_react.html
-        text: Web
-      - icon: /sdk/web.svg
-        link: /uikit/chatuikit/web/chatuikit_integrated_react.html
-        text: Web  
-      - icon: /sdk/uniapp.svg
-        link: /uikit/chatuikit/uniapp/chatuikit_integrated.html
-        text: Uniapp
-      - icon: /sdk/react.svg
-        link: /uikit/chatuikit/react-native/chatuikit_integrated.html
-        text: React Native
-  - title: "聊天室 UIKit 集成"
-    platform:
-      - icon: /sdk/android.svg
-        link: /uikit/chatroomuikit/android/roomuikit_integrated.html
-        text: Android
-      - icon: /sdk/iOS.svg
-        link: /uikit/chatroomuikit/ios/roomuikit_integrated.html
-        text: iOS 
-      - icon: /sdk/web.svg
-        link: /uikit/chatroomuikit/web/roomuikit_integrated.html
-        text: Web
-      - icon: /sdk/flutter.svg
-        link: /uikit/chatroomuikit/flutter/roomuikit_integrated.html
-        text: Flutter
-      - icon: /sdk/react.svg
-        link: /uikit/chatroomuikit/react-native/roomuikit_integrated.html
-        text: React Native
-  - title: "CallKit" 
-    platform:
-      - icon: /sdk/android.svg
-        link: /document/android/easecallkit.html
-        text: Android
-      - icon: /sdk/iOS.svg
-        link: /document/ios/easecallkit.html
-        text: iOS  
-      - icon: /sdk/web.svg
-        link: /document/web/easecallkit.html
-        text: Web  
+        desc: "学习使用 Restful API 构建即时通讯的应用服务。"
+      - icon: ""
+        link: ""
+        text: ""
+        desc: ""
+      - icon: ""
+        link: ""
+        text: ""
+        desc: ""
+      - icon: ""
+        link: ""
+        text: ""
+        desc: ""
 projects:
-  - title: SDK/服务端功能
-    features:
-      - title: 消息和会话
-        icon: /feature/message.svg
-        contexts:
-          - text: 发送/接收消息
-            desc: 在单聊、群聊和聊天室中发送和接收各种类型的消息，包括文本消息、图片、语音、视频、文件消息、位置消息、透传消息、自定义消息、合并消息和定向消息。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/message_send_receive.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/message_send_receive.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/message_send_receive.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/message_send_receive.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS
-                link: /document/harmonyos/message_send_receive.html
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/message_send_receive.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/message_send_receive.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/message_send_receive.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/message_send_receive.html
-              - icon: /sdk/electron.svg
-                text: Electron
-                link: /document/electron/message.html#发送消息  
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/message_single.html
-          - text: 获取消息
-            desc: 从环信消息服务器获取漫游消息，或者从本地获取消息。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/message_retrieve.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/message_retrieve.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/message_retrieve.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/message_retrieve.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS
-                link: /document/harmonyos/message_retrieve.html
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/message_retrieve.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/message_retrieve.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/message_retrieve.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/message_retrieve.html
-              - icon: /sdk/electron.svg
-                text: Electron
-                link: /document/electron/conversation.html  
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/message_historical.html
-          - text: 撤回消息
-            desc: 发送方可以撤回一条发送成功的消息，包括已经发送的历史消息，离线消息或漫游消息。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/message_recall.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/message_recall.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/message_recall.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/message_recall.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/message_recall.html 
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/message_recall.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/message_recall.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/message_recall.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/message_recall.html
-              - icon: /sdk/electron.svg
-                text: Electron
-                link: /document/electron/message.html#撤回消息  
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/message_recall.html
-          - text: 搜索消息
-            desc: 支持搜索本地数据库中除命令消息之外的所有类型的消息。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/message_search.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/message_search.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/message_search.html   
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/message_search.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/message_search.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/message_search.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/message_search.html
-          - text: 消息回执
-            desc: 单聊会话支持消息送达回执、会话已读回执和消息已读回执。群聊会话只支持消息已读回执。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/message_receipt.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/message_receipt.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/message_receipt.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/message_receipt.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/message_receipt.html  
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/message_receipt.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/message_receipt.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/message_receipt.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/message_receipt.html
-          - text: 表情回复
-            desc: 消息表情回复（“Reaction”）功能，即用户可以在单聊和群聊中对消息添加、删除表情。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/reaction.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/reaction.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/reaction.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/reaction.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/reaction.html 
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/reaction.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/reaction.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/reaction.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/reaction.html
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/reaction.html  
-          - text: 修改消息
-            desc: 修改单聊或群组聊天会话中已经发送成功的文本消息。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/message_modify.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/message_modify.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/message_modify.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/message_modify.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/message_modify.html    
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/message_modify.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/message_modify.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/message_modify.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/message_modify.html
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/message_modify_text_custom.html 
-          - text: 转发消息
-            desc: 转发消息即将会话中发送成功或收到的消息转发给别人，支持转发单条消息和多条消息（合并消息）。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/message_forward.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/message_forward.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/message_send_receive.html#发送和接收合并消息
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/message_send_receive.html#发送和接收合并消息
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/message_forward.html   
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/message_forward.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/message_forward.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/message_forward.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/message_forward.html
-          - text: 导入/插入消息
-            desc: 批量导入消息到数据库或在本地会话中插入一条消息。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/message_import_insert.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/message_import_insert.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/message_import_insert.html   
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/message_import_insert.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/message_import_insert.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/message_import_insert.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/message_import_insert.html
-              - icon: /sdk/electron.svg
-                text: Electron
-                link: /document/electron/conversation.html#插入消息
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/message_import.html
-          - text: 更新消息
-            desc: 更新本地数据库中的消息。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/message_update.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/message_update.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/message_update.html  
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/message_update.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/message_update.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/message_update.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/message_update.html
-              - icon: /sdk/electron.svg
-                text: Electron
-                link: /document/electron/conversation.html  
-          - text: 删除消息
-            desc: 单向删除服务端以及本地的历史消息。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/message_delete.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/message_delete.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/message_delete.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/message_delete.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/message_delete.html  
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/message_delete.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/message_delete.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/message_delete.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/message_delete.html
-              - icon: /sdk/electron.svg
-                text: Electron
-                link: /document/electron/conversation.html  
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/message_delete.html
-          - text: 置顶消息
-            desc: 将会话中的消息固定在会话顶部，方便会话中的所有用户快速查看重要消息。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/message_pin.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/message_pin.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/message_pin.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/message_pin.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/message_pin.html   
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/message_pin.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/message_pin.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/message_pin.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/message_pin.html                   
-          - text: 消息翻译
-            desc: 在聊天过程中对文字消息进行翻译，支持发送或接收消息时对文本消息进行按需翻译或自动翻译。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/message_translation.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/message_translation.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/message_translation.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/message_translation.html
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/message_translation.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/message_translation.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/message_translation.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/message_translation.html
-          - text: 消息审核（举报）
-            desc: 你的用户可以在客户端举报违规消息。当服务器收到举报消息后，会将举报消息存储到数据库，并在环信即时通讯云控制台展示。你可在环信即时通讯云控制台查看举报记录，并进行相应处理。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/moderation.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/moderation.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/moderation.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/moderation.html
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/moderation.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/moderation.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/moderation.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/moderation.html
-          - text: 消息只投在线
-            desc: 只将消息投递给在线用户。若接收方不在线，则无法收到消息。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/message_deliver_only_online.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/message_deliver_only_online.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/message_deliver_only_online.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/message_deliver_only_online.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/message_deliver_only_online.html  
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/message_deliver_only_online.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/message_deliver_only_online.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/message_deliver_only_online.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/message_deliver_only_online.html
-          - text: 消息流量统计
-            desc: 本地消息的流量统计功能。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/message_traffic_statis.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/message_traffic_statis.html    
-          - text: 会话列表
-            desc: 支持从服务端和本地获取会话列表。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/conversation_list.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/conversation_list.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/conversation_list.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/conversation_list.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/conversation_list.html  
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/conversation_list.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/conversation_list.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/conversation_list.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/conversation_list.html
-          - text: 会话未读数
-            desc: 支持查看本地所有会话或指定会话的未读消息数，并针对会话的未读消息数清零。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/conversation_unread.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/conversation_unread.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/conversation_unread.html  
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/conversation_unread.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/conversation_unread.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/conversation_unread.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/conversation_unread.html
-              - icon: /sdk/electron.svg
-                text: Electron
-                link: /document/electron/conversation.html#获取会话中的未读消息计数   
-          - text: 本地会话
-            desc: Web SDK 内部使用 IndexedDB 在本地数据库中保存单聊和群聊会话，通过 LocalCache 模块对本地会话数据进行管理。
-            sdks:
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/conversation_local.html  
-          - text: 会话置顶
-            desc: 将单聊或群聊会话固定在会话列表的顶部，方便用户查找。支持置顶、取消置顶会话和从服务端获取置顶会话列表。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/conversation_pin.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/conversation_pin.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/conversation_pin.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/conversation_pin.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/conversation_pin.html    
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/conversation_pin.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/conversation_pin.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/conversation_pin.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/conversation_pin.html
-          - text: 会话标记
-            desc: 对单聊和群聊会话添加标记，支持标记和取消标记会话以及根据标记查询服务器或本地会话。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/conversation_mark.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/conversation_mark.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/conversation_mark.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/conversation_mark.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/conversation_mark.html   
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/conversation_mark.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/conversation_mark.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/conversation_mark.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/conversation_mark.html
-          - text: 删除会话
-            desc: 单向删除服务端或本地的会话及其历史消息。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/conversation_delete.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/conversation_delete.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/conversation_delete.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/conversation_delete.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/conversation_delete.html  
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/conversation_delete.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/conversation_delete.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/conversation_delete.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/conversation_delete.html  
-              - icon: /sdk/electron.svg
-                text: Electron
-                link: /document/electron/conversation.html#删除会话
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/message_recall.html#单向删除会话        
-      - title: 群组和聊天室
-        icon: /feature/group.svg
-        contexts:
-          - text: 创建和管理群组
-            desc: 支持创建和解散群组、获取群组详情、获取群成员列表和群组列表、查询用户加入的群组数量、屏蔽和解除屏蔽群消息以及监听群组事件。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/group_manage.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/group_manage.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/group_manage.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/group_manage.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/group_manage.html  
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/group_manage.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/group_manage.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/group_manage.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/group_manage.html  
-              - icon: /sdk/electron.svg
-                text: Electron
-                link: /document/electron/group.html#群组管理 
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/group_manage.html#创建和管理群组    
-          - text: 管理群成员
-            desc: 支持加入、退出群组、群组白名单、黑名单、禁言和设置群成员的自定义属性。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/group_members.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/group_members.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/group_members.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/group_members.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/group_members.html  
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/group_members.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/group_members.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/group_members.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/group_members.html  
-              - icon: /sdk/electron.svg
-                text: Electron
-                link: /document/electron/group.html#群成员管理 
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/group_member_obtain.html#管理群组成员   
-          - text: 管理群组属性
-            desc: 支持修改群组名称及描述、获取和更新群组公告、管理群共享文件和更新群扩展字段。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/group_attributes.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/group_attributes.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/group_attributes.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/group_attributes.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/group_attributes.html  
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/group_attributes.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/group_attributes.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/group_attributes.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/group_attributes.html  
-              - icon: /sdk/electron.svg
-                text: Electron
-                link: /document/electron/group.html#修改群组信息 
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/group_file.html#修改群组信息     
-          - text: 创建和管理聊天室
-            desc: 支持创建和加入聊天室、获取聊天室详情、退出和解散聊天室、更新聊天室成员人数以及监听聊天室事件。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/room_manage.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/room_manage.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/room_manage.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/room_manage.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/room_manage.html  
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/room_manage.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/room_manage.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/room_manage.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/room_manage.html  
-              - icon: /sdk/electron.svg
-                text: Electron
-                link: /document/electron/chatroom.html
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/chatroom_manage.html#管理聊天室    
-          - text: 管理聊天室成员
-            desc: 支持创建、加入和退出聊天室、聊天室白名单、黑名单、禁言、以及监听聊天室事件等功能。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/room_members.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/room_members.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/room_members.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/room_members.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/room_members.html    
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/room_members.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/room_members.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/room_members.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/room_members.html 
-              - icon: /sdk/electron.svg
-                text: Electron
-                link: /document/electron/chatroom.html#加入聊天室
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/chatroom_member_obtain.html#管理聊天室成员
-          - text: 管理聊天室属性
-            desc: 管理聊天室基本属性，包括聊天室名称、描述和公告，以及自定义属性。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/room_attributes.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/room_attributes.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/room_attributes.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/room_attributes.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/room_attributes.html  
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/room_attributes.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/room_attributes.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/room_attributes.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/room_attributes.html 
-              - icon: /sdk/electron.svg
-                text: Electron
-                link: /document/electron/chatroom.html#修改聊天室信息
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/chatroom_attribute.html#设置聊天室自定义属性
-          - text: 子区管理
-            desc: 支持创建、解散、加入、退出子区，修改子区名称、获取子区详情和子区成员列表和子区列表，获取子区中最新一条消息以及监听子区事件。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/thread.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/thread.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/thread.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/thread.html
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/thread.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/thread.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/thread.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/thread.html 
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/group_thread.html#管理子区 
-          - text: 子区消息管理
-            desc: 支持发送和接收子区消息、撤回子区消息和获取子区消息。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/thread_message.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/thread_message.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/thread_message.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/thread_message.html
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/thread_message.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/thread_message.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/thread_message.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/thread_message.html                        
-      - title: 用户
-        icon: /feature/user.svg
-        contexts:
-          - text: 用户体系
-            desc: 支持注册、删除用户、获取用户详情、修改用户密码、获取用户在线状态和获取指定账号的在线登录设备列表。
-            sdks:
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/account_system.html
-          - text: 用户属性
-            desc: 设置和获取用户属性，例如用户昵称、头像、邮箱、电话、性别、签名、生日等。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/userprofile.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/userprofile.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/userprofile.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/userprofile.html     
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/userprofile.html
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/userprofile.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/userprofile.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/userprofile.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/userprofile.html 
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/userprofile.html  
-          - text: 用户关系
-            desc: 添加和删除好友、设置好友备注、获取好友列表以及好友黑名单管理功能。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/user_relationship.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/user_relationship.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/user_relationship.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/user_relationship.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/user_relationship.html   
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/user_relationship.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/user_relationship.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/user_relationship.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/user_relationship.html 
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/user_relationship.html 
-          - text: 用户在线状态订阅
-            desc: 订阅和查询用户的在线状态（即 Presence），包含用户的在线、离线以及自定义状态。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/presence.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/presence.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/presence.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/presence.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/presence.html  
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/presence.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/presence.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/presence.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/presence.html 
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/presence.html
-          - text: 用户全局禁言
-            desc: 设置单个用户 ID 的单聊、群组或聊天室消息的全局禁言。设置成功后，该用户将无法在对应的单聊、群组或聊天室中发送消息。
-            sdks:
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/user_global_mute.html 
-          - text: 用户收藏
-            desc: 支持收藏聊天过程中发送成功的各类消息或你的其他自定义内容。这些收藏的内容永久保存，你可以随时查看。
-            sdks:
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/user_favorite.html                 
-          - text: 多设备登录
-            desc: 同一账号在多个设备上登录，所有已登录的设备之间可以同步消息、好友和群组相关操作、子区操作以及会话操作。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/multi_device.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/multi_device.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/multi_device.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/multi_device.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/multi_device.html  
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/multi_device.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/multi_device.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/multi_device.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/multi_device.html                
-      - title: 推送
-        icon: /feature/push.svg
-        contexts:
-          - text: 离线推送
-            desc: 支持集成第三方消息推送服务，包括 FCM、APNs、华为、荣耀、小米、OPPO、VIVO 和魅族。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/push/push_overview.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/push/push_overview.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/push/push_overview.html
-              - icon: /sdk/uniapp.svg
-                text: uni-app
-                link: /document/applet/push/uniapp_push.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/push/push_overview.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/push/push_overview.html  
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/push.html      
-          - text: 即时推送
-            desc: 即时推送服务的应用场景包括系统消息通知、活动促销营销、运营促活推送、社交互动通知、以及内容订阅推送等，覆盖谷歌、华为、小米、魅族、OPPO、VIVO 等主流手机厂商通道。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /push/push_integration_note_android.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /push/push_integration_note_ios.html
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /push/push_by_tag.html   
-      - title: 其他
-        icon: /feature/others.svg
-        contexts:
-          - text: 回调
-            link: /document/server-side/callback_overview.html
-          - text: 错误码
-            desc: SDK 中的接口和 REST 接口调用或者回调中的错误码。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /document/android/error.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /document/ios/error.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /document/web/error.html
-              - icon: /sdk/applet.svg
-                text: 小程序
-                link: /document/applet/error.html
-              - icon: /sdk/harmonyos.svg
-                text: HarmonyOS 
-                link: /document/harmonyos/error.html  
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /document/flutter/error.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /document/react-native/error.html
-              - icon: /sdk/unity.svg
-                text: Unity
-                link: /document/unity/error.html
-              - icon: /sdk/windows.svg
-                text: Windows
-                link: /document/windows/error.html 
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /document/server-side/error.html
-          - text: 内容审核
-            link: /product/moderation/moderation_overview.html           
-  - title: UIKit 功能
-    features:
-      - title: UIKit-单群聊
-        icon: /feature/uikit.svg
-        contexts:
-          - text: 聊天界面
-            desc: 提供发送和接收消息等功能，支持自定义消息列表区域、消息气泡和消息输入框、以及监听聊天消息相关事件等。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatuikit/android/chatuikit_chat.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatuikit/ios/chatuikit_advancedusage.html#初始化聊天页面
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatuikit/web/chatuikit_chat.html
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatuikit/flutter/chatuikit_chat.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatuikit/react-native/chatuikit_chat.html
-          - text: 会话列表界面
-            desc: 展示当前用户的所有会话并且提供会话相关功能，支持自定义标题栏、自定义会话布局等。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatuikit/android/chatuikit_conversation.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatuikit/ios/chatuikit_advancedusage.html#会话列表页面
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatuikit/web/chatuikit_conversation.html
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatuikit/flutter/chatuikit_conversation.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatuikit/react-native/chatuikit_conversation.html
-          - text: 通讯录界面
-            desc: 展示通讯录列表，包括添加联系人，好友申请列表入口，联系人列表等。支持自定义联系人列表和联系人事件监听。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatuikit/android/chatuikit_contactlist.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatuikit/ios/chatuikit_advancedusage.html#联系人列表页面
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatuikit/web/chatuikit_contactlist.html
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatuikit/flutter/chatuikit_contactlist.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatuikit/react-native/chatuikit_contactlist.html 
-          - text: 界面主题
-            desc: 内置浅色和深色主题，默认为浅色主题。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatuikit/android/chatuikit_theme.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatuikit/ios/chatuikit_theme.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatuikit/web/chatuikit_theme.html
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatuikit/flutter/chatuikit_theme.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatuikit/react-native/chatuikit_theme.html
-          - text: 消息引用
-            desc: 指用户可以引用一条已发送的消息。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatuikit/android/chatfeature_message.html#消息引用
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatuikit/ios/chatfeature_message.html#消息引用
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatuikit/web/chatfeature_message.html#消息引用
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatuikit/flutter/chatfeature_message.html#消息引用
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatuikit/react-native/chatfeature_message.html#消息引用
-          - text: 表情回复
-            desc: 指用户可以使用表情符号回复消息。在单群聊 UIKit 中，用户可以长按单条消息触发消息拓展功能菜单，选择表情回复。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatuikit/android/chatfeature_message.html#表情回复
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatuikit/ios/chatfeature_message.html#表情回复
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatuikit/web/chatfeature_message.html#表情回复
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatuikit/flutter/chatfeature_message.html#表情回复
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatuikit/react-native/chatfeature_message.html#表情回复
-          - text: 消息编辑
-            desc: 指用户可以编辑一条已发送的消息。消息编辑可以帮助用户纠正错误，或添加新信息。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatuikit/android/chatfeature_message.html#消息编辑
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatuikit/ios/chatfeature_message.html#消息编辑
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatuikit/web/chatfeature_message.html#消息编辑
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatuikit/flutter/chatfeature_message.html#消息编辑
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatuikit/react-native/chatfeature_message.html#消息编辑
-          - text: 消息撤回
-            desc: 指用户可以撤回一条已发送的消息。消息撤回可以帮助用户撤回错误发送的消息，或撤回不想让其他用户看到的消息。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatuikit/android/chatfeature_message.html#消息撤回
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatuikit/ios/chatfeature_message.html#消息撤回
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatuikit/web/chatfeature_message.html#消息撤回
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatuikit/flutter/chatfeature_message.html#消息撤回
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatuikit/react-native/chatfeature_message.html#消息撤回
-          - text: 消息转发
-            desc: 指用户可以将消息转发给其他用户。你可以转发单条消息，也可以选择多条消息进行合并转发。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatuikit/android/chatfeature_message.html#消息合并转发
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatuikit/web/chatfeature_message.html#消息合并转发
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatuikit/flutter/chatfeature_message.html#消息合并转发
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatuikit/react-native/chatfeature_message.html#消息合并转发
-          - text: 消息翻译
-            desc: 指用户可以将一条消息翻译成其他语言。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatuikit/android/chatfeature_message.html#消息翻译
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatuikit/ios/chatfeature_message.html#消息翻译
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatuikit/web/chatfeature_message.html#消息翻译
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatuikit/flutter/chatfeature_message.html#消息翻译
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatuikit/react-native/chatfeature_message.html#消息翻译
-          - text: 语音消息
-            desc: 语音消息指以语音形式发送和接收的消息，可替代文字交流。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatuikit/android/chatfeature_common.html#语音消息
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatuikit/ios/chatfeature_common.html#语音消息
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatuikit/web/chatfeature_common.html#语音消息
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatuikit/flutter/chatfeature_common.html#语音消息
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatuikit/react-native/chatfeature_common.html#语音消息
-          - text: 未读消息数
-            desc: 未读消息数是指用户收到的但尚未查看的消息数量。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatuikit/android/chatfeature_common.html#未读消息数
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatuikit/ios/chatfeature_common.html#未读消息数
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatuikit/web/chatfeature_common.html#未读消息数
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatuikit/flutter/chatfeature_common.html#未读消息数
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatuikit/react-native/chatfeature_common.html#未读消息数
-          - text: 已读回执
-            desc: 已读回执用于告知消息发送者，接收者已经阅读了其发送的消息。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatuikit/android/chatfeature_common.html#已读回执
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatuikit/ios/chatfeature_common.html#已读回执
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatuikit/web/chatfeature_common.html#已读回执
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatuikit/flutter/chatfeature_common.html#已读回执
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatuikit/react-native/chatfeature_common.html#已读回执
-          - text: 送达回执
-            desc: 已发送回执用于告知消息发送者，其发送的消息已经成功发送到服务器、接收方以及发送失败。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatuikit/android/chatfeature_common.html#已发送回执
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatuikit/ios/chatfeature_common.html#已发送回执
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatuikit/web/chatfeature_common.html#已发送回执
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatuikit/flutter/chatfeature_common.html#已发送回执
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatuikit/react-native/chatfeature_common.html#已发送回执
-          - text: 文件共享
-            desc: 文件共享允许用户通过即时通讯应用发送和接收文件。文件共享可以用于分享文档、图片、视频等文件。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatuikit/android/chatfeature_common.html#文件共享
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatuikit/ios/chatfeature_common.html#文件共享
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatuikit/web/chatfeature_common.html#文件共享
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatuikit/flutter/chatfeature_common.html#文件共享
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatuikit/react-native/chatfeature_common.html#文件共享
-          - text: 消息话题
-            desc: 消息话题（即 Thread）指用户可以在群组聊天中根据一条消息创建话题进行深入探讨，讨论和追踪特定项目任务，而不影响其他聊天内容。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatuikit/android/chatfeature_message.html#消息话题
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatuikit/ios/chatfeature_message.html#消息话题
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatuikit/web/chatfeature_message.html#消息话题
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatuikit/flutter/chatfeature_message.html#消息话题
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatuikit/react-native/chatfeature_message.html#消息话题
-          - text: 会话已读
-            desc: 会话已读是指显示用户是否已阅读过含有未读消息的特定会话。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatuikit/android/chatfeature_conversation.html#会话已读
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatuikit/ios/chatfeature_conversation.html#会话已读
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatuikit/web/chatfeature_conversation.html#会话已读
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatuikit/flutter/chatfeature_conversation.html#会话已读
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatuikit/react-native/chatfeature_conversation.html#会话已读
-          - text: 会话置顶
-            desc: 会话置顶是指用户将重要的会话固定在聊天列表顶部，方便快速访问常用或优先级别的会话。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatuikit/android/chatfeature_conversation.html#会话置顶
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatuikit/ios/chatfeature_conversation.html#会话置顶
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatuikit/web/chatfeature_conversation.html#会话置顶
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatuikit/flutter/chatfeature_conversation.html#会话置顶
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatuikit/react-native/chatfeature_conversation.html#会话置顶
-          - text: 会话免打扰
-            desc: 会话免打扰是指用户暂时关闭特定会话的通知，避免被打扰。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatuikit/android/chatfeature_conversation.html#会话免打扰
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatuikit/ios/chatfeature_conversation.html#会话免打扰
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatuikit/web/chatfeature_conversation.html#会话免打扰
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatuikit/flutter/chatfeature_conversation.html#会话免打扰
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatuikit/react-native/chatfeature_conversation.html#会话免打扰
-          - text: 会话删除
-            desc: 会话删除是指用户永久删除不再需要的会话，清理会话列表。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatuikit/android/chatfeature_conversation.html#会话删除
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatuikit/ios/chatfeature_conversation.html#会话删除
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatuikit/web/chatfeature_conversation.html#会话删除
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatuikit/flutter/chatfeature_conversation.html#会话删除
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatuikit/react-native/chatfeature_conversation.html#会话删除
-      - title: UIKit-聊天室
-        icon: /feature/uikit-chatroom.svg
-        contexts:
-          - text: 聊天室管理
-            desc: 支持创建聊天室、离开聊天室和解散聊天室。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatroomuikit/android/roomfeature_common.html#创建聊天室
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatroomuikit/ios/roomfeature_common.html#创建聊天室
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatroomuikit/web/roomfeature_common.html#创建聊天室
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatroomuikit/flutter/roomfeature_common.html#创建聊天室
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatroomuikit/react-native/roomfeature_common.html#创建聊天室
-          - text: 界面主题管理
-            desc: 聊天室 UIKit 内置浅色和深色主题，默认为浅色主题。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatroomuikit/android/roomuikit_theme.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatroomuikit/ios/roomuikit_theme.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatroomuikit/web/roomuikit_theme.html
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatroomuikit/flutter/roomuikit_theme.html
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatroomuikit/react-native/roomuikit_theme.html        
-          - text: 弹幕和打赏
-            desc: 用户可在聊天室中向其他成员发送文字和表情的消息，也可以通过赠送虚拟礼物，向聊天室中的主播或其他用户表达赞赏或者支持。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatroomuikit/android/roomfeature_common.html#发送弹幕
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatroomuikit/ios/roomfeature_common.html#发送弹幕
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatroomuikit/web/roomfeature_common.html#发送弹幕
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatroomuikit/flutter/roomfeature_common.html#发送弹幕   
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatroomuikit/react-native/roomfeature_common.html#发送弹幕  
-          - text: 全局广播
-            desc: 向 App 内所有聊天室中的所有用户发送消息或通知，可用于传达重要信息、公告、提醒或紧急通知等。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatroomuikit/android/roomfeature_common.html#全局广播
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatroomuikit/ios/roomfeature_common.html#全局广播
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatroomuikit/web/roomfeature_common.html#全局广播
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatroomuikit/flutter/roomfeature_common.html#全局广播
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatroomuikit/react-native/roomfeature_common.html#全局广播
-          - text: 未读消息数
-            desc: 聊天室未读消息数指在一个聊天室中用户尚未读取的消息数量。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatroomuikit/android/roomfeature_common.html#未读消息数
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatroomuikit/ios/roomfeature_common.html#未读消息数
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatroomuikit/web/roomfeature_common.html#未读消息数
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatroomuikit/flutter/roomfeature_common.html#未读消息数
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatroomuikit/react-native/roomfeature_common.html#未读消息数               
-          - text: 消息举报
-            desc: 当用户发现其他人发布了可能违反聊天室规则或道德准则的消息时，可以举报该消息，促使聊天室所有者采取适当的行动。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatroomuikit/android/roomfeature_message.html#消息举报
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatroomuikit/ios/roomfeature_message.html#消息举报
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatroomuikit/web/roomfeature_message.html#消息举报
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatroomuikit/flutter/roomfeature_message.html#消息举报 
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatroomuikit/react-native/roomfeature_message.html#消息举报
-          - text: 消息翻译
-            desc: 将聊天室中的单条消息从一种语言转换成另一种语言。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatroomuikit/android/roomfeature_message.html#消息翻译
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatroomuikit/ios/roomfeature_message.html#消息翻译
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatroomuikit/web/roomfeature_message.html#消息翻译
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatroomuikit/flutter/roomfeature_message.html#消息翻译 
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatroomuikit/react-native/roomfeature_message.html#消息翻译
-          - text: 消息撤回
-            desc: 在聊天室中撤销已经发送的消息，使其他用户无法再看到该消息。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatroomuikit/android/roomfeature_message.html#消息撤回
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatroomuikit/ios/roomfeature_message.html#消息撤回
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatroomuikit/web/roomfeature_message.html#消息撤回
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatroomuikit/flutter/roomfeature_message.html#消息撤回 
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatroomuikit/react-native/roomfeature_message.html#消息撤回  
-          - text: 查看成员列表
-            desc: 聊天室成员列表显示了该聊天室中的当前在线用户。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatroomuikit/android/roomfeature_member.html#查看成员列表
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatroomuikit/ios/roomfeature_member.html#查看成员列表
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatroomuikit/web/roomfeature_member.html#查看成员列表
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatroomuikit/flutter/roomfeature_member.html#查看成员列表
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatroomuikit/react-native/roomfeature_member.html#查看成员列表
-          - text: 搜索成员
-            desc: 在聊天室中查找指定成员的功能，支持本地搜索和模糊匹配。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatroomuikit/android/roomfeature_member.html#搜索成员
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatroomuikit/ios/roomfeature_member.html#搜索成员
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatroomuikit/web/roomfeature_member.html#搜索成员
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatroomuikit/flutter/roomfeature_member.html#搜索成员
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatroomuikit/react-native/roomfeature_member.html#搜索成员
-          - text: 禁言成员
-            desc: 聊天室所有者可以在聊天室中对某个特定的成员禁言，通常是对违反聊天室规则、发表不当言论或不断干扰聊天室秩序的成员所采取的一种惩罚。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatroomuikit/android/roomfeature_member.html#禁言成员
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatroomuikit/ios/roomfeature_member.html#禁言成员
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatroomuikit/web/roomfeature_member.html#禁言成员
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatroomuikit/flutter/roomfeature_member.html#禁言成员
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatroomuikit/react-native/roomfeature_member.html#禁言成员
-          - text: 已禁言列表
-            desc: 记录被禁止发言用户的列表。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatroomuikit/android/roomfeature_common.html#已禁言列表
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatroomuikit/ios/roomfeature_common.html#已禁言列表
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatroomuikit/web/roomfeature_common.html#已禁言列表
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatroomuikit/flutter/roomfeature_common.html#已禁言列表
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatroomuikit/react-native/roomfeature_common.html#已禁言列表   
-          - text: 移除成员
-            desc: 从聊天室中将某个成员踢出的行为。通常，当某成员违反了聊天室规则或发表了不当言论，聊天室所有者会对该成员进行移除。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /uikit/chatroomuikit/android/roomfeature_member.html#移除成员
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /uikit/chatroomuikit/ios/roomfeature_member.html#移除成员
-              - icon: /sdk/web.svg
-                text: Web
-                link: /uikit/chatroomuikit/web/roomfeature_member.html#移除成员
-              - icon: /sdk/flutter.svg
-                text: Flutter
-                link: /uikit/chatroomuikit/flutter/roomfeature_member.html#移除成员
-              - icon: /sdk/react.svg
-                text: React Native
-                link: /uikit/chatroomuikit/react-native/roomfeature_member.html#移除成员        
-  - title: 场景方案
-    features:
-      - contexts:
-          - text: 环信 AIGC
-            desc: 环信 AIGC 决方案，充分发挥即时通讯的实时性和便利性，同时叠加 AI 的智能化能力，可快速搭建多类低延迟的 AI 实时互动场景，实现了更便捷的开发、更具沉浸感和个性化的用户体验。
-            sdks:
-              - text: 方案介绍
-                link: /product/aigc/aigc_scenario_introduction.html
-              - text: 方案选择
-                link: /product/aigc/aigc_selection.html
-              - text: 方案一
-                link: /product/aigc/aigc_run_through_demo_server.html
-              - text: 方案二
-                link: /product/aigc/aigc_use.html
-          - text: 超级社区
-            desc: 环信超级社区（Circle）是一款基于环信 IM 打造的类 Discord 实时社区应用场景方案，支持社区（Server）、频道（Channel） 和子区（Thread） 三层结构。一个 App 下可以有多个社区，同时支持陌生人/好友单聊。用户可创建和管理自己的社区，在社区中设置和管理频道将一个话题下的子话题进行分区，在频道中根据感兴趣的某条消息发起子区讨论，实现万人实时群聊，满足超大规模用户的顺畅沟通需求。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /product/circle/circle_quickstart_android.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /product/circle/circle_quickstart_ios.html
-              - icon: /sdk/web.svg
-                text: Web
-                link: /product/circle/circle_quickstart_web.html
-              - icon: /sdk/rest.svg
-                text: REST
-                link: /product/circle/server_mgmt_rest.html
-          - text: 语聊房
-            desc: 环信语聊房（Easemob Chat Room）场景方案是环信打造的一款低门槛、高可用的语聊房场景方案。该场景方案融合了环信即时通讯云的聊天室和声网 RTC 的音频技术，提供市面主流的语聊房 App 的功能，其核心功能包括房间管理、麦位控制、聊天打赏和音频特效等，覆盖语音游戏、语音社交、相亲交友等场景，能够较为全面满足客户的语聊房开发需求。
-            sdks:
-              - icon: /sdk/android.svg
-                text: Android
-                link: /product/voiceroom/demo_scenario_introduction.html
-              - icon: /sdk/iOS.svg
-                text: iOS
-                link: /product/voiceroom/demo_scenario_introduction.html          
-  - title: API 参考
-    features:
-      - title: IM 客户端
-        icon: /feature/api-client.svg
-        contexts:
-          - text: Android
-            link: https://sdkdocs.easemob.com/apidoc/android/chat3.0/annotated.html
-          - text: iOS
-            link: https://sdkdocs.easemob.com/apidoc/ios/chat3.0/annotated.html
-          - text: Web/小程序
-            link: https://doc.easemob.com/jsdoc/index.html
-          - text: HarmonyOS
-            link: https://sdkdocs.easemob.com/apidoc/harmony/chat3.0/classes/ChatClient.ChatClient.html
-          - text: Flutter
-            link: https://sdkdocs.easemob.com/apidoc/flutter/index.html
-          - text: React Native
-            link: https://sdkdocs.easemob.com/apidoc/rn/modules.html
-          - text: Unity/Windows
-            link: https://sdkdocs.easemob.com/apidoc/unity/annotated.html       
-      - title: IM 服务端
-        icon: /feature/api-server.svg
-        contexts:
-          - text: JAVA 1.0
-            link: https://easemob.github.io/easemob-im-server-sdk/
-          - text: JAVA 2.0
-            link: https://github.com/easemob/easemob-im-server-sdk/tree/master_java_2.0/src/test/java/com/easemob/im/api  
-          - text: PHP
-            link: https://easemob.github.io/im-php-server-sdk/annotated.html
-      - title: 超级社区
-        icon: /feature/api-circle.svg
-        contexts:
-          - text: Android
-            link: https://www.easemob.com/apidoc/Android/hyphenate-api-doc/html/annotated.html
-          - text: iOS
-            link: https://www.easemob.com/apidoc/iOS/html_ch/annotated.html
-          - text: Web
-            link: https://www.easemob.com/apidoc/Web/
+  - title: 示例教程
+    desc: "从下面的系列教程中进行选择，获取实现功能的分步指导。"
+    contexts:
+      - title: "如何使用 React JS 构建聊天应用"
+        desc: "学习使用 JavaScript SDK 构建实时互动的Web 应用程序。"
+      - title: "如何使用 React JS 构建聊天应用"
+        desc: "学习使用 JavaScript SDK 构建实时互动的Web 应用程序。"
+      - title: ""
+        desc: ""
+  - title: 解决方案
+    desc: "从下面的系列教程中进行选择，获取实现功能的分步指导。"
+    contexts:
+      - title: "AIGC 解决方案"
+        desc: "学习使用 JavaScript SDK 构建实时互动的Web 应用程序。"
+      - title: "超级社区"
+        desc: "学习使用 JavaScript SDK 构建实时互动的Web 应用程序。"
+      - title: "AIGC 解决方案"
+        desc: "学习使用 JavaScript SDK 构建实时互动的Web 应用程序。"
 ---