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

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

topic/yuchanqi-js/index.html

@@ -71,6 +71,7 @@ button{cursor:pointer}
 .tip b{color:var(--h)}
 .foot{margin:14px 20px 0;font-size:12px;color:var(--m);text-align:center;line-height:1.6}
 </style>
+<link rel="stylesheet" href="../_shared/wizard.css?v=26110419">
 </head>
 <body>
 <svg style="position:absolute;width:0;height:0" aria-hidden="true"><symbol id="i-back" viewBox="0 0 24 24"><path d="M15 5l-7 7 7 7"/></symbol></svg>
@@ -83,7 +84,7 @@ button{cursor:pointer}
 
   <section class="calc">
     <div class="res" id="res"><div class="empty">填好下面的日期，马上出结果</div></div>
-    <div class="tabs" id="tabs"><button type="button" data-m="lmp" class="on">按末次月经</button><button type="button" data-m="ivf">按试管移植</button></div>
+    <div class="tabs" id="tabs" data-q="你想按哪个算？"><button type="button" data-m="lmp" class="on">按末次月经</button><button type="button" data-m="ivf">按试管移植</button></div>
     <div id="fLmp">
       <div class="fld"><label class="lb" for="cLmp">末次月经第一天</label><input class="in num" type="date" id="cLmp"></div>
       <div class="fld"><span class="lb">月经周期<small>两次月经第一天间隔几天</small></span>
@@ -187,7 +188,10 @@ button{cursor:pointer}
 })();
 </script>
 <script src="../_shared/brand.js?v=26110203"></script>
-<script src="../../js/share-card.js?v=26110418"></script>
+<script src="../../js/share-card.js?v=26110419"></script>
 <script>window.mbShare('../../assets/share/t/yuchanqi-js.jpg', '预产期计算器：宝宝哪天到？还有几天见面');   /* 11-04 微信转发图 */</script>
+<!-- 11-04 分步模式：一步一题、最后出结果（同生娃计算器），见 ../_shared/wizard.js -->
+<script src="../_shared/wizard.js?v=26110419"></script>
+<script>CKW.init({ root: '.calc', res: '#res', after: '#scroll > section.calc ~ *' });</script>
 </body>
 </html>