lsky-pro-docker

mole404 22b4ac8ce4 feat(细节四): 头像改本地资源、主菜单标题闪烁、上传页链接结果区手机排版

① 头像不再拉远程：Utils::getAvatar() 由 https://cravatar.cn/avatar/<md5(email)>?... 改为同源静态文件
   asset('images/default-avatar.svg').'?v='.assetVersion(...)（与 app.css/app.js 同一套缓存失效写法），
   新增 public/images/default-avatar.svg（96x96 viewBox、透明底、中性灰 #7d8794 人形轮廓、861 字节）。
   grep 确认全仓仅此一处拼外站地址；User::avatar 访问器让所有视图/API/JS 一次性都变本地。
   实测（真浏览器）：网络请求主机只有本机、含 cravatar/gravatar 的请求 0 笔；头像 1 笔 200 image/svg+xml；
   人形灰对 bg-surface-2 的对比度 亮 3.52:1 / 暗 4.50:1（均过 WCAG 图形元素 3:1）；28x28 盒不抖、
   首字兜底机制原样保留。
② 长按主菜单标题「图片操作」黑一下变灰：真因是上一轮防误触守卫把 background-color/color 的
   !important 覆盖写在了 `.dropdown-context.menu-arming > li` 上，连标题 li 一起被压成继承色（近黑），
   窗口过后才弹回灰色。修法：pointer-events:none 仍留在 li，把 background-color/color 收窄到
   `> li > a`（真正的菜单项）。实测标题计算颜色：修前窗口内 rgb(22,25,29) → 窗口后 rgb(139,149,163)（会闪）；
   修后窗口内/外恒为 rgb(139,149,163)（逐帧 trace 1283ms 无第二种颜色）。防误触效果不变：
   窗口内 elementFromPoint 命中面板而非项、钉死 :hover 也不跳色；窗口外恢复可点（真点「刷新」触发）。
③ 上传页链接结果区手机排版：标签栏由 flex-wrap 改成手机单行可横滑（flex-nowrap + overflow-x-auto +
   scrollbar-none，标签加 whitespace-nowrap shrink-0；sm 起恢复 flex-wrap），「复制全部/清除」改到
   独立一行右对齐（桌面靠 flex-1 撑开仍在右侧同排），链接行改 min-w-0 + truncate（原来无省略号且溢出）。
   实测 390x844：标签栏 4 行 152px → 1 行 38px 可滑（maxScroll 295，滑到底最后一个标签完整可见、
   6 个逐个可达）；按钮不再与标签重叠（overlapsAnyTab 空）；链接行越界 0/6（原 6 行里 5 行文字超宽且
   无省略号）；缩略图 40x40 未被压；点行仍能选中完整 URL、#copy-all 取到完整 URL。桌面 1280x800 重建后
   与改前一致（2 行、按钮同排）。行为/钩子零改动（#links-container/#links/#copy-all/#clear-all/#link-tabs、
   data-tab/data-url/data-operate=preview、ClipboardJS、tab 切换与清除逻辑全部原样）。
验证：longpress 79/79、sidebar 6/6、images-modal 35/35、images-modal-dom 35/35、swal-theme 48/48；
webpack compiled successfully；新类 flex-nowrap/sm:flex-wrap/sm:items-end 已确认进产物；
补丁钉住值同步为 context-js.js b13fc1e4…（images.blade.php 仍 09ba35f3…），补丁重生成 2818 行且
「打回上游 = 仓库文件」字节一致。

2026-09-29 18:19:42 +08:00