Chore: 更新框架到 React Router 7

修复迁移到 Tailwind 4 之后的样式差异
修复 404 页面的异常并调整样式
优化分页器组件的无障碍化，Span 标签替换成 Button

app/components/common/article/article.module.css

@@ -1,3 +1,5 @@
+@reference "tailwindcss";
+
 .article {
   line-height: 1.7;
 
@@ -36,7 +38,8 @@
       height: 4px;
       display: block;
       border-radius: 4px;
-      background-color: rgb(244 114 182 / var(--tw-text-opacity));
+
+      @apply bg-pink-400;
     }
   }
 
@@ -50,7 +53,7 @@
   }
 
   a {
-    color:rgb(244 114 182 / var(--tw-bg-opacity));
+    @apply text-pink-400;
   }
 
   img {
@@ -77,7 +80,7 @@
     font-size: smaller;
     padding: .15rem .5rem;
     border-radius: .75rem;
-    background-color: rgb(165 243 252);
+    @apply bg-cyan-200;
   }
 
   ul {
@@ -86,7 +89,7 @@
     margin-left: 1.25rem;
 
     ::marker {
-      color: rgb(244 114 182 / var(--tw-bg-opacity));
+      @apply text-pink-400;
     }
   }
 }

app/components/common/article/index.tsx

@@ -1,5 +1,5 @@
 import { clsn } from "~/utils";
-import styles from "./article.module.less";
+import styles from "./article.module.css";
 
 interface ArticleProps {
   className?: string;