feat: 添加预览效果页面并优化交互效果

refactor: 优化代码健壮性和类型安全

style: 更新字体样式和全局CSS

fix: 修复IntersectionObserver潜在空引用问题

chore: 更新依赖和ESLint配置

build: 更新构建ID和路由配置

src/app/globals.css

@@ -1,9 +1,20 @@
 @import "tailwindcss";
 
+@font-face {
+  font-family: 'Aoyagi Reisho';
+  src: url('/fonts/AoyagiReisho.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+  font-stretch: normal;
+  unicode-range: U+4E00-9FFF, U+3400-4DBF, U+20000-2A6DF, U+2A700-2B73F, U+2B740-2B81F, U+2B820-2CEAF, U+F900-FAFF, U+2F800-2FA1F;
+}
+
 @theme inline {
   --font-sans: var(--font-geist-sans);
   --font-mono: var(--font-geist-mono);
   --font-chinese: var(--font-noto-sans-sc);
+  --font-calligraphy: 'Aoyagi Reisho', var(--font-long-cang), 'Long Cang', var(--font-ma-shan-zheng), 'Ma Shan Zheng', 'ZCOOL XiaoWei', 'STKaiti', 'KaiTi', serif;
 }
 
 :root {
@@ -315,7 +326,16 @@
     -webkit-text-fill-color: transparent;
     background-clip: text;
   }
-  
+
+  /* 青柳隶书体 - 与 Logo 保持一致 */
+  .font-calligraphy {
+    font-family: 'Aoyagi Reisho', var(--font-long-cang), 'Long Cang', var(--font-ma-shan-zheng), 'Ma Shan Zheng', 'ZCOOL XiaoWei', 'STKaiti', 'KaiTi', serif !important;
+    font-weight: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
+  }
+
   /* 发光效果 */
   .bg-glow-red {
     background: radial-gradient(circle at center, var(--color-accent-red-glow) 0%, transparent 70%);