fix(products): 更新SDK流程图并调整移动端图片边距

- 替换web端SDK流程图文件
- 添加移动端专用SDK流程图
- 删除旧流程图文件
- 调整移动端图片上边距为10px

app/pages/mobile/products/sdk.vue

@@ -42,7 +42,7 @@
     </div>
     <section class="mb-flow">
       <h3>安全加速SDK防护架构</h3>
-      <NuxtImg loading="eager" src="/images/products/sdk-flow.png" alt="安全加速SDK防护架构" />
+      <NuxtImg loading="eager" src="/images/products/m-sdk-flow.png" alt="安全加速SDK防护架构" />
     </section>
 
   </section>
@@ -295,6 +295,7 @@ const toggleAccordion = (index) => {
   }
 
   :deep(img) {
+    margin-top: 10px;
     width: 100%;
     height: auto;
   }

app/pages/web/products/sdk.vue

@@ -24,7 +24,7 @@
     </section>
     <section class="products-sdk">
       <h2>安全加速SDK防护架构</h2>
-      <NuxtImg width="1920" loading="eager" src="/images/products/flowchart.png" alt="安全加速SDK防护架构" />
+      <NuxtImg width="1920" loading="eager" src="/images/products/sdk-flow.png" alt="安全加速SDK防护架构" />
     </section>
   </section>
 </template>