docs: translate

Author: SoonIter

website/docs/en/config/lib/redirect.mdx

@@ -98,14 +98,54 @@ When set to `false`, the file extension will remain unchanged from the original
 
 ## redirect.style
 
+### redirect.style.path
+
+Whether to automatically redirect the import path when importing style files, the rules are the same as [redirect.js.path](/config/lib/redirect#redirectjspath).
+
 - **Type:** `boolean`
 - **Default:** `true`
 
-Whether to redirect the import path of the style file.
+- **Example:**
 
-For example, when importing a `.less` file, it will be rewritten to a `.css` file:
+When importing normal style files:
+
+```ts
+import '@/foo.css'; // source code of './src/bar.ts' ↓
+import './foo.css'; // expected output of './dist/bar.js'
+
+import '@/foo.css'; // source code of './src/utils/index.ts' ↓
+import '../foo.css'; // expected output of './dist/utils/index.js'
+```
+
+When importing [CSS Modules](/zh/config/rsbuild/output#outputcssmodules) files:
+
+```ts
+import styles from '@/foo.css'; // source code of './src/bar.ts' ↓
+import styles from './foo.css'; // expected output of './dist/bar.js'
+
+import styles from '@/foo.css'; // source code of './src/utils/index.ts' ↓
+import styles from '../foo.css'; // expected output of './dist/utils/index.js'
+```
+
+### redirect.style.extension
+
+Whether to redirect style file extensions.
+
+- **Type:** `boolean`
+- **Default:** `true`
+
+When set to `true`, When importing a normal style file, the path will be rewritten to the `.css` file. When importing [CSS Modules](/zh/config/rsbuild/output#outputcssmodules), the path will be rewritten to the corresponding JavaScript output file.
+
+When set to `false`, The file extension will remain unchanged from the original import path.
+
+- **Example:**
+
+When importing from a `.less` file:
 
 ```ts
 import './index.less'; // source code ↓
-import './index.css'; // output file
+import './index.css'; // expected output
+
+import styles from './index.module.less'; // source code ↓
+import styles from './index.module.mjs'; // expected output
 ```

website/docs/zh/config/lib/redirect.mdx

@@ -108,15 +108,26 @@ const defaultRedirect = {
 - **类型:** `boolean`
 - **默认值:** `true`
 
-- 示例：
+- **示例：**
 
-该配置常用于解析别名，当配置 `@` 指向项目 `src` 目录时：
+导入普通样式文件时：
 
 ```ts
-// src/index.ts
-import '@/css/index.css'; // src/css/index.css
-// dist/index.js
-import './css/index.css'; // dist/css/index.css
+import '@/foo.css'; // './src/bar.ts' 的源码 ↓
+import './foo.css'; // './dist/bar.js' 预期生成的代码
+
+import '@/foo.css'; // './src/utils/index.ts' 的源码 ↓
+import '../foo.css'; // './dist/utils/index.js' 预期生成的代码
+```
+
+导入 [CSS Modules](/zh/config/rsbuild/output#outputcssmodules) 时：
+
+```ts
+import styles from '@/foo.css'; // './src/bar.ts' 的源码 ↓
+import styles from './foo.css'; // './dist/bar.js' 预期生成的代码
+
+import styles from '@/foo.css'; // './src/utils/index.ts' 的源码 ↓
+import styles from '../foo.css'; // './dist/utils/index.js' 预期生成的代码
 ```
 
 ### redirect.style.extension
@@ -126,18 +137,18 @@ import './css/index.css'; // dist/css/index.css
 - **类型:** `boolean`
 - **默认值:** `true`
 
-当设置为 `true` 时，导入样式文件时，路径将被重写为 `.css` 文件，当导入 [CSS Modules](/zh/config/rsbuild/output#outputcssmodules) 时，路径将被重写为到对应的 JavaScript 输出文件。
+当设置为 `true` 时，导入普通样式文件时，路径将被重写为 `.css` 文件，导入 [CSS Modules](/zh/config/rsbuild/output#outputcssmodules) 时，路径将被重写为到对应的 JavaScript 输出文件。
 
 当设置为 `false` 时，文件扩展名将保持原始导入路径中的不变。
 
-- 示例：
+- **示例：**
 
 默认情况下，当从 `.less` 文件导入时：
 
 ```ts
-import './index.less'; // source code ↓
-import './index.css'; // output file
+import './index.less'; // 源码 ↓
+import './index.css'; // 预期生成的代码
 
-import styles from './index.module.less'; // source code ↓
-import styles from './index.module.mjs'; // output file
+import styles from './index.module.less'; // 源码 ↓
+import styles from './index.module.mjs'; // 预期生成的代码
 ```