首页广场合并版 V6：照片文字加强 + 测一测两张卡；新测试「你家准爸爸是哪种队友」topic/duiyou

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

demo/gch/index.html

@@ -30,13 +30,13 @@ var V = [
   ['话题弹幕', '「此刻最热」小卡 + 三行慢慢飘过的话题弹幕，按住暂停、点了进话题'],
   ['故事卡堆', '一叠真实照片故事卡，左右滑翻页，最后一张「轮到你了」投稿'],
   ['今日一问', '每天一道投票题，点完看比例；下面一排横滑的话题照片卡'],
-  ['合并版（推荐）', '孕妈广场 + 其他妈妈也在搜合成一块：上面 V4 故事卡堆（压矮，左右手滑或点箭头翻），下面 6 个热搜问题']
+  ['合并版（推荐）', '孕妈广场 + 其他妈妈也在搜合成一块：上面 V4 故事卡堆（压矮、字更清楚，左右手滑或点箭头翻），中间两个测一测，下面 6 个热搜问题']
 ];
 var h = location.hash;
 document.getElementById('list').innerHTML = V.slice().reverse().map(function (v, j) { var i = V.length - 1 - j;
   var u = '../../?gcv=' + (i + 1) + h;
   return '<div class="it"><div class="hd"><b>V' + (i + 1) + '</b><div><h2>' + v[0] + '</h2><small>' + v[1] + '</small></div></div>' +
-    '<a class="pic" href="' + u + '"><img src="v' + (i + 1) + '.jpg?1" alt="' + v[0] + '" loading="lazy"></a>' +
+    '<a class="pic" href="' + u + '"><img src="v' + (i + 1) + '.jpg?2" alt="' + v[0] + '" loading="lazy"></a>' +
     '<a class="go" href="' + u + '">在首页打开 V' + (i + 1) + ' ' + v[0] + '</a></div>';
 }).join('');
 </script>

demo/gch/v6.css

@@ -16,3 +16,23 @@
 #gcHome.gv4.gv6 .g4-foot{margin-top:8px}
 html.night #gcHome.gv4.gv6 .g6-mt{color:#F3E8F0}
 #gcHome.gv4.gv6 .g4-s-r{margin-top:10px}
+/* 11-02 用户：图片上的文字不够明显 → 遮罩更早开始、底部更深，标题加大加粗、阴影加重，作者行加大 */
+#gcHome.gv4.gv6 .st::after{background:linear-gradient(180deg,rgba(0,0,0,0) 22%,rgba(30,12,12,.35) 48%,rgba(22,8,8,.9) 100%)}
+#gcHome.gv4.gv6 .g4-bot{padding:0 14px 14px}
+#gcHome.gv4.gv6 .g4-tt{font-size:17.5px;line-height:1.38;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.55),0 2px 12px rgba(0,0,0,.45)}
+#gcHome.gv4.gv6 .g4-by{font-size:12.5px;margin-top:8px;text-shadow:0 1px 3px rgba(0,0,0,.5)}
+#gcHome.gv4.gv6 .g4-by i{background:rgba(255,255,255,.28);font-size:11.5px}
+#gcHome.gv4.gv6 .g4-k{font-size:12px;height:24px}
+
+/* 11-02 用户：孕妈广场里放两个测试 —— 两张并排卡，在卡堆和「其他妈妈也在搜」之间 */
+#gcHome.gv4.gv6 .g6-qz{margin-top:18px}
+#gcHome.gv4.gv6 .g6-qh{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:15px;font-weight:900;color:#2A1E1E}
+#gcHome.gv4.gv6 .g6-qh small{font-size:11.5px;font-weight:500;color:#A8928C}
+#gcHome.gv4.gv6 .g6-qr{display:grid;grid-template-columns:1fr 1fr;gap:10px}
+#gcHome.gv4.gv6 .g6-q{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:150px;padding:12px 12px 11px;border-radius:18px;text-decoration:none;color:#2A1E1E;background:linear-gradient(160deg,var(--q1),var(--q2));box-shadow:0 8px 18px -12px var(--qs)}
+#gcHome.gv4.gv6 .g6-q img{position:absolute;right:-12px;bottom:-14px;width:78px;height:78px;border-radius:50%;object-fit:cover;opacity:.95;border:3px solid rgba(255,255,255,.75)}
+#gcHome.gv4.gv6 .g6-qk{align-self:flex-start;height:20px;padding:0 8px;border-radius:99px;display:flex;align-items:center;font-size:11px;font-weight:800;color:#fff;background:var(--qc)}
+#gcHome.gv4.gv6 .g6-qt{position:relative;margin-top:8px;font-size:15px;font-weight:900;line-height:1.35;max-width:9.5em}
+#gcHome.gv4.gv6 .g6-qn{position:relative;margin-top:5px;font-size:11.5px;color:var(--qc);font-weight:700}
+#gcHome.gv4.gv6 .g6-qg{position:relative;margin-top:auto;align-self:flex-start;height:26px;padding:0 11px;border-radius:99px;display:flex;align-items:center;font-size:12px;font-weight:800;color:#fff;background:var(--qc)}
+html.night #gcHome.gv4.gv6 .g6-qh{color:#F3E8F0}

demo/gch/v6.js

@@ -29,6 +29,19 @@
       '<div class="ms-list g6-list"></div>' +
       '<button type="button" class="ms-all g6-all hide"></button>';
     var foot = sec.querySelector('.g4-foot');
+    /* 两个测试：你是什么样的妈妈（已有 topic/ceshi）+ 你家准爸爸是哪种队友（新做 topic/duiyou） */
+    var QZ = [
+      { href: 'topic/ceshi/', k: '妈妈类型', t: '测一测你是什么样的妈妈', n: '15.6万', img: 'topic/ceshi/img/hero.webp', c: '#7C5CFC', q1: '#F1ECFF', q2: '#E4DBFF', qs: 'rgba(124,92,252,.6)' },
+      { href: 'topic/duiyou/', k: '队友类型', t: '你家准爸爸是哪种队友', n: '8.3万', img: 'topic/duiyou/img/hero.webp', c: '#F07A2E', q1: '#FFF3E6', q2: '#FFE2C8', qs: 'rgba(240,122,46,.6)' }
+    ];
+    var qz = document.createElement('div');
+    qz.className = 'g6-qz';
+    qz.innerHTML = '<div class="g6-qh">测一测<small>· 1 分钟，看看你和他</small></div><div class="g6-qr">' + QZ.map(function (q) {
+      return '<a class="g6-q ripple" href="' + esc(q.href + location.search + location.hash) + '" style="--qc:' + q.c + ';--q1:' + q.q1 + ';--q2:' + q.q2 + ';--qs:' + q.qs + '">' +
+        '<img src="' + esc(q.img) + '" alt="" loading="lazy" onerror="this.remove()">' +
+        '<span class="g6-qk">' + esc(q.k) + '</span><b class="g6-qt">' + esc(q.t) + '</b><span class="g6-qn">' + q.n + ' 人测过</span><span class="g6-qg">去测试 ›</span></a>';
+    }).join('') + '</div>';
+    sec.insertBefore(qz, foot);
     sec.insertBefore(box, foot);
     var list = box.querySelector('.g6-list'), all = box.querySelector('.g6-all');
     var tot = (window.__mbPulse && window.__mbPulse.total && +window.__mbPulse.total.value) || 1510000;