更新了介绍部分和部分 Markdown 语法错误

通过 overflow-x 使得内容可滚动

[NewBug]
导致 code 高度变小, 整体变窄

src/main.scss

@@ -13,12 +13,20 @@ $on-error-color: rgb(var(--mdui-color-on-error));
 $transition-duration: var(--mdui-motion-duration-short2);
 $transition-easing: var(--mdui-motion-easing-linear);
 
+html {
+  scroll-padding-top: 64px; /* 等于顶栏高度 */
+}
+
 body {
   font-family: $font-family;
   background-color: $bg-color;
   transition: opacity $transition-duration $transition-easing;
 }
 
+pre {
+  overflow-x: auto;
+  overflow-y: hidden;
+}
 // MDUI 组件样式
 mdui-card {
   width: 98%;

src/texts/about.md

@@ -4,26 +4,39 @@
 
 概述
 ---
-一个 AO3 镜像站
+一个 AO3 镜像站, 优化了 UI/UX
 
-## 作者 (1)
+作者 (1)
 ---
 - [UnknownMp](https://www.unknownmp.top)  
   <mdui-avatar src="https://cdn.unknownmp.top/website/logo.jpg"></mdui-avatar>
 
+---
+
+源代码
+---
+- 前端 Vue3 + Vite 6 (SSR) + MDUI 2 [Gitea](https://git.unknownmp.top/default/ao3-mirror-ssr)
+- 后端 FastAPI + HttpX + LXML *(暂无仓库)*
 
 组件库与工具链
 ---
+### 前端
 - MDUI 2 [mdui.org](https://mdui.org)
 - Vue 3 [vuejs.org](https://vuejs.org)
-- Vite 6 [vitejs.dev](https://vite.dev)
+- Vite 6 [vite.dev](https://vite.dev)
+### 后端
+- FastAPI [fastapi.tiangolo.com](https://fastapi.tiangolo.com/)
+- HttpX [python-httpx.org](https://www.python-httpx.org/)
+- LXML [lxml.de](https://lxml.de/)
 
-废弃特性
+废弃特性 {#deprecated}
 ---
 
 ### 书签 {#deprecated-feature-bookmark}
 
-因为底层 IndexedDB 更新困难和作品段落解析困难问题, 所以在 **v1.0.7** 以后的版本废弃了书签机制
+因为底层 IndexedDB 更新困难和作品段落解析困难问题, 所以在 [**v1.0.7**](https://git.unknownmp.top/default/ao3-mirror-ssr/releases/tag/v1.0.7) 以后的版本废弃了书签机制
+
+---
 
 其他
 ---

src/texts/intro.md

@@ -8,7 +8,9 @@
 
 本网站是对 ArchiveOfOurOwn (AO3) 的一个镜像网站
 
-但是不同于直接转发所有页面内容, 本站点会先解析原始 AO3 页面内容, 然后重新组合, 这使得我们有更大的操作空间
+但是不同于直接转发所有页面内容, 本站点会先解析原始 AO3 页面内容, 然后重新渲染
+
+这使得我们可以重写界面, 采用 **质感设计3** 界面重构, 提供更好的交互界面
 
 ## 怎么使用🤔
 
@@ -42,5 +44,4 @@
 - ✅ 预览
 - ✅ 作品详细数据
 - 📝 搜索
-- ❌ 不再支持! [详情](/about#deprecated-feature-bookmark) 书签 (本地)
+- ❌ 书签 (本地) **不再支持! [详情](/about#deprecated-feature-bookmark)**
-

vite.config.js

@@ -38,10 +38,7 @@ export default defineConfig({
 						.toLowerCase()
 						.replace(/\s+/g, "-")
 				})
-				mdit.renderer.rules.hr = () => {
+				mdit.renderer.rules.hr = () => '<div><BetterHr /></div>'
-					console.log('Custom <hr> rendered 🚀');
-					return '<div><BetterHr /></div>'
-				}
 				const defaultOpen = mdit.renderer.rules.link_open || ((tokens, idx, options, env, self) => {
 					return self.renderToken(tokens, idx, options)
 				})