计算器改分步模式（wizard.js，12 个含产假计算器模式）、测试卡图文分开、百宝箱火苗去圈、关注前3条头像各自2～6秒换（v26110419）

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

guangchang/index.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <!-- 11-04 UGC 总开关关着时本页不展示，直接回首页（js/ugc.js） -->
-<script src="../js/ugc.js?v=26110418" data-guard></script>
+<script src="../js/ugc.js?v=26110419" data-guard></script>
 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
 <meta name="format-detection" content="telephone=no">
 <title>孕妈广场</title>
@@ -294,6 +294,15 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
 .ck.gs .ck-wash{background:linear-gradient(180deg,rgba(240,246,255,.86),rgba(230,240,254,.74) 62%,rgba(223,235,253,.35))}
 .ck .cv .ck-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
 .csr-i.has-bg{background-size:cover!important;background-position:70% 85%!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}
+/* 11-04 二改（用户：照片压在字后面抢字）→ 图文分开：照片只占卡片上方一条、往下渐隐成本组纯色，标题/题数/按钮全在纯色区，不再叠在照片上 */
+.ck.has-bg .cv{justify-content:flex-start;background:linear-gradient(180deg,var(--c1),var(--c2))}
+.ck.has-bg .cv .ck-wash{display:none}
+.ck.has-bg .cv .ck-bg{inset:0 0 auto 0;height:var(--ph,62px);-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
+.ck.has-bg .cv>b{margin-top:calc(var(--ph,62px) - 8px)}
+#more .ck.has-bg .cv{--ph:64px;height:auto;min-height:168px;padding:0 6px 12px}
+#more .c2 .ck.has-bg .cv{--ph:84px;min-height:212px}
+#more .c2 .ck.has-bg .cv:has(.ck-hl){padding-bottom:36px}
+.ck.has-bg .cv .ck-top,.ck.has-bg .cv .dn{z-index:2}
 .ck .cv .ck-wm{position:absolute;right:-8px;bottom:-6px;width:62px;height:62px;opacity:.22;transform:rotate(-12deg);pointer-events:none}
 .ck .cv .ck-wm svg{width:100%;height:100%}
 .ck .cv .ck-wm svg,.ck .cv .ck-wm svg [fill="#fff"]{fill:var(--cb)}.ck .cv .ck-wm svg [stroke="#fff"]{stroke:var(--cb)}
@@ -869,11 +878,11 @@ 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=26110418"></script>
-<script src="data.js?v=26110418"></script>
-<script src="feed.js?v=26110418"></script>
-<script src="ceshi/meta.js?v=26110418"></script>
-<script src="../js/share-card.js?v=26110418"></script>
+<script src="topics.js?v=26110419"></script>
+<script src="data.js?v=26110419"></script>
+<script src="feed.js?v=26110419"></script>
+<script src="ceshi/meta.js?v=26110419"></script>
+<script src="../js/share-card.js?v=26110419"></script>
 <script>
 (function () {
   'use strict';
@@ -939,7 +948,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=26110418').then(function (r) { return r.json(); }).then(function (j) {
+  fetch('cm.json?v=26110419').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) {
@@ -1207,7 +1216,7 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
   var CS_SEC = { quiz: ['', '查漏补缺，温和掌握孕产育儿知识', 2], psy: ['', '看见情绪，也看见关系', 2], game: ['', '挑战一下，看能拿什么称号', 2], shop: ['', '看看你是哪一类育儿采购玩家', 2] };
   /* 11-04 用户：「每个测试的背景图要做匹配的图片，不要同样的背景色；按组区分色块、组内统一」→ 每个测试一张插画（ceshi/cv/tNN.webp），
      色调跟组走：常识小测暖桃 / 趣味心理薰衣草紫 / 趣味闯关薄荷绿 / 好物配置天蓝；画面上半留白放标题。列表行的小方块也换成同一张图。 */
-  var CS_CV_V = 2;   /* 同日二改：用户嫌插画乱 → 换真实风景照（按组选色调）+ 同色柔光遮罩 */
+  var CS_CV_V = 3;   /* 同日二改：用户嫌插画乱 → 换真实风景照（按组选色调）+ 同色柔光遮罩 */
   function csRowHTML(x, done, i) {
     var d = done[x.id], who = (x.sub || '').split('·')[0].trim();
     return '<button type="button" class="csr ' + CS_GPAL[x.group] + '" data-test="' + x.id + '"><span class="csr-i s' + (i % 3) + ' has-bg" style="background-image:url(ceshi/cv/' + x.id + '.webp?v=' + CS_CV_V + ')"></span>' +