/* 官网 YouTube 长视频页(075):手机优先;细线列表,不做卡片墙 */
.vd h1 .zh,.vd h2 .zh{font-family:var(--f-h);font-weight:500;color:var(--ink2);font-size:.6em;margin-left:6px}
.vd-meta{color:var(--ink2);font-size:14px;margin:-4px 0 14px}
.vd-player{position:relative;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden}
.vd-player iframe,.vd-play{position:absolute;inset:0;width:100%;height:100%;border:0}
.vd-play{padding:0;background:#000;cursor:pointer}
.vd-play img{width:100%;height:100%;object-fit:cover}
.vd-play i,.vd-th i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:48px;border-radius:12px;background:var(--clay);color:#fff;font-style:normal;font-size:22px;display:grid;place-items:center;box-shadow:0 6px 20px #0005}
.vd-player .vd-play i{left:auto;top:auto;right:18px;bottom:18px;transform:none}   /* 播放键放右下角,不挡封面上的大字 */
.vd-yt{font-size:14px;color:var(--ink2);margin:8px 0 0}.vd-yt a{color:var(--clay);font-weight:700}
.vd-sec{margin-top:26px}
.vd-sec h2{font:800 20px var(--f-b);margin:0 0 10px}
.vd-sec h2 a{color:inherit}
.vd-sec p{font-size:16px;line-height:1.65}
.vd-ch{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.vd-ch li{border-bottom:1px solid var(--line)}
.vd-ch a{display:flex;gap:14px;padding:11px 2px;color:var(--ink);text-decoration:none;font-size:16px}
.vd-ch a span{font:700 14px var(--f-b);color:var(--clay);min-width:52px;font-variant-numeric:tabular-nums;padding-top:2px}
.vd-ch a:hover{color:var(--clay)}
.vd-vocab{width:100%;border-collapse:collapse;font-size:16px}
.vd-vocab td{border-bottom:1px solid var(--line);padding:9px 6px;vertical-align:middle}
.vd-vocab .zh button{background:none;border:0;padding:0;font:700 22px var(--f-h);color:var(--ink);cursor:pointer;white-space:nowrap}
.vd-vocab .zh i{font-style:normal;font-size:12px;color:var(--clay);vertical-align:middle}
.vd-vocab .py{color:var(--clay);font-weight:700;white-space:nowrap}
.vd-cta{border-top:2px solid var(--ink);padding-top:16px}
.vd-next{display:block;font-size:17px;color:var(--ink);text-decoration:none;padding:4px 0 10px}.vd-next b{color:var(--clay)}
.vd-tr summary{cursor:pointer;font:800 18px var(--f-b);padding:10px 0;border-top:1px solid var(--line)}
.vd-tr p{color:var(--ink2)}
.vd-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.vd-list li{border-bottom:1px solid var(--line)}
.vd-list a{display:flex;gap:14px;align-items:center;padding:12px 0;color:var(--ink);text-decoration:none}
.vd-th{position:relative;flex:0 0 132px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#000}
.vd-th img{width:100%;height:100%;object-fit:cover}
.vd-th i{width:40px;height:28px;border-radius:8px;font-size:13px}
.vd-tx b{display:block;font:700 16px/1.35 var(--f-b)}
.vd-tx small{display:block;color:var(--ink2);font-size:13px;margin-top:4px}
.vd-list a:hover b{color:var(--clay)}
.vd-all{color:var(--clay);font-weight:700}
.vd-soon{color:var(--ink2);font-size:15px}.vd-soon a{color:var(--clay);font-weight:700}
.vd-series{border-top:2px solid var(--ink);padding-top:14px}
.vd-foot-cta{margin-top:22px}
@media (min-width:760px){.vd-th{flex-basis:200px}}

/* ---------- 单集页:视频 + 生词面板(2026-10-18 老板:生词要往下拉很久才看到 → 放视频旁边,一个一个切换,点词跳到视频那一段) ---------- */
.vd-ep{max-width:1320px}
.vd-grid{display:grid;gap:18px;margin-top:6px}
.vd-main{position:sticky;top:64px;z-index:20;background:var(--paper);margin:0 -16px;padding:4px 16px 6px}   /* 手机:看生词时视频固定在顶部 */
.vd-side{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.vd-tabs{display:flex;border-bottom:1px solid var(--line)}
.vd-tabs button{flex:1;background:none;border:0;border-bottom:2px solid transparent;padding:12px 8px;font:700 15px var(--f-b);color:var(--ink2);cursor:pointer;margin-bottom:-1px}
.vd-tabs button small{font-weight:600;color:#9a8f86;margin-left:2px}
.vd-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--clay)}
.vd-pane{display:flex;flex-direction:column;min-height:0}
.vd-pane[hidden]{display:none}
.vd-card{padding:14px 16px 12px;border-bottom:1px solid var(--line);text-align:center}
.vd-card-top{display:flex;justify-content:space-between;gap:10px;font:700 12px var(--f-b);color:var(--ink2)}
.vd-card-top span:last-child{color:var(--clay);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vd-card-zh{display:block;margin:6px auto 0;background:none;border:0;cursor:pointer;font:900 64px/1.15 var(--f-h);color:var(--ink)}
.vd-card-py{font:800 22px var(--f-b);color:var(--clay)}
.vd-card-id{font:700 18px/1.3 var(--f-b);margin-top:2px;min-height:24px}
.vd-card-nav{display:grid;grid-template-columns:44px 1fr 1fr 44px;gap:8px;margin-top:12px}
.vd-card-nav button{border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:10px 6px;font:700 14px var(--f-b);color:var(--ink);cursor:pointer}
.vd-card-nav #vdPrev,.vd-card-nav #vdNext{font-size:24px;line-height:1;padding:6px}
.vd-card-nav #vdGo{background:var(--clay);border-color:var(--clay);color:#fff}
.vd-card-nav button:disabled{opacity:.4;cursor:default}
.vd-follow{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:12px;color:var(--ink2);cursor:pointer}
.vd-follow input{accent-color:var(--clay)}
.vd-wl{list-style:none;margin:0;padding:0;max-height:42vh;overflow-y:auto;overscroll-behavior:contain}
.vd-wl li{border-bottom:1px solid #f0e8de}
.vd-wl button{width:100%;display:grid;grid-template-columns:auto auto 1fr auto;align-items:baseline;gap:8px;background:none;border:0;padding:9px 14px;text-align:left;cursor:pointer;font:inherit;color:var(--ink)}
.vd-wl b{font:700 20px var(--f-h)}.vd-wl span{font:700 13px var(--f-b);color:var(--clay)}
.vd-wl small{font-size:13px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vd-wl em{font:600 12px var(--f-b);font-style:normal;color:#9a8f86;font-variant-numeric:tabular-nums}
.vd-wl button:hover{background:var(--paper)}
.vd-wl button.on{background:#fbefe9;box-shadow:inset 3px 0 0 var(--clay)}
.vd-side .vd-ch{border-top:0;max-height:60vh;overflow-y:auto}
.vd-side .vd-ch a{padding:11px 16px}
@media (min-width:980px){
  .vd-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:26px}
  .vd-grid.vd-solo{grid-template-columns:1fr}
  .vd-main{top:88px;margin:0;padding:0;background:none}
  .vd-side{position:sticky;top:88px;max-height:calc(100vh - 104px)}
  .vd-pane{flex:1}
  .vd-wl{max-height:none;flex:1}
  .vd-side .vd-ch{max-height:none}
}

/* 首页「Video belajar gratis」(#video 段,宣传片下面) */
.vd-home{margin:28px 0 8px;border-top:2px solid var(--ink);padding-top:14px}
.vd-home h3{font:800 22px var(--f-b);margin:0 0 6px}.vd-home h3 .zh{font:500 15px var(--f-h);color:var(--ink2);margin-left:6px}
.vd-home .vd-all{display:inline-block;margin-top:10px}