悄悄话流星十二改:字离白头更远、尾巴字段光变柔,小字不被白光吃掉 (v26100176)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-02 07:59:51 +00:00
parent a68f39040b
commit bb87127fa8
3 changed files with 6 additions and 3 deletions

View File

@@ -7,7 +7,7 @@
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>兜爸心选 · 孕育陪伴</title>
<!-- V:26100175 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26100176 缓存版本标记:改 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 第四节) -->

View File

@@ -3,7 +3,7 @@
(function () {
'use strict';
/* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */
var VER = '26100175';
var VER = '26100176';
const $ = (s, c) => (c || document).querySelector(s);
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
@@ -3538,7 +3538,7 @@
字号从头到尾 12px → 26px 渐大,尾巴是一条从头部尖起、往后张开的光楔;
运动 = 起步就有速度、缓缓提速,整句出来后再猛加速唰出去。 */
const chars = [...String(it.text)], n = chars.length;
const f0 = 12, f1 = n > 20 ? 21 : n > 12 ? 24 : 27, gap = 22;
const f0 = 13, f1 = n > 20 ? 21 : n > 12 ? 24 : 27, gap = 50; // 十二改:字离白头再远一点,不压在头的白光里
const fs = chars.map((c, k) => f0 + (f1 - f0) * Math.pow(n > 1 ? k / (n - 1) : 1, .85));
const off = [];
fs.reduce((d, f) => { off.push(d + f * .55); return d + f * 1.08; }, gap);

View File

@@ -4030,3 +4030,6 @@ a.skip:focus{left:16px;top:16px}
.wsk-done button{margin-top:16px;height:34px;padding:0 18px;border-radius:99px;font-size:13px;font-weight:600;color:#fff;
background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 0 18px rgba(255,230,200,.25)}
@media (prefers-reduced-motion:reduce){.wsk-bright.back .wsk-st{animation:none}}
/* 十二改:白光集中在头后一小段,字所在的尾巴段光变柔,小字不再被白光吃掉 */
.wmt-l::before{background:linear-gradient(90deg,#fff 0,rgba(255,255,255,.7) 8%,rgba(255,255,255,.32) 22%,rgba(240,230,255,.22) 55%,rgba(255,255,255,.06) 90%,transparent)}
.wmt.mine .wmt-l::before{background:linear-gradient(90deg,#FFF8EA 0,rgba(255,236,200,.7) 8%,rgba(255,226,180,.32) 22%,rgba(255,210,150,.22) 55%,rgba(255,220,170,.06) 90%,transparent)}