我的页：常用服务改一行横排 (v26100428)

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

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:26100427 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26100428 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
 <link rel="stylesheet" href="mama-box.css">
 <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
 <!-- 共享助手：授权/跳商城/位置上报（分享卡片同步，见 docs/h5-auth-standard.md 第四节） -->

js/app.js

@@ -3,7 +3,7 @@
 (function () {
   'use strict';
   /* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */
-  var VER = '26100427';
+  var VER = '26100428';
   const $ = (s, c) => (c || document).querySelector(s);
   const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
 

mama-box.css

@@ -4591,3 +4591,10 @@ a.skip:focus{left:16px;top:16px}
 .zd-jobs{display:flex;flex-wrap:wrap;gap:7px}
 .zd-jobs span{padding:6px 12px;border-radius:10px;background:#fff;font-size:12.5px;color:var(--ink-2);box-shadow:0 1px 3px rgba(0,0,0,.06)}
 .zd-foot{margin:18px 0 2px;text-align:center;font-size:11px;color:#BCAEA4}
+
+/* 常用服务：一行横排（2026-10-04 用户：「常用服务放在我的页面里，下面用横排摆放」）
+   原来四宫格，5 个入口会折成两行、第二行只剩一个「关于我们」。改成 flex 一行均分；
+   孕期卡册被隐藏时自动 4 个均分。335px 宽放 5 个 = 每个 ~64px，图标 46px 正好。 */
+.svc-grid{display:flex;padding:16px 4px}
+.svc-grid .svc{flex:1 1 0;min-width:0}
+.svc-grid .sv-t{white-space:nowrap;font-size:12px}