v26110254 孕妈广场分类小 banner：家庭婚姻/职场/经验/测一测各一张，祈福树只留在全部

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

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=26110253"></script>
+<script src="meta.js?v=26110254"></script>
-<script src="tests.js?v=26110253"></script>
+<script src="tests.js?v=26110254"></script>
 <script>
 (function () {
   'use strict';

guangchang/index.html

@@ -560,6 +560,24 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
 .rec-app.off img,.rec-app.off .rl{opacity:.45;filter:grayscale(.4)}
 .rec-app.off i{position:absolute;top:-8px;left:calc(50% + 4px);font-style:normal;font-size:9px;font-weight:700;line-height:1;padding:3px 5px;border-radius:99px;background:#B9A9A2;color:#fff;white-space:nowrap}
 .rec-empty{padding:30px 0;text-align:center;font-size:13px;color:#9C8F88}
+
+/* ---------- 分类小 banner（11-03 用户：家庭婚姻 / 职场 / 经验 / 测一测各做一张小 banner 替换祈福树，祈福树只留在「全部」）
+   图 guangchang/bn/*.webp（AI 生成 3D 黏土风，纯色底），卡片底色取图的底色，图贴右边、左侧文字 ---------- */
+.cbn{position:relative;display:flex;align-items:stretch;width:calc(100% - 24px);height:112px;margin:2px 12px 0;border:0;padding:0;border-radius:18px;overflow:hidden;text-align:left;font-family:inherit;cursor:pointer;background:var(--bb);box-shadow:0 6px 16px rgba(160,90,70,.1);transition:transform .16s;-webkit-tap-highlight-color:transparent}
+.cbn:active{transform:scale(.985)}
+.cbn img{position:absolute;right:-6px;top:50%;height:132px;width:auto;transform:translateY(-50%);pointer-events:none;animation:cbnF 5s ease-in-out infinite}
+@keyframes cbnF{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 3px))}}
+.cbn::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--bb) 38%,transparent 66%)}
+.cbn-tx{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:14px 0 12px 16px;max-width:64%}
+.cbn-tx small{font-size:11px;font-weight:700;color:var(--bc);opacity:.85;letter-spacing:.3px}
+.cbn-tx b{margin-top:4px;font-size:17.5px;font-weight:900;color:#2A1E1E;line-height:1.25;white-space:nowrap}
+.cbn-tx em{margin-top:3px;font-style:normal;font-size:11.5px;color:#7C6E68;white-space:nowrap}
+.cbn-go{margin-top:auto;display:inline-flex;align-items:center;gap:1px;height:26px;padding:0 9px 0 12px;border-radius:99px;background:var(--bc);color:#fff;font-size:12px;font-weight:800;box-shadow:0 3px 8px rgba(0,0,0,.12)}
+.cbn-go .ic{width:12px;height:12px}
+.cbn.b-family{--bb:#FCDEE3;--bc:#E25C7A}
+.cbn.b-work{--bb:#D2E0F7;--bc:#4A7BD0}
+.cbn.b-baby{--bb:#D6EFE7;--bc:#2E9B78}
+.cbn.b-ceshi{--bb:#E8E0FC;--bc:#7A5BD6}
 </style>
 </head>
 <body>
@@ -648,10 +666,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=26110253"></script>
+<script src="topics.js?v=26110254"></script>
-<script src="data.js?v=26110253"></script>
+<script src="data.js?v=26110254"></script>
-<script src="feed.js?v=26110253"></script>
+<script src="feed.js?v=26110254"></script>
-<script src="ceshi/meta.js?v=26110253"></script>
+<script src="ceshi/meta.js?v=26110254"></script>
 <script>
 (function () {
   'use strict';
@@ -717,7 +735,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=26110253').then(function (r) { return r.json(); }).then(function (j) {
+  fetch('cm.json?v=26110254').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) {
@@ -859,6 +877,24 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
       '<span class="qf-tx"><small><i></i>宝宝祈福树</small><b><i>#</i>为宝宝挂一张福牌<i>#</i></b><em>集齐五福，愿宝宝平平安安</em>' +
       '<span class="qf-go">去祈福<svg class="ic"><use href="#i-right"/></svg></span></span></button>';
   }
+  /* 分类小 banner：家庭婚姻 / 职场 / 经验 点了 = 参与本类最热话题（投稿规则弹层）；测一测 点了 = 进最热的那个测试 */
+  var CBN = {
+    family: ['家庭婚姻', '孕期的家，也需要用心经营', '和老公、婆婆、爸妈的那些事', '我也来聊聊'],
+    work: ['职场', '怀孕了，工作也要安心', '产检请假、孕期上班、休产假', '我也来聊聊'],
+    baby: ['经验', '过来人的孕育笔记', '踩过的坑、买对的好物都在这', '分享我的经验'],
+    ceshi: ['孕育测一测', '', '', '测最热的一个']
+  };
+  function cbnHTML(c) {
+    var x = CBN[c]; if (!x) return '';
+    var tgt;
+    if (c === 'ceshi') {
+      var top = byHot(TM)[0];
+      x = x.slice(); x[1] = '测测你是哪种孕妈'; x[2] = '累计 ' + Math.round(TM.reduce(function (a, y) { return a + gcTested(y.id); }, 0) / 1e4) + ' 万人次参与 · ' + TM.length + ' 个测试';
+      tgt = top ? ' data-test="' + top.id + '"' : '';
+    } else { var h = hotList()[0]; tgt = ' data-join="' + (h ? h.id : '') + '"'; }
+    return '<button type="button" class="cbn b-' + c + '"' + tgt + '><img src="bn/' + c + '.webp" alt="" decoding="async">' +
+      '<span class="cbn-tx"><small>' + x[0] + '</small><b>' + x[1] + '</b><em>' + x[2] + '</em><span class="cbn-go">' + x[3] + '<svg class="ic"><use href="#i-right"/></svg></span></span></button>';
+  }
   /* 跳祈福树：同首页 jumpApp(QIFU_URL) —— 相对路径、身份走 query、上报 last_app 与分享位置（AGENTS 硬约定 3/6/7/13） */
   function goQifu() { goApp('/qifu-shu/'); }
   /* 跳站内其他 H5（祈福树 / 记一下宫格共用）：只走相对路径（AGENTS 13），后台给的完整地址也剥成 /slug/… */
@@ -950,10 +986,10 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
   }
   function renderHead() {
     var t = TBY[cur], el = $('#head'), fh = $('#fh');
-    if (catF === 'ceshi') { el.innerHTML = ceshiHead(); ceshiFh(fh); return; }
+    if (catF === 'ceshi') { el.innerHTML = cbnHTML('ceshi'); ceshiFh(fh); return; }   /* 原一行介绍 ceshiHead 并进 banner */
     if (!t) {
       var hl = hotList();
-      el.innerHTML = qifuHTML() +
+      el.innerHTML = (catF ? cbnHTML(catF) : qifuHTML()) +   /* 祈福树只在「全部」 */
         '<div class="sh"><svg class="fire"><use href="#i-fire"/></svg><h2>热门话题</h2><button type="button" class="more" data-all="1">全部 ' + hl.length + ' 个<svg class="ic" style="width:13px;height:13px"><use href="#i-right"/></svg></button></div>' +
         /* 11-02 用户：「热门话题不要一块一块的，改成井号、偏列表的形式」→ 排行列表：名次 + #话题# + 一行简介 + 篇数/热，右侧「参与」
            投稿奖励从顶部大横幅挪到这里当列表头一行（用户：「30 现金 + 500 兜豆看放哪」→ 跟「参与」放一起，点了看规则） */
@@ -1154,6 +1190,7 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
   $('#more').addEventListener('click', function (e) { if (e.target.closest('[data-t]')) { haptic(); selectTopic(''); } });
   $('#head').addEventListener('click', function (e) {
     if (e.target.closest('#qfBanner')) { goQifu(); return; }
+    var cb = e.target.closest('.cbn[data-test]'); if (cb) { haptic(); location.href = ceshiURL(cb.dataset.test, true); return; }
     var j = e.target.closest('[data-join]'); if (j) { haptic(); openRule(j.dataset.join); return; }
     if (e.target.closest('[data-rule]')) { openRule(''); return; }
     if (e.target.closest('[data-all]')) { openTopics(); return; }

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=26110253"></script>
+<script src="../topics.js?v=26110254"></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:26110253 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26110254 缓存版本标记：改 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=26110253"></script>
+<script src="guangchang/topics.js?v=26110254"></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=26110253';
+  var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110254';
   var dir = n === '4' || n === '6' ? 'js/gch/' : 'demo/gch/';   /* 11-03 上正式：定稿 V6（含它套的 V4）并进 js/gch/，其余效果稿仍在 demo/ */
   l.rel = 'stylesheet'; l.href = dir + 'v' + n + '.css?' + q;
   s.src = dir + 'v' + n + '.js?' + q;
@@ -2536,7 +2536,7 @@
   /* 11-02 品牌露出（用户定 4 处都要）：默认加载，?brand=0 可关掉对比；11-03 已并进 js/gch/ */
   if (!/[?&]brand=0/.test(location.search)) {
     var bl = document.createElement('link'), bs = document.createElement('script');
-    bl.rel = 'stylesheet'; bl.href = 'js/gch/brand.css?v=26110253'; bs.src = 'js/gch/brand.js?v=26110253';
+    bl.rel = 'stylesheet'; bl.href = 'js/gch/brand.css?v=26110254'; bs.src = 'js/gch/brand.js?v=26110254';
     document.head.appendChild(bl); document.body.appendChild(bs);
   }
 })();

js/app.js

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

js/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=26110253'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
+  else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110254'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
 })();

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=26110253';
+  var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110254';
   document.head.appendChild(l);
-  var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110253';
+  var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110254';
   s.onload = function () { if (sec.querySelector('.g4-foot')) merge(); else sec.addEventListener('gc4-ready', merge, { once: true }); };   /* v4 要先拉 feed.js 才渲染 */
   document.body.appendChild(s);
 

topic/_shared/tools.js

@@ -68,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=26110253').then(function (idx) {
+    getJSON('../_shared/idx.json?v=26110254').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; });
@@ -175,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=26110253').then(function (d) { L = d.c || []; paint(); }).catch(function () { paint(); });
+    getJSON('../_shared/cm/' + SLUG + '.json?v=26110254').then(function (d) { L = d.c || []; paint(); }).catch(function () { paint(); });
   }
 
   function extras(el) {