feat(ui): 实现ACG风格UI改造和动画效果

添加樱花飘落和表情点击特效组件，优化卡片动画和背景模糊效果更新主题色为粉色并添加动漫风格背景图引入圆角字体提升可爱风格新增开发文档记录改造计划
2026-01-11 12:59:41 +08:00
parent 9f4c61403e
commit b6abc32784
11 changed files with 452 additions and 10 deletions
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -6,6 +6,8 @@ import "@fontsource/roboto/700.css";

 import { profileConfig, siteConfig } from "@/config";
 import ConfigCarrier from "@components/ConfigCarrier.astro";
+import Sakura from "@components/widget/Sakura.astro";
+import EmojiCursor from "@components/widget/EmojiCursor.astro";
 import {
  AUTO_MODE,
  BANNER_HEIGHT,
@@ -91,6 +93,9 @@ const bannerOffset =
  <!-- 手机端适配 -->

  <head>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&display=swap" rel="stylesheet">
    <title>{pageTitle}</title>

    <meta charset="UTF-8" />
@@ -357,6 +362,8 @@ const bannerOffset =
    data-overlayscrollbars-initialize
  >
    <div id="bg-box"></div>
+    <Sakura />
+    <EmojiCursor />
    <ConfigCarrier />
    <slot />