diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index 66799d6..89a40fa 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -22,7 +22,7 @@
 :root {
   --ui-header-height: --spacing(16);
   /* 全局圆角与阴影，作为默认值，可被主题覆盖 */
-  --ui-radius: 10px;
+  --ui-radius: 8px;
   --ui-button-radius: var(--ui-radius);
   --ui-card-radius: calc(var(--ui-radius) + 4px);
   --ui-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
@@ -111,7 +111,7 @@
   --theme-text: #374151;
   --theme-border: #d1d5db;
   /* 优雅：更大圆角与柔和阴影 */
-  --ui-radius: 10px;
+  --ui-radius: 8px;
   --ui-button-radius: 10px;
   --ui-card-radius: 12px;
   --ui-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
diff --git a/content/blog/1.技术栈/974.部分组件语法展示.md b/content/blog/1.技术栈/974.部分组件语法展示.md
new file mode 100644
index 0000000..509cc6b
--- /dev/null
+++ b/content/blog/1.技术栈/974.部分组件语法展示.md
@@ -0,0 +1,49 @@
+---
+title: 部分vue组件语法预览
+description: 预览一些自定义 vue 组件语法
+date: 2025-08-11
+img: https://lijue-me.oss-cn-chengdu.aliyuncs.com/20250811160513849.png
+navigation:
+  icon: simple-icons:vuedotjs
+---
+:::code-group
+:::code-preview{icon="i-lucide-eye" label="Preview"}
+  ::callout
+  ---
+  icon: simple-icons-visualstudiocode
+  to: https://marketplace.visualstudio.com/items?itemName=Nuxt.mdc
+  ---
+  安装 **MDC VS Code 扩展**，以获得对 MDC 语法的高亮显示支持。
+  ::
+:::
+```mdp[Markdown语法.md]
+  ::callout
+    ---
+    icon: simple-icons-visualstudiocode
+    to: https://marketplace.visualstudio.com/items?itemName=Nuxt.mdc
+    ---
+    安装 **MDC VS Code 扩展**，以获得对 MDC 语法的高亮显示支持。
+  ::
+```
+:::
+
+
+
+
+
+::tip{icon="i-lucide-info"}
+这个页面 **尚未完成**,用于测试一些组件的语法和样式.
+::
+
+  <UBanner
+    icon="lucide-link"
+    to="https://lijue.net"
+    target="_blank"
+    title="点击跳转"
+    color="primary"
+  />
+
+
+
+
+
diff --git a/content/blog/1.技术栈/975.新的文档渲染样式.md b/content/blog/1.技术栈/975.新的文档渲染样式.md
index 7cc7b60..75417f3 100644
--- a/content/blog/1.技术栈/975.新的文档渲染样式.md
+++ b/content/blog/1.技术栈/975.新的文档渲染样式.md
@@ -321,8 +321,14 @@ bun run preview
 
 [访问 Estel Docs](https://lijue.net)
 
+:::code-group
+::code-preview{icon="i-lucide-eye" label="预览效果"}
 ![Estel Docs](https://lijue-me.oss-cn-chengdu.aliyuncs.com/20250811123147804.png)
-
+::
+```md[图片语句.md]
+![Estel Docs](https://lijue-me.oss-cn-chengdu.aliyuncs.com/20250811123147804.png)
+```
+:::
 
 
 ### 7. 引用：引用名言或引人深思的句子
@@ -349,11 +355,23 @@ bun run preview
 
 Markdown 支持简单的表格，用 `|` 和 `-` 分隔单元格和表头。
 
+:::code-group
+::code-preview{icon="i-lucide-eye" label="预览效果"}
 | 项目名称                                   | 演示网址                   | 仓库地址   |
 | ------------------------------------------- | ---------------------- | ------------ |
 | Estel Docs   | [lijue.net](https://lijue.net) | [Github](https://github.com/estel-li/estel-docs)      |
 | Estel Docs   | [lijue.net](https://lijue.net) | [GitEE](https://gitee.com/estel-li/estel-docs)      |
 | Estel Docs   | [lijue.net](https://lijue.net) | [Gitee(国内)](https://gitee.com/estel-li/estel-docs)      |
+::
+```md[表格语句.md]
+| 项目名称                                   | 演示网址                   | 仓库地址   |
+| ------------------------------------------- | ---------------------- | ------------ |
+| Estel Docs   | [lijue.net](https://lijue.net) | [Github](https://github.com/estel-li/estel-docs)      |
+| Estel Docs   | [lijue.net](https://lijue.net) | [GitEE](https://gitee.com/estel-li/estel-docs)      |
+| Estel Docs   | [lijue.net](https://lijue.net) | [Gitee(国内)](https://gitee.com/estel-li/estel-docs)      |
+```
+:::
+
 
 这样的表格让数据展示更为清爽！
 
diff --git a/content/blog/1.技术栈/980.GPT5.md b/content/blog/1.技术栈/980.GPT5.md
index 2bdb844..992dd9b 100644
--- a/content/blog/1.技术栈/980.GPT5.md
+++ b/content/blog/1.技术栈/980.GPT5.md
@@ -7,7 +7,7 @@ navigation:
   icon: simple-icons:powershell
 ---
 
-## GPT-5 上线了
+### GPT-5 上线了
 👀 **Cursor 提示我可以免费试用，当然要 BP 喽。**
 
 ---