记一下宫格：有未开放标签时行距拉开到 24px v26101024

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:26101023 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26101024 缓存版本标记：改 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 = '26101023';
+  var VER = '26101024';
   const $ = (s, c) => (c || document).querySelector(s);
   const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
 
@@ -388,6 +388,8 @@
     /* 2026-10-11 用户：没开放的排到后面，不放最前面。能用的保持后台排序（data-ord），没开放的整体挪到末尾；
        孕周到了解锁，就按 data-ord 回到原位。只挪 DOM 顺序，点击走事件委托不受影响。 */
     const grid = $('#appsGrid');
+    /* 有标签时行距拉开（标签探出图标上沿 9px，原 14px 行距会贴着上一行的名字） */
+    if (grid) grid.classList.toggle('has-locked', tiles.some(t => t.classList.contains('is-locked')));
     if (grid && tiles.length) {
       tiles.slice().sort((a, b) => (a.classList.contains('is-locked') - b.classList.contains('is-locked')) || (+a.dataset.ord - +b.dataset.ord))
         .forEach(t => grid.appendChild(t));

mama-box.css

@@ -4762,6 +4762,8 @@ a.skip:focus{left:16px;top:16px}
 /* 宫格按钮带 .ripple（overflow:hidden 裁水波纹），锁住的这几格放开，否则探出去的标签会被切掉一半。
    标签往上探出 11px（只压住图标右上角 5px），第一排上面得留出这点空 */
 .apps-grid .app.is-locked{overflow:visible}
+/* 有「孕N周开放」标签时行距从 14 拉到 24：标签离上一行名字留出约 15px，不挤 */
+#appsGrid.has-locked{row-gap:24px}
 #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}