v26110232 问题页小 Banner + 热度/正在看/看过；专题页工具固定模块 + 相关推荐 3 个 + 评论区；首页「进孕妈广场」「全部 30 份测试」

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

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:26110231 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26110232 缓存版本标记：改 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） -->
@@ -1608,9 +1608,10 @@
       <span class="dt-title" id="qaTitle">其他妈妈也在搜</span>
     </div>
     <div class="detail-body qa-page">
-      <div class="qa-hero">
-        <b id="qaHeroT">这周孕妈都在问</b>
-        <span id="qaHeroD"></span>
+      <div class="qa-hero qa-bn">   <!-- 11-02 用户：「孕 N 周妈妈最常问的问题」做成小 Banner -->
+        <span class="qa-bn-t"><em id="qaHeroW">本周</em><b id="qaHeroT">妈妈们最常问的问题</b><span id="qaHeroD"></span></span>
+        <img src="topic/buji/img/hero.webp" alt="" loading="lazy">
+        <i class="qa-bn-o1"></i><i class="qa-bn-o2"></i>
       </div>
       <div class="qa-cats" id="qaCats" role="tablist"></div>
       <a class="qa-topic hide" id="qaTopic" href="topic/wen/">
@@ -1623,9 +1624,24 @@
     </div>
     <style>
       .qa-page{padding:6px 16px 40px}
-      .qa-hero{display:flex;flex-direction:column;gap:3px;margin:6px 2px 12px}
-      .qa-hero b{font-size:20px;font-weight:900;color:#2A1E1E}
-      .qa-hero span{font-size:12.5px;color:#7A6663}
+      .qa-bn{position:relative;display:flex;align-items:center;min-height:108px;margin:6px 0 14px;padding:14px 120px 14px 16px;border-radius:20px;overflow:hidden;background:linear-gradient(118deg,#FF7A59 0%,#FF9A6B 48%,#FFC08A 100%);box-shadow:0 12px 24px -16px #F2533A}
+      .qa-bn-t{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
+      .qa-bn-t em{height:22px;padding:0 9px;border-radius:99px;background:rgba(255,255,255,.95);color:#F2533A;font-size:12px;font-style:normal;font-weight:900;line-height:22px}
+      .qa-bn-t b{font-size:19px;font-weight:900;line-height:1.3;color:#fff;letter-spacing:.3px;text-shadow:0 1px 6px rgba(200,60,30,.25)}
+      .qa-bn-t span{font-size:12px;font-weight:700;color:rgba(255,255,255,.92)}
+      .qa-bn img{position:absolute;right:-6px;bottom:-10px;width:128px;height:128px;object-fit:cover;object-position:center 25%;border-radius:50%;border:4px solid rgba(255,255,255,.55)}
+      .qa-bn-o1,.qa-bn-o2{position:absolute;border-radius:50%;background:rgba(255,255,255,.16);pointer-events:none}
+      .qa-bn-o1{left:-30px;top:-40px;width:110px;height:110px}.qa-bn-o2{right:110px;bottom:-30px;width:70px;height:70px}
+      .qa-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
+      .qa-st{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;font-size:11.5px;color:#A8938F}
+      .qa-st i{font-style:normal;display:inline-flex;align-items:center;gap:3px}
+      .qa-st .qh{color:#F2533A;font-weight:800}
+      .qa-st .qh svg{width:12px;height:12px}
+      .qa-st .qh u{display:inline-block;width:34px;height:4px;border-radius:4px;background:#FBE3DC;overflow:hidden;text-decoration:none}
+      .qa-st .qh u s{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#FFB36B,#F2533A)}
+      .qa-st .qn{color:#22A06B;font-weight:700}
+      .qa-st .qn::before{content:"";width:6px;height:6px;border-radius:50%;background:#2BC17E;box-shadow:0 0 0 2px rgba(43,193,126,.2);animation:qaLive 1.6s ease-in-out infinite}
+      @keyframes qaLive{50%{opacity:.35}}
       .qa-cats{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin:0 -16px;padding-left:18px;padding-right:18px;scrollbar-width:none}
       .qa-cats::-webkit-scrollbar{display:none}
       .qa-cat{flex:none;padding:5px 12px;border-radius:99px;border:1px solid #F1DDD6;background:#fff;font:inherit;font-size:13px;color:#5E4B48}
@@ -1645,7 +1661,7 @@
       .qa-q{display:flex;align-items:center;gap:10px;width:100%;padding:13px 12px;border:0;background:none;font:inherit;color:inherit;text-align:left}
       .qa-no{flex:none;width:20px;font-size:15px;font-weight:900;font-style:italic;color:#C9B4AF;text-align:center}
       .qa-it.top .qa-no{color:#F2533A}
-      .qa-tx{flex:1;min-width:0;font-size:15px;line-height:1.45;font-weight:600;color:#2F2424}
+      .qa-tx{font-size:15px;line-height:1.45;font-weight:600;color:#2F2424}
       .qa-tag{flex:none;padding:0 6px;border-radius:6px;font-size:10.5px;line-height:17px;font-weight:700;background:#F6EEEB;color:#8A7471}
       .qa-tag.hot{background:#FFE4DE;color:#E8492F}
       .qa-ch{flex:none;font-style:normal;font-size:16px;color:#D9C2BC;transition:transform .2s}
@@ -2498,7 +2514,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=26110231"></script>
+<script src="guangchang/topics.js?v=26110232"></script>
 <script src="js/app.js"></script>
 <script>
 /* 11-02 首页「孕妈广场」效果稿：地址带 ?gcv=1~6 时，把 #gcHome 换成 demo/gch/vN.css + vN.js 的版式并滚到这一块。
@@ -2506,7 +2522,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=26110231';
+  var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110232';
   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); };
@@ -2514,7 +2530,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=26110231'; bs.src = 'demo/brand/brand.js?v=26110231';
+    bl.rel = 'stylesheet'; bl.href = 'demo/brand/brand.css?v=26110232'; bs.src = 'demo/brand/brand.js?v=26110232';
     document.head.appendChild(bl); document.body.appendChild(bs);
   }
 })();