(() => { 'use strict'; const campaign = document.body.dataset.campaign === 'teacher' ? 'teacher' : 'campus'; const config = { teacher: { name: '教师好搭子分享计划', title: '把从容，
分享给身边的老师。', intro: '备课、教研、班级里的大小事，
让小黑帮忙记，让你专心教。
邀请同事，一起把时间留给教学。', role: 'writer', roleName: '墨白 · 写作搭子', message: '教研总结、工作复盘，
我来帮你理清思路。', template: '教师工作模板包', report: '工作日报', weekly: '教研周复盘', friend: '同事', icon: 'book', shareText: '最近在用小黑日报助手，备课、教研和日常工作的记录终于不用靠回忆补写了。也想把这个好搭子分享给你。打开我的邀请链接，在网页下载小黑并确认邀请关系。完成首份有效日报，你我各得 500 积分；新用户完成活动任务，还可额外获得 3,000 积分和教师工作模板包。', previewTitle: '认真教书的你，
也值得一个好搭子。', previewText: '自动记录备课与教研投入，整理工作复盘。把琐碎留给小黑，把时间留给教学。' }, campus: { name: '校园好搭子分享计划', title: '学习路上，
好搭子值得分享。', intro: '课程、作业和那些想做成的事，
让小黑帮你把每一份努力记下来。
邀请同学，一起把进步看清楚。', role: 'research', roleName: '寻真 · 研究搭子', message: '学习记录、项目复盘，
一起把进步看清楚。', template: '学习复盘模板包', report: '学习日报', weekly: '学习周复盘', friend: '同学', icon: 'cap', shareText: '发现一个好用的学习搭子：小黑日报助手。它可以自动记录学习和项目投入，帮我做复盘、整理待办。打开我的邀请链接，在网页下载小黑并确认邀请关系。完成首份有效日报，你我各得 500 积分；新用户完成活动任务，还可额外获得 3,000 积分和学习复盘模板包。', previewTitle: '你的努力，
值得被好好记录。', previewText: '从课程学习到实习项目，小黑帮你记录投入、整理复盘，让下一步更清楚。' } }[campaign]; const content = { teacher: { eyebrow: '致认真教书的你 · 教师邀请季', sceneTitle: '从备课到复盘，
小黑替你理清日常。', sceneIntro: '不再临到总结才努力回忆。把已经发生的工作，变成清楚的记录和下一步。', scenes: [ { title: '教学投入，随手有记录', description: '从备课资料到教研文档，找回一天的工作脉络。', icon: 'clock', label: '今日工作记录', type: 'timeline', prompt: '根据今天的工作记录，整理一份教师工作日报，分成备课、教研和班级事务，标出需要继续跟进的内容。', items: [['09:10', '准备《秋天的怀念》课堂资料', '备课 · 阅读资料与整理提纲'], ['14:00', '整理年级组教研讨论记录', '教研 · 明确本周教学重点'], ['16:30', '完善本周班级工作安排', '班级事务 · 梳理后续待办']] }, { title: '一周工作，清楚地复盘', description: '成果、问题、下一步，用自己的记录讲清楚。', icon: 'file', label: '本周教研复盘', type: 'report', prompt: '帮我复盘本周的教学与教研工作。按本周完成、课堂观察、需要改进、下周计划四部分整理，不补写记录中没有的信息。', items: [['本周完成', '整理单元备课材料，完成教研讨论记录。'], ['课堂观察', '把课堂反馈与待验证的教学想法分开记录。'], ['下周计划', '补充课堂练习资料，跟进本周未完成事项。']] }, { title: '把想法，变成下一步', description: '和小黑聊一句，整理待办并确认后再指派。', icon: 'check', label: '小黑 · 教学工作搭子', type: 'chat', prompt: '把本周教研复盘里需要继续跟进的事项整理成待办，先列出建议负责人和截止日期，确认后再创建或指派。', items: [['user', '把这次教研讨论里的后续事项理一下。'], ['bot', '可以，先整理成三件事：补充课堂素材、完善练习题、汇总试讲反馈。'], ['bot', '要交给同事的部分，我会先和你确认负责人，再创建待办。']] } ], templates: [ { title: '教师工作日报', subtitle: '把一天的投入写清楚', icon: 'file', sections: [['今日完成', '备课内容、课堂准备、教研与班级事务'], ['问题与观察', '值得留下的反馈，以及需要继续确认的问题'], ['后续安排', '下一步事项、优先级与预期完成时间']] }, { title: '教研周复盘', subtitle: '不只记录，更看见改进', icon: 'book', sections: [['本周重点', '本周的教学目标与工作侧重点'], ['收获与调整', '有效的做法、具体问题和改进思路'], ['下周计划', '可行动、可追踪的后续安排']] }, { title: '会议行动清单', subtitle: '讨论结束，下一步开始', icon: 'check', sections: [['已达成共识', '会议确认的结论，不把讨论当成决定'], ['待办清单', '任务、负责人、截止日期与依赖事项'], ['待确认项', '保留尚未决策或信息不完整的内容']] }, { title: '阶段工作总结', subtitle: '从零散记录到完整回顾', icon: 'folder', sections: [['阶段成果', '按工作主题整理已完成事项'], ['代表性实践', '从真实记录里选择有价值的工作片段'], ['下一阶段', '需要延续、调整或新启动的行动']] } ] }, campus: { eyebrow: '把新学期过成自己喜欢的样子 · 校园邀请季', sceneTitle: '从第一堂课，
到第一个拿得出手的项目。', sceneIntro: '记录不该成为新的负担。小黑帮你留下过程，也帮你看清自己正在往哪里走。', scenes: [ { title: '今天学了什么，有迹可循', description: '课程资料、练习与项目投入，汇成清楚的时间线。', icon: 'clock', label: '今日学习记录', type: 'timeline', prompt: '根据今天的学习记录，整理一份学习日报。区分课程学习、练习与项目进展，列出还没弄懂的问题和下一步。', items: [['09:20', '阅读数据结构课程资料', '课程学习 · 二叉树与遍历方法'], ['14:10', '完成课程项目的交互原型', '小组项目 · 梳理核心页面流程'], ['19:30', '整理实习任务与明日计划', '实习准备 · 更新任务清单']] }, { title: '认真复盘，进步看得见', description: '每周留下一份回顾，不让努力只剩“很忙”。', icon: 'file', label: '本周学习复盘', type: 'report', prompt: '帮我复盘这周的学习和项目记录，按学到什么、做成什么、遇到什么问题、下周重点四部分整理，不编造学习成果。', items: [['学到什么', '梳理课程的核心概念，标记还需要巩固的知识点。'], ['做成什么', '完成小组项目原型，把反馈整理为修改清单。'], ['下周重点', '完成待验证的练习，优先推进项目的关键环节。']] }, { title: '和小黑聊聊，事情就有头绪', description: '拆解作业、安排待办，也帮小组确认好分工。', icon: 'check', label: '小黑 · 学习项目搭子', type: 'chat', prompt: '帮我把课程小组项目拆成可以执行的待办，先给任务建议，不直接指派给别人。负责人和截止时间请向我确认。', items: [['user', '下周要交小组作业，帮我理一下先做什么。'], ['bot', '先把它拆成三步：确认选题、收集资料、整理展示内容。'], ['bot', '我可以帮你创建待办。谁来负责、什么时候完成，我们确认后再安排。']] } ], templates: [ { title: '学习日报', subtitle: '记下今天，也准备明天', icon: 'file', sections: [['今日学习', '课程、阅读与练习的真实记录'], ['收获与疑问', '已经理解的内容，与还没想明白的问题'], ['明日重点', '优先完成的具体学习任务']] }, { title: '学习周复盘', subtitle: '看见进步，找到方向', icon: 'book', sections: [['本周投入', '按课程和项目汇总学习脉络'], ['进步与问题', '完成的任务、掌握的内容与需要补齐的部分'], ['下周计划', '少而明确的学习重点与行动安排']] }, { title: '小组项目进度', subtitle: '一起做事，更有条理', icon: 'people', sections: [['当前进展', '已完成、进行中与被阻塞的任务'], ['分工确认', '每个人的任务、交付物与时间节点'], ['下次同步', '需要讨论的问题与下一次检查点']] }, { title: '实习工作记录', subtitle: '让每一步成长有据可循', icon: 'folder', sections: [['今日工作', '实际参与的任务和产出'], ['学习收获', '遇到的新工具、方法与工作经验'], ['待跟进', '需要请教、确认或继续推进的事项']] } ] } }[campaign]; const paths = { chevron: '', copy: '', check: '', close: '', link: '', people: '', gift: '', book: '', cap: '', info: '', file: '', eye: '', clock: '', folder: '', }; const icon = name => ''; // Preview and copied link deliberately share one destination. No production deployment is implied. const inviteCode = 'XH-DEMO-' + campaign.toUpperCase(); const landingURL = new URL(window.XHOffline.baseURL); landingURL.search = new URLSearchParams({ view: 'friend-download.html', campaign, code: inviteCode }).toString(); landingURL.hash = ''; const link = landingURL.href; const localPreview = ['file:'].includes(location.protocol) || ['localhost', '127.0.0.1', '::1', '[::1]'].includes(location.hostname); const linkScopeNote = localPreview ? '本地演示地址，发布网页后方可对外分享。' : '活动演示链接；正式对外邀请需接入真实账号、邀请码及奖励服务。'; const escape = text => String(text).replace(/[&<>"']/g, char => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[char])); let count = 0; let recordOpen = false; let toastTimer; let dialogOpener; const copyFeedback = new WeakMap(); document.title = config.name + ' · 小黑日报助手'; document.querySelector('#app').innerHTML = `

小黑日报助手把时间，留给重要的事。

${icon(config.icon)}${config.name}好用，值得分享

${content.eyebrow}

${config.title}

${config.intro}

${icon('clock')}自动记录${icon('file')}轻松复盘${icon('check')}推进待办

${config.roleName}

${icon('gift')}你获得

500积分 / 位

成功邀请 3 位
累计最高 1,500 积分

${icon('people')}新朋友获得

3,500积分，最高

3,000 新人任务 + 500 邀请奖励
另享${config.template}

我的邀请演示数据

分享的，不只是积分

${content.sceneTitle}

${content.sceneIntro}

${content.scenes.map((scene, index) => ``).join('')}

让好友更快上手

送一份灵感，也送一套方法。

完成新人任务，即可解锁${config.template}。
先看看这些模板，挑一份适合 TA 的。

${content.templates.map((template, index) => ``).join('')}

分享很简单

三步，把好搭子介绍给好友。

分享你的专属邀请

复制邀请链接发给${config.friend}，好友点击后直接打开网页。

好友下载并开始记录

好友在网页下载客户端，注册并确认邀请关系，完成首份有效日报。

你们一起收下积分

你获得 500 积分；好友首份日报共得 2,500 积分，还可继续解锁奖励。

权益说明

新朋友的积分，这样到账

完成首份${config.report}

2,500 积分

2,000 新人启动积分
加上 500 专属邀请奖励

养成一周复盘习惯

1,000 积分

首份日报后 7 天内，累计 3 个有效记录日，完成${config.weekly}。

完成全部任务，另享${config.template}。

常见问题

邀请前，你可能想知道

什么是一次成功邀请？${icon('chevron')}

新朋友通过你的专属链接完成注册，并生成首份有真实时间线记录的有效日报，才算一次成功邀请。仅打开链接、注册、空白报告或失败的生成均不计入。同一新用户只能绑定一位邀请人。

邀请满 3 位后，还能继续分享吗？${icon('chevron')}

可以继续分享。每位邀请人仅前 3 位有效新用户计入奖励，邀请奖励最高 1,500 积分；第 4 位起邀请人不再增加积分，新用户自己的新人任务奖励和 500 积分受邀奖励不受影响。

积分可以用来做什么？${icon('chevron')}

可用于小黑已开放、已标价的记录识别、报告生成与 Bot 等 AI 能力，具体消耗以客户端提示为准。按日均 250–300 积分估算，500 积分约够使用 1–2 天；实际消耗会随任务变化。活动积分建议到账后 30 天有效，正式规则以上线版本为准。

已有账号，还需要重复注册吗？${icon('chevron')}

不需要。本页供已有小黑账号的用户分享邀请。正式版将沿用当前登录账号生成专属邀请链接，好友通过网页下载客户端。不要为参加活动重复注册账号；同一新用户仅能绑定一位邀请人。

`; const dialog = document.querySelector('#share-dialog'); let activeScene = 0; function renderScene(index, focusTab = false) { activeScene = index; const scene = content.scenes[index]; document.querySelectorAll('[data-scene]').forEach(button => { const selected = Number(button.dataset.scene) === index; button.setAttribute('aria-selected', String(selected)); button.tabIndex = selected ? 0 : -1; if (selected && focusTab) button.focus(); }); const panel = document.querySelector('#scene-panel'); panel.setAttribute('aria-labelledby', 'scene-tab-' + index); const body = scene.type === 'timeline' ? `

${scene.items.map(item => `

${item[0]}

${item[1]}

${item[2]}

`).join('')}

${icon('file')}把零散记录，整理成一份属于你的${config.report}。

` : scene.type === 'report' ? `

${campaign === 'teacher' ? '教学与教研' : '学习与项目'}每周一次，认真回顾

${scene.items.map((item, index) => `

0${index + 1}

${item[0]}

${item[1]}

`).join('')}

` : `

${scene.items.map(item => `

${item[0] === 'bot' ? '

' : ''}

${item[1]}

${item[0] === 'user' ? '我' : ''}

`).join('')}

`; panel.innerHTML = `

${icon(scene.icon)}

${scene.label}

${campaign === 'teacher' ? '把每一份教学投入，好好留下' : '今天的努力，也是明天的底气'}

${body}

${icon('info')}示例内容，基于你授权的记录生成

`; } function renderProgress() { document.querySelector('#progress').innerHTML = `

${count}/ 3 位

已成功邀请

${(count * 500).toLocaleString('en-US')}积分

已获得邀请奖励

${[1,2,3].map(number => `

${number <= count ? icon('check') : number}累计 ${(number * 500).toLocaleString('en-US')} 积分

`).join('')}

${count === 0 ? '还没有成功邀请。把专属链接分享出去，邀请你的第一位好搭子。' : count < 3 ? '第一位好搭子已加入。 再成功邀请 2 位，还可获得 1,000 积分。' : '1,500 积分邀请奖励已集齐。 你仍可分享链接，帮新朋友获得他们的新人权益。'}

`; document.querySelector('#records').innerHTML = count === 0 ? `

${icon('people')}

你的第一位好搭子，还在路上

好友通过链接注册后，可在这里查看后续进度。

` : `

受邀好友邀请时间状态你的奖励

${Array.from({ length: count }, (_, index) => `

示例${config.friend} ${['A','B','C'][index]}演示日期已完成首份日报+500 积分

`).join('')}`; } function notify(message) { clearTimeout(toastTimer); const toast = document.querySelector('#toast'); toast.innerHTML = icon('check') + '' + escape(message) + ''; toast.classList.add('visible'); toastTimer = setTimeout(() => toast.classList.remove('visible'), 2800); } async function copyText(text, button, successMessage) { const previous = button && copyFeedback.get(button); const original = previous?.original || button?.innerHTML; if (previous) clearTimeout(previous.timer); try { if (!navigator.clipboard?.writeText) throw new Error('clipboard unavailable'); await navigator.clipboard.writeText(text); } catch (_) { const field = document.createElement('textarea'); field.value = text; field.style.cssText = 'position:fixed;left:0;top:0;width:1px;height:1px;opacity:0'; (dialog.open ? dialog : document.body).appendChild(field); field.select(); let copied = false; try { copied = document.execCommand('copy'); } catch (_) { copied = false; } finally { field.remove(); } if (!copied) { if (dialog.open) dialog.close(); const input = document.querySelector(text === inviteCode ? '#invite-code' : '#invite-link'); input.focus(); input.select(); if (text === link) { notify('自动复制不可用，请按 Ctrl+C 复制已选中的链接'); } else if (text === inviteCode) { notify('邀请码已选中，请使用系统复制操作；演示码不可用于绑定或领奖。'); } else { openDialog('手动复制分享文案', '

浏览器未允许自动复制，请选中文案并按 Ctrl+C。

'); document.querySelector('#manual-copy').select(); } return; } } notify(successMessage || (text === link ? (localPreview ? '本地演示链接已复制，可在本机打开下载页' : '邀请链接已复制，好友打开后进入下载页') : '分享文案和邀请链接已复制')); if (button) { button.innerHTML = icon('check') + '已复制'; button.classList.add('success'); const timer = setTimeout(() => { button.innerHTML = original; button.classList.remove('success'); copyFeedback.delete(button); }, 2200); copyFeedback.set(button, { original, timer }); } } function openDialog(title, body) { dialogOpener = document.activeElement; document.querySelector('#dialog-title').textContent = title; document.querySelector('#dialog-body').innerHTML = body; if (!dialog.open) dialog.showModal(); } function closeDialog() { dialog.close(); } dialog.addEventListener('close', () => { if (dialogOpener?.isConnected) dialogOpener.focus(); }); dialog.addEventListener('click', event => { const rect = dialog.getBoundingClientRect(); if (event.target === dialog && (event.clientX < rect.left || event.clientX > rect.right || event.clientY < rect.top || event.clientY > rect.bottom)) closeDialog(); }); document.addEventListener('click', event => { const sceneButton = event.target.closest('[data-scene]'); if (sceneButton) { renderScene(Number(sceneButton.dataset.scene)); return; } const templateButton = event.target.closest('[data-template]'); if (templateButton) { const index = Number(templateButton.dataset.template); const template = content.templates[index]; openDialog(template.title + ' · 模板预览', `

${template.subtitle}。这是一份可带入小黑的结构示例，具体内容根据你的真实记录整理。

${icon(template.icon)}${config.template}

${template.sections.map((section, index) => `

0${index + 1}${section[0]}

${section[1]}

`).join('')}

预览为内容示意。实际模板权益由完成任务后的账号资格决定。

`); return; } const templateCopy = event.target.closest('[data-copy-template]'); if (templateCopy) { const template = content.templates[Number(templateCopy.dataset.copyTemplate)]; copyText('请根据我授权的真实记录，按“' + template.title + '”整理内容。\n' + template.sections.map(section => section[0] + '：' + section[1]).join('\n') + '\n不要补写记录中没有的事实，缺少的信息请向我确认。', templateCopy, '模板提示词已复制，可粘贴到小黑对话中'); return; } const countButton = event.target.closest('[data-count]'); if (countButton) { count = Number(countButton.dataset.count); renderProgress(); document.querySelectorAll('[data-count]').forEach(button => button.setAttribute('aria-pressed', String(button === countButton))); notify('已切换为演示状态，不涉及真实积分'); return; } const button = event.target.closest('[data-action]'); if (!button) return; const action = button.dataset.action; if (action === 'copy-link') copyText(link, button); if (action === 'copy-code') copyText(inviteCode, button, '邀请码已复制，可粘贴分享给好友；演示码不会绑定账号或用于领奖。'); if (action === 'copy-scene') copyText(content.scenes[activeScene].prompt, button, '提示词已复制，可粘贴到小黑对话中'); if (action === 'close') closeDialog(); if (action === 'records') { recordOpen = !recordOpen; document.querySelector('#records').hidden = !recordOpen; button.setAttribute('aria-expanded', String(recordOpen)); button.innerHTML = (recordOpen ? '收起记录' : '邀请记录') + icon('chevron'); } if (action === 'share-copy') openDialog('把这段话，分享给好友', `

用你自己的语气介绍小黑。复制时会自动附上专属邀请链接。

`); if (action === 'restore-copy') document.querySelector('#share-message').value = config.shareText; if (action === 'copy-message') { const content = document.querySelector('#share-message').value.trim(); if (!content) { document.querySelector('#share-message').focus(); notify('请先写一句想对好友说的话'); return; } copyText(content + '\n\n' + link + '\n\n' + (localPreview ? '原型演示：此地址仅在当前电脑可用，邀请码无效，无法领取权益。' : '原型演示：邀请码无效，无法领取权益。'), button); } }); document.querySelector('#invite-link').addEventListener('click', event => event.target.select()); document.querySelector('#invite-code').addEventListener('click', event => event.target.select()); document.querySelector('.scene-tabs').addEventListener('keydown', event => { if (!['ArrowDown', 'ArrowRight', 'ArrowUp', 'ArrowLeft', 'Home', 'End'].includes(event.key)) return; event.preventDefault(); const next = event.key === 'Home' ? 0 : event.key === 'End' ? 2 : (activeScene + (['ArrowDown', 'ArrowRight'].includes(event.key) ? 1 : 2)) % 3; renderScene(next, true); }); renderScene(0); renderProgress(); })();

${config.title}

好搭子，邀请有礼

我的邀请演示数据

${content.sceneTitle}

送一份灵感，也送一套方法。

三步，把好搭子介绍给好友。

分享你的专属邀请

好友下载并开始记录

你们一起收下积分

新朋友的积分，这样到账

完成首份${config.report}

养成一周复盘习惯

邀请前，你可能想知道

${item[1]}

${item[0]}

${scene.label}

0${index + 1}${section[0]}