fix(ui): 修复按钮最小宽度和分页路由同步问题

- 为按钮添加最小宽度100px防止内容截断
- 修改模态框背景透明度提升视觉层次
- 统一错误日志中的冒号为中文全角
- 重构分页组件，同步当前页码到路由参数
- 初始化时从路由参数读取页码

cwd-admin/src/views/CommentsView.vue

@@ -130,17 +130,17 @@
         >
           ...
         </span>
-        <button
-          v-for="page in visiblePages"
-          v-if="page !== 1 && page !== pagination.total"
-          :key="page"
-          class="pagination-button"
-          :class="{ 'pagination-button-active': page === pagination.page }"
-          :disabled="page === pagination.page"
-          @click="goPage(page)"
-        >
-          {{ page }}
-        </button>
+        <template v-for="page in visiblePages" :key="page">
+          <button
+            v-if="page !== 1 && page !== pagination.total"
+            class="pagination-button"
+            :class="{ 'pagination-button-active': page === pagination.page }"
+            :disabled="page === pagination.page"
+            @click="goPage(page)"
+          >
+            {{ page }}
+          </button>
+        </template>
         <span
           v-if="
             visiblePages.length &&
@@ -186,6 +186,7 @@
 
 <script setup lang="ts">
 import { onMounted, ref, computed } from "vue";
+import { useRoute, useRouter } from "vue-router";
 import {
   CommentItem,
   CommentListResponse,
@@ -196,6 +197,9 @@ import {
   blockEmail,
 } from "../api/admin";
 
+const route = useRoute();
+const router = useRouter();
+
 const comments = ref<CommentItem[]>([]);
 const pagination = ref<{ page: number; total: number }>({ page: 1, total: 1 });
 const loading = ref(false);
@@ -269,10 +273,16 @@ async function loadComments(page?: number) {
   }
 }
 
+function updateRoutePage(page: number) {
+  const query = { ...route.query, p: String(page) };
+  router.replace({ query });
+}
+
 async function goPage(page: number) {
   if (page < 1 || page > pagination.value.total) {
     return;
   }
+  updateRoutePage(page);
   await loadComments(page);
 }
 
@@ -286,6 +296,7 @@ function handleJumpPage() {
     return;
   }
   jumpPageInput.value = "";
+  updateRoutePage(page);
   loadComments(page);
 }
 
@@ -341,7 +352,21 @@ async function handleBlockEmail(item: CommentItem) {
 }
 
 onMounted(() => {
-  loadComments();
+  const p = route.query.p;
+  let initialPage = 1;
+  if (typeof p === "string") {
+    const value = Number(p);
+    if (Number.isFinite(value) && value >= 1) {
+      initialPage = Math.floor(value);
+    }
+  } else if (Array.isArray(p) && typeof p[0] === "string") {
+    const value = Number(p[0]);
+    if (Number.isFinite(value) && value >= 1) {
+      initialPage = Math.floor(value);
+    }
+  }
+  updateRoutePage(initialPage);
+  loadComments(initialPage);
 });
 </script>