feat(web): 用户端设计完善 + ICP 备案号

- 页脚升级双层结构：品牌区 + 产品/资源链接列 + 底栏（© + 滇ICP备2025056308号-1，链接工信部备案系统）
- 滚动进场动效：Reveal 组件（IntersectionObserver），首页各区块错峰淡入，尊重 prefers-reduced-motion
- Hero 终端窗事件流逐行浮现动画
- 功能卡片 hover 时 mono 标签点亮强调色
- 全站动态页面标题（博客详情随文章名变化）

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

web/src/index.css

@@ -113,8 +113,47 @@ body {
 .caret-blink {
   animation: caret-blink 1.1s steps(1) infinite;
 }
-@media (prefers-reduced-motion: reduce) {
-  .caret-blink {
-    animation: none;
+
+/* 滚动进场（配合 Reveal 组件） */
+.reveal {
+  opacity: 0;
+  transform: translateY(16px);
+  transition:
+    opacity 0.6s ease,
+    transform 0.6s ease;
+}
+.reveal-in {
+  opacity: 1;
+  transform: none;
+}
+
+/* 终端事件流：逐行浮现 */
+@keyframes term-line-in {
+  from {
+    opacity: 0;
+    transform: translateY(6px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+.term-line {
+  opacity: 0;
+  animation: term-line-in 0.45s ease forwards;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .caret-blink,
+  .term-line {
+    animation: none;
+  }
+  .term-line {
+    opacity: 1;
+  }
+  .reveal {
+    opacity: 1;
+    transform: none;
+    transition: none;
   }
 }