Tap the numbers from 1 to 25 in order.
Advanced: numbers disappear immediately after you tap them.
Ignore the word meaning. Choose the button that matches the word's actual color.
Advanced: color blocks disappear. Tap the written color name instead.
Decide whether the current number matches the number from 1 step ago.
Decide whether the current number matches the number from 2 steps ago.
Skip one number between the comparison and the current item.
Find 3 cards where each property is either all the same or all different.
Advanced mode also checks fill level.
Count every target shape on the screen, then submit the number.
Count carefully before using the plus and minus buttons.
Advanced mode adds more similar distractors and moving items.
` } } }; const COLOR_LABELS = [ { key: 'red', zh: '红', en: 'Red', val: '#EF4444' }, { key: 'blue', zh: '蓝', en: 'Blue', val: '#3B82F6' }, { key: 'green', zh: '绿', en: 'Green', val: '#10B981' }, { key: 'yellow', zh: '黄', en: 'Yellow', val: '#F59E0B' } ]; const SET_FILL_LEVELS = [1, 0.4]; const RETENTION_STORAGE_KEY = 'prefrontal_lab_retention_v1'; const RETENTION_VISITOR_KEY = 'prefrontal_lab_visitor_id'; const OWNER_TOKEN_KEY = 'prefrontal_lab_owner_token'; const DAILY_STORAGE_KEY = 'prefrontal_lab_daily_v4'; const SOUND_STORAGE_KEY = 'prefrontal_lab_sound_enabled'; const WEEKLY_DAILY_GOAL = 5; const CLOUD_ANALYTICS_ENDPOINT = window.PFL_ANALYTICS_ENDPOINT || (window.location.hostname === 'boxsbraindump.github.io' ? '' : '/api/retention'); const GAME_CLICK_LABELS = { daily: 'Daily Challenge', arena: 'Cognitive Arena', schulte: 'Schulte Grid', stroop: 'Stroop Test', setgame: 'SET Logic', nback: 'N-Back Memory', neuroncount: 'Neuron Counting' }; const SEO_TITLE = { zh: '前额叶实验室 | 认知训练小游戏', en: 'Prefrontal Lab | Cognitive Training Games' }; const createSoundEngine = () => { let ctx = null; let master = null; const getContext = () => { const AudioContext = window.AudioContext || window.webkitAudioContext; if (!AudioContext) return null; if (!ctx) { ctx = new AudioContext(); master = ctx.createGain(); master.gain.value = 0.86; master.connect(ctx.destination); } if (ctx.state === 'suspended') { ctx.resume(); } return ctx; }; const tone = ({ freq, start = 0, duration = 0.08, type = 'sine', gain = 0.08, filter = 2400 }) => { const audio = getContext(); if (!audio || !master) return; const now = audio.currentTime + start; const oscillator = audio.createOscillator(); const amp = audio.createGain(); const lowpass = audio.createBiquadFilter(); oscillator.type = type; oscillator.frequency.setValueAtTime(freq, now); lowpass.type = 'lowpass'; lowpass.frequency.setValueAtTime(filter, now); amp.gain.setValueAtTime(0.0001, now); amp.gain.exponentialRampToValueAtTime(gain, now + 0.012); amp.gain.exponentialRampToValueAtTime(0.0001, now + duration); oscillator.connect(lowpass); lowpass.connect(amp); amp.connect(master); oscillator.start(now); oscillator.stop(now + duration + 0.02); }; const noise = ({ start = 0, duration = 0.08, gain = 0.025, filter = 1800 }) => { const audio = getContext(); if (!audio || !master) return; const buffer = audio.createBuffer(1, Math.max(1, Math.floor(audio.sampleRate * duration)), audio.sampleRate); const samples = buffer.getChannelData(0); for (let i = 0; i < samples.length; i += 1) { samples[i] = (Math.random() * 2 - 1) * (1 - i / samples.length); } const now = audio.currentTime + start; const source = audio.createBufferSource(); const amp = audio.createGain(); const lowpass = audio.createBiquadFilter(); source.buffer = buffer; lowpass.type = 'lowpass'; lowpass.frequency.setValueAtTime(filter, now); amp.gain.setValueAtTime(gain, now); amp.gain.exponentialRampToValueAtTime(0.0001, now + duration); source.connect(lowpass); lowpass.connect(amp); amp.connect(master); source.start(now); source.stop(now + duration); }; const buzz = (pattern) => { try { if (navigator.vibrate) navigator.vibrate(pattern); } catch (e) { } }; return { play(kind, enabled = true) { if (!enabled) return; getContext(); if (kind === 'tap') { tone({ freq: 760, duration: 0.045, type: 'triangle', gain: 0.035, filter: 3200 }); } else if (kind === 'scoreTick') { tone({ freq: 520, duration: 0.055, type: 'sine', gain: 0.04, filter: 1800 }); } else if (kind === 'scoreTickHigh') { tone({ freq: 700, duration: 0.055, type: 'sine', gain: 0.042, filter: 2200 }); } else if (kind.startsWith('reportStep')) { const step = Math.min(5, Math.max(1, Number(kind.replace('reportStep', '')) || 1)); const baseFreq = 500 + ((step - 1) * 72); const gain = 0.03 + (step * 0.006); tone({ freq: baseFreq, duration: 0.05, type: 'triangle', gain, filter: 2400 + (step * 120) }); tone({ freq: baseFreq + 220, start: 0.035, duration: 0.08, type: 'sine', gain: gain + 0.004, filter: 3000 + (step * 140) }); if (step === 5) tone({ freq: 1260, start: 0.075, duration: 0.13, type: 'sine', gain: 0.058, filter: 3800 }); } else if (kind === 'start') { tone({ freq: 520, duration: 0.055, type: 'triangle', gain: 0.04 }); tone({ freq: 780, start: 0.045, duration: 0.07, type: 'triangle', gain: 0.045 }); } else if (kind === 'success') { tone({ freq: 660, duration: 0.07, type: 'sine', gain: 0.055 }); tone({ freq: 990, start: 0.045, duration: 0.12, type: 'sine', gain: 0.055 }); } else if (kind === 'error') { tone({ freq: 180, duration: 0.08, type: 'triangle', gain: 0.108, filter: 900 }); noise({ start: 0.01, duration: 0.05, gain: 0.034, filter: 700 }); } else if (kind === 'complete') { tone({ freq: 523, duration: 0.08, type: 'sine', gain: 0.048 }); tone({ freq: 784, start: 0.065, duration: 0.10, type: 'sine', gain: 0.052 }); tone({ freq: 1046, start: 0.14, duration: 0.16, type: 'sine', gain: 0.05 }); noise({ start: 0.12, duration: 0.12, gain: 0.012, filter: 3600 }); } else if (kind === 'daily') { tone({ freq: 392, duration: 0.08, type: 'triangle', gain: 0.05 }); tone({ freq: 659, start: 0.055, duration: 0.1, type: 'sine', gain: 0.052 }); tone({ freq: 988, start: 0.13, duration: 0.18, type: 'sine', gain: 0.05 }); noise({ start: 0.05, duration: 0.16, gain: 0.016, filter: 2800 }); } // 触感反馈:只在有意义的时刻震动(tap/scoreTick 太频繁,不震)。与音效同开关。 // Android Chrome 支持;iOS Safari 不支持振动 API,会静默跳过。 const HAPTICS = { success: 12, // 答对:轻脆一下 error: [25, 30, 25], // 答错:双段闷震="不对" complete: [15, 30, 15, 30, 50], // 完成:庆祝节奏 daily: [12, 25, 12, 25, 12, 25, 60], // 每日打卡:更长的庆祝 start: 8 // 开始:极轻 }; if (HAPTICS[kind]) buzz(HAPTICS[kind]); } }; }; const getInitialLanguage = () => { try { const stored = localStorage.getItem('prefrontal_lab_lang'); if (stored === 'zh' || stored === 'en') return stored; } catch (error) { // Language detection still works when browser storage is unavailable. } const browserLanguages = navigator.languages?.length ? navigator.languages : [navigator.language || '']; return browserLanguages.some(language => language.toLowerCase().startsWith('zh')) ? 'zh' : 'en'; }; const DAILY_CHALLENGES = [ { id: 'schulte-forward', task: 'schulte', variant: 'forward', completion: 'finish-grid', duration: 90, ruleLabel: { zh: '完成目标', en: 'Goal clear' }, theme: { zh: { title: '视觉闪电', subtitle: '在数字网格里快速锁定目标。', goal: '按 1 到 25 的顺序完成舒尔特方格。' }, en: { title: 'Visual Lightning', subtitle: 'Lock onto targets inside the number grid.', goal: 'Clear the Schulte grid from 1 to 25.' } } }, { id: 'schulte-reverse', task: 'schulte', variant: 'reverse', completion: 'finish-grid', duration: 90, ruleLabel: { zh: '完成目标', en: 'Goal clear' }, theme: { zh: { title: '倒序雷达', subtitle: '反向扫描数字，打破自动化顺序。', goal: '按 25 到 1 的顺序完成舒尔特方格。' }, en: { title: 'Reverse Radar', subtitle: 'Scan numbers backward and break the default order.', goal: 'Clear the Schulte grid from 25 to 1.' } } }, { id: 'stroop-color', task: 'stroop', variant: 'color-conflict', completion: 'timed-score', duration: 60, ruleLabel: { zh: '60 秒限时', en: '60s timed' }, theme: { zh: { title: '颜色逆转日', subtitle: '压住本能阅读冲动，只相信颜色。', goal: '在 60 秒内完成颜色抑制挑战。' }, en: { title: 'Color Override', subtitle: 'Suppress the reading impulse and trust the color.', goal: 'Complete a 60-second color inhibition challenge.' } } }, { id: 'nback-2step', task: 'nback', variant: 'two-back', completion: 'timed-score', duration: 60, ruleLabel: { zh: '60 秒限时', en: '60s timed' }, theme: { zh: { title: '记忆回路', subtitle: '持续刷新脑中的暂存信息。', goal: '完成 2-Back 工作记忆挑战。' }, en: { title: 'Memory Loop', subtitle: 'Keep refreshing the sequence in working memory.', goal: 'Complete a 2-back working-memory challenge.' } } }, { id: 'set-triad', task: 'setgame', variant: 'triad', completion: 'timed-score', duration: 60, ruleLabel: { zh: '60 秒限时', en: '60s timed' }, theme: { zh: { title: '逻辑校准', subtitle: '在相同与不同之间找出隐藏结构。', goal: '完成进阶 SET 逻辑挑战。' }, en: { title: 'Logic Calibration', subtitle: 'Find the hidden structure across same and different.', goal: 'Complete an advanced SET logic challenge.' } } }, { id: 'neuron-storm', task: 'neuroncount', variant: 'storm', completion: 'timed-score', duration: 60, ruleLabel: { zh: '60 秒限时', en: '60s timed' }, theme: { zh: { title: '神经风暴', subtitle: '在移动干扰中保持精确计数。', goal: '完成高干扰神经元计数挑战。' }, en: { title: 'Neural Storm', subtitle: 'Keep counting precisely through moving distractions.', goal: 'Complete a high-distraction counting challenge.' } } }, { id: 'schulte-letters', task: 'schulte', variant: 'letters', completion: 'finish-grid', duration: 90, ruleLabel: { zh: '完成目标', en: 'Goal clear' }, theme: { zh: { title: '字母迷阵', subtitle: '把数字换成字母,重新校准你的搜索路径。', goal: '按 A 到 Y 的顺序完成字母舒尔特。' }, en: { title: 'Letter Maze', subtitle: 'Swap numbers for letters and recalibrate your scan.', goal: 'Clear the letter grid from A to Y.' } } }, { id: 'schulte-grid6', task: 'schulte', variant: 'grid6', completion: 'finish-grid', duration: 120, ruleLabel: { zh: '完成目标', en: 'Goal clear' }, theme: { zh: { title: '扩容网格', subtitle: '6×6 更大的视野,更强的专注。', goal: '按 1 到 36 的顺序完成 6×6 舒尔特。' }, en: { title: 'Expanded Grid', subtitle: 'A bigger 6×6 field for wider focus.', goal: 'Clear the 6×6 grid from 1 to 36.' } } } ]; const getDayKey = (date = new Date()) => { const year = date.getFullYear(); const month = String(date.getMonth() + 1).padStart(2, '0'); const day = String(date.getDate()).padStart(2, '0'); return `${year}-${month}-${day}`; }; const getDailyChallengeIndex = (day) => { // 按日期循环整个挑战池:不再按星期几锁死(每周一都一样),而是每天顺着池子走,池子多大就多少天一循环。 // 仍然是"同一天全球同一个挑战"(按日期确定),满足共享挑战的设计。 // 参考日对齐:让 2026-07-13(周一)= 字母迷阵、07-14(周二)= 6×6 扩容,方便上线当天就有新挑战。 const ref = Date.UTC(2026, 6, 7); const cur = new Date(`${day}T00:00:00Z`).getTime(); const daysSince = Math.floor((cur - ref) / 86400000); const len = DAILY_CHALLENGES.length; return ((daysSince % len) + len) % len; }; const getDailySpec = (day = getDayKey()) => { const challengeIndex = getDailyChallengeIndex(day); let challenge = DAILY_CHALLENGES[challengeIndex % DAILY_CHALLENGES.length]; // 测试用:?daily=按照数字 1 至 25 的顺序，依次点击方格中的数字。
⚠️ 进阶规则：点过的数字会立即消失。
忽略文字含义，点击与文字 物理颜色 相符的按钮。
⚠️ 进阶规则：色块消失！改为点击对应的 文字内容。
判断当前数字，是否与 前1步 出现的数字相同。
判断当前数字，是否与 前第 2 步 相同。
间隔一个数字，相同即点！
找出 3 张牌，使它们的 颜色 和 形状 满足：
进阶模式下，填充度 也必须符合全同或全异原则。
↑ 比如透明度“红/浅红/淡红”互不相同，成立 ✅
数出屏幕中 所有圆圈 的数量。
默数到 2，然后点击按钮 2 次
目标与干扰项形状极其相似，且数量大幅增加。
` } }, }; const weeklyReport = buildWeeklyBrainReport({ retentionData, dailyProgress, today: weeklyReportScope === 'previous' ? getOffsetDayKey(dailySpec.day, -1) : dailySpec.day, taskTitle: getTaskTitle, isEnglish, preview: isWeeklyReportPreview }); const weeklyReportBasicUnlockDays = 3; const weeklyReportFullUnlockDays = 7; const weeklyReportHasBasicAccess = weeklyReport.completedDays >= weeklyReportBasicUnlockDays; const weeklyReportUnlocked = !weeklyReportGatePreview && weeklyReportHasBasicAccess; const weeklyReportLockIsFullStage = weeklyReportHasBasicAccess; const weeklyReportLockTarget = weeklyReportLockIsFullStage ? weeklyReportFullUnlockDays : weeklyReportBasicUnlockDays; const weeklyReportLockProgress = Math.min(weeklyReport.completedDays, weeklyReportLockTarget); const mondayWeeklyReport = buildWeeklyBrainReport({ retentionData, dailyProgress, today: getOffsetDayKey(dailySpec.day, -1), taskTitle: getTaskTitle, isEnglish, preview: isWeeklyReportPreview }); const isMonday = new Date(`${dailySpec.day}T12:00:00`).getDay() === 1; const isWeeklyReportPromptPreview = urlParams.has('weeklyReportPopupPreview'); const isTrainingRecordsPreview = isTestDemoBuild || urlParams.has('trainingRecordsPreview') || urlParams.has('recordsDemo'); const trainingRecords = buildTrainingRecordData({ retentionData, dailyProgress, today: dailySpec.day, taskTitle: getTaskTitle, isEnglish, range: recordsRange, preview: isTrainingRecordsPreview, monthOffset: heatmapMonthOffset }); const trainingRecordsUnlocked = !urlParams.has('recordsGatePreview'); const trainingRecordsMaxTask = Math.max(1, ...trainingRecords.taskMix.map(item => item.count)); const selectedTrainingDayDetail = selectedTrainingDay ? trainingRecords.dayDetails[selectedTrainingDay] : null; const selectedTrainingDayTask = selectedTrainingDayDetail?.topTask ? getTaskTitle(selectedTrainingDayDetail.topTask) : null; const weeklyReportScoreTarget = Math.max(0, Number(weeklyReport.bestScore) || 0); const weeklyReportText = isEnglish ? { title: 'Weekly Brain Report', eyebrow: 'Personal growth', emptyCta: 'Start with today', readyCta: 'View report', receiptKicker: 'WEEKLY RECAP', receiptTitle: 'Your brain receipt', receiptSubtitle: 'A small record of the work you put in this week.', receiptOpen: 'Open this week', receiptLockedTitle: 'Your report is taking shape', receiptLockedSubtitle: 'Keep a few more sessions going to unlock the full picture.', receiptLockedOpen: 'See unlock progress', receiptClose: 'Close receipt', reportPageKicker: 'WEEKLY RECAP', reportPageTitle: 'Your week in focus', reportPageIntro: 'A few signals from the time you gave your brain.', reportDaysLabel: 'Training days', reportDaysCopy: 'You came back and put in the work.', reportTaskLabel: 'Most practiced', reportTaskCopy: 'This was your most familiar challenge.', reportBestLabel: 'Best record', reportBestCopy: 'Your strongest score this week.', reportCompareLabel: 'Compared with last week', reportCompareCopy: 'Progress is easier to feel when you compare yourself with yourself.', reportLastWeek: 'Last week', reportThisWeek: 'This week', reportReady: 'Ready for next week?', reportReadyCopy: 'Keep the rhythm going. One small session is enough to return.', lockKicker: 'REPORT UNLOCK', lockTitleBasic: 'A few more sessions, then your report begins', lockTitleFull: 'One more training day for the full report', lockBodyBasic: 'Your training record is already being saved. Complete 3 training days to unlock your first weekly summary.', lockBodyFull: 'Your starter summary is ready. Complete 7 training days to unlock the full weekly trend and comparison view.', lockProgressLabelBasic: 'STARTER REPORT', lockProgressLabelFull: 'FULL WEEKLY REPORT', lockDaysLeftBasic: 'more training days to unlock your first summary', lockDaysLeftFull: 'more training day to unlock the full report', lockCta: "Start today's training", reportEnter: "Start Today's Challenge", reportViewDaily: "View Today's Challenge", days: 'days', sessions: 'sessions', best: 'Best', focus: 'Focus task', time: 'Schulte time', accuracy: 'Clean hits', note: 'Next tiny goal' } : { title: '本周脑力报告', eyebrow: '个人成长', emptyCta: '从今天开始', readyCta: '查看报告', receiptKicker: '本周记录', receiptTitle: '本周脑力收据', receiptSubtitle: '把这一周的每一次训练，收进一张小小的成长记录里。', receiptOpen: '打开本周记录', receiptLockedTitle: '本周周报还在积累中', receiptLockedSubtitle: '继续完成几次训练，解锁更完整的成长记录。', receiptLockedOpen: '查看解锁进度', receiptClose: '收起本周记录', reportPageKicker: '本周记录', reportPageTitle: '这一周，你的专注轨迹', reportPageIntro: '把你给大脑的时间，变成几条看得见的成长信号。', reportDaysLabel: '本周训练', reportDaysCopy: '你一次次回来了，也一次次完成了训练。', reportTaskLabel: '最常练习', reportTaskCopy: '这是这一周最熟悉的挑战。', reportBestLabel: '最高记录', reportBestCopy: '这是你本周最强的一次表现。', reportCompareLabel: '比起上周', reportCompareCopy: '和过去的自己比，进步会更清楚。', reportLastWeek: '上周', reportThisWeek: '本周', reportReady: '准备好进入下一周了吗？', reportReadyCopy: '保持现在的节奏，下一次回来就算继续前进。', lockKicker: '周报解锁进度', lockTitleBasic: '再完成几次训练，周报就开始生成', lockTitleFull: '再训练 1 天，解锁完整周报', lockBodyBasic: '你的训练记录会先被保留下来。完成 3 天训练后，就能看到第一份基础周报。', lockBodyFull: '基础摘要已经在积累中。完成 7 天训练后，就能看到完整的趋势和对比分析。', lockProgressLabelBasic: '基础周报', lockProgressLabelFull: '完整周报', lockDaysLeftBasic: '天训练后解锁第一份周报', lockDaysLeftFull: '天训练后解锁完整周报', lockCta: '开始今日训练', reportEnter: '开始今日挑战', reportViewDaily: '查看今日挑战', days: '天', sessions: '局', best: '最高分', focus: '最常练', time: '舒尔特用时', accuracy: '答对/误触', note: '下周小目标' }; const weeklyReportIsPrevious = weeklyReportScope === 'previous'; const weeklyReportPageKicker = weeklyReportIsPrevious ? (isEnglish ? 'LAST WEEK RECAP' : '上周记录') : weeklyReportText.reportPageKicker; const weeklyReportPageTitle = weeklyReportIsPrevious ? (isEnglish ? 'Your last week in focus' : '上周，你的专注轨迹') : weeklyReportText.reportPageTitle; const weeklyReportDaysLabel = weeklyReportIsPrevious ? (isEnglish ? 'Last week training' : '上周训练') : weeklyReportText.reportDaysLabel; const weeklyReportPreviousBarLabel = weeklyReportIsPrevious ? (isEnglish ? 'Week before' : '前一周') : weeklyReportText.reportLastWeek; const weeklyReportCurrentBarLabel = weeklyReportIsPrevious ? (isEnglish ? 'Last week' : '上周') : weeklyReportText.reportThisWeek; const settingsPageText = isEnglish ? { subtitle: 'Preferences, progress, and future account sync.', accountTitle: 'Save Progress', accountBody: 'Your records are saved on this device for now. Account sync will open later for cross-device progress.', accountCta: 'Coming soon', languageHint: 'Choose the default display language.', soundHint: 'Controls tap, success, error, score, and reward sounds.', dailyTitle: 'Training Records', dailyBody: 'View your daily, weekly, and monthly training progress.', dailyPageSubtitle: 'Your daily rhythm and weekly progress, in one place.', backToSettings: 'Back to Settings', dailyEnter: 'Open', recordsSubtitle: 'A clear view of your practice rhythm and progress.', recordsDay: 'Day', recordsWeek: 'Week', recordsMonth: 'Month', recordsTrend: 'Performance', recordsTrendHint: 'See how steady your responses are over time.', recordsEffect: 'Accuracy trend', recordsTrainingDays: 'Training days', recordsSessions: 'Completed', recordsMinutes: 'Minutes', recordsAccuracy: 'Accuracy', recordsBestScore: 'Best score', recordsFrequency: 'Training frequency', recordsHeatmap: 'Training rhythm', recordsLess: 'Less', recordsMore: 'More', recordsCurrentStreak: 'Current streak', recordsTaskMix: 'Your training preference', recordsPreferenceHint: 'The challenges you keep coming back to.', recordsSchulte: 'Schulte progress', recordsTodayCta: "Start today's challenge", recordsContinueCta: 'Continue training', recordsTodayHint: 'One focused session is enough to keep the rhythm going.', recordsDailyBridge: "Today's challenge", recordsDailyDone: 'Completed today', recordsDailyOpen: 'Open challenge', recordsDailyAgain: 'Try again', recordsSelectedDay: 'Day record', recordsNoSessions: 'No sessions recorded', recordsSessionCount: 'sessions', recordsTaskLabel: 'Most practiced', recordsPerformance: 'Task performance', recordsNoTaskData: 'Keep training to reveal how each challenge feels over time.', recordsNoData: 'Complete a game and your personal record will appear here.', recordsBack: 'Back to Settings', dailyCta: 'Open Daily', reportCta: 'View weekly report', dataTitle: 'Local Data', dataBody: 'Current records are stored locally. Cloud sync will be added after accounts are ready.', exportData: 'Export data', localOnly: 'Local only' } : { subtitle: '管理语言、音效、成长记录和未来同步。', accountTitle: '保存进度', accountBody: '目前记录会保存在这台设备上。之后开放账户后，可以同步 Daily streak 和历史记录。', accountCta: '即将开放', languageHint: '选择默认显示语言。', soundHint: '控制点击、答对、答错、计分和奖励音效。', dailyTitle: '训练记录', dailyBody: '查看每日、每周和每月的训练数据与变化。', dailyPageSubtitle: '查看每日挑战进度，也回顾这一周的成长轨迹。', backToSettings: '返回设置', dailyEnter: '进入', recordsSubtitle: '清楚看见自己的训练节奏和变化。', recordsDay: '日', recordsWeek: '周', recordsMonth: '月', recordsTrend: '训练效果', recordsTrendHint: '看看自己的状态是否变得更稳定。', recordsEffect: '正确率变化', recordsTrainingDays: '训练天数', recordsSessions: '完成次数', recordsMinutes: '训练分钟', recordsAccuracy: '平均正确率', recordsBestScore: '最高分', recordsFrequency: '训练频率', recordsHeatmap: '训练节奏', recordsLess: '少', recordsMore: '多', recordsCurrentStreak: '当前连续', recordsTaskMix: '你的训练偏好', recordsPreferenceHint: '看看哪些挑战让你最愿意一次次回来。', recordsSchulte: '舒尔特变化', recordsTodayCta: '开始今日挑战', recordsContinueCta: '继续训练', recordsTodayHint: '完成一局专注训练，就能继续保持现在的节奏。', recordsDailyBridge: '今日挑战', recordsDailyDone: '今天已完成', recordsDailyOpen: '进入挑战', recordsDailyAgain: '再挑战一次', recordsSelectedDay: '当天记录', recordsNoSessions: '这一天还没有训练记录', recordsSessionCount: '局', recordsTaskLabel: '最常练习', recordsPerformance: '各玩法表现', recordsNoTaskData: '继续完成几局训练后，这里会显示每个玩法的表现。', recordsNoData: '完成一局训练后，这里会出现你的个人记录。', recordsBack: '返回设置', dailyCta: '打开 Daily', reportCta: '查看本周周报', dataTitle: '本地数据', dataBody: '当前记录仅保存在本地。登录功能完成后再接入云端同步。', exportData: '导出数据', localOnly: '本地保存' }; const weeklyReportPromptText = isEnglish ? { title: 'Last week’s record is ready', body: 'Take a quiet look at the work you put in last week.', primary: 'View last week’s record', secondary: 'Later' } : { title: '上周训练记录已生成', body: '看看上周的训练，给自己的进步留下一点记录。', primary: '查看上周记录', secondary: '稍后再看' }; useEffect(() => { if (view !== 'weekly-report' || !weeklyReportUnlocked) { setWeeklyReportStep(0); setWeeklyReportCount(0); setWeeklyReportScore(0); return undefined; } setWeeklyReportStep(0); setWeeklyReportCount(0); setWeeklyReportScore(0); weeklyReportSoundTickRef.current = { count: 0, scoreStep: -1, lastAt: 0 }; const timers = [ setTimeout(() => { setWeeklyReportStep(1); playSound('reportStep1'); }, 260), setTimeout(() => { setWeeklyReportStep(2); playSound('reportStep2'); }, 1250), setTimeout(() => { setWeeklyReportStep(3); playSound('reportStep3'); }, 2200), setTimeout(() => { setWeeklyReportStep(4); playSound('reportStep4'); }, 3150), setTimeout(() => { setWeeklyReportStep(5); playSound('reportStep5'); }, 4100) ]; const target = Math.max(0, Number(weeklyReport.completedDays) || 0); let count = 0; let countTimer; const countStartTimer = setTimeout(() => { countTimer = setInterval(() => { if (target <= 0) { clearInterval(countTimer); return; } count = Math.min(target, count + Math.max(1, Math.ceil(target / 8))); setWeeklyReportCount(count); playSound('scoreTick'); if (count >= target) clearInterval(countTimer); }, 90); }, 300); let scoreTimer; const scoreStartTimer = setTimeout(() => { let currentScore = 0; scoreTimer = setInterval(() => { if (weeklyReportScoreTarget <= 0) { clearInterval(scoreTimer); return; } currentScore = Math.min(weeklyReportScoreTarget, currentScore + Math.max(1, Math.ceil(weeklyReportScoreTarget / 28))); setWeeklyReportScore(currentScore); const scoreStep = Math.floor((currentScore / weeklyReportScoreTarget) * 10); const now = Date.now(); if (scoreStep !== weeklyReportSoundTickRef.current.scoreStep && now - weeklyReportSoundTickRef.current.lastAt > 58) { weeklyReportSoundTickRef.current = { ...weeklyReportSoundTickRef.current, scoreStep, lastAt: now }; playSound(scoreStep > 6 ? 'scoreTickHigh' : 'scoreTick'); } if (currentScore >= weeklyReportScoreTarget) clearInterval(scoreTimer); }, 34); }, 2140); return () => { timers.forEach(timer => clearTimeout(timer)); clearTimeout(countStartTimer); if (countTimer) clearInterval(countTimer); clearTimeout(scoreStartTimer); if (scoreTimer) clearInterval(scoreTimer); }; }, [view, weeklyReport.completedDays, weeklyReportScoreTarget, weeklyReportUnlocked]); useEffect(() => { if (view !== 'home' || showUpdateNote || (!isMonday && !isWeeklyReportPromptPreview)) return; if (!mondayWeeklyReport.hasData && !isWeeklyReportPromptPreview) return; const promptKey = `pfl_weekly_report_prompt_${dailySpec.day}`; try { if (localStorage.getItem(promptKey)) return; } catch (error) { } setShowWeeklyReportPrompt(true); }, [dailySpec.day, isMonday, isWeeklyReportPromptPreview, mondayWeeklyReport.hasData, showUpdateNote, view]); const [schulte, setSchulte] = useState({ grid: [], next: 1 }); const [stroop, setStroop] = useState({ text: '', color: '', opts: [] }); const [nback, setNback] = useState({ current: null, previous: null, isMatch: false, isReady: false, roundId: null, roundNumber: 0 }); const [setGame, setSetGame] = useState({ cards: [], selected: [] }); const [neuronCount, setNeuronCount] = useState({ items: [], target: {}, targetCount: 0, currentCount: 0 }); const [controlPulse, setControlPulse] = useState(null); const nbackSeq = useRef([]); const nbackWarmupRef = useRef(false); const setgameWarmupRef = useRef(false); const feedbackTimer = useRef(null); const controlPulseTimer = useRef(null); const neuronMoveTimer = useRef(null); const resultScoreFrame = useRef(null); const resultScoreTickRef = useRef({ lastAt: 0, lastStep: 0 }); const answerLock = useRef(false); const sessionIdRef = useRef(`session-${Date.now()}-${Math.random().toString(16).slice(2)}`); const currentRunRef = useRef(null); const runStatsRef = useRef({ task: null, attempts: 0, correct: 0, incorrect: 0, startedAtMs: 0 }); const soundEngineRef = useRef(null); if (!soundEngineRef.current) { soundEngineRef.current = createSoundEngine(); } const playSound = (kind, forceEnabled = false) => { soundEngineRef.current?.play(kind, forceEnabled || soundEnabled); }; const toggleSound = () => { const nextEnabled = !soundEnabled; setSoundEnabled(nextEnabled); try { localStorage.setItem(SOUND_STORAGE_KEY, nextEnabled ? 'on' : 'off'); } catch (error) { // Sound preference is nice-to-have; keep the app usable if storage is blocked. } if (nextEnabled) { soundEngineRef.current?.play('success', true); } }; const getFeedback = (stats) => { const attempts = stats?.attempts || 0; const correct = stats?.correct || 0; const durationSeconds = Math.max(1, stats?.durationSeconds || 0); const accuracy = attempts ? (correct / attempts) * 100 : 0; const pace = (correct / durationSeconds) * 60; const task = stats?.task; const volumeTargets = { schulte: 25, stroop: 12, nback: 10, setgame: 3, neuroncount: 3, arena: 12 }; const fastPaceTargets = { stroop: 28, nback: 24, setgame: 5, neuroncount: 5, arena: 18 }; const hasEnoughVolume = correct >= (volumeTargets[task] || 8); const isFast = task === 'schulte' ? correct >= 25 && durationSeconds <= 45 : pace >= (fastPaceTargets[task] || 18); let tier = 0; if (stats?.isImproved) tier = 4; else if (!hasEnoughVolume || attempts === 0) tier = 0; else if (isFast && accuracy >= 90) tier = 3; else if (isFast) tier = 2; else if (accuracy >= 90) tier = 1; return RESULT_TEXT[lang][tier]; }; const getResultPresentation = ({ isDailyResult, resultAccuracy }) => { if (isDailyResult) { return { icon: dailyStreak > 0 ? 'flame' : 'badge-check', className: 'is-daily' }; } if (lastRunStats?.isImproved) { return { icon: 'trophy', className: 'is-record' }; } if (resultAccuracy >= 92 && lastScore >= 500) { return { icon: 'sparkles', className: 'is-excellent' }; } if (resultAccuracy >= 80) { return { icon: 'zap', className: 'is-sharp' }; } if (resultAccuracy >= 60) { return { icon: 'badge-check', className: 'is-steady' }; } return { icon: 'brain', className: 'is-warmup' }; }; const recordAttempt = (correct) => { const stats = runStatsRef.current; stats.attempts += 1; if (correct) stats.correct += 1; else stats.incorrect += 1; }; const pulseControl = (target) => { if (controlPulseTimer.current) clearTimeout(controlPulseTimer.current); setControlPulse(target); controlPulseTimer.current = setTimeout(() => { setControlPulse(null); controlPulseTimer.current = null; }, 180); }; const initGameCore = (type) => { const isHard = isChallengeDifficulty; if (type === 'schulte') { const variant = currentRunRef.current?.dailyVariant; const cols = variant === 'grid6' ? 6 : 5; const count = cols * cols; // 25 或 36 const symbols = variant === 'letters' ? Array.from({ length: count }, (_, i) => String.fromCharCode(65 + i)) // A..Y : Array.from({ length: count }, (_, i) => i + 1); // 1..N const sequence = variant === 'reverse' ? [...symbols].reverse() : symbols; const grid = [...symbols].sort(() => Math.random() - 0.5); setSchulte({ grid, sequence, index: 0, next: sequence[0], cols }); } else if (type === 'stroop') { const colors = COLOR_LABELS; const validPairs = colors.flatMap((textColor, textIndex) => colors .map((fontColor, colorIndex) => ({ textColor, fontColor, textIndex, colorIndex })) .filter(pair => pair.textIndex !== pair.colorIndex) ); setStroop(previous => { const availablePairs = validPairs.filter(pair => pair.textColor.zh !== previous.textZh || pair.fontColor.val !== previous.color ); const pair = availablePairs[Math.floor(Math.random() * availablePairs.length)]; return { roundId: `${Date.now()}-${Math.random().toString(16).slice(2)}`, textZh: pair.textColor.zh, textEn: pair.textColor.en, color: pair.fontColor.val, opts: [...colors].sort(() => Math.random() - 0.5) }; }); } else if (type === 'nback') { const level = isHard ? 2 : 1; const round = createNbackRound(nbackSeq.current, level); nbackSeq.current.push(round.current); setNback(previousRound => ({ ...round, previous: previousRound.current, roundId: `${Date.now()}-${nbackSeq.current.length}`, roundNumber: nbackSeq.current.length })); // 在 initGameCore 的 setgame 分支中修改： } else if (type === 'setgame') { const shapes = ['circle', 'square', 'triangle']; const colors = ['#EF4444', '#3B82F6', '#10B981']; const isHard = isChallengeDifficulty; // 逻辑判定：0代表全同，1代表全异 const logic = { color: Math.floor(Math.random() * 2), shape: Math.floor(Math.random() * 2), fill: 0 // 只有两档透明度,3 张凑不出"全不同",所以透明度只用"全同" }; // 强制至少有一个属性是“全异”，否则三张牌长得一模一样 if (Object.values(logic).every(v => v === 0)) logic.shape = 1; // 首玩带教三板:①颜色全同(同色不同形) ②图形全同(同形不同色) ③全异(都不同) if (setgameWarmupRef.current === 3) { logic.color = 0; logic.shape = 1; logic.fill = 0; } else if (setgameWarmupRef.current === 2) { logic.color = 1; logic.shape = 0; logic.fill = 0; } else if (setgameWarmupRef.current === 1) { logic.color = 1; logic.shape = 1; logic.fill = 0; } // 1. 生成正确解 (3张)。进阶:三张共用一个随机透明度(实心或半透明);基础:恒为实心 const solutionFill = isHard ? SET_FILL_LEVELS[Math.floor(Math.random() * SET_FILL_LEVELS.length)] : SET_FILL_LEVELS[0]; let solution = []; for (let i = 0; i < 3; i++) { solution.push({ color: logic.color === 0 ? colors[0] : colors[i], shape: logic.shape === 0 ? shapes[0] : shapes[i], fillLevel: solutionFill, isSolution: true }); } // 2. 生成干扰项 (6张) const fillers = Array.from({ length: 6 }, () => ({ shape: shapes[Math.floor(Math.random() * 3)], color: colors[Math.floor(Math.random() * 3)], fillLevel: isHard ? SET_FILL_LEVELS[Math.floor(Math.random() * SET_FILL_LEVELS.length)] : SET_FILL_LEVELS[0], isSolution: false })); const finalCards = [...solution, ...fillers] .sort(() => Math.random() - 0.5) .map((card, i) => ({ ...card, id: i })); setSetGame({ cards: finalCards, selected: [], successIds: [] }); } else if (type === 'neuroncount') { const isHard = isChallengeDifficulty; const shapes = ['circle', 'square', 'triangle']; const colors = ['bg-amber-500', 'bg-blue-500', 'bg-rose-500', 'bg-green-500', 'bg-purple-500']; const targetShape = shapes[Math.floor(Math.random() * shapes.length)]; const targetColor = colors[Math.floor(Math.random() * colors.length)]; const targetCount = isHard ? Math.floor(Math.random() * 6) + 7 : Math.floor(Math.random() * 4) + 4; const distractorCount = isHard ? Math.floor(Math.random() * 12) + 12 : Math.floor(Math.random() * 8) + 6; let items = []; for (let i = 0; i < targetCount; i++) { items.push({ id: `t_${i}`, shape: targetShape, color: targetColor, isTarget: true }); } for (let i = 0; i < distractorCount; i++) { let dShape, dColor; do { dShape = shapes[Math.floor(Math.random() * shapes.length)]; dColor = colors[Math.floor(Math.random() * colors.length)]; } while (dShape === targetShape && dColor === targetColor); items.push({ id: `d_${i}`, shape: dShape, color: dColor, isTarget: false }); } items = items.sort(() => Math.random() - 0.5); const columns = isHard ? 5 : 4; const rows = Math.ceil(items.length / columns); const positions = items.map((_, index) => { const col = index % columns; const row = Math.floor(index / columns); const cellW = 100 / columns; const cellH = 100 / rows; const jitterX = (Math.random() - 0.5) * Math.min(7, cellW * 0.35); const jitterY = (Math.random() - 0.5) * Math.min(6, cellH * 0.35); return { x: Math.min(92, Math.max(8, (col + 0.5) * cellW + jitterX)), y: Math.min(90, Math.max(10, (row + 0.5) * cellH + jitterY)), }; }).sort(() => Math.random() - 0.5); const moverCount = Math.min(isHard ? 3 : 0, items.length); const moverIndexes = new Set( [...items.keys()] .sort(() => Math.random() - 0.5) .slice(0, moverCount) ); items = items.map((item, index) => ({ ...item, x: positions[index].x, y: positions[index].y, rotate: isHard ? Math.floor(Math.random() * 360) : 0, scale: isHard ? (Math.random() * 0.5 + 0.7) : 1, popDelay: items.length > 1 ? (index / (items.length - 1)) * 1.6 : 0, isMover: moverIndexes.has(index) })); setNeuronCount({ items, target: { shape: targetShape, color: targetColor }, targetCount, currentCount: 0 }); } }; const switchArenaTask = () => { const tasks = ['schulte', 'stroop', 'setgame', 'neuroncount', 'nback']; const next = tasks[Math.floor(Math.random() * tasks.length)]; initGameCore(next); setView(next); }; const startChallenge = (type) => { // 首玩引导:SET / N-Back 这类需要先懂规则的游戏,第一次玩先弹规则卡(竞技/每日不拦)。 // storage 不可用时默认放行,避免卡住开局。 if (type && (type === 'setgame' || type === 'nback') && mode !== 'comp' && mode !== 'daily') { let rulesSeen = true; try { rulesSeen = !!localStorage.getItem(`pfl_rules_seen_${type}`); } catch (e) { rulesSeen = true; } if (!rulesSeen) { playSound('tap'); setShowInfo(type); return; } } playSound('start'); clearAnswerFeedback(); setScore(0); nbackSeq.current = []; const activeDailySpec = getDailySpec(); const taskType = mode === 'daily' ? activeDailySpec.task : type; // N-Back 首玩带教:新手第一局基础 N-Back,前 3 个答题轮做脚手架(露出上一个数字 + 不扣分)。 // 一次性,标记后永不再触发;进阶/竞技/每日不带教。storage 不可用时默认不带教。 if (taskType === 'nback' && mode !== 'comp' && mode !== 'daily' && !isChallengeDifficulty) { let warmupDone = true; try { warmupDone = !!localStorage.getItem('pfl_nback_warmup_done'); } catch (e) { warmupDone = true; } nbackWarmupRef.current = !warmupDone; if (!warmupDone) { try { localStorage.setItem('pfl_nback_warmup_done', '1'); } catch (e) { } } } else { nbackWarmupRef.current = false; } // SET 首玩带教:新手第一局基础 SET,第一板给一个高亮的清晰范例 + 不扣分,解出后转正常。 if (taskType === 'setgame' && mode !== 'comp' && mode !== 'daily') { const setKey = isChallengeDifficulty ? 'pfl_setgame_warmup_done_hard' : 'pfl_setgame_warmup_done'; let setDone = true; try { setDone = !!localStorage.getItem(setKey); } catch (e) { setDone = true; } setgameWarmupRef.current = setDone ? 0 : 3; // 3=颜色全同, 2=图形全同, 1=全异, 0=转正常 if (!setDone) { try { localStorage.setItem(setKey, '1'); } catch (e) { } } } else { setgameWarmupRef.current = 0; } const taskName = mode === 'comp' ? 'arena' : mode === 'daily' ? 'daily' : taskType; runStatsRef.current = { task: mode === 'comp' ? 'arena' : taskType, attempts: 0, correct: 0, incorrect: 0, startedAtMs: Date.now() }; setLastRunStats(null); currentRunRef.current = { task: taskName, dailyChallengeId: mode === 'daily' ? activeDailySpec.id : null, dailyInstanceId: mode === 'daily' ? activeDailySpec.instanceId : null, dailyTask: mode === 'daily' ? taskType : null, dailyDay: mode === 'daily' ? activeDailySpec.day : null, dailyVariant: mode === 'daily' ? activeDailySpec.variant : null, dailyCompletion: mode === 'daily' ? activeDailySpec.completion : null, dailyDuration: mode === 'daily' ? activeDailySpec.duration : null, mode, startedAt: new Date().toISOString() }; recordRetention('game_start', { sessionId: sessionIdRef.current, task: taskName, mode, dailyChallengeId: mode === 'daily' ? activeDailySpec.id : null, dailyInstanceId: mode === 'daily' ? activeDailySpec.instanceId : null, dailyTask: mode === 'daily' ? taskType : null, dailyDay: mode === 'daily' ? activeDailySpec.day : null, dailyVariant: mode === 'daily' ? activeDailySpec.variant : null, dailyCompletion: mode === 'daily' ? activeDailySpec.completion : null, dailyDuration: mode === 'daily' ? activeDailySpec.duration : null }); if (mode === 'comp') { setTimeLeft(90); switchArenaTask(); } else if (mode === 'daily') { setTimeLeft(activeDailySpec.duration || TASK_DATA[taskType].time); initGameCore(taskType); setView(taskType); } else if (mode === 'infinite') { setTimeLeft(-1); initGameCore(taskType); setView(taskType); } else { setTimeLeft(TASK_DATA[taskType].time); initGameCore(taskType); setView(taskType); } }; const handleArenaError = ({ flash = true } = {}) => { if (flash) { setIsError(true); setTimeout(() => setIsError(false), 400); } if (mode === 'comp') setTimeLeft(prev => Math.max(0, prev - 5)); }; const clearAnswerFeedback = () => { if (feedbackTimer.current) clearTimeout(feedbackTimer.current); feedbackTimer.current = null; answerLock.current = false; setAnswerFeedback(null); }; const finishAnswerFeedback = (nextType, shouldAdvance) => { setAnswerFeedback(null); answerLock.current = false; feedbackTimer.current = null; if (nextType === 'setgame' && !shouldAdvance) { setSetGame(previous => ({ ...previous, selected: [], errorIds: [] })); } if (!shouldAdvance) return; mode === 'comp' ? switchArenaTask() : initGameCore(nextType); }; const getAnswerFeedbackPosition = (event) => { if (!event?.currentTarget) return { x: window.innerWidth / 2, y: 96, side: 'top' }; const rect = event.currentTarget.getBoundingClientRect(); const gap = 10; const centerX = rect.left + rect.width / 2; return { x: Math.min(window.innerWidth - 60, Math.max(60, centerX)), y: rect.top - gap, side: 'top' }; }; const getCenteredFeedbackPosition = (element) => { const rect = element?.getBoundingClientRect(); if (!rect) return { x: window.innerWidth / 2, y: 96, side: 'top' }; return { x: rect.left + rect.width / 2, y: rect.top - 12, side: 'top' }; }; const showAnswerFeedback = ({ correct, points = 0, penalty = 0, showPenalty = false, nextType, target, advance = true, event, position, flashError = true, duration }) => { if (answerLock.current) return; answerLock.current = true; recordAttempt(correct); playSound(correct ? 'success' : 'error'); if (correct) { setScore(s => s + points); } else { if (penalty > 0) setScore(s => Math.max(0, s - penalty)); handleArenaError({ flash: flashError }); } setAnswerFeedback({ status: correct ? 'correct' : 'wrong', points, penalty, showPenalty, target, ...(position || getAnswerFeedbackPosition(event)) }); if (feedbackTimer.current) clearTimeout(feedbackTimer.current); feedbackTimer.current = setTimeout(() => finishAnswerFeedback(nextType, advance), duration || (correct ? 360 : 300)); }; const handleNbackAnswer = (answerIsMatch, event) => { if (!nback.isReady) { playSound('tap'); initGameCore('nback'); return; } const nbackAnswerable = nback.roundNumber - (isChallengeDifficulty ? 2 : 1); const isWarmup = nbackWarmupRef.current && !isChallengeDifficulty && nbackAnswerable >= 1 && nbackAnswerable <= 3; const isCorrect = answerIsMatch === nback.isMatch; showAnswerFeedback({ correct: isCorrect, points: 30, penalty: isWarmup ? 0 : 10, nextType: 'nback', target: answerIsMatch ? 'match' : 'different', advance: true, event, flashError: false, duration: 220 }); }; const getCurrentRunAnalytics = () => { const stats = runStatsRef.current || {}; const durationSeconds = stats.startedAtMs ? Math.max(1, Math.round((Date.now() - stats.startedAtMs) / 1000)) : 0; return { score, attempts: stats.attempts || 0, correct: stats.correct || 0, incorrect: stats.incorrect || 0, accuracy: stats.attempts ? Math.round(((stats.correct || 0) / stats.attempts) * 100) : 0, durationSeconds }; }; const getNeuronDistance = (a, b) => { const dx = a.x - b.x; const dy = (a.y - b.y) * 1.45; return Math.sqrt(dx * dx + dy * dy); }; const hasNeuronCollision = (candidate, items, movingId) => ( items.some(other => other.id !== movingId && getNeuronDistance(candidate, other) < 12) ); const moveNeuronDistractors = () => { setNeuronCount(prev => { const nextItems = prev.items.map(item => ({ ...item })); nextItems.forEach(item => { if (!item.isMover) return item; for (let attempt = 0; attempt < 12; attempt++) { const deltaX = (Math.random() > 0.5 ? 1 : -1) * (18 + Math.random() * 22); const deltaY = (Math.random() > 0.5 ? 1 : -1) * (18 + Math.random() * 22); const candidate = { x: Math.min(90, Math.max(10, item.x + deltaX)), y: Math.min(88, Math.max(12, item.y + deltaY)), }; if (!hasNeuronCollision(candidate, nextItems, item.id)) { item.x = candidate.x; item.y = candidate.y; return item; } } return item; }); return { ...prev, items: nextItems }; }); }; const endGame = (finalScoreOverride) => { clearAnswerFeedback(); const currentFinalScore = typeof finalScoreOverride === 'number' ? finalScoreOverride : score; const isComp = mode === 'comp'; const isDaily = mode === 'daily'; const isInfinite = mode === 'infinite'; const previousBest = isComp ? (history.bestCompScore || 0) : isDaily ? (dailyRecord.bestScore || 0) : isInfinite ? 0 : (history.taskBestScores?.[view] || 0); const runStats = { ...runStatsRef.current, isImproved: previousBest > 0 && currentFinalScore > previousBest, durationSeconds: runStatsRef.current.startedAtMs ? Math.max(1, Math.round((Date.now() - runStatsRef.current.startedAtMs) / 1000)) : 0 }; setLastScore(currentFinalScore); setLastRunStats(runStats); const completedTask = currentRunRef.current?.task || (isComp ? 'arena' : view); recordRetention('game_complete', { sessionId: sessionIdRef.current, task: completedTask, mode, score: currentFinalScore, attempts: runStats.attempts, correct: runStats.correct, incorrect: runStats.incorrect, accuracy: runStats.attempts ? Math.round((runStats.correct / runStats.attempts) * 100) : 0, dailyChallengeId: currentRunRef.current?.dailyChallengeId || null, dailyInstanceId: currentRunRef.current?.dailyInstanceId || null, dailyTask: currentRunRef.current?.dailyTask || null, dailyDay: currentRunRef.current?.dailyDay || null, dailyVariant: currentRunRef.current?.dailyVariant || null, dailyCompletion: currentRunRef.current?.dailyCompletion || null, dailyDuration: currentRunRef.current?.dailyDuration || null, durationSeconds: runStats.durationSeconds }); if (isDaily) { const day = currentRunRef.current?.dailyDay || getDayKey(); const dailyTask = currentRunRef.current?.dailyTask || view; const previousDailyDays = dailyProgress.days || {}; const previousDayRecord = previousDailyDays[day] || {}; const previousWeeklyGoalCount = Math.min( getWeeklyDailyDays(previousDailyDays, day).filter(weekDay => weekDay.completed).length, WEEKLY_DAILY_GOAL ); setDailyProgress(prev => { const dayRecord = prev.days?.[day] || {}; const nextData = { ...prev, updatedAt: new Date().toISOString(), days: { ...(prev.days || {}), [day]: { ...dayRecord, completed: true, challengeId: currentRunRef.current?.dailyChallengeId || null, instanceId: currentRunRef.current?.dailyInstanceId || null, variant: currentRunRef.current?.dailyVariant || null, completion: currentRunRef.current?.dailyCompletion || null, duration: currentRunRef.current?.dailyDuration || null, task: dailyTask, bestScore: Math.max(dayRecord.bestScore || 0, currentFinalScore), lastScore: currentFinalScore, completedAt: new Date().toISOString() } } }; writeDailyProgress(nextData); return nextData; }); if (!previousDayRecord.completed) { setDailyWeekAdvance({ day, from: previousWeeklyGoalCount, to: Math.min(previousWeeklyGoalCount + 1, WEEKLY_DAILY_GOAL), key: Date.now() }); } } currentRunRef.current = null; setHistory(prev => { // 计算新的最高分 const newBestScore = (isComp || isDaily || isInfinite) ? prev.bestScore : Math.max(prev.bestScore, currentFinalScore); const newBestCompScore = isComp ? Math.max(prev.bestCompScore || 0, currentFinalScore) : (prev.bestCompScore || 0); const taskBestScores = { ...DEFAULT_TASK_BESTS, ...(prev.taskBestScores || {}) }; if (!isComp && !isDaily && !isInfinite && Object.prototype.hasOwnProperty.call(DEFAULT_TASK_BESTS, view)) { taskBestScores[view] = Math.max(taskBestScores[view] || 0, currentFinalScore); } // 核心修复：解锁条件必须基于【更新后】的最高分，或者已经是解锁状态 const hasReachedThreshold = newBestScore >= 500; const updatedUnlockStatus = prev.isHardUnlocked || hasReachedThreshold; const newHist = { ...prev, bestScore: newBestScore, bestCompScore: newBestCompScore, taskBestScores, isHardUnlocked: updatedUnlockStatus }; localStorage.setItem('brain_train_pro_v5', JSON.stringify(newHist)); return newHist; }); setView('result'); setTimeLeft(0); }; useEffect(() => { return () => { if (feedbackTimer.current) clearTimeout(feedbackTimer.current); if (neuronMoveTimer.current) clearInterval(neuronMoveTimer.current); if (resultScoreFrame.current) cancelAnimationFrame(resultScoreFrame.current); }; }, []); // 测试用:URL 带 ?newbie 时清掉新手引导记录,让规则卡/带教重新出现 useEffect(() => { try { if (new URLSearchParams(window.location.search).has('newbie')) { ['pfl_rules_seen_setgame', 'pfl_rules_seen_nback', 'pfl_nback_warmup_done', 'pfl_setgame_warmup_done', 'pfl_setgame_warmup_done_hard'] .forEach(k => localStorage.removeItem(k)); } } catch (e) { } }, []); useEffect(() => { if (resultScoreFrame.current) { cancelAnimationFrame(resultScoreFrame.current); resultScoreFrame.current = null; } if (view !== 'result') { setAnimatedScore(0); return; } const targetScore = Math.max(0, Math.round(lastScore || 0)); if (!targetScore || window.matchMedia?.('(prefers-reduced-motion: reduce)')?.matches) { setAnimatedScore(targetScore); setTimeout(() => playSound(mode === 'daily' ? 'daily' : 'complete'), 120); return; } const duration = Math.min(920, Math.max(560, 460 + targetScore * 0.45)); const startedAt = performance.now(); resultScoreTickRef.current = { lastAt: 0, lastStep: -1 }; const tick = (now) => { const progress = Math.min(1, (now - startedAt) / duration); const eased = 1 - Math.pow(1 - progress, 3); const nextScore = Math.round(targetScore * eased); setAnimatedScore(nextScore); const tickStep = Math.floor(progress * 10); if (soundEnabled && tickStep !== resultScoreTickRef.current.lastStep && now - resultScoreTickRef.current.lastAt > 58) { resultScoreTickRef.current = { lastAt: now, lastStep: tickStep }; playSound(tickStep > 6 ? 'scoreTickHigh' : 'scoreTick'); } if (progress < 1) { resultScoreFrame.current = requestAnimationFrame(tick); } else { resultScoreFrame.current = null; setTimeout(() => playSound(mode === 'daily' ? 'daily' : 'complete'), 90); } }; setAnimatedScore(0); resultScoreFrame.current = requestAnimationFrame(tick); return () => { if (resultScoreFrame.current) { cancelAnimationFrame(resultScoreFrame.current); resultScoreFrame.current = null; } }; }, [view, lastScore]); useEffect(() => { if (!dailyWeekAdvance || view !== 'home' || mode !== 'daily') return undefined; const clearDelay = dailyWeekAdvance.to >= WEEKLY_DAILY_GOAL ? 1800 : 1350; const timer = setTimeout(() => { setDailyWeekAdvance(null); }, clearDelay); return () => clearTimeout(timer); }, [dailyWeekAdvance, view, mode]); useEffect(() => { if (neuronMoveTimer.current) { clearInterval(neuronMoveTimer.current); neuronMoveTimer.current = null; } if (view !== 'neuroncount') return undefined; const startDelay = setTimeout(() => { moveNeuronDistractors(); neuronMoveTimer.current = setInterval(moveNeuronDistractors, 2000); }, 2200); return () => { clearTimeout(startDelay); if (neuronMoveTimer.current) { clearInterval(neuronMoveTimer.current); neuronMoveTimer.current = null; } }; }, [view]); useEffect(() => { let timer; if (isGameView && !isInfiniteMode && timeLeft > 0) { timer = setInterval(() => setTimeLeft(t => t - 1), 1000); } else if (timeLeft === 0 && isGameView && !isInfiniteMode) { endGame(); } return () => clearInterval(timer); }, [timeLeft, view, isInfiniteMode]); // N-Back 首玩带教:当前是否处于"露出上一张卡 + 不扣分"的热身答题轮(前 3 题) const nbackAnswerableIndex = nback.roundNumber - (isChallengeDifficulty ? 2 : 1); const isNbackWarmupRound = nbackWarmupRef.current && !isChallengeDifficulty && nback.isReady && nbackAnswerableIndex >= 1 && nbackAnswerableIndex <= 3; return (