/* kv block（僅保留會被 kv.html 用到的結構） */
.kv{position:relative;background:transparent}

/* 首頁 KV：從頂部開始，header 浮在上方 */
body.page-index .kv {
  margin-top: 0;
}
.kv_container{position:relative;width:100%;height:540px;} /* 滿版寬度 */
.kv_inner{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1420px;height:100%;pointer-events:none;} /* 內容區，限制最大寬度 */
.kv_track{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;min-width:1024px;height:100%;} /* 圖片區域滿版，最小寬度與 body 一致 */
.kv_item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.5s ease-in-out;pointer-events:none}
.kv_track:not(:has(.is-active)) .kv_item:first-child{opacity:1;pointer-events:auto}
.kv_item.is-active{opacity:1;pointer-events:auto}
.kv_item a{display:block;width:100%;height:100%;cursor:pointer;}
.kv_item img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;} /* 填滿裁切，置中 */
.kv_item{background:#000;} /* 避免圖片載入前或比例不符時出現空白 */
/* 右側列表 - 固定大小，相對於內層容器定位（與 Header 右側功能區對齊）*/
.kv_list{position:absolute;right:0;top:60%;transform:translateY(-50%);width:240px;height:360px;border-radius:4px;overflow:hidden;pointer-events:auto;z-index:10;}

/* KV 容器高度斷點 */
@media (max-width: 1920px) {
  .kv_container {
    height: 540px;
  }
}

@media (max-width: 1480px) {
  .kv_container {
    height: 500px;
  }
}

@media (max-width: 1024px) {
  .kv_container {
    height: 460px;
  }
}
.kv_list-ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;align-items:center}

/* ==========================================
 * 文字模式（預設）
 * ========================================== */
/* 文字模式：顯示右側列表 */
.kv[data-mode="text"] .kv_list{display:block;}
.kv[data-mode="text"] .kv_list-item{width:240px;height:34px;}
.kv[data-mode="text"] .kv_list-link{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:0 16px;background:rgba(255,255,255,0.7);color:#0B0B0B;text-decoration:none;font-family:Tahoma, 'PingFang TC', 'Microsoft JhengHei', sans-serif;font-size:14px;}
.kv[data-mode="text"] .kv_list-ul:not(:has(.is-active)) .kv_list-item:first-child .kv_list-link{background:#E42112;color:#fff}
.kv[data-mode="text"] .kv_list-item.is-active .kv_list-link{background:#E42112;color:#fff}

/* 文字模式：隱藏底部縮圖 */
.kv[data-mode="text"] .kv_thumbs{display:none;}

/* ==========================================
 * 縮圖模式
 * ========================================== */
/* 縮圖模式：隱藏右側列表 */
.kv[data-mode="thumbnail"] .kv_list{display:none;}

/* 縮圖模式：顯示底部縮圖（壓在圖片上，下方對齊）*/
.kv[data-mode="thumbnail"] .kv_thumbs{display:block;position:absolute;bottom:0;left:0;right:0;z-index:10;pointer-events:auto;}
.kv_thumbs-container{display:flex;justify-content:center;align-items:center;gap:2px;width:fit-content;margin:0 auto;pointer-events:auto;background:rgba(255,255,255,0.3);padding:2px 2px 0;}
.kv_thumbs-item{flex-shrink:0;width:120px;height:68px;transition:all 0.3s ease;pointer-events:auto;position:relative;}
.kv_thumbs-link{display:block;width:100%;height:100%;position:relative;overflow:hidden;transition:all 0.3s ease;background:transparent;cursor:pointer;pointer-events:auto;}
.kv_thumbs-img{display:block;width:100%;height:100%;object-fit:cover;}

/* Active 狀態（包含 hover 時的效果，由 JS 控制）*/
.kv_thumbs-item.is-active{z-index:20;transform:translateY(-2px);}
.kv_thumbs-item.is-active .kv_thumbs-link{outline:2px solid #fff;outline-offset:0;background:transparent;}