perf: defer home page styles

src/features/home/HomePage.tsx

@@ -11,6 +11,7 @@ import { Fragment, useCallback, useEffect, useMemo, useRef, useState, type CSSPr
 import type { WebViewKey, WebImageWorkbenchTool } from "../../types";
 import { useScrollEntrance } from "../../hooks/useScrollEntrance";
 import { ossAssets } from "../../data/ossAssets";
+import "../../styles/pages/home.css";
 import WelcomeSplash from "./WelcomeSplash";
 import ToolboxSection from "./ToolboxSection";
 import ScriptReviewShowcase from "./ScriptReviewShowcase";

src/features/home/ModelGenerationShowcase.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useRef, useState } from "react";
+import "../../styles/pages/model-generation-showcase.css";
 
 type ShowMode = "agent" | "image" | "video";
 

src/features/home/ScriptReviewShowcase.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useRef, useState } from "react";
+import "../../styles/pages/script-review-showcase.css";
 
 const DIMS = [
   { name: "钩子设计", score: 16, max: 20, hue: 145, desc: "吸引力·悬念·黄金三秒", isPerfect: false, isLow: false },

src/features/home/ScriptReviewVisual.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useRef, useState } from "react";
+import "../../styles/pages/script-review-visual.css";
 
 const DIMS = [
   { name: "钩子设计", score: 19, max: 20, hue: 145 },

src/features/home/ToolboxSection.tsx

@@ -1,6 +1,7 @@
 import { ToolOutlined } from "@ant-design/icons";
 import type { WebViewKey, WebImageWorkbenchTool } from "../../types";
 import { ossAssets } from "../../data/ossAssets";
+import "../../styles/pages/toolbox.css";
 
 const {
   imageBefore: toolImageBefore,

src/features/home/WelcomeSplash.tsx

@@ -1,4 +1,5 @@
 import { useCallback, useEffect, useRef, useState } from "react";
+import "../../styles/pages/welcome-splash.css";
 
 interface WelcomeSplashProps {
   onEnter: () => void;