From 9b92c1ece160c9e217c5698686fa891b00a426a3 Mon Sep 17 00:00:00 2001 From: laoyang Date: Tue, 3 Nov 2026 13:26:39 +0800 Subject: [PATCH] =?UTF-8?q?feat(footer):=20=E9=A1=B5=E8=84=9A=E5=8A=A0?= =?UTF-8?q?=E5=BC=80=E6=BA=90/=E6=BC=94=E7=A4=BA/=E5=8F=8D=E9=A6=88?= =?UTF-8?q?=E4=B8=89=E4=B8=AA=E5=A4=96=E9=93=BE=EF=BC=8C=E6=96=B0=E7=AA=97?= =?UTF-8?q?=E5=8F=A3=E6=89=93=E5=BC=80=20(#4)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 三个链接：Gitea 仓库、本站演示地址、FeedLite 反馈页（带 ?sw=simple_password） - 全部 target="_blank" + rel="noopener noreferrer"（防新窗口经 window.opener 反向控制） - 视觉层级压在 --text-3，hover 才切 --accent，不跟主按钮抢焦点 - ::after 加 ↗ 提示"会跳出本页" - .foot-links 用 flex + flex-wrap，320px 视口实测不溢出、不换行 回归（全部在 WSL 实跑）： 功能 78/78 · 几何 114/114 · 剪贴板 19/19 · file:// 15/15 页脚外链 23/23 · 页脚渲染 7/7 反证 22/22 抓到 · 6/6 抓到 判据不是空靶子（都验过能红）： - 页脚外链判据对**原始文件**跑 → 9 项失败、退出码 1 - 页脚渲染判据对**伪造现场**（浅色图冒充 dark）跑 → 2 项失败 --- index.html | 42 +++++++++++++++++++++++++++++++++++++++++- 1 file changed, 41 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index f4a0f29..037d945 100644 --- a/index.html +++ b/index.html @@ -873,6 +873,39 @@ input[type="range"]::-moz-range-thumb { .foot b { color: var(--text-2); font-weight: 550; } .foot .sep { opacity: .45; margin: 0 7px; } +/* 页脚链接区：三个外链，新窗口打开。 + 刻意压得比正文更淡（继承 .foot 的 text-3），hover 才提亮 —— + 页脚不该跟主按钮抢视觉焦点。 + ::after 的小箭头是"会跳出本页"的提示，也能让截图里一眼看出是新窗口链接。 */ +.foot-links { + margin-top: 8px; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; + gap: 2px 0; +} +.foot-links a { + color: var(--text-3); + text-decoration: none; + border-radius: 4px; + padding: 2px 3px; + transition: color .15s ease; + white-space: nowrap; +} +.foot-links a:hover, +.foot-links a:focus-visible { + color: var(--accent); + text-decoration: underline; + text-underline-offset: 2px; +} +.foot-links a::after { + content: "↗"; + font-size: 10px; + margin-left: 2px; + opacity: .6; +} + .toast { position: fixed; left: 50%; @@ -1085,7 +1118,14 @@ input[type="range"]::-moz-range-thumb {