完成评查点分组列表和评查点列表的页面，封装部分组件，重新构造样式文件结构

app/root.tsx

@@ -13,7 +13,8 @@ import {
 import { Layout } from "~/components/layout/Layout";
 import { ErrorBoundary as AppErrorBoundary } from "~/components/error/ErrorBoundary";
 import "remixicon/fonts/remixicon.css";
-// 不使用import导入样式
+// 导入样式
+import styles from "~/styles/main.css?url";
 
 // 添加客户端hydration错误处理
 // if (typeof window !== "undefined") {
@@ -38,9 +39,10 @@ export const meta: MetaFunction = () => {
   ];
 };
 
+// 使用links函数为应用加载CSS和其他资源
 export function links() {
   return [
-    { rel: "stylesheet", href: "/tailwind.css" }, // 使用构建后的Tailwind CSS
+    { rel: "stylesheet", href: styles },
     { rel: "preconnect", href: "https://fonts.googleapis.com" },
     { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "anonymous" },
     { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap" }