refactor(前端): 重构前端代码结构并优化功能

重构路由配置和API调用逻辑，统一分页处理方式
优化分类和标签模块的交互，提取蒙版组件到主布局
调整样式和布局，增强响应式设计
更新接口字段名以保持前后端一致性
添加网站运行时间显示功能

src/services/articleService.js

@@ -13,10 +13,17 @@ class ArticleService {
     * @param size 每页大小（可选，默认为10，最大为100）
    * @returns {Promise<import('../types').ApiResponse<import('../types').Article[]>>}
    */
-  getArticles(params = {}) {
-    return api.get(`/articles/status/page/${params.status}/${params.page}/${params.size}`, { params })
+  getPagedArticles(params = {}) {
+    return api.get(`/articles/status/page?title=${params.title || ''}&categoryid=${params.categoryid || 0}&attributeid=${params.attributeid || 0}&status=${params.status || 1}&page=${params.page || 0}&size=${params.size || 10}`)
+  }
+  /**
+   * 获取分页文章数量
+   * @param {number} status - 文章状态（0：未发表 1：已发表 2：已删除）
+   * @returns {Promise<import('../types').ApiResponse<number>>}
+   */
+  getArticleCountByStatus(status) {
+    return api.get(`/articles/count/status/${status || 1}`)
   }
-
   /**
    * 获取已发布文章列表
    * @param {import('../types').PaginationParams} params - 查询参数