广场帖子、专题页评论可以回复：点评论或「回复」即回复 TA，回复同样先审后发，楼里按时间排（v26110243）

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

demo/gch/v4.js

@@ -188,5 +188,5 @@
 }
   /* feed.js 首页默认不加载（index.html 只引了 topics.js），这里按需拉一次 */
   if (window.GC_FEED) init();
-  else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110242'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
+  else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110243'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
 })();

guangchang/ceshi/index.html

@@ -367,8 +367,8 @@ mark{background:linear-gradient(transparent 62%,var(--c20) 0);color:inherit;padd
 </div>
 <div class="toast" id="toast"></div>
 
-<script src="meta.js?v=26110242"></script>
+<script src="meta.js?v=26110243"></script>
-<script src="tests.js?v=26110242"></script>
+<script src="tests.js?v=26110243"></script>
 <script>
 (function () {
   'use strict';

guangchang/index.html

@@ -418,6 +418,9 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
 .ci-st{display:inline-block;margin-top:5px;padding:0 7px;border-radius:4px;font-size:11px;line-height:18px;font-weight:600}
 .ci-st.pending{background:#FFF4E5;color:#E08A00}.ci-st.rejected{background:#F2F3F5;color:#86909C}.ci-st.local{background:#F2F3F5;color:#A0A6AE}
 .ci.mine.rejected .ci-t{color:#A0A6AE}
+.ci-b[data-rk] .ci-t,.rp p[data-rk]{cursor:pointer}.ci-b[data-rk] .ci-t:active,.rp p[data-rk]:active{opacity:.6}
+.rp .au.me{background:#FFE7E0;color:#EC4D33}.rp p.rej{color:#A0A6AE}.rp .ci-st{margin-top:3px}
+.ci-s .rpy{margin-left:10px;color:#8C7B75;font-weight:600;cursor:pointer}
 .rp{margin-top:8px;padding:8px 10px;border-radius:10px;background:#F8F3EF;font-size:13px;line-height:1.65;color:#3A302C}
 .rp p{margin:0 0 4px}
 .rp p:last-child{margin-bottom:0}
@@ -575,10 +578,10 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
 <div id="sheet" role="dialog" aria-modal="true"><i class="sg"></i><div class="sbd" id="sbd"></div></div>
 <div class="toast" id="toast"></div>
 
-<script src="topics.js?v=26110242"></script>
+<script src="topics.js?v=26110243"></script>
-<script src="data.js?v=26110242"></script>
+<script src="data.js?v=26110243"></script>
-<script src="feed.js?v=26110242"></script>
+<script src="feed.js?v=26110243"></script>
-<script src="ceshi/meta.js?v=26110242"></script>
+<script src="ceshi/meta.js?v=26110243"></script>
 <script>
 (function () {
   'use strict';
@@ -644,7 +647,7 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
   var CMD = null, CMERR = false;
   /* 头像编码：数字 = av/NNNN.webp（旧代码头像）；'av:c012' = av/c012.webp（卡通/可爱卡通）；'/…' = 站内绝对路径（内置头像库 /_bridge/avatars/）；其余 = assets/img/mom/xxx.jpg */
   var avP = function (a) { return typeof a === 'number' ? 'av/' + ('000' + a).slice(-4) + '.webp' : a.indexOf('av:') === 0 ? 'av/' + a.slice(3) + '.webp' : a.charAt(0) === '/' ? a : '../assets/img/mom/' + a + '.jpg'; };
-  fetch('cm.json?v=26110242').then(function (r) { return r.json(); }).then(function (j) {
+  fetch('cm.json?v=26110243').then(function (r) { return r.json(); }).then(function (j) {
     CMD = j; if (openId && NBY[openId]) { renderComments(NBY[openId]); syncBar(NBY[openId]); }
   }).catch(function () { CMERR = true; if (openId && NBY[openId]) renderComments(NBY[openId]); });
   function commentsOf(n) {
@@ -672,11 +675,25 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
   var RC = {};
   var myCm = function (id) {
     var old = (ME.cm[id] || []).filter(function (c) { return !c.id; }).map(function (c) { return { t: c.t, ts: c.ts, s: c.s, st: 'local' }; });
-    var srv = RC[id] ? RC[id].mine.map(function (c) { return { id: c.id, t: c.text, ts: c.at, s: c.stage, st: c.status, why: c.reason }; }) : [];
+    var srv = RC[id] ? RC[id].mine.map(function (c) { return { id: c.id, t: c.text, ts: c.at, s: c.stage, st: c.status, why: c.reason, parent: c.parent, to: c.parentName }; }) : [];
     return old.concat(srv.reverse());
   };
   var realCm = function (id) { return RC[id] ? RC[id].list : []; };
-  var cmN = function (n) { return commentsOf(n).length + realCm(n.id).length + myCm(n.id).filter(function (c) { return c.st !== 'rejected'; }).length; };
+  /* 11-03 用户：可以回复别人的评论。回复也先审核；楼里只有一层，回复回复也挂在同一楼，写「回复 XX」 */
+  var REPLY = null;
+  function extraReplies(id, k) {
+    var o = realCm(id).filter(function (c) { return c.parent === k; }).map(function (c) { return { n: c.nickname || '孕妈', t: c.text, to: c.parentName, ts: c.at }; });
+    var m = myCm(id).filter(function (c) { return c.parent === k; }).map(function (c) { return { n: MYNAME, me: 1, t: c.t, to: c.to, st: c.st, why: c.why, ts: c.ts }; });
+    return o.concat(m).sort(function (x, y) { return x.ts - y.ts; });   /* 楼里按时间先后 */
+  }
+  function stTag(c) { return c.st === 'pending' ? '<span class="ci-st pending">审核中 · 通过后大家才能看到</span>' : c.st === 'rejected' ? '<span class="ci-st rejected">未通过' + (c.why ? '：' + esc(c.why) : '') + '</span>' : c.st === 'local' ? '<span class="ci-st local">仅自己可见</span>' : ''; }
+  function rpHTML(list, k, owner) {
+    return list.length ? '<div class="rp">' + list.map(function (x) {
+      return '<p' + (x.me ? ' class="rme' + (x.st === 'rejected' ? ' rej' : '') + '"' : ' data-rk="' + esc(k) + '" data-rn="' + esc(x.n) + '"') + '><b>' + esc(x.n) + '</b>' + (x.au ? '<span class="au">作者</span>' : '') + (x.me ? '<span class="au me">我</span>' : '') +
+        (x.to && x.to !== owner ? ' 回复 <b>' + esc(x.to) + '</b>' : '') + '：' + esc(x.t) + (x.me && x.st && x.st !== 'approved' ? '<br>' + stTag(x) : '') + '</p>';
+    }).join('') + '</div>' : '';
+  }
+  var cmN = function (n) { return commentsOf(n).length + realCm(n.id).length + myCm(n.id).filter(function (c) { return c.st !== 'rejected'; }).length; };   /* 含回复 */
   function loadRC(n) {
     var u = '/api/mp/public/mama-box/plaza/comments?kind=post&target=' + encodeURIComponent(n.id) + (OPENID ? '&openid=' + encodeURIComponent(OPENID) : '');
     fetch(u).then(function (r) { return r.json(); }).then(function (j) {
@@ -1141,15 +1158,15 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
   function commentHTML(c, mine) {
     if (mine) {
       var st = c.s || myStage();
-      var tag = c.st === 'pending' ? '<span class="ci-st pending">审核中 · 通过后大家才能看到</span>' : c.st === 'rejected' ? '<span class="ci-st rejected">未通过' + (c.why ? '：' + esc(c.why) : '') + '</span>' : c.st === 'local' ? '<span class="ci-st local">仅自己可见</span>' : '';
+      var mk = c.id && c.st === 'approved' ? 'r:' + c.id : '';   /* 通过了的自己的评论，别人能回复，回复挂在这里 */
-      return '<div class="ci mine' + (c.st === 'rejected' ? ' rejected' : '') + '"><span class="me">我</span><div class="ci-b"><div class="ci-n"><b>' + esc(MYNAME) + '</b><span class="mt">我</span></div>' +
+      return '<div class="ci mine' + (c.st === 'rejected' ? ' rejected' : '') + '"><span class="me">我</span><div class="ci-b"' + (mk ? ' data-rk="' + mk + '" data-rn="' + esc(MYNAME) + '"' : '') + '><div class="ci-n"><b>' + esc(MYNAME) + '</b><span class="mt">我</span></div>' +
-        '<p class="ci-t">' + esc(c.t) + '</p>' + (st ? '<div class="ci-s">' + esc(st) + '</div>' : '') + tag + '</div></div>';   /* 11-02 自己的评论也不显示时间 */
+        '<p class="ci-t">' + esc(c.t) + '</p>' + (st || mk ? '<div class="ci-s">' + esc(st) + (mk ? '<span class="rpy">回复</span>' : '') + '</div>' : '') + stTag(c) + (mk ? rpHTML(extraReplies(openId, mk), mk, MYNAME) : '') + '</div></div>';   /* 11-02 自己的评论也不显示时间 */
     }
     var on = !!ME.cl[c.key], n = c.likes + (on ? 1 : 0);
-    var rp = c.r.length ? '<div class="rp">' + c.r.map(function (x) { return '<p><b>' + esc(x.n) + '</b>' + (x.au ? '<span class="au">作者</span>' : '') + '：' + esc(x.t) + '</p>'; }).join('') + '</div>' : '';
+    var rp = rpHTML(c.r.concat(extraReplies(openId, c.key)), c.key, c.n);
-    return '<div class="ci"><img src="' + (c.av || avSrc(c.n)) + '" alt="" loading="lazy"><div class="ci-b"><div class="ci-n"><b>' + esc(c.n) + '</b>' +
+    return '<div class="ci"><img src="' + (c.av || avSrc(c.n)) + '" alt="" loading="lazy"><div class="ci-b" data-rk="' + esc(c.key) + '" data-rn="' + esc(c.n) + '"><div class="ci-n"><b>' + esc(c.n) + '</b>' +
       '<span class="lk' + (on ? ' on' : '') + '" data-cl="' + esc(c.key) + '" data-base="' + c.likes + '" role="button"><svg class="ic"><use href="#i-heart' + (on ? '-f' : '') + '"/></svg>' + n + '</span></div>' +
-      '<p class="ci-t">' + esc(c.t) + '</p>' + (c.s ? '<div class="ci-s">' + esc(c.s) + '</div>' : '')   /* 11-02 用户：评论时间先不显示 */ + rp + '</div></div>';
+      '<p class="ci-t">' + esc(c.t) + '</p><div class="ci-s">' + (c.s ? esc(c.s) : '') + '<span class="rpy"' + (c.s ? '' : ' style="margin-left:0"') + '>回复</span></div>'   /* 11-02 用户：评论时间先不显示 */ + rp + '</div></div>';
   }
   function agoOf(ts) {
     var s = Math.max(0, (Date.now() - ts) / 1000);
@@ -1159,11 +1176,11 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
     var d = new Date(ts); return (d.getMonth() + 1) + '-' + d.getDate();
   }
   function renderComments(n) {
-    var mine = myCm(n.id).slice().reverse(), cs = commentsOf(n);
+    var mine = myCm(n.id).filter(function (c) { return !c.parent; }).reverse(), cs = commentsOf(n);
     $('#cmh').innerHTML = '评论 <small>共 ' + cmN(n) + ' 条</small>';
     if (!CMD && !n.real && !CMERR) { $('#cml').innerHTML = mine.map(function (c) { return commentHTML(c, true); }).join('') + '<div class="cm-ld">评论加载中…</div>'; return; }
     /* 别人发的、已审核通过的真实评论排在模拟评论前面 */
-    var rl = realCm(n.id).map(function (c) { return { key: 'r:' + c.id, n: c.nickname || '孕妈', av: c.avatar || '', s: c.stage, t: c.text, likes: 0, r: [] }; });
+    var rl = realCm(n.id).filter(function (c) { return !c.parent; }).map(function (c) { return { key: 'r:' + c.id, n: c.nickname || '孕妈', av: c.avatar || '', s: c.stage, t: c.text, likes: 0, r: [] }; });
     $('#cml').innerHTML = mine.map(function (c) { return commentHTML(c, true); }).join('') + rl.concat(cs).map(function (c) { return commentHTML(c); }).join('');
   }
   function syncBar(n, popK) {
@@ -1239,7 +1256,9 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
       if (on) { cl.classList.remove('pop'); void cl.offsetWidth; cl.classList.add('pop'); }
       return;
     }
-    if (e.target.closest('#cmgo')) $('#cin').focus();
+    var rr = e.target.closest('[data-rk]');
+    if (rr) { REPLY = { k: rr.dataset.rk, n: rr.dataset.rn }; cin.placeholder = '回复 ' + REPLY.n + '：'; cin.focus(); return; }
+    if (e.target.closest('#cmgo')) { REPLY = null; cin.placeholder = '说点什么…'; $('#cin').focus(); }
   });
   $('#blk').addEventListener('click', function () {
     var n = NBY[openId]; if (!n) return;
@@ -1256,7 +1275,7 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
   });
   var cin = $('#cin');
   cin.addEventListener('focus', function () { $('#bar').classList.add('typing'); });
-  cin.addEventListener('blur', function () { setTimeout(function () { if (!cin.value.trim()) $('#bar').classList.remove('typing'); }, 120); });
+  cin.addEventListener('blur', function () { setTimeout(function () { if (!cin.value.trim()) { $('#bar').classList.remove('typing'); REPLY = null; cin.placeholder = '说点什么…'; } }, 120); });
   cin.addEventListener('input', function () { $('#csend').disabled = !cin.value.trim(); });
   cin.addEventListener('keydown', function (e) { if (e.key === 'Enter') { e.preventDefault(); send(); } });
   $('#csend').addEventListener('click', send);
@@ -1267,16 +1286,17 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
     /* 11-03：评论先交后台审核，通过后才公开；审核中只有自己看得到 */
     send.busy = true; $('#csend').disabled = true;
     fetch(API + '/comment?' + idq(), { method: 'POST', headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ kind: 'post', target: n.id, title: n.title, text: v.slice(0, 200), stage: myStage() }) })
+      body: JSON.stringify({ kind: 'post', target: n.id, title: n.title, text: v.slice(0, 200), stage: myStage(), parent: REPLY ? REPLY.k : '', parentName: REPLY ? REPLY.n : '' }) })
       .then(function (r) { return r.json(); }).then(function (j) {
         send.busy = false;
         if (!j || j.code !== 200) { $('#csend').disabled = !cin.value.trim(); toast((j && j.message) || '没发出去，稍后再试'); return; }
         var rc = RC[n.id] || (RC[n.id] = { list: [], mine: [] }); rc.mine.unshift(j.result);
+        var wasReply = !!REPLY; REPLY = null; cin.placeholder = '说点什么…';
         haptic();
         cin.value = ''; $('#csend').disabled = true; cin.blur(); $('#bar').classList.remove('typing');
         if (openId === n.id) { renderComments(n); syncBar(n); }
-        var w = $('#cmw'); if (w) $('#dsc').scrollTo({ top: w.offsetTop - 50, behavior: 'smooth' });
+        if (!wasReply) { var w = $('#cmw'); if (w) $('#dsc').scrollTo({ top: w.offsetTop - 50, behavior: 'smooth' }); }
-        toast('已提交，审核通过后大家就能看到');
+        toast(wasReply ? '回复已提交，审核通过后大家就能看到' : '已提交，审核通过后大家就能看到');
       }).catch(function () { send.busy = false; $('#csend').disabled = !cin.value.trim(); toast('网络不太好，稍后再试'); });
   }
 

guangchang/mine/index.html

@@ -105,7 +105,7 @@ main{padding:6px 16px 0}
 </div>
 <div class="wb"><button type="button" id="write"><svg class="ic" viewBox="0 0 24 24"><path d="M12 20h9M16.5 3.5a2.1 2.1 0 013 3L7 19l-4 1 1-4z"/></svg>写新的故事</button></div>
 
-<script src="../topics.js?v=26110242"></script>
+<script src="../topics.js?v=26110243"></script>
 <script>
 (function () {
   'use strict';

index.html

@@ -7,7 +7,7 @@
 <meta name="mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <title>兜爸心选 · 孕育陪伴</title>
-<!-- V:26110242 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26110243 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
 <link rel="stylesheet" href="mama-box.css">
 <link rel="stylesheet" href="night.css">
 <!-- 夜晚模式：首屏绘制前就按上次的选择加 class，避免先白后黑闪一下（开关在首页右上角 #nightBtn，逻辑见 app.js） -->
@@ -2519,7 +2519,7 @@
 <script src="/_bridge/avatar-picker.js?v=26101105"></script>
 <script src="/_bridge/hand-icons.js?v=26101202"></script>
 <script src="js/zodiac-art.js"></script>
-<script src="guangchang/topics.js?v=26110242"></script>
+<script src="guangchang/topics.js?v=26110243"></script>
 <script src="js/app.js"></script>
 <script>
 /* 11-02 首页「孕妈广场」效果稿：地址带 ?gcv=1~6 时，把 #gcHome 换成 demo/gch/vN.css + vN.js 的版式并滚到这一块。
@@ -2527,7 +2527,7 @@
 (function () {
   var m = location.search.match(/[?&]gcv=([1-6])(?:&|$)/);
   if (!m) window.__gcDefault = 1;
-  var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110242';
+  var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110243';
   l.rel = 'stylesheet'; l.href = 'demo/gch/v' + n + '.css?' + q;
   s.src = 'demo/gch/v' + n + '.js?' + q;
   if (m) s.onload = function () { setTimeout(function () { var el = document.getElementById('gcHome'); if (el) el.scrollIntoView({ block: 'center' }); }, 900); };
@@ -2535,7 +2535,7 @@
   /* 11-02 品牌露出（用户定 4 处都要）：默认加载，?brand=0 可关掉对比；⚠️ 上正式前和 V6 一起并进正式代码，别依赖 demo/ */
   if (!/[?&]brand=0/.test(location.search)) {
     var bl = document.createElement('link'), bs = document.createElement('script');
-    bl.rel = 'stylesheet'; bl.href = 'demo/brand/brand.css?v=26110242'; bs.src = 'demo/brand/brand.js?v=26110242';
+    bl.rel = 'stylesheet'; bl.href = 'demo/brand/brand.css?v=26110243'; bs.src = 'demo/brand/brand.js?v=26110243';
     document.head.appendChild(bl); document.body.appendChild(bs);
   }
 })();

js/app.js

@@ -3,7 +3,7 @@
 (function () {
   'use strict';
   /* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */
-  var VER = '26110242';
+  var VER = '26110243';
   const $ = (s, c) => (c || document).querySelector(s);
   const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
 

topic/_shared/tools.js

@@ -50,6 +50,7 @@
     '.tc-t{margin-top:4px;font-size:14.5px;line-height:1.7;color:#1F2329;word-break:break-word}' +
     '.tc-f{display:flex;justify-content:flex-end;margin-top:2px}.tc-lk{display:inline-flex;align-items:center;gap:3px;border:0;background:none;padding:2px 0;font-size:12px;color:#86909C}.tc-lk svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}' +
     '.tc-lk.on{color:#F2533A}.tc-lk.on svg{fill:currentColor}' +
+    '.tc-rpy{border:0;background:none;padding:2px 0;margin-right:auto;font-size:12px;font-weight:600;color:#86909C}.tc-r p[data-rk],.tc-b[data-rk] .tc-t{cursor:pointer}.tc-r p.rej{color:#A0A6AE}.tc-r .tc-st{margin-top:3px}' +
     '.tc-r{margin-top:6px;padding:8px 10px;border-radius:12px;background:#F7F8FA;font-size:13.5px;line-height:1.65;color:#4E5969}.tc-r p+p{margin-top:4px}.tc-r b{font-weight:600;color:#1F2329}' +
     '.tc-more{display:block;width:100%;margin-top:6px;height:40px;border:0;border-radius:99px;background:#F7F8FA;color:#4E5969;font-size:13px;font-weight:600}';
   var SLUG = (location.pathname.match(/\/topic\/([^\/]+)\//) || [])[1] || '';
@@ -65,7 +66,7 @@
   function getJSON(u) { return fetch(u, { cache: 'no-cache' }).then(function (r) { if (!r.ok) throw r.status; return r.json(); }); }
 
   function related(box) {
-    getJSON('../_shared/idx.json?v=26110242').then(function (idx) {
+    getJSON('../_shared/idx.json?v=26110243').then(function (idx) {
       var me = null; idx.forEach(function (x) { if (x[0] === SLUG) me = x; });
       var tag = me ? me[2] : '', h = 0; for (var i = 0; i < SLUG.length; i++) h = (h * 31 + SLUG.charCodeAt(i)) >>> 0;
       var rest = idx.filter(function (x) { return x[0] !== SLUG; });
@@ -87,24 +88,44 @@
     var API = '/api/mp/public/mama-box/plaza';
     function mine() {
       var old = (st.m.cm[SLUG] || []).map(function (c) { return { t: c.t, ts: c.ts, s: c.s, st: 'local' }; });
-      return old.concat(RC.mine.slice().reverse().map(function (c) { return { t: c.text, ts: c.at, s: c.stage, st: c.status, why: c.reason, id: c.id }; }));
+      return old.concat(RC.mine.slice().reverse().map(function (c) { return { t: c.text, ts: c.at, s: c.stage, st: c.status, why: c.reason, id: c.id, parent: c.parent, to: c.parentName }; }));
+    }
+    function real() { return RC.list.filter(function (c) { return !c.parent; }).map(function (c) { return [c.nickname || '孕妈', c.avatar || '', c.stage || '', c.text, 0, [], 'r:' + c.id]; }); }
+    /* 11-03 用户：可以回复别人的评论。回复也先审核；楼里只有一层，回复回复也挂在同一楼，写「回复 XX」 */
+    var REPLY = null, MYN = '我';
+    function stTag(c) { return c.st === 'pending' ? '<span class="tc-st pending">审核中 · 通过后大家才能看到</span>' : c.st === 'rejected' ? '<span class="tc-st">未通过' + (c.why ? '：' + esc(c.why) : '') + '</span>' : c.st === 'local' ? '<span class="tc-st">仅自己可见</span>' : ''; }
+    function replies(base, k, owner) {
+      var L2 = (base || []).map(function (r) { return { n: r[0], t: r[3] }; })
+        .concat(RC.list.filter(function (c) { return c.parent === k; }).map(function (c) { return { n: c.nickname || '孕妈', t: c.text, to: c.parentName, ts: c.at }; })
+          .concat(mine().filter(function (c) { return c.parent === k; }).map(function (c) { return { n: MYN, me: 1, t: c.t, to: c.to, st: c.st, why: c.why, ts: c.ts }; }))
+          .sort(function (x, y) { return x.ts - y.ts; }));   /* 预置回复在前，真实回复按时间先后 */
+      return L2.length ? '<div class="tc-r">' + L2.map(function (r) {
+        return '<p' + (r.me ? (r.st === 'rejected' ? ' class="rej"' : '') : ' data-rk="' + esc(k) + '" data-rn="' + esc(r.n) + '"') + '><b>' + esc(r.n) + '</b>' + (r.to && r.to !== owner ? ' 回复 <b>' + esc(r.to) + '</b>' : '') + '<b>：</b>' + esc(r.t) +
+          (r.me && r.st !== 'approved' ? '<br>' + stTag(r) : '') + '</p>';
+      }).join('') + '</div>' : '';
     }
-    function real() { return RC.list.map(function (c) { return [c.nickname || '孕妈', c.avatar || '', c.stage || '', c.text, 0, [], 'r:' + c.id]; }); }
     function item(c, key) {
       var lk = !!st.m.lk[key];
-      var tag = !c.me ? '' : c.st === 'pending' ? '<span class="tc-st pending">审核中 · 通过后大家才能看到</span>' : c.st === 'rejected' ? '<span class="tc-st">未通过' + (c.why ? '：' + esc(c.why) : '') + '</span>' : c.st === 'local' ? '<span class="tc-st">仅自己可见</span>' : '';
+      var rk = c.me ? (c.id && c.st === 'approved' ? 'r:' + c.id : '') : key, rn = c.me ? MYN : c[0];
+      var tag = c.me ? stTag(c) : '';
       return '<div class="tc-it' + (c.me && c.st === 'rejected' ? ' rej' : '') + '">' + (c.me ? '<span class="tc-av tc-me">我</span>' : '<img class="tc-av" src="' + esc(avP(c[1])) + '" alt="" loading="lazy">') +
-        '<div class="tc-b"><div class="tc-n"><b>' + esc(c.me ? '我' : c[0]) + '</b>' + (c.me ? '<i>' + esc(c.s || myStage() || '刚刚') + '</i>' : (c[2] ? '<i>' + esc(c[2]) + '</i>' : '')) + '</div>' +
+        '<div class="tc-b"' + (rk ? ' data-rk="' + esc(rk) + '" data-rn="' + esc(rn) + '"' : '') + '><div class="tc-n"><b>' + esc(c.me ? '我' : c[0]) + '</b>' + (c.me ? '<i>' + esc(c.s || myStage() || '刚刚') + '</i>' : (c[2] ? '<i>' + esc(c[2]) + '</i>' : '')) + '</div>' +
         '<div class="tc-t">' + esc(c.me ? c.t : c[3]) + '</div>' + tag +
-        (!c.me && c[5] && c[5].length ? '<div class="tc-r">' + c[5].map(function (r) { return '<p><b>' + esc(r[0]) + '：</b>' + esc(r[3]) + '</p>'; }).join('') + '</div>' : '') +
+        (rk ? replies(c.me ? [] : c[5], rk, rn) : '') +
-        '<div class="tc-f"><button type="button" class="tc-lk' + (lk ? ' on' : '') + '" data-k="' + esc(key) + '">' + HEART + '<span>' + ((c.me ? 0 : c[4]) + (lk ? 1 : 0) || '赞') + '</span></button></div></div></div>';
+        '<div class="tc-f">' + (rk ? '<button type="button" class="tc-rpy">回复</button>' : '') + '<button type="button" class="tc-lk' + (lk ? ' on' : '') + '" data-k="' + esc(key) + '">' + HEART + '<span>' + ((c.me ? 0 : c[4]) + (lk ? 1 : 0) || '赞') + '</span></button></div></div></div>';
     }
     function paint() {
-      var my = mine().slice().reverse(), A = real().concat(L), n = A.length + my.filter(function (c) { return c.st !== 'rejected'; }).length, show = open ? A : A.slice(0, 5);
+      var my = mine().filter(function (c) { return !c.parent; }).reverse(), A = real().concat(L), n = A.length + my.filter(function (c) { return c.st !== 'rejected'; }).length, show = open ? A : A.slice(0, 5);
       box.innerHTML = '<div class="tt-h"><b>大家怎么说</b><span>' + n + ' 条评论</span></div>' +
         '<div class="tc-list">' + my.map(function (c, i) { return item({ me: 1, t: c.t, s: c.s, st: c.st, why: c.why }, 'me' + c.ts); }).join('') +
         show.map(function (c, i) { return item(c, c[6] || SLUG + '#' + (i - (A.length - L.length))); }).join('') + '</div>' +
         (!open && A.length > 5 ? '<button type="button" class="tc-more">展开全部 ' + n + ' 条评论</button>' : '');
+      [].forEach.call(box.querySelectorAll('[data-rk]'), function (el) {
+        el.addEventListener('click', function (e) {
+          if (e.target.closest('.tc-lk') || (el.classList.contains('tc-b') && e.target.closest('.tc-r'))) return;
+          REPLY = { k: el.dataset.rk, n: el.dataset.rn }; ta.placeholder = '回复 ' + REPLY.n + '：'; ta.focus();
+        });
+      });
       var mo = box.querySelector('.tc-more'); if (mo) mo.addEventListener('click', function () { open = true; paint(); });
       [].forEach.call(box.querySelectorAll('.tc-lk'), function (b) {
         b.addEventListener('click', function () { var k = b.dataset.k; if (st.m.lk[k]) delete st.m.lk[k]; else st.m.lk[k] = 1; saveMe(st); paint(); });
@@ -117,7 +138,8 @@
     document.body.appendChild(bar);
     var sc = box.parentNode; while (sc && sc !== document.body && !/(auto|scroll)/.test(getComputedStyle(sc).overflowY)) sc = sc.parentNode;
     sc = sc || document.body; sc.style.paddingBottom = (parseFloat(getComputedStyle(sc).paddingBottom) || 0) + 64 + 'px';
-    var ta = bar.querySelector('textarea'), bt = bar.querySelector('button');
+    var ta = bar.querySelector('textarea'), bt = bar.querySelector('button'), PH = ta.placeholder;
+    ta.addEventListener('blur', function () { setTimeout(function () { if (!ta.value.trim()) { REPLY = null; ta.placeholder = PH; } }, 150); });
     ta.addEventListener('input', function () { bt.disabled = !ta.value.trim(); ta.style.height = '24px'; ta.style.height = Math.min(96, ta.scrollHeight) + 'px'; });
     bt.addEventListener('click', function () {
       var v = ta.value.trim(); if (!v || bt.busy) return;
@@ -126,14 +148,15 @@
       bt.busy = true; bt.disabled = true;
       var h1 = document.querySelector('h1');
       fetch(API + '/comment?openid=' + encodeURIComponent(OID), { method: 'POST', headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ kind: 'topic', target: SLUG, title: (h1 && h1.textContent.trim()) || document.title, text: v.slice(0, 200), stage: myStage() }) })
+        body: JSON.stringify({ kind: 'topic', target: SLUG, title: (h1 && h1.textContent.trim()) || document.title, text: v.slice(0, 200), stage: myStage(), parent: REPLY ? REPLY.k : '', parentName: REPLY ? REPLY.n : '' }) })
         .then(function (r) { return r.json(); }).then(function (j) {
           bt.busy = false;
           if (!j || j.code !== 200) { bt.disabled = !ta.value.trim(); toast((j && j.message) || '没发出去，稍后再试'); return; }
           RC.mine.unshift(j.result);
+          var wasReply = !!REPLY; REPLY = null; ta.placeholder = PH;
           ta.value = ''; ta.style.height = '24px'; bt.disabled = true; ta.blur(); paint();
-          box.scrollIntoView({ block: 'start', behavior: 'smooth' });
+          if (!wasReply) box.scrollIntoView({ block: 'start', behavior: 'smooth' });
-          toast('已提交，审核通过后大家就能看到');
+          toast(wasReply ? '回复已提交，审核通过后大家就能看到' : '已提交，审核通过后大家就能看到');
         }).catch(function () { bt.busy = false; bt.disabled = !ta.value.trim(); toast('网络不太好，稍后再试'); });
     });
     function toast(m) {
@@ -143,7 +166,7 @@
     }
     fetch(API + '/comments?kind=topic&target=' + encodeURIComponent(SLUG) + (OID ? '&openid=' + encodeURIComponent(OID) : ''))
       .then(function (r) { return r.json(); }).then(function (j) { if (j && j.code === 200) { RC = j.result; paint(); } }).catch(function () {});
-    getJSON('../_shared/cm/' + SLUG + '.json?v=26110242').then(function (d) { L = d.c || []; paint(); }).catch(function () { paint(); });
+    getJSON('../_shared/cm/' + SLUG + '.json?v=26110243').then(function (d) { L = d.c || []; paint(); }).catch(function () { paint(); });
   }
 
   function extras(el) {