jone/mama-box
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(首页): 删除妈妈的树洞 / 预览页不再自动跳上次应用 / 「我的」加盲盒卡册常驻入口 (v26100103)

Browse Source 
- 妈妈的树洞整块删除（HTML/CSS/JS），需要恢复看 git 历史
- 预览页 /mama-box-preview/ 跳过冷启动恢复上次应用，避免一打开链接就跳到孕检日历
- 「我的」设置与服务里加「我的孕期卡册 N/37」，与首页横幅同一入口；未建档/未到孕周时隐藏

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Karlcarlo
2026-10-01 02:21:09 +00:00
parent 70c9786f15
commit 9013a84dea
3 changed files with 24 additions and 294 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
index.html
View File

@@ -7,7 +7,7 @@
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>兜爸心选 · 孕育陪伴</title>
<!-- V:26100102 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26100103 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<link rel="stylesheet" href="mama-box.css">
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<!-- 共享助手：授权/跳商城/位置上报（分享卡片同步，见 docs/h5-auth-standard.md 第四节） -->
@@ -455,53 +455,7 @@
⚠️ 唯一的例外是安全提示：内容里出现明显的轻生字眼时，收好之后在卡内显示一行援助热线
（12356 全国心理援助热线），这不是「回应心事」，是兜底，别删。
⚠️ 纸团飞进树洞的动画靠 Element.animate；不支持的老内核直接跳到「已收好」，不影响收存。 -->
<!-- 妈妈的树洞 · 星夜版（2026-10-01 重做：用户要「很有创意、炫酷，模块不用太大」）。
一块深夜蓝的小天幕：右边一棵剪影树，树干上的洞是一个缓慢旋转的发光漩涡（#thHole）；
天上的每颗亮星 = 你扔进来的一条心事（#thSky 由 JS 按本机记录画，位置由时间戳哈希定，刷新不跳）。
扔进去：输入的字一个个飞起、绕成弧线被吸进漩涡 → 洞口爆亮 → 一颗新星从洞里射上天空，停在那儿眨眼。
⚠️ 心事仍然只存本机 localStorage（用户 2026-09-30 选定），不回应、不上传；轻生字眼兜底热线照旧。
⚠️ 保留的 id：thText / thSend / thMine / thCount / thDone / thList / thHole —— app.js treeHole() 依赖。 -->
<section class="tree-hole" id="treeHole">
<div class="th-head">
<h2 class="th-title">妈妈的树洞</h2>
<span class="th-lock"><svg viewBox="0 0 24 24" width="11" height="11" aria-hidden="true"><path d="M7 10V7.5a5 5 0 0 1 10 0V10" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/><rect x="4.5" y="10" width="15" height="11" rx="3" fill="currentColor"/></svg>只存在你的手机里</span>
</div>
<div class="th-night" id="thNight">
<div class="th-sky" id="thSky" aria-hidden="true"></div>
<span class="th-moon" aria-hidden="true"></span>
<i class="th-fly f1" aria-hidden="true"></i><i class="th-fly f2" aria-hidden="true"></i><i class="th-fly f3" aria-hidden="true"></i>
<p class="th-lead">说不出口的话，扔进来<br><em>每一句，都会变成一颗星</em></p>
<svg class="th-tree" id="thTree" viewBox="0 0 120 130" aria-hidden="true">
<defs>
<radialGradient id="thCore" cx="50%" cy="50%" r="50%">
<stop offset="0" stop-color="#FFF6D8"/><stop offset=".45" stop-color="#FFC978"/><stop offset="1" stop-color="#FF8F6B" stop-opacity="0"/>
</radialGradient>
</defs>
<g class="th-crown" fill="#2A2B5C">
<circle cx="38" cy="44" r="26"/><circle cx="80" cy="40" r="28"/><circle cx="60" cy="22" r="22"/>
<circle cx="98" cy="60" r="16"/><circle cx="22" cy="64" r="15"/><circle cx="60" cy="56" r="24"/>
</g>
<path d="M46 130c4-20 5-38 3-56h22c-2 18-1 36 3 56z" fill="#2A2B5C"/>
<path d="M54 82c-7-6-15-8-22-7M68 82c6-6 13-8 20-7" stroke="#2A2B5C" stroke-width="5" stroke-linecap="round" fill="none"/>
<circle class="th-halo" cx="60" cy="102" r="17" fill="url(#thCore)"/>
<ellipse cx="60" cy="102" rx="8" ry="10.5" fill="#0E0F2B"/>
<g id="thHole" class="th-vortex">
<path d="M60 94a8 8 0 0 1 7 9M60 110a8 8 0 0 1-7-9M53 97a5 5 0 0 1 9 1M67 107a5 5 0 0 1-9-1" stroke="#FFD58F" stroke-width="1.4" stroke-linecap="round" fill="none"/>
<circle cx="60" cy="102" r="1.8" fill="#FFF3CF"/>
</g>
</svg>
<div class="th-form">
<textarea id="thText" maxlength="500" rows="1" placeholder="今天想说点什么……"></textarea>
<button class="th-send" id="thSend" type="button" aria-label="扔进树洞"><svg viewBox="0 0 24 24" width="17" height="17" aria-hidden="true"><path d="M12 2.5l2.3 6.2 6.2 2.3-6.2 2.3L12 19.5l-2.3-6.2L3.5 11l6.2-2.3z" fill="currentColor"/></svg></button>
</div>
</div>
<div class="th-row">
<button class="th-mine" id="thMine" type="button">我的心事 · <b id="thCount">0</b> 颗星 ›</button>
<div class="th-done" id="thDone" aria-live="polite"></div>
</div>
<ul class="th-list hide" id="thList"></ul>
<p class="th-help">持续低落、睡不好或有伤害自己的念头，请告诉家人或医生，也可拨打心理援助热线 <a href="tel:12356">12356</a></p>
</section>
<!-- 「妈妈的树洞」整块已删（2026-10-01 用户要求）。样式与 JS 一并删除，需要恢复看 git 历史 70c9786。 -->
<!-- 模块三 · 书架卡带。
上一版是「一张横排大卡 + 下面两张小卡」的老三段，和上面两个模块
@@ -1176,6 +1130,11 @@
<h2 class="sec-title dark">设置与服务</h2>
<div class="list-card">
<!-- 「提醒设置」整项已按需求删除 -->
<!-- 孕期盲盒卡册的常驻入口（2026-10-01 用户反馈：开完盲盒后想回看，只认首页横幅不够）。
点击与首页横幅同一路径（app.js openBoxEntry）；#meBoxV 显示「已收集 N/37」，未拿到数据时隐藏整行。 -->
<button class="li ripple hide" id="meBoxCard">
<span class="li-ico o"><svg viewBox="0 0 24 24" width="19" height="19" aria-hidden="true"><rect x="4.5" y="10.5" width="15" height="9.5" rx="2" fill="none" stroke="currentColor" stroke-width="1.8"/><rect x="3.3" y="7.2" width="17.4" height="3.6" rx="1.3" fill="none" stroke="currentColor" stroke-width="1.8"/><path d="M12 7.2V20M12 7.2C10.4 3.8 7 4.3 8 6.4c.6 1 2.4.9 4 .8zM12 7.2c1.6-3.4 5-2.9 4-.8-.6 1-2.4.9-4 .8z" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/></svg></span>
<span class="li-t">我的孕期卡册</span><span class="li-v" id="meBoxV"></span><i class="chev">›</i></button>
<button class="li ripple" data-open="detailSetting" data-set="privacy">
<span class="li-ico p"><svg viewBox="0 0 24 24" width="19" height="19" aria-hidden="true"><rect x="4.5" y="10" width="15" height="10.5" rx="3" fill="none" stroke="currentColor" stroke-width="1.8"/><path d="M8.2 10V7.6a3.8 3.8 0 0 1 7.6 0V10" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/><circle cx="12" cy="15.2" r="1.5" fill="currentColor"/></svg></span>
<span class="li-t">隐私与权限</span><i class="chev">›</i></button>

166
js/app.js
View File

@@ -3,7 +3,7 @@
(function () {
'use strict';
/* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */
var VER = '26100102';
var VER = '26100103';
const $ = (s, c) => (c || document).querySelector(s);
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
@@ -198,6 +198,9 @@
function resumeLastApp() {
try {
if (sessionStorage.getItem(RESUME_DONE_KEY)) return; // 同一 web-view 会话只尝试一次
/* 预览页（/mama-box-preview/）是直接发链接给人看的，不在小程序里冷启动 —— 不恢复上次应用，
否则一打开就被送去上次进过的应用（2026-10-01 用户反馈：打开预览链接直接跳到孕检日历）。 */
if (location.pathname.indexOf('/mama-box-preview/') === 0) return;
const oid = hashParam('openid');
if (!oid) return; // 无身份不跳（宿主拿不到 openid 时也不会加载本页）
/* 先置闸门再请求/再判 norestore：
@@ -3287,6 +3290,9 @@
ban.classList.toggle('is-calm', !!calm);
ban.classList.remove('hide');
};
const me = $('#meBoxCard');
me.classList.toggle('hide', !BB || !BB.enabled || !!BB.notYet || !!BB.needProfile);
if (BB && BB.totalWeeks) $('#meBoxV').textContent = (BB.collected || 0) + '/' + BB.totalWeeks;
if (!BB || !BB.enabled || BB.notYet) { ban.classList.add('hide'); return; }
if (!$('#bbGift').firstChild) $('#bbGift').innerHTML = giftSVG();
const badge = $('#bbBadge');
@@ -3300,13 +3306,16 @@
else if (op.length) set('还有 ' + op.length + ' 个盲盒没开', '错过的周也能补开 · ' + got, '去补开', true);
else set(BB.nextIn ? '下一个盲盒 ' + BB.nextIn + ' 天后到' : '本周盲盒已开启', got + (BB.flash ? ' · 闪卡 <b>' + BB.flash + '</b> 张' : ''), '看卡册', false, true);
}
$('#bbBanner').addEventListener('click', () => {
/* 盲盒入口：首页横幅 + 「我的」页卡册行（#meBoxCard）走同一条路 */
function openBoxEntry() {
if (!BB) return;
if (BB.needProfile) { openModal('modalProfile'); return; }
bbSel = null;
renderBox();
openPanel('detailBox');
});
}
$('#bbBanner').addEventListener('click', openBoxEntry);
$('#meBoxCard').addEventListener('click', openBoxEntry);
function renderBox() {
if (!BB || BB.needProfile) return;
const op = BB.openable || [];
@@ -3571,157 +3580,6 @@
io.observe(g);
}
/* ================= 妈妈的树洞 · 星夜版（2026-09-30 首版，2026-10-01 重做 UI） =================
用户选定：心事**只存在本机**（localStorage，不上传），扔进去后只有「已收好」动画、不回应。
唯一例外：出现明显轻生字眼时，在「已收好」下面多一行援助热线 —— 兜底，不是回应。
星夜版：天幕上每颗亮星 = 一条心事（位置由时间戳哈希定，刷新不跳）；扔进去时字逐个被吸进树洞漩涡，
洞口爆亮，一颗新星从洞口射上天空。 */
(function treeHole() {
const KEY = 'mmbox.treehole.v1', MAX = 200, SHOW = 40;
const ta = $('#thText'), send = $('#thSend'), list = $('#thList'), done = $('#thDone');
const night = $('#thNight'), sky = $('#thSky');
if (!ta || !send) return;
const SOS = /想死|不想活|自杀|轻生|结束生命|活不下去|去死|割腕|跳楼/;
const RM = window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches;
const load = () => { try { const a = JSON.parse(localStorage.getItem(KEY) || '[]'); return Array.isArray(a) ? a : []; } catch (e) { return []; } };
const save = a => { try { localStorage.setItem(KEY, JSON.stringify(a.slice(0, MAX))); return true; } catch (e) { return false; } };
const pad = n => (n < 10 ? '0' : '') + n;
const when = ts => { const d = new Date(ts); return (d.getMonth() + 1) + '月' + d.getDate() + '日 ' + pad(d.getHours()) + ':' + pad(d.getMinutes()); };
/* 确定性伪随机：同一个种子永远落在同一个位置 */
const rnd = seed => { let x = (seed % 2147483647) || 1; return () => (x = x * 16807 % 2147483647) / 2147483647; };
/* 星星避开右下角的树、底部输入条和左上角的月亮：x 4~66%，y 6~58% */
const starPos = seed => { const r = rnd(seed); r(); const x = 4 + r() * 62, y = 6 + r() * 52; return [x < 20 && y < 30 ? x + 22 : x, y]; }; // 左上角让给月亮
function count() { $('#thCount').textContent = load().length; }
function paintSky() {
if (!sky) return;
sky.textContent = '';
const bg = rnd(20261001);
for (let i = 0; i < 26; i++) { // 背景小星，固定一套
const s = document.createElement('i');
s.style.left = (bg() * 100) + '%'; s.style.top = (bg() * 70) + '%';
s.style.setProperty('--o', (0.25 + bg() * 0.5).toFixed(2));
s.style.animationDelay = (bg() * 3.2).toFixed(2) + 's';
sky.appendChild(s);
}
load().slice(0, SHOW).forEach(e => addStar(e.t, false));
}
function addStar(t, fresh) {
const p = starPos(t), s = document.createElement('i');
s.className = 'me' + (fresh ? ' is-new' : '');
s.style.left = p[0] + '%'; s.style.top = p[1] + '%';
s.style.animationDelay = fresh ? '' : ((t % 3200) / 1000).toFixed(2) + 's';
sky.appendChild(s);
return s;
}
function renderList() {
const a = load();
list.textContent = '';
if (!a.length) {
const li = document.createElement('li'); li.className = 'th-empty'; li.textContent = '天上还没有你的星星';
list.appendChild(li); return;
}
a.forEach(e => {
const li = document.createElement('li');
const t = document.createElement('time'); t.textContent = when(e.t);
const p = document.createElement('p'); p.textContent = e.x;
const del = document.createElement('button'); del.className = 'th-del'; del.type = 'button';
del.setAttribute('aria-label', '删除这条'); del.textContent = '×';
del.addEventListener('click', () => {
if (!window.confirm('删掉这条心事？删了就找不回来了')) return;
save(load().filter(x => x.t !== e.t)); renderList(); count(); paintSky();
});
li.appendChild(t); li.appendChild(p); li.appendChild(del);
list.appendChild(li);
});
}
function showDone(sos, n) {
done.classList.toggle('is-sos', !!sos);
done.textContent = '已收好，化成了第 ' + n + ' 颗星';
if (sos) {
const s = document.createElement('div'); s.className = 'th-sos';
s.textContent = '如果你现在很难受，请告诉身边的人，或拨打 12356 心理援助热线，有人愿意听你说。';
done.appendChild(s);
}
done.classList.add('is-on');
clearTimeout(showDone._t);
if (!sos) showDone._t = setTimeout(() => done.classList.remove('is-on'), 3200);
}
const center = el => { const r = el.getBoundingClientRect(); return [r.left + r.width / 2, r.top + r.height / 2]; };
/* ① 字一个个从输入条飞起，绕一道弧被吸进漩涡 */
function suck(text, cb) {
const hole = $('#thHole');
if (RM || !hole || !document.body.animate) { cb(); return; }
const chars = Array.from(text.replace(/\s+/g, '')).slice(0, 14);
const a = ta.getBoundingClientRect(), h = center(hole);
let left = chars.length;
if (!left) { cb(); return; }
chars.forEach((c, i) => {
const el = document.createElement('span');
el.className = 'th-ch'; el.textContent = c;
document.body.appendChild(el);
const x0 = a.left + 6 + Math.min(i * 14, a.width - 20), y0 = a.top + 4;
const mx = (x0 + h[0]) / 2 + (i % 2 ? 24 : -18), my = Math.min(y0, h[1]) - 40 - (i % 3) * 14;
const anim = el.animate([
{ transform: 'translate(' + x0 + 'px,' + y0 + 'px) scale(1) rotate(0)', opacity: 0 },
{ transform: 'translate(' + x0 + 'px,' + (y0 - 10) + 'px) scale(1.1) rotate(0)', opacity: 1, offset: .12 },
{ transform: 'translate(' + mx + 'px,' + my + 'px) scale(.8) rotate(' + (i % 2 ? 160 : -160) + 'deg)', opacity: 1, offset: .55 },
{ transform: 'translate(' + (h[0] - 6) + 'px,' + (h[1] - 8) + 'px) scale(.1) rotate(' + (i % 2 ? 540 : -540) + 'deg)', opacity: 0 }
], { duration: 900, delay: i * 55, easing: 'cubic-bezier(.5,0,.3,1)', fill: 'forwards' });
anim.onfinish = () => { el.remove(); if (--left === 0) cb(); };
});
}
/* ② 洞口爆亮 → 新星从洞口划一道弧射上天空 */
function shoot(t, cb) {
const tree = $('#thTree'), hole = $('#thHole');
if (tree) { tree.classList.remove('is-eat'); void tree.getBoundingClientRect(); tree.classList.add('is-eat'); setTimeout(() => tree.classList.remove('is-eat'), 1000); }
const star = addStar(t, true);
if (RM || !hole || !document.body.animate) { cb(); return; }
star.style.visibility = 'hidden';
const h = center(hole), d = center(star);
const el = document.createElement('i'); el.className = 'th-shoot';
document.body.appendChild(el);
const mx = (h[0] + d[0]) / 2 + 30, my = Math.min(h[1], d[1]) - 30;
el.animate([
{ transform: 'translate(' + h[0] + 'px,' + h[1] + 'px) scale(.4)', opacity: 0 },
{ transform: 'translate(' + h[0] + 'px,' + (h[1] - 6) + 'px) scale(1.6)', opacity: 1, offset: .15 },
{ transform: 'translate(' + mx + 'px,' + my + 'px) scale(1)', opacity: 1, offset: .6 },
{ transform: 'translate(' + d[0] + 'px,' + d[1] + 'px) scale(1.2)', opacity: 1 }
], { duration: 900, delay: 250, easing: 'cubic-bezier(.3,.1,.3,1)', fill: 'forwards' }).onfinish = () => {
el.remove();
star.style.visibility = '';
star.classList.remove('is-new'); void star.offsetWidth; star.classList.add('is-new');
cb();
};
}
const sync = () => { send.disabled = !ta.value.trim(); };
ta.addEventListener('input', sync);
ta.addEventListener('focus', () => night && night.classList.add('is-typing'));
ta.addEventListener('blur', () => { if (night && !ta.value.trim()) night.classList.remove('is-typing'); });
let busy = false;
send.addEventListener('mousedown', e => e.preventDefault()); // 点按钮时别先 blur 收起输入框，免得按钮跳位
send.addEventListener('click', () => {
const x = ta.value.trim();
if (!x || busy) return;
const t = Date.now();
const a = load(); a.unshift({ t: t, x: x });
if (!save(a)) { toast('手机存储空间不足，没能收好'); return; }
busy = true; haptic();
suck(x, () => shoot(t, () => {
busy = false;
showDone(SOS.test(x), load().length);
count();
if (!list.classList.contains('hide')) renderList();
}));
ta.value = ''; sync(); ta.blur();
if (night) night.classList.remove('is-typing');
});
$('#thMine').addEventListener('click', () => {
const open = list.classList.toggle('hide') === false;
if (open) renderList();
});
sync(); count(); paintSky();
})();
/* 拉卡片数据（与其它远程数据一起打；失败静默，卡上保留现有值） */
/* 预览环境专用的一组示例数据（2026-09-30 用户要求：五张工具卡填一组示例数据，看排版效果）。
⚠️ 只在 /mama-box-preview/ 路径下生效，正式首页（/mama-box/）永远走不到这里 ——

97
mama-box.css
View File

@@ -414,7 +414,7 @@ a.skip:focus{left:16px;top:16px}
对齐的是内容，出血的是底色，这两件事要分开。
⚠️ 三块的圆角、底色、左右内边距改成在这里一处定义。以后要调，改这一条，
别再回到各自的规则里单独写，那正是上一稿乱掉的原因。 */
.tool-dock,.game-promo,.preg-tips,.today-line,.tree-hole,.shelf{
.tool-dock,.game-promo,.preg-tips,.today-line,.shelf{
margin:0 -26px;padding:16px 26px 18px;border-radius:26px;
background-color:#fff;
/* ⚠️ 这两条是一对，缺一不可，而且必须一起看：
@@ -428,7 +428,7 @@ a.skip:focus{left:16px;top:16px}
/* 块间距。给后两块，第一块的上间距另有规则（来信卡收放要用）。
⚠️ 这是**块与块之间**的缝。某一块自己内部觉得挤，要调的是那块的 padding，
不是这里 —— 改这里会把三块的关系一起改掉。 */
.tool-dock,.game-promo,.preg-tips,.today-line,.tree-hole,.shelf{margin-top:16px}
.tool-dock,.game-promo,.preg-tips,.today-line,.shelf{margin-top:16px}
/* ===== 后两块的暖色渐变底（本批新增）=====
用户原话：「在那个宝宝的今日脚印那块，稍微给背景它加一点渐变」
@@ -618,95 +618,9 @@ a.skip:focus{left:16px;top:16px}
.pt-grid.is-shown .pt-card:nth-child(4){transition-delay:.24s}
.pt-foot{margin-top:9px;font-size:11px;color:var(--muted);text-align:center}
/* ============ 妈妈的树洞 · 星夜版（2026-10-01 重做）============
外层仍是统一的白块；里面一块深夜蓝小天幕 .th-night（高约 190px，比旧版矮）。
天幕层次（下→上）：渐变夜空 → 月亮光晕 → 星星（#thSky，每颗亮星 = 一条心事）→ 萤火虫 → 剪影树 + 漩涡树洞 → 输入条。
动效：星星各自眨眼；萤火虫游走；树冠轻晃；树洞漩涡一直慢转、光晕呼吸；
扔进去时字逐个被吸进漩涡（JS），洞口爆亮（.is-eat），新星从洞口射上天（JS）。 */
.th-head{display:flex;align-items:center;gap:8px}
.th-title{font-size:16.5px;font-weight:800;letter-spacing:-.2px}
.th-lock{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;
color:#6C6FA8;background:#EFEFFB;border-radius:999px;padding:3px 9px}
.th-night{position:relative;overflow:hidden;margin-top:10px;height:188px;border-radius:22px;isolation:isolate;
background:radial-gradient(120% 90% at 85% 100%,#4B3F7E 0%,rgba(75,63,126,0) 60%),
linear-gradient(170deg,#141632 0%,#1E2150 48%,#36306A 100%);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 10px 24px rgba(40,36,90,.22)}
.th-sky{position:absolute;inset:0;z-index:0}
.th-sky i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:.5;
animation:thTw 3.2s ease-in-out infinite}
.th-sky i.me{width:5px;height:5px;background:#FFF1C9;opacity:1;
box-shadow:0 0 6px 2px rgba(255,214,140,.75),0 0 14px 4px rgba(255,190,120,.25)}
.th-sky i.me::before,.th-sky i.me::after{content:"";position:absolute;left:50%;top:50%;background:rgba(255,236,190,.7);
transform:translate(-50%,-50%);border-radius:2px}
.th-sky i.me::before{width:13px;height:1px}.th-sky i.me::after{width:1px;height:13px}
.th-sky i.me.is-new{animation:thBorn 1.4s var(--ease) both,thTw 3.2s 1.4s ease-in-out infinite}
@keyframes thTw{0%,100%{opacity:var(--o,.55);transform:scale(1)}50%{opacity:.15;transform:scale(.7)}}
@keyframes thBorn{0%{transform:scale(3.2);opacity:1;filter:brightness(2)}100%{transform:scale(1);filter:none}}
.th-moon{position:absolute;z-index:0;left:18px;top:14px;width:26px;height:26px;border-radius:50%;
background:radial-gradient(circle at 35% 35%,#FFF7DD,#F6DFA8);box-shadow:0 0 18px 6px rgba(255,226,160,.22)}
.th-moon::after{content:"";position:absolute;left:8px;top:-3px;width:24px;height:24px;border-radius:50%;background:#18193A}
.th-fly{position:absolute;z-index:1;width:4px;height:4px;border-radius:50%;background:#FFE7A0;
box-shadow:0 0 8px 3px rgba(255,220,120,.6);opacity:0;animation:thFly 7s ease-in-out infinite}
.th-fly.f1{left:52%;top:62%}.th-fly.f2{left:70%;top:40%;animation-delay:2.4s;animation-duration:8s}
.th-fly.f3{left:36%;top:46%;animation-delay:4.6s;animation-duration:9s}
@keyframes thFly{0%{opacity:0;transform:translate(0,0)}20%{opacity:.95}50%{transform:translate(16px,-14px)}
80%{opacity:.8}100%{opacity:0;transform:translate(-8px,-30px)}}
.th-lead{position:absolute;z-index:2;left:18px;top:52px;margin:0;font-size:13px;line-height:1.7;font-weight:700;color:#F3F0FF;
text-shadow:0 1px 8px rgba(10,10,40,.5)}
.th-lead em{font-style:normal;font-weight:500;font-size:11.5px;color:#BDB8E8}
.th-tree{position:absolute;z-index:1;right:-6px;bottom:44px;width:118px;height:128px;overflow:visible}
.th-crown{transform-origin:60px 74px;animation:thSway 6s ease-in-out infinite}
@keyframes thSway{0%,100%{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}
.th-halo{transform-origin:60px 102px;animation:thBreath 3s ease-in-out infinite}
@keyframes thBreath{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}
.th-vortex{transform-origin:60px 102px;animation:thSpin 4s linear infinite}
@keyframes thSpin{to{transform:rotate(360deg)}}
.th-tree.is-eat .th-halo{animation:thBurst .9s ease-out}
.th-tree.is-eat .th-vortex{animation-duration:.5s}
.th-tree.is-eat .th-crown{animation:thShake .7s ease-in-out}
@keyframes thBurst{0%{opacity:1;transform:scale(1)}35%{opacity:1;transform:scale(2.3)}100%{opacity:.55;transform:scale(.9)}}
@keyframes thShake{0%,100%{transform:rotate(0)}25%{transform:rotate(-4deg)}60%{transform:rotate(3deg)}}
.th-form{position:absolute;z-index:3;left:10px;right:10px;bottom:10px;display:flex;align-items:flex-end;gap:8px;
padding:5px 5px 5px 14px;border-radius:20px;background:rgba(255,255,255,.1);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.th-form textarea{flex:1;min-width:0;display:block;border:0;outline:0;resize:none;background:transparent;
font:inherit;font-size:13.5px;line-height:20px;height:20px;max-height:60px;margin:6px 0;color:#fff;transition:height .25s var(--ease)}
.th-form textarea::placeholder{color:rgba(230,226,255,.55)}
.th-night.is-typing .th-form textarea{height:60px}
.th-night.is-typing .th-lead{opacity:0;transform:translateY(-6px)}
.th-lead{transition:opacity .25s,transform .25s}
.th-send{flex:0 0 auto;width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;color:#3A2A12;
background:linear-gradient(135deg,#FFE3A1,#FFAE6E);box-shadow:0 0 14px rgba(255,190,110,.55);transition:transform .2s,opacity .2s}
.th-send:disabled{opacity:.35;box-shadow:none}
.th-send:not(:disabled){animation:thPing 2s ease-in-out infinite}
@keyframes thPing{0%,100%{box-shadow:0 0 10px rgba(255,190,110,.45)}50%{box-shadow:0 0 20px 3px rgba(255,190,110,.8)}}
.th-send:active{transform:scale(.9)}
.th-row{display:flex;align-items:center;gap:8px;margin-top:9px;min-height:20px}
.th-mine{border:0;background:none;padding:0;font:inherit;font-size:12px;font-weight:600;color:#6C6FA8}
.th-mine b{font-weight:800;color:#4B3F9E}
.th-done{margin-left:auto;font-size:12px;font-weight:700;color:#7A6BD0;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
.th-done.is-on{opacity:1;transform:none}
.th-done.is-sos{margin-left:0}
.th-done .th-sos{font-weight:500;color:var(--ink-2);margin-top:2px}
.th-row{flex-wrap:wrap}.th-done.is-sos{flex-basis:100%}
.th-ch{position:fixed;z-index:60;left:0;top:0;pointer-events:none;font-size:14px;font-weight:700;color:#FFF1C9;
text-shadow:0 0 8px rgba(255,200,120,.9)}
.th-shoot{position:fixed;z-index:60;left:0;top:0;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;pointer-events:none;
background:#FFF4D2;box-shadow:0 0 10px 4px rgba(255,210,130,.8)}
.th-list{list-style:none;margin:8px 0 0;padding:0}
.th-list.hide{display:none}
.th-list li{position:relative;background:#F6F5FD;border-radius:14px;padding:9px 34px 9px 30px;margin-top:8px}
.th-list li::before{content:"";position:absolute;left:12px;top:15px;width:6px;height:6px;border-radius:50%;
background:#FFC978;box-shadow:0 0 6px 2px rgba(255,200,120,.6)}
.th-list time{display:block;font-size:11px;color:#9A97C2}
.th-list p{margin:3px 0 0;font-size:13px;line-height:1.6;color:var(--ink-2);white-space:pre-wrap;word-break:break-all}
.th-list .th-del{position:absolute;right:8px;top:8px;border:0;background:none;padding:2px 4px;font-size:15px;color:#B8B6D6}
.th-list .th-empty{text-align:center;color:var(--muted);font-size:12px;background:none;padding:6px}
.th-list .th-empty::before{display:none}
.th-help{margin:8px 0 0;font-size:10.5px;line-height:1.55;color:var(--muted)}
.th-help a{color:#6C6FA8;font-weight:700}
@media (prefers-reduced-motion:reduce){
.pt-float,.pt-day.is-today i,.th-crown,.th-halo,.th-vortex,.th-fly,.th-sky i,.th-send{animation:none!important}
.pt-float,.pt-day.is-today i{animation:none!important}
.pt-grid .pt-card{opacity:1;transform:none;transition:none}
}
@@ -2768,5 +2682,4 @@ a.skip:focus{left:16px;top:16px}
.pt-foot{margin-top:6px;font-size:10.5px}
.pt-card.is-open p{-webkit-line-clamp:unset;display:block}
.pt-grid{scroll-padding:0 26px}
.th-tree{bottom:50px}
.th-crown{filter:drop-shadow(0 -1px 0 rgba(170,160,255,.35)) drop-shadow(0 0 10px rgba(120,110,230,.25))}
.li.hide{display:none}