' + (PULSE_ICO[f.act] || PULSE_ICO.box) +
+ '' + esc(who) + ' · ' + esc(f.ago || '刚刚') + '' +
+ esc(what).replace(/(\d+)/g, '$1') + '
';
+ }
+ function tick() {
+ const tr = $('#plTrack');
+ if (!tr || feed.length < 2 || document.hidden) return;
+ fi = (fi + 1) % feed.length;
+ tr.insertAdjacentHTML('beforeend', rowHTML(feed[fi]));
+ tr.classList.add('is-move');
+ tr.style.transform = 'translateY(-46px)';
+ setTimeout(() => {
+ tr.classList.remove('is-move');
+ if (tr.firstElementChild) tr.removeChild(tr.firstElementChild);
+ tr.style.transform = '';
+ }, 600);
+ }
+ function paint() {
+ const r = last;
+ if (!r || !r.show) { sec.classList.add('hide'); return; }
+ sec.classList.remove('hide');
+ const tot = $('#plTotal');
+ tot.classList.toggle('hide', !r.total);
+ if (r.total) {
+ $('#plPre').textContent = r.total.prefix || '';
+ $('#plSuf').textContent = r.total.suffix || '';
+ if (seen) tweenNum($('#plNum'), r.total.value, 1800);
+ }
+ const td = $('#plToday'), items = r.today || [];
+ td.classList.toggle('hide', !items.length);
+ const keys = items.map(x => x.key).join(',');
+ if (td.dataset.keys !== keys) {
+ td.dataset.keys = keys;
+ td.innerHTML = items.map(x => '').join('');
+ }
+ if (seen) items.forEach(x => tweenNum(td.querySelector('[data-k="' + x.key + '"] b'), x.value, 1600));
+ feed = r.feed || [];
+ const fe = $('#plFeed');
+ fe.classList.toggle('hide', !feed.length);
+ if (feed.length) {
+ fi = 0;
+ $('#plTrack').innerHTML = rowHTML(feed[0]);
+ if (!ticking) ticking = setInterval(tick, 3000);
+ }
+ }
+ $('#plToday').addEventListener('click', e => {
+ const b = e.target.closest('.pl-stat');
+ if (b && TODAY_GO[b.dataset.k]) { haptic(); TODAY_GO[b.dataset.k](); }
+ });
+ function load() {
+ return fetch('/api/mp/public/mama-box/pulse')
+ .then(r => (r.ok ? r.json() : null))
+ .then(j => { if (j && j.code === 200 && j.result) { last = j.result; paint(); } })
+ .catch(() => { /* 静默：保持现状（首次失败即一直隐藏） */ });
+ }
+ /* 进入视口才开始数数，否则用户滑到这里时数字早就数完了 */
+ function onSeen() {
+ if (seen) return;
+ seen = true;
+ paint();
+ }
+ if ('IntersectionObserver' in window) {
+ const io = new IntersectionObserver(es => { if (es.some(e => e.isIntersecting)) { io.disconnect(); onSeen(); } }, { threshold: .25 });
+ io.observe(sec);
+ } else seen = true;
+ load();
+ setInterval(() => { if (!document.hidden) load(); }, 60000);
+ })();
+
+ /* ================= 孕期盲盒（2026-10-01，需求文档 v1.0 第三节） =================
+ 接口（box_app，openid 身份）：
+ GET /api/mp/public/mama-box/blindbox?openid= → 横幅 + 本页的全部状态（含卡册、概率表）
+ POST /api/mp/public/mama-box/blindbox/open?openid=&week= → 开盒（服务端抽卡/抽奖励，原子去重）
+ · 抽什么完全由服务端决定，前端只播动画；概率说明用接口下发的 probs，和服务端永远一致（合规：公示概率）。
+ · 访客态 / 孕 4 周前 / 接口失败 → 横幅保持隐藏。未填预产期 → 横幅改成「填预产期领盲盒」引导。
+ · 周卡插画在 assets/img（文件名 = md5 前 12 位），CARD_IMG 是孕周 → 文件的表；没有图的孕周用「本周水果」占位画。 */
+ const CARD_IMG = {
+ 4: 'b743ed8646d5', 5: 'bddd81b7315d', 6: 'affcfc61f21f', 7: 'fe00c2bddf9b', 8: '2a88a5a7c1c3', 9: '6a17a98c52b8',
+ 10: 'c6e9c5612d8e', 11: '5ae2e7f617e2', 12: '0fa71babe9a2', 13: '6bdabd9eecc5', 15: 'd41305de1db9', 16: 'cceeb3b3f4ef',
+ 24: '83f0ab30cf36', 32: '2314f334e4d0'
+ };
+ const BX_GROUPS = [
+ { name: '孕早期', from: 4, to: 13, c: '#9ED8C0' },
+ { name: '孕中期', from: 14, to: 27, c: '#FFB08F' },
+ { name: '孕晚期', from: 28, to: 40, c: '#C9B6FF' }
+ ];
+ let BB = null, bbSel = null, bbBusy = false, bbNew = null, giftSeq = 0;
+ function giftSVG() {
+ const g = 'gf' + (++giftSeq);
+ return '';
+ }
+ const bbEsc = s => String(s == null ? '' : s).replace(/[&<>"]/g, c => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
+ function cardImgHTML(w) {
+ const h = CARD_IMG[w];
+ return h ? '
'
+ : '';
+ }
+ /* 卡正面。card = { week, v, size:{name,txt}, say } */
+ function cardFrontHTML(c) {
+ const sz = c.size || babySize(c.week);
+ return '' +
+ '✦ 闪卡No.' + String(c.week).padStart(2, '0') + '' +
+ '
';
+ }
+ function bbApi(path, method) {
+ const oid = hashParam('openid');
+ return fetch('/api/mp/public/mama-box/' + path + (path.indexOf('?') >= 0 ? '&' : '?') + 'openid=' + encodeURIComponent(oid), { method: method || 'GET' })
+ .then(r => r.json().catch(() => null));
+ }
+ function loadBlindbox() {
+ if (!hashParam('openid')) { $('#bbBanner').classList.add('hide'); return Promise.resolve(); }
+ return bbApi('blindbox').then(j => {
+ if (!j || j.code !== 200 || !j.result) return;
+ BB = j.result;
+ renderBanner();
+ if (BB.backfilled > 0) setTimeout(() => toast('错过的 ' + BB.backfilled + ' 张宝宝卡已补给你，去卡册看看吧'), 1800);
+ if ($('#detailBox').classList.contains('show')) renderBox();
+ }).catch(() => { /* 静默：横幅保持现状 */ });
+ }
+ function renderBanner() {
+ const ban = $('#bbBanner');
+ const set = (t, s, cta, ready, calm) => {
+ $('#bbTitle').textContent = t;
+ $('#bbSub').innerHTML = s;
+ $('#bbCta').textContent = cta;
+ ban.classList.toggle('is-ready', !!ready);
+ ban.classList.toggle('is-calm', !!calm);
+ ban.classList.remove('hide');
+ };
+ if (!BB || !BB.enabled || BB.notYet) { ban.classList.add('hide'); return; }
+ if (!$('#bbGift').firstChild) $('#bbGift').innerHTML = giftSVG();
+ const badge = $('#bbBadge');
+ badge.classList.add('hide');
+ if (BB.needProfile) { set('每周一个宝宝盲盒', '填好预产期就能领 · 完全免费', '去填写', true); return; }
+ const got = '已收集 ' + BB.collected + '/' + BB.totalWeeks;
+ const op = BB.openable || [];
+ if (op.length > 1) { badge.textContent = op.length; badge.classList.remove('hide'); }
+ if (BB.ended) set('我的孕期卡册', got + ' 张宝宝卡，永久保留', '去看看', false, true);
+ else if (!BB.currentOpened && op.indexOf(BB.week) >= 0) set('孕 ' + BB.week + ' 周的盲盒到了', got + ' · 免费开启', '去开启', true);
+ else if (op.length) set('还有 ' + op.length + ' 个盲盒没开', '错过的周也能补开 · ' + got, '去补开', true);
+ else set(BB.nextIn ? '下一个盲盒 ' + BB.nextIn + ' 天后到' : '本周盲盒已开启', got + (BB.flash ? ' · 闪卡 ' + BB.flash + ' 张' : ''), '看卡册', false, true);
+ }
+ $('#bbBanner').addEventListener('click', () => {
+ if (!BB) return;
+ if (BB.needProfile) { openModal('modalProfile'); return; }
+ bbSel = null;
+ renderBox();
+ openPanel('detailBox');
+ });
+ function renderBox() {
+ if (!BB || BB.needProfile) return;
+ const op = BB.openable || [];
+ if (op.indexOf(bbSel) < 0) bbSel = op.indexOf(BB.week) >= 0 ? BB.week : (op[0] || null);
+ const st = $('#bxStage'), box = $('#bxBox'), mini = $('#bxMini'), btn = $('#bxOpen');
+ st.classList.remove('is-shaking', 'is-popping');
+ btn.disabled = false;
+ if (bbSel) {
+ st.classList.remove('is-done');
+ $('#bxWeek').textContent = '孕 ' + bbSel + ' 周 · 宝宝盲盒';
+ $('#bxHint').textContent = bbSel === BB.week ? '宝宝给你准备了这周的小惊喜' : '这是你错过的一周，现在补开';
+ box.innerHTML = giftSVG();
+ box.classList.remove('hide'); mini.classList.add('hide');
+ btn.textContent = '开启盲盒'; btn.classList.remove('hide');
+ } else {
+ st.classList.add('is-done');
+ box.classList.add('hide');
+ const cc = BB.currentCard;
+ $('#bxWeek').textContent = BB.ended ? '孕期卡册' : '孕 ' + BB.week + ' 周 · 已开启';
+ $('#bxHint').textContent = BB.ended ? (BB.postpartum ? '宝宝出生啦，卡册会一直留着' : '孕期盲盒已经全部开完') :
+ (BB.nextIn ? '下一个盲盒 ' + BB.nextIn + ' 天后到' : '本周的盲盒已经开过啦');
+ if (cc) { mini.innerHTML = cardFrontHTML(cc); mini.classList.remove('hide'); mini.onclick = () => showReveal(cc, null, false); }
+ else { mini.classList.add('hide'); box.innerHTML = giftSVG(); box.classList.remove('hide'); }
+ btn.classList.toggle('hide', !cc);
+ btn.textContent = '看看这张卡';
+ }
+ $('#bxMisc').textContent = (BB.weekOpeners >= 50) ? '本周已有 ' + fmtN(BB.weekOpeners) + ' 位妈妈开了盲盒' : '每周一个 · 完全免费';
+ /* 待补开 */
+ const pend = $('#bxPend');
+ pend.classList.toggle('hide', op.length < 2);
+ if (op.length >= 2) {
+ $('#bxPendN').textContent = op.length;
+ $('#bxChips').innerHTML = op.map(w => '').join('');
+ }
+ /* 卡册 */
+ $('#bxGot').textContent = BB.collected;
+ $('#bxAll').textContent = BB.totalWeeks;
+ requestAnimationFrame(() => { $('#bxBar').style.width = Math.round(BB.collected / BB.totalWeeks * 100) + '%'; });
+ const nBack = (BB.album || []).filter(a => a.src === 'backfill').length;
+ $('#bxAnote').textContent = (BB.flash ? '其中闪卡 ' + BB.flash + ' 张。' : '') + (nBack ? '标「补」的是来之前的孕周，已自动补发普通款。' : '');
+ const byW = {};
+ (BB.album || []).forEach(a => { byW[a.week] = a; });
+ $('#bxGroups').innerHTML = BX_GROUPS.map(g => {
+ let n = 0, cells = '';
+ for (let w = g.from; w <= g.to; w++) {
+ const a = byW[w] || {};
+ if (a.got) {
+ n++;
+ cells += '';
+ } else if (op.indexOf(w) >= 0) {
+ cells += '';
+ } else {
+ cells += '' + cardImgHTML(c.week) + '
' +
+ '孕' + c.week + '周像' + bbEsc(sz.name) + ' · ' + bbEsc(sz.txt) + '
' +
+ '' + (c.say ? '“' + bbEsc(c.say) + '”' : '') + '
' + + '?' + w + ' 周
';
+ }
+ }
+ const all = g.to - g.from + 1;
+ return '' + g.name + ' · ' + g.from + '–' + g.to + ' 周' +
+ (n === all ? '已集齐 ✓' : n + '/' + all) + '
' + cells + '
' + bbEsc(x.name) + '' + x.p + '%
';
+ $('#bxRulesBody').innerHTML = '宝宝卡（每盒必出 1 张）
' + (pb.card || []).map(bar).join('') + + '随机奖励（每盒 1 份）
' + (pb.reward || []).map(bar).join('') + + '规则
- ' + (pb.notes || []).map(t => '
- ' + bbEsc(t) + ' ').join('') + '
孕期盲盒完全免费，不出售、不需要任何付费。
'; + } + $('#bxChips').addEventListener('click', e => { + const b = e.target.closest('.bx-chip'); + if (!b || bbBusy) return; + bbSel = +b.dataset.w; haptic(); renderBox(); + $('#detailBox .detail-body').scrollTo({ top: 0, behavior: 'smooth' }); + }); + $('#bxGroups').addEventListener('click', e => { + const t = e.target.closest('.bx-t'); + if (!t || bbBusy) return; + if (t.dataset.op) { bbSel = +t.dataset.op; renderBox(); $('#detailBox .detail-body').scrollTo({ top: 0, behavior: 'smooth' }); return; } + const w = +t.dataset.w; + if (!w) return; + /* 卡册里点开一张：大小来自本地 SIZE 表，发育说明取孕期小知识的「宝宝这周」 */ + const c = { week: w, v: t.dataset.v, size: babySize(w), say: '' }; + showReveal(c, null, false); + loadTips().then(() => { const x = TIPS && TIPS[w]; if (x && x.baby && $('#bxReveal').classList.contains('show')) $('#bxDev').textContent = x.baby; }); + }); + $('#bxRuleBtn').addEventListener('click', () => { + const d = $('#bxRules'); d.open = true; + d.scrollIntoView({ behavior: 'smooth', block: 'start' }); + }); + $('#bxBox').addEventListener('click', () => openBox()); + $('#bxOpen').addEventListener('click', () => { + if (bbSel) openBox(); + else if (BB && BB.currentCard) showReveal(BB.currentCard, null, false); + }); + function openBox() { + if (bbBusy || !bbSel) return; + bbBusy = true; haptic(); + const st = $('#bxStage'), btn = $('#bxOpen'), w = bbSel, t0 = Date.now(); + st.classList.add('is-shaking'); + btn.disabled = true; btn.textContent = '正在打开…'; + bbApi('blindbox/open?week=' + w, 'POST').catch(() => null).then(j => { + /* 至少晃 1.3 秒：接口太快时动画一闪而过，没有「拆」的感觉 */ + setTimeout(() => { + st.classList.remove('is-shaking'); + if (!j || j.code !== 200 || !j.result) { + bbBusy = false; btn.disabled = false; btn.textContent = '开启盲盒'; + toast((j && j.message) || '网络开小差了，再试一次'); + if (j && j.code === 400) loadBlindbox(); + return; + } + st.classList.add('is-popping'); + if (navigator.vibrate) navigator.vibrate([12, 40, 18]); + const r = j.result; + bbNew = r.card.week; + setTimeout(() => { showReveal(r.card, r.reward, true); bbBusy = false; }, 420); + loadBlindbox(); // 后台刷新横幅与卡册（翻卡层盖着，用户看不到重绘） + }, Math.max(0, 1300 - (Date.now() - t0))); + }); + } + function burst(flash) { + const box = $('#bxConfetti'); + const C = flash ? ['#FFD66E', '#FF9AD5', '#9ADFFF', '#fff', '#C9B6FF'] : ['#FFD66E', '#FF8A66', '#FFB3C1', '#fff', '#9ED8C0']; + let h = ''; + for (let i = 0; i < (flash ? 44 : 30); i++) { + const a = Math.random() * Math.PI * 2, d = 90 + Math.random() * 170; + h += ''; + } + box.innerHTML = h; + setTimeout(() => { box.innerHTML = ''; }, 1800); + } + /* 翻卡层。fresh=true：刚开出来（彩纸 + 翻面 + 奖励）；false：从卡册/舞台查看（直接正面） */ + function showReveal(card, reward, fresh) { + const rv = $('#bxReveal'), c3 = $('#bxCard3d'), flash = card.v === 'flash'; + $('#bxFront').innerHTML = cardFrontHTML(card); + if (!$('#bxBack').firstChild) $('#bxBack').innerHTML = giftSVG() + '兜爸心选 · 孕期盲盒'; + $('#bxTag').textContent = fresh ? (flash ? '✦ 哇！开出了闪卡 ✦' : '新卡 · 孕 ' + card.week + ' 周') : (flash ? '✦ 闪卡 · 孕 ' + card.week + ' 周' : '孕 ' + card.week + ' 周'); + $('#bxDev').textContent = card.dev || ''; + let rw = ''; + if (reward) { + const tj = reward.type === 'taijiao'; + rw = '' + (tj ? '🎵' : '💌') + '' + (tj ? '胎教时间 · ' + bbEsc(reward.kind || '') : '宝宝对你说') +
+ '随机奖励
' + (reward.title ? '' + bbEsc(reward.title) + '
' : '') +
+ '' + bbEsc(reward.text) + '