.xplayer-danmaku-badge{display:inline-block!important;box-sizing:content-box!important;width:1.977401em!important;height:1.666667em!important;max-width:none!important;max-height:none!important;object-fit:contain;vertical-align:middle;margin:-.12em .15em 0 0;border:0!important;pointer-events:none;user-select:none}
.danmuku-list .xplayer-danmaku-badge{height:1.2em!important;width:1.423729em!important;margin:0 .15em 0 0;vertical-align:text-bottom}

/* Keep the list readable immediately, including over black frames and bright video. */
.xplayer .xplayer-danmu{position:absolute;z-index:40;top:16px;right:16px;bottom:84px;width:min(420px,calc(100% - 32px));height:auto;box-sizing:border-box;float:none;border:1px solid #ffffff16;border-radius:12px;background:rgba(20,20,20,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#f3f5fa;opacity:1!important;animation:none!important;transform:none!important;overflow:hidden;flex-direction:column;text-align:left}
.xplayer .xplayer-danmu.show{display:flex}
.xplayer-danmaku-list-toolbar{display:flex;flex:none;align-items:center;justify-content:space-between;padding:14px 16px 2px;gap:12px}
.xplayer-danmaku-list-toolbar h2{margin:0;color:#f5f7fb;font-size:16px;line-height:24px;font-weight:600}
.xplayer-danmaku-list-toolbar button{flex:none;border:0;border-radius:6px;width:28px;height:28px;padding:0;background:transparent;color:#dce3ed;font-size:24px;line-height:28px;cursor:pointer}
.xplayer-danmaku-list-toolbar button:hover{background:#ffffff16;color:#fff}
.xplayer .xplayer-danmu .xplayer-watching{box-sizing:border-box;flex:none;height:36px;line-height:36px;padding:0 16px;color:#b8c2d1;font-size:12px;white-space:nowrap}
.xplayer .xplayer-danmu .xplayer-watching-number{margin:0 4px 0 0;font-size:13px;color:#f5f7fb}
.xplayer .xplayer-danmu .danmuku-num{color:#f5f7fb;margin:0 3px}
.xplayer .xplayer-danmu .xplayer-list,.xplayer .xplayer-danmu .danmuku-list{display:grid;grid-template-columns:62px minmax(0,1fr)90px;align-items:center;column-gap:10px;box-sizing:border-box;padding:0 12px;margin:0;width:100%;font-size:13px;line-height:1.5;text-align:left}
.xplayer .xplayer-danmu .xplayer-list{flex:none;height:34px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff18;background:#ffffff0d;color:#b8c2d1;list-style:none}
.xplayer .xplayer-danmu .xplayer-list li{float:none;width:auto;height:auto;padding:0;margin:0;white-space:nowrap;font-size:12px;color:inherit;text-align:left}
.xplayer .xplayer-danmu .list-show{flex:1;min-height:0;height:auto;margin:0;padding:4px 0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#666 transparent;scrollbar-width:thin;list-style:none}
.xplayer .xplayer-danmu .danmuku-list{position:relative;min-height:36px;height:auto;border-bottom:1px solid #ffffff09;overflow:hidden;color:#f1f4f9;cursor:pointer}
.xplayer .xplayer-danmu .danmuku-list:hover,.xplayer .xplayer-danmu .danmuku-list:focus-visible{background:#ffffff16;outline:none}
.xplayer .xplayer-danmu .danmuku-list>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xplayer .xplayer-danmu .danmaku-list-time,.xplayer .xplayer-danmu .danmaku-list-date{color:#b8c2d1;font-size:12px;font-variant-numeric:tabular-nums}
.xplayer .xplayer-danmu .danmuku-list .report{position:absolute;right:8px;top:5px;display:none;width:auto;height:26px;line-height:26px;margin:0;padding:0 8px;border:1px solid #ffffff33;border-radius:5px;background:#292929;color:#eee;font-size:12px;cursor:pointer}
.xplayer .xplayer-danmu .danmuku-list:hover .report,.xplayer .xplayer-danmu .danmuku-list:focus-within .report{display:block}
.danmaku-list-empty{padding:30px 16px;color:#b8c2d1;font-size:13px;text-align:center;line-height:1.6}
@media(max-width:600px){.xplayer .xplayer-danmu{top:10px;right:10px;bottom:68px;width:calc(100% - 20px)}.xplayer .xplayer-danmu .xplayer-list,.xplayer .xplayer-danmu .danmuku-list{grid-template-columns:56px minmax(0,1fr)76px;gap:7px}}