统一样式定义并引入Redis动态显示在线人数

在多个文件中统一了 <n-modal> 的样式定义，移除冗余代码，提升代码一致性和可维护性。
在 `_ArticleListItem.cshtml` 中引入 FreeRedis，动态显示文章的在线人数，增强页面实时性。
修复了 `Details.cshtml` 和 `Details_Admin.cshtml` 中时间字段绑定的语义问题。

src/Masuit.MyBlogs.Core/Views/Msg/Index.cshtml

@@ -50,7 +50,7 @@
   <div>
     <n-pagination :page-count="Math.ceil(pageConfig.total / pageConfig.size)" :page-sizes="[10, 20, 30, 50]" show-size-picker v-model:page="pageConfig.page" v-model:page-size="pageConfig.size"/>
   </div>
-  <n-modal :mask-closable="false" :style="{ width: '70vw' }" :title="`回复：${reply.for?.NickName}`" @@positive-click="submit(reply)" negative-text="取消回复" positive-text="回复留言" preset="dialog" style="min-width:400px" v-model:show="showPopup">
+  <n-modal :mask-closable="false" :title="`回复：${reply.for?.NickName}`" @@positive-click="submit(reply)" negative-text="取消回复" positive-text="回复留言" preset="dialog" style="width:70vw;min-width:400px" v-model:show="showPopup">
     <div class="comment-item">
       <div class="comment-meta-row">
         <div>

src/Masuit.MyBlogs.Core/Views/Msg/Index_Admin.cshtml

@@ -28,7 +28,7 @@
   <div>
     <n-pagination :page-count="Math.ceil(pageConfig.total / pageConfig.size)" :page-sizes="[10, 20, 30, 50]" show-size-picker v-model:page="pageConfig.page" v-model:page-size="pageConfig.size"/>
   </div>
-  <n-modal :mask-closable="false" :style="{ width: '70vw' }" :title="`回复：${reply.for?.NickName}`" @@positive-click="submit(reply)" negative-text="取消回复" positive-text="回复留言" preset="dialog" style="min-width:400px" v-model:show="showPopup">
+  <n-modal :mask-closable="false" :title="`回复：${reply.for?.NickName}`" @@positive-click="submit(reply)" negative-text="取消回复" positive-text="回复留言" preset="dialog" style="width:70vw;min-width:400px" v-model:show="showPopup">
     <div class="comment-item">
       <div class="comment-meta-row">
         <div>

src/Masuit.MyBlogs.Core/Views/Post/Details.cshtml

@@ -244,7 +244,7 @@
       <h4 v-if="pageConfig.total == 0">还没有评论哦，赶紧来写评论吧</h4>
     </section>
   </div>
-  <n-modal :mask-closable="false" :style="{ 'width': '70vw' }" :title="`回复：${reply.for?.NickName}`" @@positive-click="submit(reply)" negative-text="取消回复" positive-text="回复评论" preset="dialog" style="min-width:400px" v-model:show="showPopup">
+  <n-modal :mask-closable="false" :title="`回复：${reply.for?.NickName}`" @@positive-click="submit(reply)" negative-text="取消回复" positive-text="回复评论" preset="dialog" style="width:70vw;min-width:400px" v-model:show="showPopup">
     <div class="comment-item">
       <div class="comment-meta-row">
         <div>

src/Masuit.MyBlogs.Core/Views/Post/Details_Admin.cshtml

@@ -248,7 +248,7 @@
       <h4 v-if="pageConfig.total === 0">还没有评论哦，赶紧来写评论吧</h4>
     </section>
   </div>
-  <n-modal :mask-closable="false" :style="{ 'min-width': '70vw' }" :title="`回复：${reply.for?.NickName}`" @@positive-click="submit(reply)" negative-text="取消回复" positive-text="回复评论" preset="dialog" style="min-width:400px" v-model:show="showPopup">
+  <n-modal :mask-closable="false" :title="`回复：${reply.for?.NickName}`" @@positive-click="submit(reply)" negative-text="取消回复" positive-text="回复评论" preset="dialog" style="width:70vw;min-width:400px" v-model:show="showPopup">
     <div class="comment-item">
       <div class="comment-meta-row">
         <div>

src/Masuit.MyBlogs.Core/Views/Shared/_ArticleListItem.cshtml

@@ -1,7 +1,11 @@
-@using Masuit.MyBlogs.Core.Common
+@using FreeRedis
+@using Masuit.MyBlogs.Core.Common
 @using Masuit.Tools.Html
+@inject IRedisClient CacheManager
 @model Masuit.MyBlogs.Core.Models.DTO.PostDto
-
+@{
+    var online = await CacheManager.SCardAsync("PostOnline:" + Model.Id);
+}
 <div class="article-card">
   @{
     //取第一张图片
@@ -56,7 +60,7 @@
       <div class="stat-row">
         <span>
           <span class="icon">👁️</span>
-          @Model.TotalViewCount
+          @online
         </span>
         <span>
           <span class="icon">💬</span> @Model.CommentCount