/* 電視外框總容器 */
.tv-wrapper {
  position: relative;
  width: 100%;
  max-width: 1920px; /* 最大撐到 1920px */
  margin: 0 auto;    /* 整個區塊置中 */
  overflow: hidden;  /* 核心：切齊邊緣，防止內容溢出 */
  font-size: 0;      /* 核心：徹底消除 HTML 容器內部的字體行高縫隙 */
  line-height: 0;    /* 核心：徹底消除 HTML 容器內部的字體行高縫隙 */
}

/* 上層的電視框圖片 */
.tv-frame {
  position: relative;
  display: block;    /* 核心：將圖片改為區塊元素，徹底消除圖片下方的微小基線留白 */
  width: 100%;
  height: auto;
  z-index: 2;        /* 確保圖片在影片上方，無縫遮擋影片邊緣 */
  pointer-events: none; /* 讓滑鼠點擊可以穿透圖片，不影響影片互動 */
  margin: 0;
  padding: 0;
  border: none;      /* 消除預設邊框 */
}

/* 下層的影片（精準對齊內徑 1500 x 843.75） */
.tv-video {
  position: absolute;
  z-index: 1;        /* 放在圖片下方 */
  
  /* ── 寬高比例精算 ── */
  width: 78.125%;    /* (1500 / 1920) * 100% */
  height: 78.125%;   /* (843.75 / 1080) * 100% */
  
  /* ── 上下左右完美置中定位 ── */
  left: 10.9375%;    /* 水平居中 */
  top: 10.7%;     /* 垂直居中 */
  
  object-fit: cover; /* 確保影片完美填滿內徑區域，邊緣不露白 */
  background-color: #000; /* 影片載入前預設黑底 */
  border: none;
  margin: 0;
  padding: 0;
}