docs(settings): add SVG diagrams for appearance, language, and permissions

docs/02-user-guide/10-settings/01-appearance.md

@@ -13,6 +13,8 @@ DesireCore 支持三种主题模式，你可以随时在设置中切换，找到
 1. 点击左下角的 **齿轮图标** 打开设置面板
 2. 找到 **外观** 分区
 
+![外观设置界面](/img/user-guide/settings/settings-appearance.svg)
+
 ## 主题模式
 
 DesireCore 提供三种主题模式：

docs/02-user-guide/10-settings/02-language.md

@@ -24,6 +24,8 @@ DesireCore 支持多语言界面，你可以随时切换。
 3. 点击 **语言 / Language** 右侧的下拉菜单
 4. 选择目标语言
 
+![语言设置界面](/img/user-guide/settings/settings-language.svg)
+
 切换后，界面所有文案会立即更新为所选语言，无需重启。
 
 ## 语言切换的影响范围

docs/02-user-guide/10-settings/05-permissions.md

@@ -13,6 +13,8 @@ DesireCore 的部分功能需要操作系统授予相应权限才能正常工作
 1. 打开 **设置** 面板
 2. 点击 **权限管理** 分区中的 **系统权限**
 
+![权限设置界面](/img/user-guide/settings/settings-permissions.svg)
+
 ## 权限列表
 
 | 权限 | 用途 | 何时需要 |

i18n/en/docusaurus-plugin-content-docs/current/02-user-guide/10-settings/01-appearance.md

@@ -13,6 +13,8 @@ DesireCore supports three theme modes. You can switch between them in settings a
 1. Click the **gear icon** in the bottom-left corner to open the settings panel
 2. Find the **Appearance** section
 
+![Appearance Settings](./img/settings-appearance.svg)
+
 ## Theme Modes
 
 DesireCore offers three theme modes:
@@ -35,4 +37,4 @@ If your usage environment differs significantly between day and night, we recomm
 
 Regardless of which theme you choose, DesireCore adopts a Glassmorphism design language, with interface elements featuring semi-transparent and blur effects to create a sense of depth and modernity.
 
-The glassmorphism effect is more pronounced in dark mode, suitable for immersive use.
+The glassmorphism effect is more pronounced in dark mode, suitable for immersive use.

i18n/en/docusaurus-plugin-content-docs/current/02-user-guide/10-settings/02-language.md

@@ -24,6 +24,8 @@ More languages will be added in future versions based on community feedback.
 3. Click the dropdown menu to the right of **Language**
 4. Select your target language
 
+![Language Settings](./img/settings-language.svg)
+
 After switching, all interface text will immediately update to the selected language.
 
 ## Scope of Language Switching
@@ -40,4 +42,4 @@ Language switching **does not** affect the agent's conversation language. The la
 
 ## Contributing Translations
 
-DesireCore's interface text is stored in the `app/data/i18n/` directory. If you'd like to help improve translations or contribute new languages, welcome to submit a Pull Request via GitHub.
+DesireCore's interface text is stored in the `app/data/i18n/` directory. If you'd like to help improve translations or contribute new languages, welcome to submit a Pull Request via GitHub.

i18n/en/docusaurus-plugin-content-docs/current/02-user-guide/10-settings/05-permissions.md

@@ -13,6 +13,8 @@ Some DesireCore features require the operating system to grant corresponding per
 1. Open the **Settings** panel
 2. Click **System Permissions** in the **Permission Management** section
 
+![Permission Settings](./img/settings-permissions.svg)
+
 ## Permission List
 
 | Permission | Purpose | When Needed |
@@ -49,4 +51,4 @@ Each permission item displays its current status:
 
 ## Web Mode Note
 
-When running DesireCore in Web mode, permissions are managed by the browser. Browsers usually automatically popup to ask when you first use hardware like microphone or camera. You can view and manage granted permissions in the browser's site settings.
+When running DesireCore in Web mode, permissions are managed by the browser. Browsers usually automatically popup to ask when you first use hardware like microphone or camera. You can view and manage granted permissions in the browser's site settings.