:root{color-scheme:dark;--bg:#080a0b;--text:#f3f3f4;--muted:#a5a5ad;--gold:#f5cb81;--ease:cubic-bezier(.22,.7,.2,1);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}*{box-sizing:border-box}body{margin:0;background:#050607;color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.45;cursor:default}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}.app{width:100%;max-width:600px;margin:0 auto;container-type:inline-size;background:radial-gradient(ellipse at 0 58%,#13160f23,transparent 70%),#080a0b;min-height:100dvh;position:relative;box-shadow:0 0 100px #000}button{transition:color .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease)}button:active{transform:scale(.95)}.topbar{height:max(44px,8.95cqw);display:flex;align-items:center;justify-content:space-between;padding:0 2.5cqw;background:linear-gradient(110deg,#080a0b,#060708 50%,#090b0c)}.topbar h1{margin:0;background:linear-gradient(#ffe4a5,#edb75e);background-clip:text;-webkit-text-fill-color:transparent;font-size:4.23cqw;font-weight:750;letter-spacing:.03em;line-height:1.3}.icon-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:7px;border-radius:50%;flex-shrink:0}.icon-button svg{width:4.3cqw;height:4.3cqw;min-width:21px;min-height:21px}.icon-button:hover{background:#ffffff0b}.player{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:#18130d;border-bottom:1px solid #302d25}.stage{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.stage-shade{pointer-events:none;position:absolute;inset:0;background:linear-gradient(transparent 55%,#0005 78%,#000c)}.live-badge{position:absolute;right:1.65cqw;top:1.5cqw;display:flex;gap:1cqw;align-items:center;background:linear-gradient(120deg,#e71117,#b20006);border-radius:1.25cqw;padding:.7cqw 1.3cqw;font-size:2.65cqw;line-height:1.3;font-weight:600}.live-badge i{width:1.5cqw;height:1.5cqw;border-radius:50%;background:#ff403f;box-shadow:0 0 10px #ff3b3b66;animation:livePulse 2.7s ease-in-out infinite}.danmaku-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;transition:opacity .35s var(--ease)}.danmaku-layer.off{opacity:0}.danmaku{position:absolute;white-space:nowrap;font-size:2.65cqw;line-height:1.45;display:flex;align-items:center;gap:1.1cqw;padding:.6cqw 2.3cqw;background:#0009;border-radius:50px;color:#fff;text-shadow:0 1px 3px #000;will-change:transform;left:0;top:5cqw}.danmaku svg{width:3cqw;height:3cqw;color:#f4c474;stroke-width:1.7}.player-controls{position:absolute;bottom:.9cqw;left:1.9cqw;right:1.9cqw;display:flex;gap:1.4cqw;align-items:center;z-index:3;height:6cqw;min-height:28px}.control-button{padding:0;width:4.6cqw;min-width:24px;height:7cqw;display:flex;align-items:center;justify-content:center}.control-button svg{width:3.8cqw;height:3.8cqw;min-width:18px;min-height:18px}.timestamp{font-size:2cqw;white-space:nowrap;font-variant-numeric:tabular-nums}.duration{color:#d5d4d1}.progress{--progress:0%;appearance:none;-webkit-appearance:none;min-width:0;flex:1;height:3px;border:0;background:linear-gradient(to right,#f7d88f var(--progress),#777a var(--progress));border-radius:5px;cursor:pointer;accent-color:#f5d78d;margin:0 1cqw 0 .3cqw}.progress::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:1.6cqw;width:1.6cqw;border-radius:50%;background:#ffdda0;border:1px solid #fff2c0;box-shadow:0 0 5px #daa74444}.progress::-moz-range-thumb{height:8px;width:8px;border:0;border-radius:50%;background:#ffdda0}.player-danmaku{border:1px solid #d9bd7d;border-radius:30px;display:flex;gap:1cqw;padding:.25cqw .35cqw .25cqw 1.3cqw;align-items:center;font-size:2.15cqw;white-space:nowrap}.switch{width:8cqw;height:4.7cqw;border-radius:30px;background:#25272a;border:1px solid #696969;position:relative;display:inline-block;flex-shrink:0;transition:background .3s var(--ease),border-color .3s var(--ease)}.switch i{position:absolute;height:calc(4.7cqw - 5px);width:calc(4.7cqw - 5px);left:2px;top:1.5px;background:linear-gradient(#fff,#eeeff1);border-radius:50%;box-shadow:0 1px 3px #0006;transition:transform .3s var(--ease)}[aria-checked=true] .switch{background:#75613b;border-color:#e4be76}[aria-checked=true] .switch i{transform:translateX(3.3cqw)}.switch.mini{width:5.2cqw;height:3.4cqw}.switch.mini i{height:calc(3.4cqw - 4px);width:calc(3.4cqw - 4px);top:1px;left:1px}[aria-checked=true] .switch.mini i{transform:translateX(1.8cqw)}.quality-wrap{position:relative;align-self:stretch;display:flex;align-items:center}.quality{border:1px solid #d4d4d4;border-radius:.65cqw;padding:.3cqw .9cqw;font-size:2.3cqw;white-space:nowrap}.quality-menu{position:absolute;bottom:calc(100% + 5px);right:-22px;width:110px;border:1px solid #806332;border-radius:10px;background:#11100ff5;padding:5px;box-shadow:0 6px 25px #0008}.quality-menu button{display:block;width:100%;font-size:12px;padding:10px 7px;border-radius:6px;text-align:left}.quality-menu button.selected{background:#f5cb811a;color:var(--gold)}.quality-menu button:hover{background:#ffffff0d}.demo-mark{position:absolute;font-size:1.6cqw;right:2.3cqw;bottom:8.3cqw;color:#fff8;letter-spacing:.08em}.pause-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0004;opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility .35s var(--ease);z-index:2;font-size:12px;color:#dedbd5}.player.paused .pause-overlay{opacity:1;visibility:visible}.big-play{border-radius:50%;display:grid;place-items:center;width:52px;height:52px;border:1px solid #f6d38d99;background:#100f0cbb;color:var(--gold);backdrop-filter:blur(6px)}.big-play svg{width:22px;height:22px;margin-left:3px}.event-info{position:relative;padding:2.8cqw 3.65cqw 2.8cqw;overflow:hidden}.event-info h2{position:relative;margin:0 0 .8cqw;font-size:4.85cqw;line-height:1.5;letter-spacing:.015em;background:linear-gradient(#fff0bc,#eebd71);background-clip:text;-webkit-text-fill-color:transparent;font-weight:750}.event-subtitle{position:relative;margin:0 0 1.8cqw;font-size:3.35cqw;color:#b6b7bb;line-height:1.5;letter-spacing:.02em}.event-stats{position:relative;display:flex;align-items:center;gap:3.2cqw;font-size:3.05cqw;line-height:1.5;white-space:nowrap}.event-stats>span{display:flex;align-items:center;gap:.6cqw}.event-stats b{font-weight:500;color:var(--gold)}.event-stats svg.eye{width:4.3cqw;height:3.8cqw;margin-right:.7cqw;stroke-width:1.9}.event-stats svg.flame{width:3.8cqw;height:4.2cqw;color:#fc302b;margin-right:.5cqw}.stat-divider{height:2.8cqw;width:1px;background:#434347}.light-rays{position:absolute;width:55%;right:-10%;top:-30%;height:135%;opacity:.3;transform:rotate(18deg);background:repeating-linear-gradient(90deg,transparent 0 20px,#8d5c2422 22px,#c28c3b55 24px,transparent 25px 30px,#f2c88044 31px,transparent 32px 45px);mask-image:linear-gradient(transparent,#000,transparent)}.cheer-card{margin:0 2.1cqw;min-height:19.2cqw;padding:2.6cqw 2.8cqw 1.9cqw 4cqw;display:flex;justify-content:space-between;align-items:center;border:1px solid #9a7231;border-radius:2cqw;position:relative;overflow:hidden;background:radial-gradient(ellipse at 45% -20%,#a98b4340,transparent 68%),linear-gradient(115deg,#1e1b13,#121312 45%,#1b1b16);box-shadow:inset 0 0 0 2px #fff1}.cheer-copy,.cheer-action{position:relative;z-index:1}.cheer-copy h3{color:var(--gold);font-size:4.5cqw;line-height:1.4;margin:0 0 .6cqw;font-weight:750;letter-spacing:.01em}.cheer-copy p{font-size:2.3cqw;line-height:1.7;color:#d1d1cf;margin:0;white-space:nowrap}.cheer-action{width:55%;padding-left:1cqw}.cheer-buttons{display:flex;gap:2.4cqw;align-items:center}.cheer-button,.support-button{height:9cqw;display:flex;align-items:center;justify-content:center;gap:1.3cqw;font-size:3.7cqw;line-height:1;white-space:nowrap;border-radius:50px}.cheer-button{flex:1.25;color:#151511;font-weight:700;background:linear-gradient(145deg,#ffe9ad,#f6cb7d 55%,#eaa43c);border:1px solid #ffe7aa;box-shadow:0 4px 15px #d9962333,inset 0 0 12px #ffedb077}.cheer-button:hover{box-shadow:0 5px 25px #d9962366}.cheer-button svg{width:5cqw;height:6cqw}.support-button{flex:1;border:1px solid #f1cc87;background:#0e101066;font-weight:500}.support-button svg{width:4.8cqw;height:4.8cqw;fill:url(#red);stroke:none}.support-button[aria-pressed=true]{background:#f5cb811a;border-color:#ffe1a4;color:#ffdd9e}.cheer-count{text-align:center;font-size:2.7cqw;line-height:1.5;color:#dfd0b2;margin:1.6cqw 0 0}.cheer-count b{font-weight:500;color:#f5c473;font-variant-numeric:tabular-nums}.laurel{position:absolute;width:11cqw;height:20cqw;bottom:-1cqw;color:#b0853d;opacity:.18;stroke:currentColor;stroke-width:1;fill:currentColor}.laurel.left{left:-1cqw}.laurel.right{right:-1cqw;transform:scaleX(-1)}.community{padding:0 3.35cqw}.tabs{display:flex;gap:6.5cqw;height:9.6cqw;min-height:42px;border-bottom:1px solid #2e3030;margin-top:.8cqw}.tab{position:relative;display:flex;align-items:center;justify-content:center;font-size:3.6cqw;font-weight:500;letter-spacing:.04em;padding:.7cqw 1.4cqw 0;color:#abacb0;min-width:18cqw}.tab.active{color:#f5cf84;font-weight:650}.tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#ffdf94,#e4ab4f);transform:scaleX(0);transition:transform .35s var(--ease)}.tab.active:after{transform:scaleX(1)}.notice-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#ba8d46;right:3px;top:29%;opacity:0}.comment{display:flex;gap:2.5cqw;padding:2.5cqw 0 2.2cqw;position:relative;animation:commentIn .5s var(--ease) both}.avatar{width:8.8cqw;height:8.8cqw;max-width:53px;max-height:53px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:inset 0 0 0 1px #fff1;background:#292b2e}.new-avatar{display:grid;place-items:center;color:#e9c47b;background:linear-gradient(135deg,#594a32,#242526);font-size:3.1cqw;border:1px solid #f2c77b33}.comment-body{flex:1;min-width:0;border-bottom:1px solid #1d2020;padding:0 0 2.5cqw}.comment:last-child .comment-body{border-bottom:0}.comment-header{display:flex;align-items:center;min-height:3.6cqw;gap:2.8cqw}.comment-author{font-size:2.85cqw;font-weight:500;white-space:nowrap}.comment-time{font-size:2.45cqw;color:#858994;white-space:nowrap}.comment-like{margin-left:auto;padding:0;display:flex;gap:1cqw;align-items:center;color:#a3aabe;font-size:2.4cqw;min-height:26px;min-width:38px;justify-content:flex-end}.comment-like svg{width:3.1cqw;height:3.2cqw;stroke-width:1.55}.comment-like[aria-pressed=true]{color:#f4c97b}.comment-like[aria-pressed=true] svg{fill:#f4c97b20}.comment-text{font-size:2.8cqw;line-height:1.65;margin:.7cqw 0 0;overflow-wrap:anywhere;color:#f1f1f2;white-space:pre-wrap}.comment-text svg{height:3cqw;width:3cqw;color:#eab562;vertical-align:-.4cqw;margin-left:.4cqw}.comment-end{margin:0;padding:1cqw 0 3.8cqw;text-align:center;color:#6f6c64;letter-spacing:.08em;font-size:2.25cqw}.notice{padding:4cqw 1.3cqw;border-bottom:1px solid #252627;animation:commentIn .45s var(--ease) both}.notice-label{font-size:2.3cqw;color:#d6b06e;background:#e9b55b12;padding:.7cqw 1.5cqw;border:1px solid #b2894333;border-radius:4px}.notice h3{font-size:3.6cqw;font-weight:550;margin:2.8cqw 0 1.5cqw;color:#e8cc97}.notice p{font-size:2.9cqw;line-height:1.95;color:#c4c4c7;margin:0}.notice-meta{display:flex;justify-content:space-between;color:#797d84;font-size:2.5cqw;margin-top:3cqw}#noticePanel{min-height:60cqw;padding-bottom:6cqw}.interaction-bar{position:sticky;bottom:0;padding:2cqw 2.7cqw calc(2cqw + env(safe-area-inset-bottom));display:flex;align-items:center;gap:2.6cqw;border-top:1px solid #2d2e2e;z-index:10;background:#080a0bf2;backdrop-filter:blur(18px);box-shadow:0 -5px 20px #0004}.comment-prompt{background:linear-gradient(135deg,#181a1c,#151719);border:1px solid #303236;border-radius:50px;padding:1.9cqw 3cqw;flex:1;display:flex;align-items:center;gap:2.7cqw;color:#92949c;min-width:0;font-size:2.9cqw;height:9cqw;min-height:38px;text-align:left}.comment-prompt svg{width:3.5cqw;height:3.5cqw;color:#d9dce1}.comment-prompt span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.footer-danmaku{display:flex;align-items:center;gap:1.6cqw;font-size:2.9cqw;padding:3px 0}.interaction-bar .icon-button{width:5.9cqw;height:9cqw;min-height:36px;padding:0}.interaction-bar .icon-button svg{width:4.3cqw;height:4.3cqw}.interaction-bar .footer-heart{width:6.3cqw}.footer-heart svg{stroke:none;fill:url(#red);width:5.3cqw!important;height:5.3cqw!important;transition:transform .4s var(--ease)}.footer-heart[aria-pressed=true] svg{filter:drop-shadow(0 0 7px #fa373c77);transform:scale(1.12)}.burst-layer{position:fixed;bottom:10%;pointer-events:none;z-index:20}.particle{position:fixed;pointer-events:none;width:22px;height:22px;z-index:25;color:#f5c87a;fill:currentColor;stroke:none}.toast{position:fixed;left:50%;bottom:max(100px,15vh);transform:translate(-50%,15px);z-index:100;display:flex;gap:9px;align-items:center;padding:13px 19px;border:1px solid #b8996155;border-radius:50px;background:#21211eef;backdrop-filter:blur(12px);color:#f4deb8;box-shadow:0 7px 30px #0005;opacity:0;visibility:hidden;transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s var(--ease);white-space:nowrap;font-size:13px;max-width:94vw}.toast svg{width:17px;height:17px}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}dialog{color:var(--text)}.bottom-sheet{position:fixed;inset:auto 0 0;width:min(100%,600px);max-width:100%;max-height:90dvh;overflow-y:auto;margin:0 auto;border:1px solid #6e583c66;border-bottom:0;border-radius:22px 22px 0 0;padding:10px 22px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(145deg,#1b1c1b,#111314 65%);box-shadow:0 -10px 80px #0009;animation:sheetIn .4s var(--ease)}.bottom-sheet::backdrop{background:#0009;backdrop-filter:blur(4px);animation:fadeIn .35s var(--ease)}.sheet-handle{width:34px;height:3px;border-radius:5px;background:#59544a;margin:0 auto 10px}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.sheet-heading h2{font-size:20px;color:#f1d299;margin:6px 0;font-weight:650}.sheet-heading .icon-button{margin-right:-9px;color:#a0a2a7}.sheet-subtitle{color:#969793;font-size:12px;margin:0 0 20px}.bottom-sheet textarea{display:block;width:100%;resize:vertical;min-height:115px;max-height:230px;padding:15px;background:#07090a77;color:#f0f0f0;border:1px solid #66604d77;border-radius:12px;line-height:1.7;font-size:15px}.bottom-sheet textarea::placeholder{color:#72747b}.quick-comments{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 20px}.quick-comments button{padding:7px 9px;border-radius:7px;border:1px solid #73624244;color:#d0c0a3;font-size:11px;background:#e9c07309}.compose-bottom{display:flex;align-items:center;gap:10px}.send-danmaku{display:flex;align-items:center;gap:6px;color:#a6a7a4;font-size:12px}.send-danmaku input{accent-color:#e9bd73;margin:0}.char-count{color:#727574;font-size:10px;margin-left:auto}.send-button{display:flex;gap:7px;align-items:center;padding:11px 18px;background:linear-gradient(130deg,#ffe3a3,#eeb45f);border-radius:10px;color:#1c1c16;font-size:13px;font-weight:650}.send-button svg{width:16px;height:16px}.share-preview{display:flex;align-items:center;gap:14px;margin:23px 0 25px;padding:18px;border:1px solid #8c713a55;border-radius:13px;background:linear-gradient(120deg,#a47c2922,#111312)}.share-monogram{display:grid;place-items:center;width:52px;height:52px;background:linear-gradient(145deg,#e4c58c22,#312615);color:#f4cf8a;border:1px solid #d9b46866;border-radius:12px;letter-spacing:.04em;font-size:17px;font-weight:700}.share-preview strong{font-size:14px;font-weight:550;color:#f3dbaf}.share-preview p{font-size:12px;color:#9a988e;margin:8px 0 0}.copy-button{background:linear-gradient(120deg,#ffe4ab,#e5b368);color:#161815;width:100%;padding:13px 18px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}.copy-button svg{width:18px;height:18px}.native-share{width:100%;padding:15px;align-items:center;justify-content:center;gap:10px;color:#c4b08a;font-size:13px}.native-share:not([hidden]){display:flex}.native-share svg{width:16px;height:16px}.share-note{font-size:11px;color:#777a7b;text-align:center;margin-top:15px}.info-kicker{font-size:11px;letter-spacing:.4em;color:#b59760;margin:4px 0 18px}.info-text{font-size:14px;line-height:1.9;color:#b3b4b2}.demo-info{display:flex;gap:10px;padding:14px 12px;border:1px solid #393a35;border-radius:10px;margin:20px 0 25px;background:#f0c97a06;color:#858a8d}.demo-info svg{width:17px;height:17px;margin-top:2px;color:#b0986c}.demo-info p{font-size:12px;line-height:1.8;margin:0}.player.immersive{position:fixed;inset:0;z-index:50;width:100vw;height:100dvh;aspect-ratio:auto;background:#000;container-type:inline-size}.player.immersive .stage{object-fit:contain}.player.immersive .live-badge{top:max(16px,env(safe-area-inset-top));right:16px;font-size:14px;padding:5px 10px}.player.immersive .player-controls{left:4%;right:4%;bottom:max(20px,env(safe-area-inset-bottom));height:40px;gap:12px}.player.immersive .control-button{width:28px}.player.immersive .control-button svg{width:24px;height:24px}.player.immersive .timestamp{font-size:12px}.player.immersive .quality{font-size:12px}.player.immersive .player-danmaku{font-size:12px}.player.immersive .demo-mark{font-size:9px;bottom:80px}.player.immersive .danmaku{font-size:14px;padding:5px 12px}.player.immersive .danmaku svg{width:16px;height:16px}.player.immersive .danmaku-layer{top:20%;bottom:20%}[hidden]{display:none!important}@keyframes livePulse{0%,100%{opacity:1;box-shadow:0 0 8px #ff3b3b66}50%{opacity:.5;box-shadow:0 0 2px #ff3b3b33}}@keyframes sheetIn{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes commentIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:760px){body{background:radial-gradient(ellipse at 50% 20%,#352b181f,transparent 65%),#050607}.app{border-left:1px solid #29251e;border-right:1px solid #29251e}.bottom-sheet{bottom:20px;border-radius:22px;border-bottom:1px solid #6e583c66}.interaction-bar{padding-bottom:2cqw}}@media(max-width:360px){.timestamp .duration{display:none}.cheer-copy p{font-size:2.17cqw}.cheer-buttons{gap:1.5cqw}.interaction-bar{gap:2cqw}.comment-like{min-width:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.danmaku{will-change:auto}.danmaku-layer{opacity:.9}}
.bottom-sheet .icon-button svg{width:20px;height:20px;min-width:20px;min-height:20px}

/* Real video stays in the existing 16:9 player; preserve the entire frame. */
video.stage{object-fit:contain;background:#080a0b;cursor:pointer}
.player.loading .pause-overlay{opacity:1;visibility:visible}
.player.loading .big-play{animation:videoLoadPulse 1.3s ease-in-out infinite}
.player.loading .big-play svg{opacity:.45}
.player.media-error .pause-overlay>span{color:#f0c488}
#playbackMessage{max-width:85%;text-align:center;font-size:clamp(11px,2.6cqw,15px);padding:0 12px;text-shadow:0 1px 6px #000}
.progress:disabled{opacity:.55;cursor:default}
@keyframes videoLoadPulse{0%,100%{box-shadow:0 0 0 0 #f6d38d00;opacity:.6}50%{box-shadow:0 0 0 9px #f6d38d12;opacity:1}}
@media(prefers-reduced-motion:reduce){.player.loading .big-play{animation:none}}