docs: update images & markdown

src/manual/guide/batch-selection/instructions.md

@@ -10,48 +10,41 @@ next:
 description: 应旅行者需求，现已将多选功能加入豪华午餐！
 ---
 
-[文：【批量选择】使用说明]: # 'https://support.qq.com/products/321980/faqs/97187'
-
 # 【批量选择】使用说明
 
 应旅行者需求，现已将多选功能加入豪华午餐！
 
-- <span style="color: red">右键单击</span>某个点位，将直接转换<b><span style="color: green">完成</span>/<span style="color: red">未标记</span></b>状态
-- <span style="color: red">按住右键划过</span>点位，将直接将划过的点位标记为<b><span style="color: green">已完成</span></b>状态
-- 按住<span style="color: red">左 Alt+右键划过</span>点位，将直接将划过的点位标记为<b><span style="color: red">未标记</span></b>状态
-- 按住<span style="color: red">左 Ctrl+右键框选</span>点位，将直接将框选的所有点位标记为<b><span style="color: green">已完成</span></b>状态
-- 按住<span style="color: red">左 Ctrl+左 Alt+右键框选</span>点位，将直接将框选的所有点位标记为<b><span style="color: red">未标记</span></b>状态
+- <font color="red">右键单击</font>某个点位，将直接转换 **<font color="green">完成</font>/<font color="red">未标记</font>** 状态
+- <font color="red">按住右键划过</font>点位，将直接将划过的点位标记为 **<font color="green">已完成</font>** 状态
+- 按住<font color="red">左 Alt+右键划过</font>点位，将直接将划过的点位标记为 **<font color="red">未标记</font>** 状态
+- 按住<font color="red">左 Ctrl+右键框选</font>点位，将直接将框选的所有点位标记为 **<font color="green">已完成</font>** 状态
+- 按住<font color="red">左 Ctrl+左 Alt+右键框选</font>点位，将直接将框选的所有点位标记为 **<font color="red">未标记</font>** 状态
 
 ## **详细说明** {#instruction}
 
-### **多选方式一：点选** {#s1}
+### 多选方式一：点选 {#s1}
 
-- 右键点击<b><span style="color: red">未完成</span></b>点位，未完成点位将切换为<b><span style="color: green">已完成</span></b>状态；
-- 右键点击<b><span style="color: green">已完成</span></b>点位，未完成点位将切换为<b><span style="color: red">未完成</span></b>状态。
+- 右键点击 **<font color="red">未完成</font>** 点位，未完成点位将切换为 **<font color="green">已完成</font>** 状态；
+- 右键点击 **<font color="green">已完成</font>** 点位，未完成点位将切换为 **<font color="red">未完成</font>** 状态。
 
-![](https://assets.yuanshen.site/docs/en/manual/1.gif)
-(右键点选)
+![](/imgs/manual/batch-selection/BS-demo1-CN.gif '右键点选')
 
-### **多选方式二：滑动选择** {#s2}
+### 多选方式二：滑动选择 {#s2}
 
-- 按下鼠标右键，滑过相应的点位，<b><span style="color: red">未完成</span></b>的点位会被标记为<b><span style="color: green">已完成</span></b>，已完成的点位不会改变。
+- 按下鼠标右键，滑过相应的点位， **<font color="red">未完成</font>** 的点位会被标记为 **<font color="green">已完成</font>** ，已完成的点位不会改变。
 
-![](https://assets.yuanshen.site/docs/en/manual/2.gif)
-(右键滑动 - 标记)
+![](/imgs/manual/batch-selection/BS-demo2-CN.gif '右键滑动 - 标记')
 
-- 按下左 Alt+鼠标右键，滑过相应点位，<b><span style="color: green">已完成</span></b>的点位会被标记为<b><span style="color: red">未完成</span></b>，未完成的点位不会改变。
+- 按下左 Alt+鼠标右键，滑过相应点位， **<font color="green">已完成</font>** 的点位会被标记为 **<font color="red">未完成</font>** ，未完成的点位不会改变。
 
-![](https://assets.yuanshen.site/docs/en/manual/3.gif)
-(右键滑动 - 取消标记)
+![](/imgs/manual/batch-selection/BS-demo3-CN.gif '右键滑动 - 取消标记')
 
-### **多选方式三：框选** {#s3}
+### 多选方式三：框选 {#s3}
 
-- 按下 Ctrl+鼠标右键，开始拖动，松开鼠标右键后，选框中<b><span style="color: red">未完成</span></b>的点位会被标记为<b><span style="color: green">已完成</span></b>，已完成的点位不会改变。
+- 按下 Ctrl+鼠标右键，开始拖动，松开鼠标右键后，选框中 **<font color="red">未完成</font>** 的点位会被标记为 **<font color="green">已完成</font>** ，已完成的点位不会改变。
 
-![](https://assets.yuanshen.site/docs/en/manual/4.gif)
-(右键框选 - 标记)
+![](/imgs/manual/batch-selection/BS-demo4-CN.gif '右键框选 - 标记')
 
-- 按下 Ctrl+左 Alt+鼠标右键，开始拖动，松开鼠标右键后，选框中<b><span style="color: red">未完成</span></b>的点位会被标记为<b><span style="color: green">已完成</span></b>，未完成的点位不会改变。
+- 按下 Ctrl+左 Alt+鼠标右键，开始拖动，松开鼠标右键后，选框中 **<font color="red">未完成</font>** 的点位会被标记为 **<font color="green">已完成</font>** ，未完成的点位不会改变。
 
-![](https://assets.yuanshen.site/docs/en/manual/5.gif)
-(右键框选 - 取消标记)
+![](/imgs/manual/batch-selection/BS-demo5-CN.gif '右键框选 - 取消标记')