.bigscreen-mode{overflow:hidden}
.bigscreen-mode>.top,.bigscreen-mode #panelLayout,.bigscreen-mode>.foot{visibility:hidden}
.bigscreen-mode #annFab,.bigscreen-mode #supportFab,.bigscreen-mode #supportPop{visibility:hidden}
.bigscreen-mode .modal-mask{visibility:visible}
.panel-bigscreen-entry{position:fixed;top:16px;left:16px;z-index:80;padding:9px 14px!important;border-radius:999px!important;background-color:var(--card-strong)!important;background-image:var(--card-sheen),var(--card-noise);border:1px solid var(--glass-line)!important;box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}
.bigscreen-mode #bigscreenBtn{display:none}
.bs-root{position:fixed;inset:0;padding:12px;box-sizing:border-box;z-index:50;display:flex;flex-direction:column;gap:10px;color:var(--text);font-size:var(--bs-font,16px)}
html:fullscreen .bs-root{inset:0;padding:12px;box-sizing:border-box;background:var(--bg)}
.bs-background{position:absolute;inset:0;z-index:-1;overflow:hidden;background:var(--bg);pointer-events:none}
.bs-background .bgfx,.bs-background .bgfx2{position:absolute;z-index:0}
.bs-root[data-theme] .badge{color:var(--muted);background:var(--soft)}
.bs-root .card{margin:0}
.bs-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px}
.bs-room{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.bs-toolbar>[data-status]{font-size:12px;flex:1;min-width:120px}
.bs-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.bs-tools [data-action=exit]{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}
.bs-tools [data-action=exit]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.bs-stat{display:flex;flex-direction:column;font-size:11px;color:var(--muted);gap:2px}
.bs-stat strong{font-size:18px;color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums}
.bs-layout{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 360px;grid-template-rows:minmax(0,1fr) minmax(140px,24vh);gap:10px}
.bs-divider{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:col-resize}
.bs-divider[hidden]{display:none}
.bs-divider::before{content:"";width:2px;height:min(56px,80%);border-radius:9px;background:var(--accent);opacity:0}
.bs-divider:hover::before,.bs-divider:focus-visible::before,.bs-layout-dragging .bs-divider:focus::before{opacity:.85}
.bs-divider:focus-visible{outline:none}
.bs-divider-rank{cursor:row-resize}.bs-divider-rank::before{width:min(56px,80%);height:2px}
.bs-layout-dragging{user-select:none}
.bs-panel{padding:0!important;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden}
.bs-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);min-height:40px;box-sizing:border-box;flex:none;font-size:14px;flex-wrap:wrap}
.bs-head>.rbtn:first-of-type{margin-left:auto}
.bs-head .badge{font-size:11px;min-width:20px;text-align:center}
.bs-feed{position:relative;overflow:auto;flex:1;min-height:0;overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:thin;padding:4px 8px}
.bs-message{padding:9px 5px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.bs-message[data-thanks-id]{cursor:pointer}
.bs-message[data-user-event]{cursor:pointer}
.bs-message[data-user-event]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:6px}
.bs-thanked{filter:grayscale(1);opacity:.62}
.bs-thanks-stamp{margin-left:auto;flex:none;padding:1px 5px;border:2px solid currentColor;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:1px;transform:rotate(-8deg);color:var(--muted);pointer-events:none}
.bs-thanks-stamp[hidden]{display:none}
.bs-thanks-error{margin:0;padding:6px 12px;color:var(--err-text);font-size:12px}
.bs-thanks-error[hidden]{display:none}
.bs-message[aria-busy=true]{cursor:progress}
.bs-message-head{display:flex;align-items:center;gap:5px;flex-wrap:wrap;line-height:1.55}
.bs-message-head time{font-size:10px;color:var(--muted);white-space:nowrap}
.bs-message-head>b{font-size:inherit;min-width:0;overflow-wrap:anywhere}
.bs-user-name[data-guard-level="1"]{color:#e0403f}
.bs-user-name[data-guard-level="2"]{color:#8e5ad8}
.bs-user-name[data-guard-level="3"]{color:#2d8cf0}
.bs-message-head .bili-fans-medal{margin-left:0}
.bs-message-text{line-height:1.65;white-space:pre-wrap}
.bs-message-amount{color:var(--accent);font-size:.85em}
.bs-media{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:none;overflow:hidden;background:var(--card-strong);color:var(--muted)}
.bs-media img{width:100%;height:100%;object-fit:contain}
.bs-media img[hidden],.bs-media span[hidden]{display:none}
.bs-avatar{width:28px;height:28px;border-radius:50%;font-size:12px}
.bs-gift-image{width:32px;height:32px;margin-right:5px;border-radius:7px;background:transparent}
.bs-emoji{max-width:100%;min-height:3em;background:transparent}
.bs-emoji img{width:auto;min-width:1px;height:3em;max-height:96px;max-width:100%;object-fit:contain}
.bs-guard-badge{font-size:10px;padding:1px 5px;border:1px solid var(--accent);color:var(--accent);border-radius:5px;white-space:nowrap}
.bs-super_chat{border:1px solid #c99b36;border-radius:9px;background:rgba(231,183,58,.16);margin:6px 0;cursor:pointer}
.bs-super_chat .bs-message-head{padding-bottom:5px;border-bottom:1px solid rgba(201,155,54,.3)}
.bs-gift-panel .bs-message[data-amount-tier]{border:1px solid var(--bs-amount-border);border-radius:9px;margin:6px 0}
.bs-message[data-amount-tier=lightblue]{--bs-amount-border:#87cefa}
.bs-message[data-amount-tier=blue]{--bs-amount-border:#2d8cf0}
.bs-message[data-amount-tier=gold]{--bs-amount-border:#c99b36}
.bs-message[data-amount-tier=red]{--bs-amount-border:#e0403f}
.bs-sc-price{margin-left:auto;font-size:.9em;font-weight:700;color:#b88b2b}
.bs-sc-state{font-size:10px;border:1px solid currentColor;border-radius:12px;padding:0 5px;color:var(--muted)}
.bs-read .bs-sc-state{color:var(--accent)}
.bs-gift,.bs-guard:not(span){background:rgba(232,189,81,.06)}
.bs-latest{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:var(--card-strong);white-space:nowrap;box-shadow:0 4px 18px #0002}
.bs-latest[hidden]{display:none}
.bs-contribution{grid-column:1/3;grid-row:2}
.bs-rank-list{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:6px 14px;padding:8px 12px}
.bs-donor{min-width:0;display:flex;align-items:center;gap:7px;padding:5px 0;font-size:12px}
.bs-rank{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--line);flex:none}
.bs-donor:nth-child(-n+3) .bs-rank{background:#c99b3630;color:#b88b2b}
.bs-donor-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.bs-donor-name>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bs-donor-name>span{display:flex;flex-wrap:wrap;gap:3px}
.bs-donor>strong{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--accent);font-size:12px}
.bs-song{grid-column:3;grid-row:1/3}
.bs-song-slot{overflow:auto;min-height:0;flex:1;padding:10px 12px;font-size:var(--bs-font)}
.bs-song-slot>h3{font-size:12px;flex-wrap:wrap;margin:0 0 8px}
.bs-song-slot>h3>span:first-child{display:none}
.bs-song-slot .sb-copywrap{display:none}
.bs-song-slot #sbHint{max-height:64px;overflow:auto}
.bs-song-slot .sb-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 0;border-bottom:1px solid var(--line)}
.bs-song-slot .sb-song{flex:1 1 calc(100% - 48px);font-size:var(--bs-font);font-weight:600;min-width:0}
.bs-song-slot .sb-idx{width:20px;flex:none}
.bs-song-slot .sb-user{margin-left:26px;max-width:75%;font-size:12px}
.bs-song-slot .sb-act{flex-basis:100%;display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.bs-song-slot .sb-whint{display:none}
.bs-song-collapsed .bs-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 60px}
.bs-song-collapsed .bs-song-slot{display:none}
.bs-song-collapsed .bs-song>.bs-head{padding:12px 7px;flex-direction:column}
.bs-song-collapsed .bs-song>.bs-head>b,.bs-song-collapsed [data-action=collapse]{writing-mode:vertical-rl}
.bs-song-collapsed .bs-song>.bs-head>.rbtn{margin:0}
.bs-root .modal-mask{z-index:110}
.bs-root .modal-box{width:min(480px,90vw);max-height:85vh;overflow:auto;font-size:14px}
.bs-root .modal-box.bs-user-dialog{width:min(780px,100%);max-width:780px;max-height:85vh;overflow:hidden;font-size:var(--bs-font,16px)}
.bs-user-dialog .modal-head{flex:none;gap:10px}.bs-user-dialog .modal-head>b{overflow-wrap:anywhere;min-width:0}
.bs-user-dialog .modal-head>button{flex:none}.bs-user-note{flex:none;margin:0 0 8px;font-size:12px}
.bs-user-list{min-height:0;overflow:auto;overscroll-behavior:contain;flex:1}
.bs-user-list .bs-message{cursor:default}.bs-user-list .bs-message-head{font-size:inherit}
.bs-user-error{flex:none;margin:6px 0;font-size:12px}.bs-user-error:empty{display:none}
.bs-user-pager{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px;margin-top:8px;font-size:12px}
.bs-user-pager>span{margin-right:auto}
.bs-setting{display:flex;align-items:center;gap:9px;padding:8px 0}
.bs-min{min-width:0;width:150px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text)}
.bs-error{color:var(--err-text)}
.bs-gap{font-size:11px;margin:0;padding:0 4px;min-height:0}
.bs-gap:empty{display:none}
.bs-empty{font-size:13px;padding:12px}
.bs-root .bs-tabs{display:none}
.bs-panel[hidden],.bs-tabs button[hidden]{display:none!important}
.bs-all-floated{display:none;text-align:center;margin:auto;padding:24px}
.bs-everything-floating .bs-layout{display:none!important}.bs-everything-floating .bs-all-floated{display:block}
.bs-float-note{font-size:12px;color:var(--err-text);padding:5px 10px;margin:0;overflow-wrap:anywhere}
html:has(.bs-card-floating),body:has(.bs-card-floating){background:transparent!important;overflow:hidden}
html:has(.bs-card-floating){color-scheme:only light!important}
body:has(.bs-card-floating)>.bgfx,body:has(.bs-card-floating)>.bgfx2{visibility:hidden}
.bs-root.bs-embedded.bs-card-floating{padding:0;gap:0;--float-alpha:.8;--float-rgb:48,50,56}
.bs-card-floating .bs-layout{display:flex!important;min-height:0;flex:1}
.bs-card-floating .bs-panel{grid-area:auto;flex:1;width:100%;height:100%;background-color:rgba(var(--float-rgb),var(--float-alpha))!important;background-image:none!important;border-radius:14px;box-shadow:none!important;transform:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.bs-card-floating .bs-panel,.bs-card-floating .modal-box{--text:#f8fafc;--muted:#e2e8f0;--btn-text:#f1f5f9;--btn-dis:#cbd5e1;color:var(--text)}
.bs-card-floating .sb-song{color:var(--text)}
.bs-card-floating .rbtn:disabled{opacity:1}
.bs-card-floating .bs-user-name[data-guard-level="1"]{color:#ffc4c4}
.bs-card-floating .bs-user-name[data-guard-level="2"]{color:#e2ceff}
.bs-card-floating .bs-user-name[data-guard-level="3"]{color:#b8daff}
.bs-card-floating .bs-message-amount,.bs-card-floating .bs-guard-badge,.bs-card-floating .bs-donor>strong{color:color-mix(in srgb,var(--accent) 30%,white)}
.bs-card-floating .bs-sc-price,.bs-card-floating .bs-donor:nth-child(-n+3) .bs-rank{color:#fff0c9}
.bs-card-floating .bs-read .bs-sc-state{color:color-mix(in srgb,var(--accent) 15%,white)}
.bs-card-floating .bs-thanked{opacity:.82}
.bs-card-floating .sb-row.away .sb-idx,.bs-card-floating .sb-row.away .sb-user,.bs-card-floating .sb-row.away .sb-song{opacity:.82}
.bs-card-floating .bs-panel::before{display:none}.bs-card-floating .bs-head{cursor:move}.bs-card-floating.bs-float-locked .bs-head{cursor:default}
.bs-card-floating .bs-head [data-action=float-menu]{margin-left:auto}
.bs-root.bs-embedded.bs-card-floating .bs-rank-list{grid-template-columns:minmax(0,1fr)}
.bs-card-floating .bs-song-slot{display:block!important}
.bs-card-floating .bs-song-slot .sb-user{flex:1 1 72px;min-width:0;max-width:none}
.bs-card-floating .bs-song-slot .sb-act{flex-basis:auto;margin-left:auto}
.bs-embedded .bs-gap{display:none}
 
.bs-embedded * {scrollbar-width:auto;scrollbar-color:auto}
.bs-embedded *::-webkit-scrollbar {width:8px;height:8px}
.bs-embedded *::-webkit-scrollbar-track,.bs-embedded *::-webkit-scrollbar-corner {background:transparent}
.bs-embedded *::-webkit-scrollbar-thumb {background:rgba(128,132,144,.45);border:2px solid transparent;border-radius:999px;background-clip:padding-box}
.bs-embedded *::-webkit-scrollbar-thumb:hover {background-color:rgba(var(--accent-rgb),.72)}
@media(max-width:1600px){.bs-rank-list{grid-template-columns:repeat(3,minmax(0,1fr))}.bs-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 330px}}
.bs-embedded .bs-toolbar{gap:7px;padding:10px}.bs-embedded .bs-room{max-width:180px}.bs-embedded .bs-tools{width:100%;gap:5px}.bs-embedded .bs-tools .rbtn{padding:5px 8px;font-size:12px}
.bs-embedded .bs-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 250px;grid-template-rows:minmax(0,1fr) minmax(125px,22vh)}
.bs-embedded.bs-song-collapsed .bs-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 54px}.bs-embedded .bs-rank-list{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){
 .bs-root:not(.bs-embedded){inset:0;padding:8px;gap:8px}.bs-root:not(.bs-embedded) .bs-toolbar{gap:7px;padding:9px}.bs-root:not(.bs-embedded) .bs-room{max-width:180px}.bs-root:not(.bs-embedded) .bs-tools{width:100%}.bs-root:not(.bs-embedded) .bs-tools .rbtn{padding:6px 8px}
 .bs-root:not(.bs-embedded) .bs-tabs{display:flex;margin:0;flex:none;flex-wrap:wrap}.bs-root:not(.bs-embedded) .bs-layout,.bs-root:not(.bs-embedded).bs-song-collapsed .bs-layout{display:block}
 .bs-root:not(.bs-embedded) .bs-layout>.bs-panel{height:100%;display:none}
 .bs-root:not(.bs-embedded)[data-tab=all] .bs-all-panel,.bs-root:not(.bs-embedded)[data-tab=gift] .bs-gift-panel,.bs-root:not(.bs-embedded)[data-tab=rank] .bs-contribution,.bs-root:not(.bs-embedded)[data-tab=song] .bs-song{display:flex}
 .bs-root:not(.bs-embedded) .bs-rank-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bs-root:not(.bs-embedded).bs-song-collapsed .bs-song>.bs-head{flex-direction:row}.bs-root:not(.bs-embedded).bs-song-collapsed .bs-song>.bs-head>b,.bs-root:not(.bs-embedded).bs-song-collapsed [data-action=collapse]{writing-mode:horizontal-tb}
}
@media(max-width:880px){
 .bs-root.bs-embedded{inset:0;padding:8px;gap:8px}.bs-root.bs-embedded .bs-toolbar{gap:7px;padding:9px}.bs-root.bs-embedded .bs-room{max-width:180px}.bs-root.bs-embedded .bs-tools{width:100%}.bs-root.bs-embedded .bs-tools .rbtn{padding:6px 8px}
 .bs-root.bs-embedded .bs-tabs{display:flex;margin:0;flex:none;flex-wrap:wrap}.bs-root.bs-embedded .bs-layout,.bs-root.bs-embedded.bs-song-collapsed .bs-layout{display:block}
 .bs-root.bs-embedded .bs-layout>.bs-panel{height:100%;display:none}
 .bs-root.bs-embedded[data-tab=all] .bs-all-panel,.bs-root.bs-embedded[data-tab=gift] .bs-gift-panel,.bs-root.bs-embedded[data-tab=rank] .bs-contribution,.bs-root.bs-embedded[data-tab=song] .bs-song{display:flex}
 .bs-root.bs-embedded .bs-rank-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bs-root.bs-embedded.bs-song-collapsed .bs-song>.bs-head{flex-direction:row}.bs-root.bs-embedded.bs-song-collapsed .bs-song>.bs-head>b,.bs-root.bs-embedded.bs-song-collapsed [data-action=collapse]{writing-mode:horizontal-tb}
}
@media(max-width:480px){.bs-rank-list{grid-template-columns:minmax(0,1fr)}.bs-toolbar>[data-status]{width:100%;order:2}.bs-tools{order:3}.bs-head{font-size:12px;gap:5px}.bs-head .rbtn{font-size:12px;padding:5px 7px}}
@media(max-width:560px){.panel-bigscreen-entry{top:10px;left:10px;padding:7px 10px!important;font-size:12px!important}}