feat: optimize pages and add animations

Author: JQ-28

src/.vuepress/sidebar.ts

@@ -132,8 +132,7 @@ export default sidebar({
             "bamotalk",
             "jrrp",
             "abook",
-            "cao",
-            "hajimi",
+            "image_collection",
             "otto",
             "emoji",
             "mypower",

src/.vuepress/styles/index.scss

@@ -281,10 +281,24 @@
 
 /* .vuepress/styles/index.scss */
 .hover-rotate {
-  transition: transform 0.6s; /* 过渡效果 */
+  transition: transform 0.6s;
+  cursor: pointer;
 
+  // PC端：鼠标悬停疯狂旋转
   &:hover {
-    animation: rotate 0.1s linear infinite; /* 无限旋转 */
+    animation: rotate 0.1s linear infinite;
+  }
+
+  // 移动端：点击触发疯狂旋转
+  &:active {
+    animation: rotate 0.1s linear infinite;
+  }
+
+  // 移动端触摸支持 - 转5圈后停止
+  @media (hover: none) and (pointer: coarse) {
+    &:active {
+      animation: rotate 0.1s linear 50;  // 转5秒（50圈）
+    }
   }
 }
 
@@ -297,6 +311,38 @@
   }
 }
 
+// 上下跳动效果
+.hover-bounce {
+  cursor: pointer;
+  transition: transform 0.3s ease;
+
+  // PC端：鼠标悬停跳动
+  &:hover {
+    animation: bounce 0.6s ease infinite;
+  }
+
+  // 移动端：点击触发跳动
+  &:active {
+    animation: bounce 0.6s ease infinite;
+  }
+
+  // 移动端触摸支持 - 跳5秒后停止
+  @media (hover: none) and (pointer: coarse) {
+    &:active {
+      animation: bounce 0.6s ease 8;  // 跳8次
+    }
+  }
+}
+
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-10px);
+  }
+}
+
 .card {
   flex: 1;
   padding: 20px;

src/about/fankui.md

@@ -6,17 +6,46 @@ copyright: false
 footer: Neko docs - 反馈​
 ---
 
-如果对文档有任何不理解的地方，以及在使用机器人时，出现了问题或疑问，请：
+## ✉ 如何反馈
 
-- 在这个喵喵信箱里，留下您的建议。 [[喵喵信箱]](https://input.nekodayo.top)
-- 及时联系开发团队。
+如果对文档有任何不理解的地方，或在使用机器人时遇到问题、有想法，欢迎反馈！
+
+### ✎ 喵喵信箱
+
+在有 Neko 的群聊或私聊中发送以下指令：
+
+- `#投信 内容` - 投递想法
+- `#反馈 内容` - 反馈问题  
+- `#建议 内容` - 提出建议
+
+你的消息会自动记录到 [喵喵信箱](https://input.nekodayo.top)
+
+**示例：**
+
+<QQChat title="喵喵信箱">
+  <QQMessage align="left" avatar="https://drive.nekodayo.top/raw/nekodocs/image/neko11.jpg">
+    <div>#投信 建议 JQ cos neko</div>
+  </QQMessage>
+  
+  <QQMessage align="right" avatar="http://q2.qlogo.cn/headimg_dl?dst_uin=3582537505&spec=640">
+    <div>你的信件已经送到喵喵信箱啦，感谢你的支持！<br>可以在这里查看哦: https://input.nekodayo.top</div>
+  </QQMessage>
+</QQChat>
+
+---
+
+## ☎ 直接联系开发团队
 
 <VPCard
   class="hover-rotate"
   title="JQ-28"
-  desc="你好"
+  desc="你好你好"
   logo="http://q2.qlogo.cn/headimg_dl?dst_uin=480352716&spec=640"
   link="https://qm.qq.com/q/5Bioq0yCCA"
   background="rgba(248, 248, 255, 0.3)"
 />
 
+:::tip ⌗ 先看看常见问题
+你的问题可能已经有答案了！[查看 FAQ →](/zhuyi/faq)
+:::
+

src/jieshao/neko.md

@@ -75,42 +75,47 @@ Bot 刚创建的时候是《原神》中的角色“珊瑚宫心海”，因为
 
 ## ᪥ **联系Neko** ᪥
 
-```component VPCard
-title: Neko_dayo~
-desc: 咪
-logo: http://q2.qlogo.cn/headimg_dl?dst_uin=3582537505&spec=640
-link: https://qm.qq.com/q/pSRLW8QFLq
-background: rgba(247, 217, 253, 0.3)
-```
-
-```component VPCard
-title: Neko一号机
-desc: 二楼！
-logo: http://q2.qlogo.cn/headimg_dl?dst_uin=3309739044&spec=640
-link: mqqapi://card/show_pslcard?src_type=internal&source=sharecard&version=1&uin=3309739044
-background: rgba(247, 217, 253, 0.3)
-```
-
-```component VPCard
-title: Neko二号机
-desc: 赛博猫会梦到电子鼠嘛?
-logo: http://q2.qlogo.cn/headimg_dl?dst_uin=2760015052&spec=640
-link: mqqapi://card/show_pslcard?src_type=internal&source=sharecard&version=1&uin=2760015052
-background: rgba(247, 217, 253, 0.3)
-```
-
-```component VPCard
-title: Neko三号机
-desc: 人！泥嚎！
-logo: http://q2.qlogo.cn/headimg_dl?dst_uin=3278327679&spec=640
-link: mqqapi://card/show_pslcard?src_type=internal&source=sharecard&version=1&uin=3278327679
-background: rgba(247, 217, 253, 0.3)
-```
-
-```component VPCard
-title: Neko官方机器人
-desc: BABABOI~
-logo: https://q1.qlogo.cn/g?b=qq&nk=2854207094&s=640
-link: mqqapi://card/show_pslcard?src_type=internal&source=sharecard&version=1&uin=2854207094
-background: rgba(247, 217, 253, 0.3)
-```
+<VPCard
+  class="hover-bounce"
+  title="Neko_dayo~"
+  desc="咪"
+  logo="http://q2.qlogo.cn/headimg_dl?dst_uin=3582537505&spec=640"
+  link="https://qm.qq.com/q/pSRLW8QFLq"
+  background="rgba(247, 217, 253, 0.3)"
+/>
+
+<VPCard
+  class="hover-bounce"
+  title="Neko一号机"
+  desc="二楼！"
+  logo="http://q2.qlogo.cn/headimg_dl?dst_uin=3309739044&spec=640"
+  link="mqqapi://card/show_pslcard?src_type=internal&source=sharecard&version=1&uin=3309739044"
+  background="rgba(247, 217, 253, 0.3)"
+/>
+
+<VPCard
+  class="hover-bounce"
+  title="Neko二号机"
+  desc="赛博猫会梦到电子鼠嘛?"
+  logo="http://q2.qlogo.cn/headimg_dl?dst_uin=2760015052&spec=640"
+  link="mqqapi://card/show_pslcard?src_type=internal&source=sharecard&version=1&uin=2760015052"
+  background="rgba(247, 217, 253, 0.3)"
+/>
+
+<VPCard
+  class="hover-bounce"
+  title="Neko三号机"
+  desc="人！泥嚎！"
+  logo="http://q2.qlogo.cn/headimg_dl?dst_uin=3278327679&spec=640"
+  link="mqqapi://card/show_pslcard?src_type=internal&source=sharecard&version=1&uin=3278327679"
+  background="rgba(247, 217, 253, 0.3)"
+/>
+
+<VPCard
+  class="hover-bounce"
+  title="Neko官方机器人"
+  desc="BABABOI~"
+  logo="https://q1.qlogo.cn/g?b=qq&nk=2854207094&s=640"
+  link="mqqapi://card/show_pslcard?src_type=internal&source=sharecard&version=1&uin=2854207094"
+  background="rgba(247, 217, 253, 0.3)"
+/>

src/qianyan.md

@@ -8,12 +8,45 @@ footer: Neko docs - 前言
 
 ![](https://count.getloli.com/@nekodayohelp?name=nekodayo&theme=rule34)
 
-**Neko首次诞生于2022.2.22，那是一个平凡的日子。**
+## 𖠁 关于 Neko 的碎碎念
 
-**尽管自诞生以来，Neko历经了多次洗礼，也走过了各种坎坎坷坷……**
+Neko Bot 是一只可爱的多功能猫娘 QQ 机器人，也是我的"电子女儿"（笑）。
 
-**但我们永不放弃，无怨无悔。**
+说起来，2021 年的时候我第一次接触到 QQ 机器人，当时就想着"哇！我也要创造一个属于自己的 Bot！"就这样，怀着满腔热情和对技术的好奇心，开始了这段旅程。
 
-**如今Neko历经了两个完整的春夏秋冬，Neko也成长到了1.14版本。**
+**2022 年 2 月 22 日**，一个平凡却又特别的日子，Neko 正式诞生了 ฅ^•ﻌ•^ฅ
 
-**希望以后的道路，能够让Neko看到耀眼的光芒。**
+从那时起到现在，Neko 历经了多次洗礼，也走过了各种坎坎坷坷……有过深夜调试功能的溃，有过功能上线的兴奋，也有过被各种问题折磨的无奈。但是啊，每次看到群友们开心地使用 Neko 的功能，所有的辛苦都值得了 ww
+
+如今 Neko 已经走过了将近三个春夏秋冬，成长到了 **2.22 版本**。她完全**免费、纯公益运营**，源于我对技术的兴趣与热爱（虽然开销有一点贵就是了...）
+
+---
+
+## ⍟ 技术细节
+
+Neko Bot是基于网上能搜索到的开源机器人框架与**napcat**协议端搭建的  
+!!在napcat之前有使用过qq机器人开发者都接触过的qq模块，oicq，gocq等等(悲报 code:40)!!
+
+**关于插件：**
+- ◈ 大多来源于开源社区的优秀贡献
+- ◈ 部分由我自行魔改适配
+- ◈ 还有一些是我独立编写的功能
+
+**关于费用：**
+- ✓ 所有功能均为**免费使用**
+- ⚐ 仅 AI 功能因成本较高（真的烧钱...），设有轻度收费限制
+- ❦ 如果愿意支持的话，可以看看 [赞助页面](/zanzhu) ww
+
+---
+
+<div style="text-align: center; margin: 40px 0; padding: 20px; background: linear-gradient(135deg, rgba(249, 189, 235, 0.1) 0%, rgba(197, 216, 248, 0.1) 100%); border-radius: 15px;">
+  <p style="font-size: 16px; color: #666; line-height: 1.8;">
+    <strong>感谢大家一直以来的喜爱与陪伴</strong><br>
+    让这只小猫能够走到现在<br><br>
+    希望以后的道路<br>
+    能够让 Neko 看到更加耀眼的光芒 ⋆
+  </p>
+  <p style="margin-top: 20px; font-style: italic; color: #999;">
+    —— 永远感恩，JQ-28
+  </p>
+</div>