feat: 美化文章 Markdown 预览样式，支持亮/暗双色模式

- Drawer 宽度调整为 50%，标题栏加背景/底部边框
- 为预览内容 div 添加 markdown-body 类
- 新增完整 markdown-body 样式：
  - h1-h6 标题层级（h1/h2 带下划线）
  - 段落、强调、链接（带 hover 过渡）
  - 内联代码：使用 Element Plus 填充色 + danger 颜色
  - 代码块：亮色模式 #f6f8fa 浅灰背景，暗色模式 #161b22 深背景
  - 引用块：主题色左边框 + 浅色背景
  - 有序/无序列表（支持嵌套）
  - 表格：条纹行 + hover 高亮
  - 图片：居中、圆角、阴影
  - 水平线
- 暗色模式通过 html.dark 选择器单独覆盖代码块和图片阴影

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

src/views/system/Article.vue

@@ -99,8 +99,9 @@
     v-model="markdownPreview.show"
     :title="markdownPreview.title"
     direction="rtl"
-    class="custom-drawer">
-    <div v-html="markdownPreview.content"></div>
+    size="50%"
+    class="custom-drawer article-preview-drawer">
+    <div class="markdown-body" v-html="markdownPreview.content"></div>
   </el-drawer>
 </div>
 </template>