预产期空值时隐藏原生日期提示(due-empty 文字透明), 只显示占位层 (v26090731)

index.html

@@ -6,8 +6,8 @@
 <meta name="theme-color" content="#F4593C">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <title>妈妈盒子 · 孕育陪伴</title>
-<!-- V:26090730 缓存版本标记：改 css/js 时同步 bump 该值，并给下方资源引用加 ?v= 以强制 webview 刷新子资源 -->
-<link rel="stylesheet" href="mama-box.css?v=26090730">
+<!-- V:26090731 缓存版本标记：改 css/js 时同步 bump 该值，并给下方资源引用加 ?v= 以强制 webview 刷新子资源 -->
+<link rel="stylesheet" href="mama-box.css?v=26090731">
 <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
 </head>
 <body>
@@ -1773,8 +1773,8 @@
      加载失败/离线时 window.wx 为 undefined，goMall() 会降级为 toast 提示，
      不影响应用其余功能。 -->
 
-<script src="js/app.js?v=26090730"></script>
-<!-- 页面版本号(排查 webview 缓存)：底部会显示 v26090730 -->
-<div id="ver" style="position:fixed;left:0;right:0;bottom:10px;text-align:center;z-index:9999;pointer-events:none;color:#B3A69C;font-size:10px;letter-spacing:.5px">v26090730</div>
+<script src="js/app.js?v=26090731"></script>
+<!-- 页面版本号(排查 webview 缓存)：底部会显示 v26090731 -->
+<div id="ver" style="position:fixed;left:0;right:0;bottom:10px;text-align:center;z-index:9999;pointer-events:none;color:#B3A69C;font-size:10px;letter-spacing:.5px">v26090731</div>
 </body>
 </html>

js/app.js

@@ -1805,6 +1805,7 @@
   function syncDuePh() {
     const ph = $('#pgDuePh');
     if (ph) ph.style.display = pgDue.value ? 'none' : 'block';
+    pgDue.classList.toggle('due-empty', !pgDue.value);
   }
 
   /* 预产期一变，孕周 / 额外天数自动算出来 */

mama-box.css

@@ -2657,3 +2657,5 @@ a.skip:focus{left:16px;top:16px}
 .fld-date .due-box{position:relative;display:block}
 /* 占位锚定输入框本身并垂直居中 —— 各内核 date 输入框高度不一，锚 label 底部会错位 */
 .fld-date .date-ph{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:14px;color:#C9B7AC;pointer-events:none;display:block;line-height:1}
+/* 空值时隐藏原生提示（Chrome 会画 mm/dd/yyyy，与占位叠字）：文字透明即隐 */
+.fld-date input.due-empty{color:transparent;-webkit-text-fill-color:transparent}