:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#101114;color:#f1f2f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #bdabff;outline-offset:3px}.topbar{height:78px;border-bottom:1px solid #292a31;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{color:#f5f5f7;text-decoration:none;font-weight:800;letter-spacing:.04em;display:flex;align-items:center;gap:10px;font-size:20px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:#a68aff;color:#151020;border-radius:10px}.brand-sub{font-size:13px;font-weight:400;color:#9799a4;margin-left:12px;letter-spacing:0}.connection{font-size:12px;color:#969aa4}.connection.connected{color:#91cfa8}.room{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:24px;max-width:1536px;margin:auto;padding:36px 5vw 24px}.broadcast{min-width:0}.video-shell{aspect-ratio:16/9;background:#090a0c;position:relative;border:1px solid #292a31;border-radius:16px;overflow:hidden}#player{height:100%;width:100%}.offline{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#212031 0,#101115 70%);text-align:center;padding:20px}.offline[hidden]{display:none}.offline-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#a68aff12;color:#ab95e9;border:1px solid #a68aff26;font-size:22px;padding-left:4px}.offline h1{font-size:24px;margin:22px 0 8px}.offline p{font-size:13px;color:#999ba9;margin:0}.offline-note{font-size:11px;color:#626573;margin-top:26px}.video-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:25px 2px 0}.video-meta h1{font-size:23px;letter-spacing:-.03em;margin:13px 0 8px}.video-meta p{color:#8b8e9d;font-size:13px;margin:0}.live-state{border-radius:5px;color:#969ba8;background:#272930;padding:5px 8px;font-size:11px}.live-state.active{background:#e453631c;color:#ff8692}.live-state.active:before{content:'●';font-size:8px;margin-right:5px}.toggle{background:#202128;border:1px solid #34353e;color:#c6c9d2;border-radius:8px;padding:9px 12px;font-size:12px;margin-top:2px;white-space:nowrap}.tip{margin-top:25px;color:#656977;font-size:11px;border-top:1px solid #26272e;padding-top:18px}.chat-panel{min-width:0;background:#18191e;border:1px solid #2b2d35;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;height:min(660px,calc(100vh - 174px));min-height:420px}.chat-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 20px;border-bottom:1px solid #2b2d35}.chat-heading h2{margin:0;font-size:15px;font-weight:600}.chat-dot{display:inline-block;height:6px;width:6px;background:#a68aff;border-radius:50%;margin:0 0 2px 4px}.chat-heading>span{font-size:11px;color:#9296a4}.messages{flex:1;min-height:150px;overflow:auto;padding:16px 18px;scrollbar-width:thin;scrollbar-color:#3e404a transparent}.chat-welcome{height:100%;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6f7280;text-align:center}.chat-welcome>span{font-size:26px;color:#a28bd4}.chat-welcome h3{color:#adafbb;font-size:14px;font-weight:500;margin:14px 0 5px}.chat-welcome p{font-size:12px;line-height:1.9;margin:0}.chat-message{margin:0 0 15px;overflow-wrap:anywhere}.message-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px}.message-name{color:#ad99df;font-size:11px}.message-time{font-size:10px;color:#5e6371}.message-body{font-size:13px;line-height:1.7;color:#dcdee6;white-space:pre-wrap}.composer{padding:16px;border-top:1px solid #2b2d35;background:#1d1e24}.composer-options{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;color:#9396a3}.composer-options input[type=text],#nickname{width:135px;min-width:0;border:0;background:none;color:#dcdee6;font-size:12px;padding:4px 0}.color-label{margin-left:auto;display:flex;align-items:center;gap:7px}input[type=color]{width:20px;height:20px;padding:0;border:0;background:none;cursor:pointer}.composer textarea{display:block;width:100%;resize:none;border:1px solid #363842;border-radius:9px;background:#13141a;color:#eeeef3;padding:12px;font-size:13px;line-height:1.6}.composer textarea::placeholder{color:#666b79}.send-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.send-row>span{font-size:10px;color:#777c8b;line-height:1.5}.send-row>span.error{color:#ff9ba7}.send-row button{background:#a68aff;color:#170c32;border:0;border-radius:8px;font-size:12px;padding:10px 13px;font-weight:600;white-space:nowrap}.send-row button span{margin-left:7px}footer{font-size:10px;text-align:center;color:#555b68;padding:14px 20px 25px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.dplayer-comment{display:none!important}.dplayer-video{object-fit:contain}.dplayer-danmaku{font-family:inherit}.dplayer.dplayer-fulled{border-radius:0}
@media(min-width:1650px){.room{padding-left:40px;padding-right:40px}}@media(max-width:1000px){.room{grid-template-columns:minmax(0,1fr) 300px;gap:18px;padding:28px 3vw}.topbar{padding:0 3vw}}@media(max-width:760px){.topbar{height:62px;padding:0 18px}.brand-sub{margin-left:3px}.room{display:flex;flex-direction:column;gap:24px;padding:20px 14px}.video-shell{border-radius:12px}.video-meta{padding-top:18px}.video-meta h1{font-size:20px}.chat-panel{height:440px;min-height:380px}.tip{line-height:1.8;font-size:10px;margin-top:20px}.offline-icon{height:40px;width:40px;font-size:16px}.offline h1{font-size:20px;margin:14px 0 7px}.offline-note{margin-top:15px}.chat-heading{padding:18px}.composer{padding:14px}.dplayer-danmaku-item{font-size:20px!important}.connection{font-size:11px}footer{padding-bottom:calc(18px + env(safe-area-inset-bottom))}}