= {
+ dawn: { label: "初醒", color: "text-emerald-300", glow: "rgba(52,211,153,0.5)" },
+ awakening: { label: "觉醒", color: "text-amber-300", glow: "rgba(251,191,36,0.5)" },
+ contact: { label: "接触", color: "text-fuchsia-300", glow: "rgba(232,121,249,0.5)" },
+ ascension: { label: "飞升", color: "text-rose-300", glow: "rgba(251,113,133,0.5)" },
+ deep: { label: "深度", color: "text-fuchsia-200", glow: "rgba(232,121,249,0.7)" },
+};
+
+export function ArchaeoLogTicker() {
+ const ascensions = useGameStore((s) => s.ascensions);
+ const contact = useGameStore((s) => s.contact);
+ const [entry, setEntry] = useState
(null);
+ const [recentIds, setRecentIds] = useState([]);
+ const [fadeKey, setFadeKey] = useState(0);
+ const timerRef = useRef | null>(null);
+
+ const refresh = useCallback(() => {
+ const next = pickLogEntry(ascensions, contact, recentIds);
+ setEntry(next);
+ setRecentIds((prev) => [next.text, ...prev].slice(0, 8));
+ setFadeKey((k) => k + 1);
+ }, [ascensions, contact, recentIds]);
+
+ // 初始 + 进度变化时刷新一次（解锁新阶段）
+ useEffect(() => {
+ refresh();
+ }, [ascensions >= 1, ascensions >= 3, ascensions >= 5, ascensions >= 10, contact >= 5, contact >= 25, contact >= 80]);
+
+ // 定时刷新（18-30s 随机间隔，避免机械感）
+ useEffect(() => {
+ const schedule = () => {
+ const delay = 18000 + Math.random() * 12000;
+ timerRef.current = setTimeout(() => {
+ refresh();
+ schedule();
+ }, delay);
+ };
+ schedule();
+ return () => {
+ if (timerRef.current) clearTimeout(timerRef.current);
+ };
+ }, [refresh]);
+
+ if (!entry) return null;
+ const meta = TIER_META[entry.tier];
+
+ return (
+
+ {/* 左侧标签 */}
+
+
+
+ {meta.label}
+
+
+
+ {/* 滚动文本区 */}
+
+
+ {/* 右侧渐隐遮罩 */}
+
+