From b2ab8368e7ec047636426e7ff95d13449d930d7c Mon Sep 17 00:00:00 2001
From: deploy <deploy@local>
Date: Wed, 21 Oct 2026 04:25:45 +0000
Subject: [PATCH] =?UTF-8?q?=E5=AD=95=E6=9C=9F=E9=A6=96=E9=A1=B5=E7=99=BB?=
 =?UTF-8?q?=E8=AE=B0=E5=87=BA=E7=94=9F=EF=BC=9A=E6=94=B9=E4=B8=BA=E5=BA=95?=
 =?UTF-8?q?=E9=83=A8=E5=A4=A7=E5=8D=8A=E5=BC=B9=E7=AA=97=EF=BC=88=E5=8D=A0?=
 =?UTF-8?q?=E5=B1=8F=2090%=EF=BC=8C=E4=B8=AD=E9=97=B4=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=E3=80=81=E6=8C=89=E9=92=AE=E9=92=89=E5=BA=95=E3=80=81=C3=97=20?=
 =?UTF-8?q?=E5=92=8C=E7=82=B9=E9=81=AE=E7=BD=A9=E5=8F=AF=E5=85=B3=EF=BC=89?=
 =?UTF-8?q?=EF=BC=8C=E4=B8=8D=E5=86=8D=E6=95=B4=E9=A1=B5=E5=88=87=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 index.html       |  4 ++--
 js/app.js        |  2 +-
 js/birth-flow.js | 15 ++++++++++++---
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 9cbdcf7..22731d0 100644
--- a/index.html
+++ b/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:26102104 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26102105 缓存版本标记：改 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） -->
@@ -2050,7 +2050,7 @@
 <!-- 2026-10-05 首页头图：宝宝时不时动一动小手小脚（独立文件，删掉这一行即下线） -->
 <script src="js/baby-limbs.js?v=26101201"></script>
 <script src="js/coach.js?v=26101211"></script>
-<script src="js/birth-flow.js?v=26102107"></script>
+<script src="js/birth-flow.js?v=26102108"></script>
 
 <!-- 禁止下拉回弹（2026-10-11 统一规则，与孕期体重同一段）：竖向拖动时从手指下往上找还能朝该方向滚的容器，找不到才拦；横滑、双指、可滚列表不受影响 -->
 <script>
diff --git a/js/app.js b/js/app.js
index 05f6111..6012564 100644
--- a/js/app.js
+++ b/js/app.js
@@ -3,7 +3,7 @@
 (function () {
   'use strict';
   /* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */
-  var VER = '26102104';
+  var VER = '26102105';
   const $ = (s, c) => (c || document).querySelector(s);
   const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
 
diff --git a/js/birth-flow.js b/js/birth-flow.js
index f89f8e7..bcc1fda 100644
--- a/js/birth-flow.js
+++ b/js/birth-flow.js
@@ -72,6 +72,15 @@
     '.bf-hero h2{font-size:22px;margin:0;color:#24372B;letter-spacing:.5px}' +
     '.bf-hero p{font-size:13px;color:#55695C;margin:8px 0 0;line-height:1.65}' +
     '.bf-form{position:relative;padding:18px 16px 170px}' +
+    /* 2026-10-21 用户：点「宝宝出生了」从底部出大半弹窗，不换新页面 → .bf-rs 占屏 90%，中间滚、按钮钉底 */
+    '.bf-rs{position:relative;width:100%;height:90%;min-height:0;max-height:calc(100% - 36px);border-radius:24px 24px 0 0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 -10px 30px rgba(20,40,28,.18);animation:bfRsUp .34s cubic-bezier(.2,.8,.2,1)}' +
+    '@keyframes bfRsUp{from{transform:translateY(100%)}to{transform:none}}' +
+    '.bf-rs-body{flex:1;min-height:0;position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}' +
+    '.bf-rs .bf-hero{padding-top:30px}.bf-rs .bf-moon{width:92px;height:92px}' +
+    '.bf-rs .bf-form{padding-bottom:8px}' +
+    '.bf-rs .bf-foot{position:static;flex:none;padding-top:10px;background:#F6FAF7;box-shadow:0 -6px 16px rgba(246,250,247,.95)}' +
+    '.bf-grab{position:absolute;z-index:3;top:8px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:rgba(36,55,43,.18)}' +
+    '.bf-x{position:absolute;z-index:3;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.7);color:#55695C;font-size:20px;line-height:32px;padding:0;font-family:inherit}' +
     '.bf-card2{background:rgba(255,255,255,.92);border-radius:20px;padding:4px 16px;box-shadow:0 8px 26px rgba(50,110,75,.12);border:1px solid rgba(255,255,255,.9)}' +
     '.bf-fld{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #E4F1E9;width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left;font-family:inherit;color:inherit}' +
     '.bf-fld:last-child{border-bottom:0}' +
@@ -129,7 +138,7 @@
   /* ---------- 浮层 ---------- */
   var ov = document.createElement('div'); ov.className = 'bf-ov'; document.body.appendChild(ov);
   /* 浮层里滑动不带动后面的首页（禁止下拉回弹规则） */
-  ov.addEventListener('touchmove', function (e) { if (!e.target.closest('.bf-page,.bf-wh')) e.preventDefault(); }, { passive: false });
+  ov.addEventListener('touchmove', function (e) { if (!e.target.closest('.bf-page,.bf-rs-body,.bf-wh')) e.preventDefault(); }, { passive: false });
   function show(html, cls) { ov.innerHTML = html; ov.className = 'bf-ov on' + (cls ? ' ' + cls : ''); }
   function hide() { ov.className = 'bf-ov'; ov.innerHTML = ''; }
 
@@ -165,7 +174,7 @@
     var stars = '';
     [[12, 18, 6], [80, 12, 4], [64, 30, 5], [24, 44, 3], [90, 40, 6]].forEach(function (x, i) { stars += '<i style="left:' + x[0] + '%;top:' + x[1] + '%;width:' + x[2] * 6 + 'px;height:' + x[2] * 2.4 + 'px"></i>'; });
     [[8, 30], [88, 22], [72, 8], [30, 12], [50, 46]].forEach(function (x, i) { stars += '<b style="left:' + x[0] + '%;top:' + x[1] + '%;animation-delay:' + i * .5 + 's"><svg width="12" height="12" viewBox="0 0 12 12"><path d="M6 0l1.4 4.6L12 6 7.4 7.4 6 12 4.6 7.4 0 6l4.6-1.4z" fill="#fff"/></svg></b>'; });
-    show('<div class="bf-page bf-reg"><div class="bf-sky">' + stars + '</div>' +
+    show('<div class="bf-rs bf-reg"><i class="bf-grab"></i><button class="bf-x" data-bf="close" aria-label="关闭">×</button><div class="bf-rs-body"><div class="bf-sky">' + stars + '</div>' +
       '<div class="bf-hero"><div class="bf-moon">' + MOON + '</div><h2>欢迎宝宝来到这个世界</h2>' +
       '<p>告诉我们宝宝的生日，首页就换成育儿模式<br>孕期的点点滴滴，都会好好留着</p></div>' +
       '<div class="bf-form"><div class="bf-card2">' +
@@ -176,7 +185,7 @@
       [['boy', '男孩', SEX.boy], ['girl', '女孩', SEX.girl], ['unknown', '先不说', SEX.unknown]].map(function (p) { return '<button class="s-' + p[0] + (p[0] === sex ? ' on' : '') + '" data-sex="' + p[0] + '"><i>' + p[2] + '</i>' + p[1] + '</button>'; }).join('') +
       '</div></div>' +
       '<div class="bf-tip"><svg width="14" height="14" viewBox="0 0 24 24" style="flex:none;margin-top:2px"><path d="M12 21s-7.5-4.6-7.5-10.6A4.4 4.4 0 0 1 12 7.6a4.4 4.4 0 0 1 7.5 2.8C19.5 16.4 12 21 12 21z" fill="#86C6A0"/></svg><span>只有出生日期必填，小名和性别以后在育儿首页「我的」里也能改。</span></div>' +
-      '<div class="bf-err" id="bfErr"></div></div>' +
+      '<div class="bf-err" id="bfErr"></div></div></div>' +
       '<div class="bf-foot"><button class="bf-btn green" data-bf="submit" id="bfSubmit">完成，切换到育儿模式</button><button class="bf-btn ghost b" data-bf="close">先不切换</button></div></div>');
   }