专题页点回复时底部出「回复 XX：原文」提示条（可取消）；广场评论孕周挪到名字右边小胶囊，同专题页（v26110244）

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=26110243'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
+  else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110244'; 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=26110243"></script>
+<script src="meta.js?v=26110244"></script>
-<script src="tests.js?v=26110243"></script>
+<script src="tests.js?v=26110244"></script>
 <script>
 (function () {
   'use strict';

guangchang/index.html

@@ -420,7 +420,9 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
 .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}
+/* 11-03 用户：孕周挪到名字右边，样式同专题页的小胶囊 */
+.ci-n .stg{font-style:normal;font-size:11px;line-height:17px;padding:0 6px;border-radius:99px;background:#F5EFEC;color:#A08C86;white-space:nowrap}
+.ci-s .rpy{margin-left:0;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}
@@ -578,10 +580,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=26110243"></script>
+<script src="topics.js?v=26110244"></script>
-<script src="data.js?v=26110243"></script>
+<script src="data.js?v=26110244"></script>
-<script src="feed.js?v=26110243"></script>
+<script src="feed.js?v=26110244"></script>
-<script src="ceshi/meta.js?v=26110243"></script>
+<script src="ceshi/meta.js?v=26110244"></script>
 <script>
 (function () {
   'use strict';
@@ -647,7 +649,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=26110243').then(function (r) { return r.json(); }).then(function (j) {
+  fetch('cm.json?v=26110244').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) {
@@ -1159,14 +1161,14 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
     if (mine) {
       var st = c.s || myStage();
       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"' + (mk ? ' data-rk="' + mk + '" data-rn="' + esc(MYNAME) + '"' : '') + '><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>' + (st ? '<i class="stg">' + esc(st) + '</i>' : '') + '</div>' +
-        '<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 自己的评论也不显示时间 */
+        '<p class="ci-t">' + esc(c.t) + '</p>' + (mk ? '<div class="ci-s"><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 = 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" data-rk="' + esc(c.key) + '" data-rn="' + esc(c.n) + '"><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>' + (c.s ? '<i class="stg">' + esc(c.s) + '</i>' : '') +
       '<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><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>';
+      '<p class="ci-t">' + esc(c.t) + '</p><div class="ci-s"><span class="rpy">回复</span></div>'   /* 11-02 用户：评论时间先不显示 */ + rp + '</div></div>';
   }
   function agoOf(ts) {
     var s = Math.max(0, (Date.now() - ts) / 1000);

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=26110243"></script>
+<script src="../topics.js?v=26110244"></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:26110243 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26110244 缓存版本标记：改 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=26110243"></script>
+<script src="guangchang/topics.js?v=26110244"></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=26110243';
+  var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110244';
   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=26110243'; bs.src = 'demo/brand/brand.js?v=26110243';
+    bl.rel = 'stylesheet'; bl.href = 'demo/brand/brand.css?v=26110244'; bs.src = 'demo/brand/brand.js?v=26110244';
     document.head.appendChild(bl); document.body.appendChild(bs);
   }
 })();

js/app.js

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

topic/_shared/tools.js

@@ -39,6 +39,8 @@
     '.tr-tx span{font-size:12px;color:#86909C;display:flex;gap:6px;align-items:center}.tr-tx em{font-style:normal;font-size:11px;font-weight:600;color:var(--tt-c,#18A058)}.tr-tx em::after{content:"·";margin-left:6px;color:#C9CDD4;font-weight:400}.tr-go{color:#C9CDD4;font-size:18px}' +
     /* 11-03 用户：评论输入框别放在评论区最上面，浮在页面底部 */
     '.tc-in{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:8px;align-items:flex-end;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #F0F1F3;box-shadow:0 -6px 18px -14px rgba(31,35,41,.3)}' +
+    /* 11-03 用户：点回复时底部要明显显示在回复谁（同孕妈广场） */
+    '.tc-rto{position:absolute;left:0;right:0;bottom:100%;display:flex;align-items:center;gap:8px;padding:8px 14px;background:#F7F8FA;border-top:1px solid #EEF0F3;font-size:12.5px;color:#86909C}.tc-rto[hidden]{display:none}.tc-rto span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-rto b{color:#1F2329;font-weight:600}.tc-in .tc-rto button{flex:none;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#E5E6EB;color:#86909C;font-size:14px;line-height:22px}' +
     '.tc-in label{flex:1;min-width:0;display:flex;padding:6px 14px;border-radius:20px;background:#F2F3F5}' +
     '.tc-in textarea{flex:1;min-width:0;border:0;background:transparent;resize:none;font-size:14px;line-height:1.6;font-family:inherit;color:#1F2329;height:24px;max-height:96px;outline:0;padding:0}' +
     '.tc-in button{flex:0 0 auto;height:36px;padding:0 16px;border:0;border-radius:99px;background:var(--tt-c,#18A058);color:#fff;font-size:13.5px;font-weight:700}.tc-in button:disabled{opacity:.35}' +
@@ -66,7 +68,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=26110243').then(function (idx) {
+    getJSON('../_shared/idx.json?v=26110244').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; });
@@ -123,7 +125,8 @@
       [].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 tx = el.classList.contains('tc-b') ? (el.querySelector('.tc-t') || {}).textContent : el.textContent.replace(/^[^：]*：/, '');
+          setReply({ k: el.dataset.rk, n: el.dataset.rn }, tx); ta.focus();
         });
       });
       var mo = box.querySelector('.tc-more'); if (mo) mo.addEventListener('click', function () { open = true; paint(); });
@@ -133,13 +136,19 @@
     }
     /* 底部浮条：整页常驻，发完滚到评论区看到自己那条 */
     var bar = document.createElement('div'); bar.className = 'tc-in';
-    bar.innerHTML = '<label><textarea rows="1" maxlength="200" placeholder="说说你的情况，和其他妈妈聊聊…"></textarea></label><button type="button" disabled>发布</button>';
+    bar.innerHTML = '<div class="tc-rto" hidden><span></span><button type="button" aria-label="取消回复">×</button></div><label><textarea rows="1" maxlength="200" placeholder="说说你的情况，和其他妈妈聊聊…"></textarea></label><button type="button" disabled>发布</button>';
     bar.style.setProperty('--tt-c', box.style.getPropertyValue('--tt-c'));
     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'), PH = ta.placeholder;
+    var ta = bar.querySelector('textarea'), bt = bar.querySelector('label + button'), PH = ta.placeholder, rto = bar.querySelector('.tc-rto');
-    ta.addEventListener('blur', function () { setTimeout(function () { if (!ta.value.trim()) { REPLY = null; ta.placeholder = PH; } }, 150); });
+    function setReply(r, tx) {
+      REPLY = r; ta.placeholder = r ? '回复 ' + r.n + '：' : PH; rto.hidden = !r;
+      if (r) rto.querySelector('span').innerHTML = '回复 <b>' + esc(r.n) + '</b>' + (tx ? '：' + esc(String(tx).trim().slice(0, 40)) : '');
+    }
+    rto.querySelector('button').addEventListener('mousedown', function (e) { e.preventDefault(); });
+    rto.querySelector('button').addEventListener('click', function () { setReply(null); });
+    ta.addEventListener('blur', function () { setTimeout(function () { if (!ta.value.trim()) setReply(null); }, 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;
@@ -153,7 +162,7 @@
           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;
+          var wasReply = !!REPLY; setReply(null);
           ta.value = ''; ta.style.height = '24px'; bt.disabled = true; ta.blur(); paint();
           if (!wasReply) box.scrollIntoView({ block: 'start', behavior: 'smooth' });
           toast(wasReply ? '回复已提交，审核通过后大家就能看到' : '已提交，审核通过后大家就能看到');
@@ -166,7 +175,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=26110243').then(function (d) { L = d.c || []; paint(); }).catch(function () { paint(); });
+    getJSON('../_shared/cm/' + SLUG + '.json?v=26110244').then(function (d) { L = d.c || []; paint(); }).catch(function () { paint(); });
   }
 
   function extras(el) {