:root{--bg:#0b0c0f;--text:#e5e7eb;--sub:#9ca3af;--line:#1f2937}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,"PingFang SC","Microsoft YaHei",sans-serif}
.wrap{max-width:1080px;margin:0 auto;padding:14px}

/* 顶部只保留返回按钮 */
.head{display:flex;align-items:center;gap:10px;margin:6px 0 10px}
.back{appearance:none;border:1px solid var(--line);color:#111827;border-radius:10px;padding:6px 10px;cursor:pointer;width:84px}

/* 播放器舞台：固定 16:9，视频等比不裁切 */
.player{
    position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#000;
    aspect-ratio:16/9;width:100%;max-height:78vh;
}
.player.ratio-fallback{height:0;padding-top:56.25%}
.player>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;display:block}

/* 覆盖层（广告/缓冲） */
.ad-overlay{position:absolute;inset:0;z-index:3;background:rgba(0,0,0,.72);pointer-events:none}
.ad-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(240px,66%,720px);display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:auto}
.ad-frame{display:block;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.ad-frame img{width:100%;height:100%;object-fit:cover;display:block}
.ad-cta{background:rgba(17,24,39,.9);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:8px 18px;font-size:14px;cursor:pointer;transition:all .18s}
.ad-cta:hover{background:#e50914;border-color:#e50914}
@media (max-width:480px),(max-aspect-ratio:3/4){ .ad-box{width:clamp(200px,63%,680px)} }

/* ===== 新增：标题在视频下方 ===== */
.vtitle-wrap{margin-top:10px;display:flex;align-items:flex-start;gap:8px}
.vtitle{font-size:16px;font-weight:700;line-height:1.5;word-break:break-word;white-space:normal}
/* 桌面端默认 2 行展示（优雅省空间） */
.vtitle.clamp{
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.title-toggle{
    appearance:none;border:1px solid var(--line);background:#111827;color:#fff;border-radius:10px;padding:3px 8px;cursor:pointer;flex:0 0 auto;
}
/* 手机端：强制展示完整标题，不省略、不用按钮 */
@media (max-width:640px){
    .vtitle.clamp{ -webkit-line-clamp:unset; display:block; }
    .title-toggle{ display:none; }
}

.meta{display:flex;align-items:center;gap:10px;color:var(--sub);margin-top:10px;flex-wrap:wrap}
.chip{border:1px solid var(--line);border-radius:999px;padding:2px 8px}
.ops{margin-left:auto;display:flex;gap:8px}
.btn{appearance:none;border:1px solid var(--line);background:#111827;color:#fff;border-radius:10px;padding:6px 10px;cursor:pointer}
.tip{color:#ef4444;margin-top:10px;display:none}

.adv-wrap{margin:10px 0 12px}
.adv-line{display:flex;flex-wrap:wrap;gap:10px}
.adv-item{display:block;flex:1 1 100%;min-width:100%}
.adv-item img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line);display:block}

.related-block{
    margin:16px 0 8px;
}
.related-head{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    margin:6px 0 12px;
}
.related-title{
    font-weight:800;font-size:16px;line-height:1.2;color:var(--text);
}
.related-sub{
    font-size:12px;color:var(--sub);
}