From bc9536709310aa82da791f6fc3a7db26d2f07ae6 Mon Sep 17 00:00:00 2001
From: mtvpls <247332661+mtvpls@users.noreply.github.com>
Date: Sun, 12 Jul 2026 09:50:53 +0800
Subject: [PATCH] =?UTF-8?q?webtv=E5=B1=80=E5=9F=9F=E7=BD=91=E9=81=A5?=
 =?UTF-8?q?=E6=8E=A7=E4=BA=8C=E7=BB=B4=E7=A0=81=E5=8F=AF=E8=81=9A=E7=84=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/globals.css    |  8 ++++++++
 src/app/tv/me/page.tsx | 10 ++++++++--
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 71ecb66..bb338ca 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -302,6 +302,14 @@ div[data-media-provider] video {
   z-index: 30;
 }
 
+/* 白底卡片（如二维码）聚焦时保持浅色，避免扫码区域被深色焦点样式盖住 */
+.tv-focusable.tv-focusable-light:focus,
+.tv-focusable.tv-focusable-light:focus-visible,
+.tv-focusable.tv-focusable-light.tv-focused {
+  background-color: #ffffff !important;
+  color: #0f172a !important;
+}
+
 .tv-focusable:focus::after,
 .tv-focusable:focus-visible::after,
 .tv-focused::after {
diff --git a/src/app/tv/me/page.tsx b/src/app/tv/me/page.tsx
index b587334..f424ea4 100644
--- a/src/app/tv/me/page.tsx
+++ b/src/app/tv/me/page.tsx
@@ -311,11 +311,17 @@ export default function TVMePage() {
               </div>
 
               {localRemoteUrl && (
-                <div className='shrink-0 rounded-[32px] border border-white/15 bg-white p-4 shadow-2xl shadow-black/40'>
+                <div
+                  tabIndex={0}
+                  role='img'
+                  aria-label='局域网遥控地址二维码，手机扫码打开遥控器'
+                  className='tv-focusable tv-focusable-light shrink-0 rounded-[32px] border border-white/15 bg-white p-4 shadow-2xl shadow-black/40 outline-none'
+                >
                   <img
                     src={`/api/auth/qr/image?data=${encodeURIComponent(localRemoteUrl)}`}
                     alt='局域网遥控地址二维码'
-                    className='h-64 w-64 rounded-2xl'
+                    className='pointer-events-none h-64 w-64 rounded-2xl'
+                    draggable={false}
                   />
                   <div className='mt-3 text-center text-base font-black text-slate-950'>
                     手机扫码打开遥控器