孕周门槛标签：挪到图标右上角，浅橘底更醒目 v26101017

Co-Authored-By: AI 助手

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:26101016 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26101017 缓存版本标记：改 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） -->

js/app.js

@@ -3,7 +3,7 @@
 (function () {
   'use strict';
   /* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */
-  var VER = '26101016';
+  var VER = '26101017';
   const $ = (s, c) => (c || document).querySelector(s);
   const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
 
@@ -376,7 +376,7 @@
     $('#sgLeft').textContent = (left >= 7 ? '还有 ' + Math.ceil(left / 7) + ' 周' : '还有 ' + left + ' 天') + '，大约 ' + mdTxt(gaToDate(g.wk * 7)) + ' 开放';
     openModal('modalStageGate');
   }
-  /* 记一下宫格上的小标签「16周开放」（在工具名下面，不压图标）：没到门槛的灰一点，到了自动去掉；首页工具卡改成直接换替补（swapHomeCards） */
+  /* 记一下宫格上的小标签「16周开放」（图标右上角）：没到门槛的灰一点，到了自动去掉；首页工具卡改成直接换替补（swapHomeCards） */
   function markStageLocks() {
     $$('#appsGrid .app').forEach(b => {
       const g = stageGateOf(decodeURIComponent(b.dataset.url || ''), decodeURIComponent(b.dataset.id || ''));

mama-box.css

@@ -4752,12 +4752,15 @@ a.skip:focus{left:16px;top:16px}
 .apps-grid .app.is-done::after{top:2px}
 
 /* ================= 孕周开放门槛（2026-10-11）=================
-   没到孕周的工具：记一下宫格里工具名下面多一枚「16周开放」浅色小标签（不压图标），图标略淡；点了弹 #modalStageGate。
+   没到孕周的工具：记一下宫格里图标右上角挂一枚「16周开放」浅橘小标签（大半在图标外，只压住右上角一点），图标略淡；点了弹 #modalStageGate。
    配色只用现有的暖米 / 品牌橘，不另起颜色：角标是米底灰字，进度条是品牌橘渐变。 */
 .apps-grid .app.is-locked .a-ico{opacity:.5;filter:saturate(.6)}
 .apps-grid .app.is-locked .a-n{color:var(--muted)}
-.apps-grid .app.is-locked::after{content:attr(data-lock);position:static;transform:none;margin-top:-1px;
-  padding:0 6px;border-radius:7px;background:#F3E7DF;color:#9A7E70;font-size:9.5px;font-weight:800;line-height:15px;white-space:nowrap}
+.apps-grid .app.is-locked::after{content:attr(data-lock);position:absolute;top:-11px;right:calc(50% - 34px);
+  padding:0 6px;border-radius:8px;background:#FFE9E1;color:var(--brand-dk);font-size:10px;font-weight:800;line-height:16px;
+  box-shadow:0 0 0 2px #FAF5F1,0 3px 8px rgba(244,89,60,.18);white-space:nowrap;pointer-events:none}
+/* 标签往上探出 11px（只压住图标右上角 5px），第一排上面得留出这点空，免得被滚动区裁掉 */
+#appsGrid{padding-top:13px}
 .mini-card.is-locked::after{content:attr(data-lock);position:absolute;top:9px;right:9px;
   padding:1px 6px;border-radius:8px;background:rgba(255,255,255,.72);color:#9A7E70;font-size:10px;font-weight:800;line-height:16px}
 .mini-card.is-locked .mc-art{opacity:.55}