:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#ededf3;background:#101116;font-synthesis:none;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}svg{flex-shrink:0}p{line-height:1.7}button:focus-visible,a:focus-visible{outline:2px solid #b6a5ff;outline-offset:4px}.ml{margin-left:7px}.mr{margin-right:7px}.mb{margin-bottom:16px}.mt{margin-top:16px}.watch-page{max-width:1450px;margin:0 auto;padding:30px 32px 40px}.watch-heading{display:flex;align-items:center;gap:15px;margin-bottom:20px;min-height:33px}.watch-heading h1{font-size:20px;font-weight:600;margin:0;overflow-wrap:anywhere}.live-label{font-size:11px;color:#858799;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.live-label i{width:6px;height:6px;background:#66697b;border-radius:50%}.live-label.online{color:#ae9ae8}.live-label.online i{background:#b093f4;box-shadow:0 0 9px #ac8de650}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:stretch}.player-column{min-width:0}.live-player{aspect-ratio:16/9;background:#08090c;position:relative;overflow:hidden;border-radius:9px;border:1px solid #282a35;isolation:isolate}.live-player video{display:block;width:100%;height:100%;object-fit:contain}.player-placeholder{position:absolute;inset:0 0 42px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#0c0d12;color:#696d82}.player-placeholder strong{font-size:15px;font-weight:500;color:#a6a9ba}.player-placeholder>span{font-size:11px;color:#666b7e}.player-message{position:absolute;bottom:45px;left:15px;padding:7px 10px;background:#11131bbb;border-radius:5px;font-size:11px;color:#bbb9c7;z-index:3;display:flex;gap:12px;align-items:center}.player-message.blocking{inset:0 0 45px;background:#0d0e13dd;justify-content:center;flex-direction:column}.player-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:15px 2px;color:#9295a7;font-size:12px}.danmaku-layer{position:absolute;inset:0 0 48px;overflow:hidden;pointer-events:none;z-index:2;container-type:inline-size}.danmaku-layer>span{position:absolute;left:100%;white-space:nowrap;font-size:21px;line-height:1.4;font-weight:600;color:#fff;text-shadow:1px 1px 2px #000,-1px -1px 2px #000;animation:bullet linear forwards;will-change:transform;pointer-events:none}.danmaku-layer>span.host{color:#d4beff}@keyframes bullet{to{transform:translate(calc(-100cqw - 100%))}}.chat-panel{display:flex;flex-direction:column;background:#17181f;border:1px solid #2a2b37;border-radius:9px;overflow:hidden;min-width:0;height:100%;min-height:420px;max-height:690px}.chat-header{display:flex;gap:9px;align-items:center;padding:16px 17px;border-bottom:1px solid #2a2b35;color:#989bad}.chat-header strong{font-size:13px;font-weight:500;color:#d3d3df}.chat-status{margin-left:auto;color:#9b8976;font-size:10px}.chat-status.connected{color:#8fba9e}.icon-button{border:0;background:none;display:grid;place-items:center;color:#a495c1;padding:0}.chat-messages{flex:1;overflow:auto;padding:14px 17px;scrollbar-width:thin;scrollbar-color:#444251 transparent;min-height:160px}.chat-empty{font-size:11px;text-align:center;color:#676a7d;margin-top:45px}.chat-item{padding:8px 0}.chat-author{display:flex;align-items:center;gap:6px;font-size:10px}.chat-author strong{color:#9297ac;font-weight:500;max-width:165px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-author strong.host{color:#c2a6f5}.chat-author time{margin-left:auto;font-size:9px;color:#5d6274}.host-label{font-size:8px;line-height:1.6;color:#bda3f3;border:1px solid #9d79db38;background:#a286dc15;border-radius:3px;padding:0 4px}.chat-item p{margin:4px 0 0;font-size:12px;color:#d2d0dc;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.chat-compose{border-top:1px solid #2b2b37;padding:14px}.compose-name{display:block;margin-bottom:9px;font-size:10px;color:#777b90}.chat-compose .n-input{font-size:12px}.compose-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.compose-bottom>span{color:#626779;font-size:9px}.compose-bottom .n-button{font-size:11px}.connection-warning{padding:10px 13px;background:#89714118;border:1px solid #89714133;color:#c4ad7c;border-radius:7px;font-size:12px;margin-bottom:17px}.page-loading{min-height:100vh;display:grid;place-items:center}.login-page{display:grid;place-items:center;min-height:100vh;padding:30px 20px}.login-box{width:360px;max-width:100%;padding:32px;background:#191a23;border:1px solid #2e2d3e;border-radius:13px}.login-symbol{display:grid;place-items:center;width:49px;height:49px;border-radius:13px;color:#b59ce7;background:#9982d81b;margin-bottom:22px}.login-box h1{font-size:23px;letter-spacing:1px;margin:0 0 10px}.login-box>p{font-size:12px;color:#888b9e;margin-bottom:25px}.login-box>.n-button{margin-top:17px}.login-hint{display:block;font-size:10px;color:#73778a;line-height:1.9;margin-top:22px}.login-hint code{font-size:10px;color:#9a91ad}.admin-page{max-width:1180px;margin:auto;padding:30px 32px 50px}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.overline{font-size:9px;letter-spacing:3px;color:#8c77b2}.admin-heading h1{margin:5px 0 0;font-size:24px;font-weight:600}.admin-actions{display:flex;align-items:center;gap:20px}.admin-actions>a{font-size:12px;color:#b19bd8;display:flex;align-items:center;gap:7px}.admin-actions>.n-button{font-size:12px}.admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.admin-settings{display:flex;flex-direction:column;gap:20px;min-width:0}.settings-card{border:1px solid #2c2c39;background:#181920;border-radius:10px;padding:23px}.settings-card h2{font-size:14px;font-weight:600;margin:0 0 23px}.settings-card label{display:block;font-size:11px;color:#9899ad;margin:19px 0 10px}.settings-card .n-input{font-size:12px}.title-form{display:flex;gap:10px;align-items:center}.stream-status{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:19px}.stream-status>span:last-child{font-size:10px;color:#7b8194}.card-description{font-size:11px;color:#85899c;margin:-8px 0 22px}.copy-row{display:flex;gap:8px;align-items:center}.copy-row>.n-button{padding:0 10px}.copy-row>.n-input{min-width:0}.key-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px}.key-footer>span{font-size:10px;color:#696e83}.key-footer>.n-button{font-size:10px}.obs-note{border-top:1px solid #292a36;margin-top:22px;padding-top:15px;display:flex;gap:9px;color:#81788f}.obs-note>svg{margin-top:3px}.obs-note p{font-size:10px;margin:0;line-height:1.9;color:#7b7e91}.admin-layout>.chat-panel{position:sticky;top:25px;height:635px;min-height:420px}.preview-card h2{margin-bottom:18px}.preview-card .live-player{border-color:#302b3c}@media(min-width:1500px){.watch-layout>.chat-panel{max-height:745px}}@media(max-width:1000px){.watch-page{padding:25px 22px}.watch-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.admin-page{padding:25px 22px}.admin-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.settings-card{padding:20px}.key-footer{flex-wrap:wrap}.player-placeholder{gap:10px}.player-placeholder>svg{width:27px}.player-placeholder strong{font-size:13px}}@media(max-width:760px){.watch-page{padding:22px 16px 30px}.watch-heading{margin-bottom:17px;gap:10px}.watch-heading h1{font-size:18px}.watch-layout{grid-template-columns:1fr;gap:8px}.watch-layout>.chat-panel{height:440px;min-height:350px}.live-label{font-size:10px}.live-player{border-radius:7px}.player-placeholder{inset:0 0 38px;gap:8px}.player-placeholder>span{font-size:10px}.player-placeholder>svg{width:27px;height:27px}.player-toolbar{padding:12px 1px}.danmaku-layer>span{font-size:16px}.admin-page{padding:24px 16px 35px}.admin-heading{margin-bottom:25px}.admin-heading h1{font-size:22px}.admin-actions{gap:6px}.admin-actions>a{font-size:10px;gap:4px}.admin-actions>.n-button{font-size:10px;padding:0 7px}.admin-layout{grid-template-columns:1fr}.admin-layout>.chat-panel{position:static;height:480px;min-height:380px}.settings-card{padding:20px}.copy-row{gap:6px}.key-footer{gap:8px}.login-box{padding:27px}.live-player .n-button,.player-message{font-size:10px}}@media(prefers-reduced-motion:reduce){.danmaku-layer>span{animation-duration:12s!important}}