feat: 右上角图标改造为手势状态指示器

- 默认灰色「探索」罗盘图标(Compass)
- 识别到手势(dpm:gesture)→ 变绿色「惊喜」表情(EmojiSurprised)+ 光晕脉冲,3s 后恢复
- title 同步切换(关于 PineSound / 识别到手势),点击仍打开关于弹窗
- 新增 explore/surprise 图标映射与手势状态样式
This commit is contained in:
Pine
2026-08-18 06:21:55 +08:00
parent 6b7fd0ec95
commit 75498027f3
3 changed files with 37 additions and 6 deletions
+12
View File
@@ -2587,6 +2587,18 @@
border-color: #2f6bff;
background: #fff;
}
/* 手势状态:识别到手势 → 绿色惊喜图标 + 光晕脉冲 */
.bd-about-btn.gesture-hit {
color: var(--bd-green, #17b26a);
border-color: rgba(23, 178, 106, 0.55);
background: rgba(23, 178, 106, 0.1);
box-shadow: 0 0 14px rgba(23, 178, 106, 0.45);
animation: bdGesturePulse 1s ease-in-out infinite;
}
@keyframes bdGesturePulse {
0%, 100% { box-shadow: 0 0 8px rgba(23, 178, 106, 0.3); transform: scale(1); }
50% { box-shadow: 0 0 18px rgba(23, 178, 106, 0.6); transform: scale(1.08); }
}
.about-overlay {
position: fixed;