/* 1. 当设置容器被 Plyr 激活（不再 hidden）时，内部所有层级的 hidden 全部失效 */
.plyr__menu__container:not([hidden]) [hidden] {
    display: block !important;
}

/* 2. 隐藏主界面（Home），因为它包含我们不需要的“画质 >”按钮 */
div[id$="-home"] {
    display: none !important;
}

/* 3. 隐藏“画质”子页面的返回按钮 */
.plyr__control--back {
    display: none !important;
}

/* 4. 解决 0p 文字问题的 CSS 强改方案（可选，替代 JS） */
button[data-plyr="quality"][value="0"] span {
    font-size: 0 !important; /* 隐藏原始 0 文字 */
}
button[data-plyr="quality"][value="0"] span::before {
    content: "自动";
    font-size: 14px !important; /* 恢复字号显示“自动” */
}

/* 5. 修正主设置按钮上的 0p 文字显示（当它是激活状态时） */
.plyr__menu__value:contains("0p") {
    /* 注意：标准CSS不支持 :contains，此行仅作逻辑参考 */
}


/*覆盖原本样式*/
.plyr__control:hover,.plyr__control[aria-expanded=true] {
    background: rgba(0, 0, 0, 0)!important;
}

.plyr__control svg {
    fill: #b7bbbe!important;
}

.plyr__control:hover svg {
    fill: #f6f6f6!important;
}

.plyr__control--overlaid{
    border-radius: 10px!important;

}

.plyr--full-ui.plyr--video .plyr__control--overlaid{
    width: 110px!important;
    display: flex!important;
    justify-content: center!important;
    background-color: #ffffffb0 !important;
    filter: drop-shadow(1px 1px 6px black);
}

.plyr__control--overlaid svg{
    fill: #292929 !important;
}

.plyr__menu__container{
    background: linear-gradient(135deg, #444a4f94, #4d4e4f4d) !important;
    backdrop-filter: blur(10px) !important;
    margin-bottom: 0!important;
    border-radius:0!important;
}

.plyr__menu__container .plyr__control{
    color: #b0b2b4;
}

.plyr--full-ui{
    aspect-ratio: 16 / 9;
}