diff --git a/src/components/game/AchievementNotifier.tsx b/src/components/game/AchievementNotifier.tsx
new file mode 100644
index 000000000..632ba5862
--- /dev/null
+++ b/src/components/game/AchievementNotifier.tsx
@@ -0,0 +1,26 @@
+"use client";
+// 回响星核 / Echo Nexus — 成就解锁通知消费者
+import { useEffect } from "react";
+import { useGameStore } from "@/store/gameStore";
+import { useToast } from "@/hooks/use-toast";
+import { sfx } from "@/hooks/useAudio";
+
+export function AchievementNotifier() {
+ const queue = useGameStore((s) => s._achievementQueue);
+ const consume = useGameStore((s) => s.consumeAchievementQueue);
+ const { toast } = useToast();
+
+ useEffect(() => {
+ if (queue.length === 0) return;
+ const items = consume();
+ for (const a of items) {
+ sfx("achievement");
+ toast({
+ title: `🏆 成就解锁：${a.name}`,
+ description: `${a.desc} 奖励：${a.rewardText}`,
+ });
+ }
+ }, [queue, consume, toast]);
+
+ return null;
+}
diff --git a/src/components/game/AchievementsPanel.tsx b/src/components/game/AchievementsPanel.tsx
new file mode 100644
index 000000000..7430b3bd8
--- /dev/null
+++ b/src/components/game/AchievementsPanel.tsx
@@ -0,0 +1,107 @@
+"use client";
+// 回响星核 / Echo Nexus — 成就系统面板
+import { useGameStore } from "@/store/gameStore";
+import { ACHIEVEMENTS } from "@/lib/game/achievements";
+import { achievementBonuses } from "@/lib/game/achievements";
+import { Trophy, Lock } from "lucide-react";
+
+export function AchievementsPanel() {
+ const achievements = useGameStore((s) => s.achievements);
+ const unlockedCount = Object.values(achievements).filter(Boolean).length;
+ const bonus = achievementBonuses(achievements);
+
+ return (
+
+ {/* 顶部：进度 + 加成总览 */}
+
+
+
+ 成就
+
+
+ {unlockedCount} / {ACHIEVEMENTS.length}
+
+
+
+ {/* 永久加成条 */}
+
+ 永久加成
+ {bonus.crystalsPerSecPct > 0 && (
+ 产能 +{bonus.crystalsPerSecPct}%
+ )}
+ {bonus.insightPct > 0 && (
+ 洞见 +{bonus.insightPct}%
+ )}
+ {bonus.crystalsPerSecPct === 0 && bonus.insightPct === 0 && (
+ 暂无（达成成就解锁）
+ )}
+
+
+ {/* 成就网格 */}
+
+ {ACHIEVEMENTS.map((a) => {
+ const unlocked = !!achievements[a.id];
+ return (
+
+ {unlocked && (
+
+ )}
+
+ {/* 图标徽章 */}
+
+ {unlocked ? a.icon : }
+
+ {/* 文本 */}
+
+
+ {a.name}
+
+
+ {a.desc}
+
+ {unlocked && (
+
+ ✦ {a.rewardText}
+
+ )}
+
+
+
+ );
+ })}
+
+
+
+
+ );
+}
diff --git a/src/components/game/CrystalOrb.tsx b/src/components/game/CrystalOrb.tsx
index d65629353..1af1a5efb 100644
--- a/src/components/game/CrystalOrb.tsx
+++ b/src/components/game/CrystalOrb.tsx
@@ -1,9 +1,10 @@
"use client";
// 回响星核 / Echo Nexus — 中央晶体集群 + 主动脉冲
-import { useRef, useState, useCallback, useEffect } from "react";
+import { useRef, useState, useCallback } from "react";
import { useGameStore } from "@/store/gameStore";
import { formatNum } from "@/lib/game/config";
import { useToast } from "@/hooks/use-toast";
+import { sfx } from "@/hooks/useAudio";
interface FloatNum {
id: number;
@@ -11,6 +12,15 @@ interface FloatNum {
y: number;
text: string;
born: number;
+ color: string;
+}
+
+interface Particle {
+ id: number;
+ angle: number;
+ dist: number;
+ born: number;
+ color: string;
}
export function CrystalOrb() {
@@ -21,6 +31,7 @@ export function CrystalOrb() {
const combo = useGameStore((s) => s._combo);
const { toast } = useToast();
const [floats, setFloats] = useState
([]);
+ const [particles, setParticles] = useState([]);
const [pulseAnim, setPulseAnim] = useState(0);
const idRef = useRef(0);
@@ -32,14 +43,33 @@ export function CrystalOrb() {
const x = e.clientX - rect.left;
const y = e.clientY - rect.top;
const id = idRef.current++;
+ const floatColor = res.combo >= 5 ? "#fbbf24" : res.combo >= 3 ? "#e879f9" : "#34d399";
setFloats((f) => [
...f,
- { id, x, y, text: `+${res.gain.toFixed(1)}`, born: Date.now() },
+ { id, x, y, text: `+${res.gain.toFixed(1)}`, born: Date.now(), color: floatColor },
]);
+ // 粒子爆发
+ const newParticles: Particle[] = [];
+ const pcount = 6 + Math.min(6, res.combo);
+ for (let i = 0; i < pcount; i++) {
+ newParticles.push({
+ id: idRef.current++,
+ angle: (Math.PI * 2 * i) / pcount + Math.random() * 0.3,
+ dist: 0,
+ born: Date.now(),
+ color: floatColor,
+ });
+ }
+ setParticles((p) => [...p, ...newParticles]);
setPulseAnim((n) => n + 1);
+ // 音效
+ sfx(res.combo >= 3 ? "pulseCombo" : "pulse", { combo: res.combo });
setTimeout(() => {
setFloats((f) => f.filter((it) => it.id !== id));
}, 900);
+ setTimeout(() => {
+ setParticles((p) => p.filter((it) => !newParticles.includes(it)));
+ }, 700);
if (res.combo >= 5 && res.combo % 5 === 0) {
toast({
title: `×${res.combo} 连击！`,
@@ -112,6 +142,12 @@ export function CrystalOrb() {
+ {/* 脉冲扩散环（点击时） */}
+
{/* 中央晶体 */}