v26110273 首页6篇点赞数前加3个叠放头像、隔几秒换一个并+1；广场其余173篇标题按新规则重写

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

js/app.js

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

js/gch/v4.js

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

js/gch/v6.css

@@ -91,3 +91,17 @@ html.night #gcHome.gv4.gv6 .g6-all{background:none;color:#B9A6B1}
 #gcHome.gv4.gv6 .g6-nt .ms-q{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.45}
 #gcHome.gv4.gv6 .g6-ph{flex:none;width:56px;height:56px;margin-left:10px;border-radius:12px;object-fit:cover;background:#F6EEEA}
 #gcHome.gv4.gv6 .g6-st{margin-left:8px;font-style:normal;font-weight:600;color:#B19C96}
+/* 11-03 点赞数前的 3 个叠放小头像，偶尔换一个（见 v6.js likeTick） */
+#gcHome.gv4.gv6 .g6-avs{display:inline-flex;align-items:center;margin-right:5px;vertical-align:middle}
+#gcHome.gv4.gv6 .g6-avs img{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1.5px solid #fff;background:#FFE3D3;margin-left:-6px;box-sizing:border-box}
+#gcHome.gv4.gv6 .g6-avs img:first-child{margin-left:0}
+#gcHome.gv4.gv6 .g6-avs img.in{animation:g6AvIn .42s cubic-bezier(.3,1.5,.5,1) both}
+#gcHome.gv4.gv6 .g6-avs img.out{animation:g6AvOut .42s ease both}
+@keyframes g6AvIn{from{transform:scale(0);margin-left:-18px}to{transform:scale(1);margin-left:0}}
+@keyframes g6AvOut{to{opacity:0;transform:scale(.4);width:0;margin-left:-6px;border-width:0}}
+#gcHome.gv4.gv6 .ms-h b.bump{animation:g6Bump .5s ease}
+@keyframes g6Bump{40%{transform:scale(1.15);color:#FF4D2E}}
+#gcHome.gv4.gv6 .ms-h b{display:inline-block}
+html.night #gcHome.gv4.gv6 .g6-avs img{border-color:#2F2737}
+@media (prefers-reduced-motion:reduce){#gcHome.gv4.gv6 .g6-avs img.in,#gcHome.gv4.gv6 .g6-avs img.out,#gcHome.gv4.gv6 .ms-h b.bump{animation:none}}
+#gcHome.gv4.gv6 .g6-nt .ms-h{flex-wrap:nowrap;white-space:nowrap}

js/gch/v6.js

@@ -6,9 +6,9 @@
 (function () {
   var sec = document.getElementById('gcHome');
   if (!sec) return;
-  var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110272';
+  var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110273';
   document.head.appendChild(l);
-  var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110272';
+  var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110273';
   s.onload = function () { if (sec.querySelector('.g4-foot')) merge(); else sec.addEventListener('gc4-ready', merge, { once: true }); };   /* v4 要先拉 feed.js 才渲染 */
   document.body.appendChild(s);
 
@@ -87,7 +87,7 @@
       var l6 = pick6();
       if (!l6.length) { box.style.display = 'none'; return; }
       list.innerHTML = l6.map(function (x, i) {
-        var n = x.likes || 0, heat = '<span class="ms-h">' + FIRE + '<b>' + (n >= 1e4 ? Math.round(n / 1e3) / 10 + '万' : n) + ' 人点赞</b><em class="g6-st">' + esc(x.stage || '') + '</em></span>';
+        var n = x.likes || 0, heat = '<span class="ms-h">' + avs(i) + '<b>' + (n >= 1e4 ? Math.round(n / 1e3) / 10 + '万' : n) + ' 人点赞</b><em class="g6-st">' + esc(x.stage || '') + '</em></span>';
         var q = new URLSearchParams(location.search); q.set('n', x.id);
         return '<a class="ms-it ripple g6-nt" href="' + esc('guangchang/?' + q.toString() + location.hash) + '"><i class="ms-no">' + (i + 1) + '</i>' +
           '<span class="ms-m"><span class="ms-q">' + esc(x.title) + '</span>' + heat + '</span>' +
@@ -95,6 +95,40 @@
       }).join('');
       all.textContent = '去广场看更多 ›';
       all.classList.remove('hide');
+      likeTick();
+    }
+    /* 11-03 用户：「点赞数前面放几个小头像，偶尔换一个，相当于有人新点赞进来」
+       → 火苗换成 3 个叠放小头像；每 4～7 秒随机挑一行：新头像从左边弹进来、最右边那个淡出，点赞数 +1（只在本次浏览里涨，刷新回到原数）。
+       头像池用首页滚动动态同一批虚构照片（assets/img/mom/，非真实用户）；页面在后台时不换。 */
+    var LIKE_AVA = ['p08', 'k02', 's01', 'm01', 'p09', 'k03', 'p10', 's03', 'm18', 'k05', 'p11', 's04', 'm22', 'p12', 'k07', 's06', 'p13', 'm03', 'k08', 's07', 'p14', 'm19', 'k09', 's08', 'm09', 'k11', 'm11', 'k13', 'm14', 'm15', 'm17'];
+    var avaAt = 0;
+    function avaEl(n) { return '<img src="assets/img/mom/' + n + '.jpg" alt="" loading="lazy" decoding="async" width="40" height="40">'; }
+    function avs(i) {
+      var h = '';
+      for (var k = 0; k < 3; k++) h += avaEl(LIKE_AVA[(i * 5 + k * 2) % LIKE_AVA.length]);
+      avaAt = Math.max(avaAt, i * 5 + 6);
+      return '<span class="g6-avs" aria-hidden="true">' + h + '</span>';
+    }
+    var likeT = 0;
+    function likeTick() {
+      clearTimeout(likeT);
+      likeT = setTimeout(function () {
+        var rows = list.querySelectorAll('.g6-nt');
+        if (!document.hidden && rows.length && list.offsetParent) {
+          var r = rows[Math.floor(Math.random() * rows.length)], st = r.querySelector('.g6-avs'), b = r.querySelector('.ms-h b');
+          if (st && b) {
+            var w = document.createElement('span');
+            w.innerHTML = avaEl(LIKE_AVA[avaAt++ % LIKE_AVA.length]);
+            var im = w.firstChild; im.className = 'in';
+            st.insertBefore(im, st.firstChild);
+            var last = st.lastElementChild; last.className = 'out';
+            setTimeout(function () { if (last.parentNode) last.parentNode.removeChild(last); }, 420);
+            var m = b.textContent.match(/^(\d+)( 人点赞)$/);
+            if (m) { b.textContent = (+m[1] + 1) + m[2]; b.classList.remove('bump'); void b.offsetWidth; b.classList.add('bump'); }
+          }
+        }
+        likeTick();
+      }, 4000 + Math.random() * 3000);
     }
     all.addEventListener('click', function () { location.href = 'guangchang/' + location.search + location.hash; });
     paintList();

js/kit.js

@@ -9,7 +9,7 @@
   if (/[?&]kit=0(?:&|$)/.test(location.search)) return;
   var box = document.getElementById('kit'), sec = document.getElementById('kitHome');
   if (!box || !sec) return;
-  var V = '26110272';
+  var V = '26110273';
   var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/kit.css?v=' + V; document.head.appendChild(l);
   document.documentElement.classList.add('has-kit');