*{box-sizing:border-box}
html,body{
    margin:0;
    padding:0;
    background:#000;
    color:#e8eaed;
    font-family:Arial,"Microsoft YaHei",sans-serif;
    width:100%;
    height:100%; /* 重点：100% 继承iframe，不要100vh */
    overflow:hidden;
}
.app{
    width:100%;
    height:100%;
    margin:0 auto;
    overflow:hidden;
}
.topbar{display:none !important;}

.player-card{
    position:relative;
    background:#000;
    width:100%;
    height:100%;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}
.video{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain; /* contain：完整画面显示，黑边；换成cover：填满裁切画面，看你需求 */
    background:#000
}

/* ✅视频居中提示浮层 */
.center-tip{
    position:absolute;
    left:50%;top:50%;
    transform:translate(-50%,-50%);
    padding:10px 18px;
    border-radius:8px;
    background:rgba(0,0,0,0.75);
    color:#fff;
    font-size:14px;
    z-index:10;
    pointer-events:none;
    white-space:nowrap;
}
.hidden{display:none !important;}

/* 底部错误提示 */
.overlay{
    position:absolute;
    left:16px;right:16px;bottom:60px;
    padding:10px 12px;border-radius:8px;
    background:rgba(0,0,0,.85);
    font-size:13px;color:#fff;
    z-index:9;
}

/* 调试面板，生产默认隐藏，双击视频才打开 */
.debug-card{
    position:absolute;left:10px;right:10px;bottom:10px;
    padding:12px;border-radius:8px;
    background:rgba(0,0,0,0.85);
    z-index:20;
}
.debug-title{font-weight:700;margin-bottom:6px;font-size:13px}
pre{white-space:pre-wrap;word-break:break-word;margin:0;color:#b9c2cc;font-size:12px;line-height:1.4;max-height:140px;overflow:auto}

/* 移动端适配 */
@media(max-width:700px){
    .center-tip{font-size:13px;padding:8px 14px;}
}