feat: 新增疯言疯语功能并优化UI样式

- 添加疯言疯语服务及页面，支持随机字符颜色变化效果
- 引入汉仪唐韵字体并优化全局字体设置
- 重构日期工具函数，优化时间显示格式
- 改进左侧模块布局，添加文章/分类/标签统计
- 优化浮动按钮组件，增加动态过渡效果
- 调整多个页面的背景透明度，提升视觉一致性
- 完善文章保存页面样式和交互逻辑
- 更新关于页面内容，增加个人介绍和技术栈展示
- 修复路由状态管理问题，优化页面跳转逻辑

src/views/articlecontents.vue

@@ -181,7 +181,7 @@ onMounted(() => {
 .article-detail-wrapper {
   max-width: 900px;
   margin: 0 auto;
-  background-color: white;
+    background-color: rgba(255, 255, 255, 0.85);
   border-radius: 12px;
   padding: 40px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
@@ -193,7 +193,7 @@ onMounted(() => {
   max-width: 900px;
   margin: 0 auto;
   padding: 40px;
-  background-color: white;
+    background-color: rgba(255, 255, 255, 0.85);
   border-radius: 12px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }
@@ -203,7 +203,7 @@ onMounted(() => {
   max-width: 900px;
   margin: 0 auto;
   padding: 60px 40px;
-  background-color: white;
+    background-color: rgba(255, 255, 255, 0.85);
   border-radius: 12px;
   text-align: center;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
@@ -218,7 +218,7 @@ onMounted(() => {
   max-width: 900px;
   margin: 0 auto;
   padding: 80px 40px;
-  background-color: white;
+    background-color: rgba(255, 255, 255, 0.85);
   border-radius: 12px;
   text-align: center;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);