webtv局域网遥控二维码可聚焦

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 {

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'>
                     手机扫码打开遥控器