diff --git a/index.html b/index.html index c6f3730..3a597c3 100644 --- a/index.html +++ b/index.html @@ -19,7 +19,7 @@ - +
diff --git a/style.css b/style.css index 1e54d8e..5eadc2f 100644 --- a/style.css +++ b/style.css @@ -151,7 +151,10 @@ body { box-shadow: 0 6px 16px rgba(158, 43, 37, 0.35); transition: transform 0.15s ease, box-shadow 0.15s ease; } -.btn-play:hover { transform: scale(1.05); box-shadow: 0 8px 20px rgba(158, 43, 37, 0.45); } +/* hover 仅在支持悬停的设备(鼠标)生效——手机点按后 :hover 会粘住,导致按钮保持放大 */ +@media (hover: hover) and (pointer: fine) { + .btn-play:hover { transform: scale(1.05); box-shadow: 0 8px 20px rgba(158, 43, 37, 0.45); } +} .btn-play:active { transform: scale(0.97); } .btn-play:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; } .btn-play .icon { width: 24px; height: 24px; fill: currentColor; } diff --git a/sw.js b/sw.js index bd47567..e7717fe 100644 --- a/sw.js +++ b/sw.js @@ -4,7 +4,7 @@ * - /api/tts 不拦截,直接透传网络 */ const CACHE = "fj-shell-v1"; -const SHELL = ["/", "/index.html", "/style.css?v=17", "/app.js?v=15", "/icon.svg", "/icon-180.png", "/icon-192.png", "/icon-512.png", "/manifest.json"]; +const SHELL = ["/", "/index.html", "/style.css?v=18", "/app.js?v=15", "/icon.svg", "/icon-180.png", "/icon-192.png", "/icon-512.png", "/manifest.json"]; self.addEventListener("install", (e) => { e.waitUntil(caches.open(CACHE).then((c) => c.addAll(SHELL)).then(() => self.skipWaiting()));