/* ============================================================
   电视端（10 英尺 UI）—— 仅在 body.tv 下生效
   客厅 3 米观看：焦点必须一眼可见，交互元素要有大热区。
   ============================================================ */

/* 焦点高亮：金色描边 + 轻微放大，遥控器当前项一眼能找到 */
body.tv [tabindex] { outline: none; }
body.tv [tabindex]:focus,
body.tv button:focus,
body.tv a[href]:focus,
body.tv input:focus {
  outline: 5px solid #FFD24A !important;
  outline-offset: 4px !important;
  border-radius: 14px;
  box-shadow: 0 0 0 8px rgba(255, 210, 74, .28), 0 14px 34px rgba(15, 40, 90, .30) !important;
  transform: scale(1.05);
  transform-origin: center center;
  z-index: 60;
  position: relative;
  transition: transform .12s ease, box-shadow .12s ease;
}

/* 聚焦时文字加粗提亮，远处也读得清 */
body.tv [tabindex]:focus b,
body.tv [tabindex]:focus span,
body.tv button:focus,
body.tv button:focus * {
  color: #17315F !important;
}

/* 按钮与卡片：加大点击热区，遥控器误操作更少 */
body.tv button { min-height: 34px; padding-left: 14px; padding-right: 14px; }
body.tv .me-item,
body.tv .tile,
body.tv .card { cursor: pointer; }

/* ------------------------------------------------------------
   可读性：电视 1080p 下缩放系数只有 1.35，设计稿 11.5px 的正文
   投到屏上才 15px，3 米外读不清。这里把主要文字统一抬一档，
   1080p 实测视觉约 21–26px。只动有余量的标题与卡片，不动密集型容器。
   ------------------------------------------------------------ */
body.tv .me-item b,
body.tv .tile b,
body.tv .card b { font-size: 18px; }
body.tv .tile span,
body.tv .card span,
body.tv .me-item span { font-size: 15px; }
body.tv .page-hd h2,
body.tv .page-hd h1 { font-size: 26px; }
body.tv #tabbar .tb-t,
body.tv #tabbar span,
body.tv .tb span { font-size: 15px; }
body.tv .au-main,
body.tv .btn { font-size: 18px; }
body.tv .au-sub,
body.tv .au-hint,
body.tv .mini span { font-size: 15px; }
/* 课程卡与套餐卡标题 */
body.tv .cu-t,
body.tv .pl-name,
body.tv .plan b { font-size: 18px; }

/* 演示角标：给客户看的电视上不出现，避免被当成半成品 */
body.tv #demoTag { display: none !important; }

/* 720p 电视与廉价盒子仍是主流：这类屏宽只有 1280，缩放系数掉到 0.9，
   字号反而比设计稿还小（约 16px），这里再补一档。 */
@media (max-width: 1400px) {
  body.tv .me-item b,
  body.tv .tile b,
  body.tv .card b { font-size: 22px; }
  body.tv .tile span,
  body.tv .card span,
  body.tv .me-item span { font-size: 18px; }
  body.tv .page-hd h2,
  body.tv .page-hd h1 { font-size: 32px; }
  body.tv #tabbar .tb-t,
  body.tv #tabbar span,
  body.tv .tb span { font-size: 18px; }
  body.tv .au-main,
  body.tv .btn { font-size: 22px; }
  body.tv .au-sub,
  body.tv .au-hint,
  body.tv .mini span { font-size: 18px; }
  body.tv .cu-t,
  body.tv .pl-name,
  body.tv .plan b { font-size: 22px; }
}

/* 电视没有 iOS 状态栏：那排「2:32 / 信号 / 电池」是平板外壳的模拟装饰 */
body.tv #sb { display: none !important; }

/* 触摸时代的提示语在电视上没有意义 */
body.tv .touch-only,
body.tv .swipe-tip { display: none !important; }

/* 遥控器没有麦克风：语音提问整体隐藏，由 tv.js 换成手机引导 */
body.tv #cwMic,
body.tv #micAsk,
body.tv #micLater,
body.tv #micTip,
body.tv .mic-only { display: none !important; }

/* 电视端底部导航加高，方向键横向移动更好命中 */
body.tv #tabbar { height: 84px; padding: 0 30px; }

/* 课堂提问条：电视端改为只保留输入与发送区（默认隐藏输入，由 tv.js 提示引导） */
body.tv #cwAsk { gap: 10px; }

/* 电视端屏幕常亮，避免看课中途息屏（原生壳支持时由原生处理） */
body.tv #lesson { background: #000; }

/* 弱化毛玻璃：部分电视 GPU 弱，backdrop-filter 会掉帧 */
body.tv .card,
body.tv .tile,
body.tv #tabbar,
body.tv #teacherbar { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }