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

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

src/views/home.vue

@@ -19,7 +19,7 @@
         <div v-if="article.marked" class="article-special-tag">标记文章</div>
         <p class="article-content-preview">{{ formatContentPreview(article.content, 150) }}</p>
         <div class="article-meta-info">
-          <span class="article-publish-date">{{ formatDateDisplay(article.createdAt || article.createTime) }}</span>
+          <span class="article-publish-date">{{ formatRelativeTime(article.createdAt || article.createTime) }}</span>
           <span v-if="article.viewCount" class="article-views-count">{{ article.viewCount }} 阅读</span>
           <span v-if="article.categoryName" class="article-category-badge"> {{ article.categoryName }} </span>
           <span v-if="article.likes > 0" class="article-likes-count">{{ article.likes }} 点赞</span>
@@ -136,30 +136,6 @@ const handleArticleClick = (article) => {
   })
 }
 
-/**
- * 格式化日期显示
- * @param {string} dateString - 日期字符串
- * @returns {string} 格式化后的日期
- */
-const formatDateDisplay = (dateString) => {
-  if (!dateString) return ''
-  try {
-    // 如果是今天或昨天的文章，显示相对时间
-    const date = new Date(dateString)
-    const now = new Date()
-    const diffDays = Math.floor((now - date) / (1000 * 60 * 60 * 24))
-    
-    if (diffDays < 2) {
-      return formatRelativeTime(dateString)
-    }
-    
-    // 否则显示具体日期
-    return formatDate(dateString, 'YYYY-MM-DD')
-  } catch (error) {
-    console.error('日期格式化错误:', error)
-    return dateString
-  }
-}
 
 // 组件挂载时获取数据
 onMounted(() => {
@@ -188,7 +164,7 @@ onMounted(() => {
   display: flex;
   flex-direction: column;
   gap: 12px;
-  background-color: rgba(255, 255, 255, 0.95);
+  background-color: rgba(255, 255, 255, 0.85);
   padding: 24px;
   margin-bottom: 24px;
   transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);