:root{--bg:#0b0b12;--panel:#14141d;--line:#ffffff14;--text:#f4f4f7;--muted:#f4f4f799;--accent:#ff4f7b;--gold:#f5c56b;--web:#14b8a6;--yt:#ff3b30;--tt-cyan:#25f4ee;--tt-pink:#fe2c55;--error:#ff6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overscroll-behavior:none;overflow:hidden}button,input{font:inherit;color:inherit}button,a,[role=button]{touch-action:manipulation}button,[role=button],[role=tab]{-webkit-user-select:none;user-select:none}.live{height:100dvh;position:relative;overflow:hidden}.stage{position:absolute;inset:0}.panel{max-height:48dvh;padding:0 10px calc(10px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.live--desktop{grid-template-columns:minmax(0,1fr) 360px;display:grid}.live--desktop .stage{height:100dvh;min-height:0;position:relative}.live--desktop .panel{background:var(--panel);border-left:1px solid var(--line);height:100dvh;max-height:none;padding:0;position:static}.player{background:#090910;width:100%;height:100%;position:relative;overflow:hidden}.player__video{object-fit:contain;width:100%;height:100%;display:block}.player__state{color:var(--muted);text-align:center;background:#04040ad1;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:0 12px 20dvh;font-size:14px;line-height:1.5;display:flex;position:absolute;inset:0}.player__state button,.player__sound{color:var(--text);cursor:pointer;background:#0c0c14cc;border:1px solid #ffffff3d;border-radius:999px;padding:8px 14px;transition:transform .15s cubic-bezier(.23,1,.32,1)}.player__state button:active,.player__sound:active{transform:scale(.97)}.player__poster{opacity:1;transition:opacity .32s cubic-bezier(.23,1,.32,1);position:absolute;inset:0;overflow:hidden}@starting-style{.player__poster{opacity:0}}.player__poster img{width:100%;height:100%;position:absolute;inset:0}.player__poster-backdrop{object-fit:cover;filter:blur(20px)brightness(.38)saturate(1.15);transform:scale(1.12)}.player__poster-frame{object-fit:contain;filter:brightness(.82)}.player--poster .player__state{background:linear-gradient(#0000 45%,#04040ab3);justify-content:flex-end;padding:0 16px calc(48dvh + 72px)}.live--desktop .player--poster .player__state{padding-bottom:64px}.player__hint{color:var(--text);font-size:15px;font-weight:600}.player__detail{color:var(--muted);margin-top:-6px;font-size:12px}.player--poster .player__hint{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a129e;border:1px solid #ffffff24;border-radius:999px;padding:8px 16px}.player--poster .player__detail{text-shadow:0 1px 6px #000;margin-top:0}@media (width<=899px){.player__poster-frame{object-fit:cover;object-position:50% 18%}}.stage__back{width:32px;height:32px;color:var(--text);border-radius:999px;flex:none;place-items:center;margin-left:-6px;transition:transform .15s cubic-bezier(.23,1,.32,1),background-color .15s;display:grid}.stage__back:active{transform:scale(.94)}.stage__back:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (hover:hover) and (pointer:fine){.stage__back:hover{background:#ffffff1f}}.player__sound{font-size:12px;position:absolute;bottom:calc(48dvh + 18px);right:12px}.live--desktop .player__sound{bottom:24px}.stage__bar{padding:calc(10px + env(safe-area-inset-top)) 12px 24px;background:linear-gradient(#0000008c,#0000);justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.stage__title{align-items:center;gap:8px;min-width:0;display:flex}.stage__title h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:600;overflow:hidden}.stage__notice{text-align:center;width:100%;font-size:18px;position:absolute;top:40%}.live-badge{background:var(--accent);border-radius:999px;flex:none;padding:2px 8px;font-size:12px;font-weight:600}.live-badge--off{background:#fff3}.stage__viewers{top:calc(52px + env(safe-area-inset-top));color:var(--muted);font-size:12px;position:absolute;left:12px}.stage__schedule{top:calc(78px + env(safe-area-inset-top));color:var(--text);text-shadow:0 1px 4px #000;font-size:12px;position:absolute;left:12px;right:12px}.stage__schedule p{margin:2px 0}.stage__subtitle{max-width:640px;color:var(--text);text-align:center;text-wrap:balance;overflow-wrap:anywhere;background:#05050ccc;border-radius:12px;margin:0 auto;padding:10px 14px;font-size:clamp(14px,2vw,18px);line-height:1.5;position:absolute;bottom:calc(48dvh + 12px);left:12px;right:12px}.stage__subtitle--reply-me{border:1px solid var(--gold)}.stage__subtitle-flag{color:var(--gold);font-size:12px;display:block}.stage__subtitle-name{color:var(--gold);margin-right:8px}.stage__subtitle--flag-only{padding:4px 10px;left:50%;right:auto;transform:translate(-50%)}.stage__subtitle--flag-only .stage__subtitle-flag{display:inline}.live--desktop .stage__subtitle{bottom:24px}@media (prefers-reduced-motion:reduce){.player__state button,.player__sound{transition:none}.player__state button:active,.player__sound:active{transform:none}}.conn{color:var(--muted);background:#00000059;border-radius:999px;flex:none;align-items:center;gap:6px;padding:2px 8px;font-size:12px;display:inline-flex}.conn__dot{background:#f59e0b;border-radius:50%;width:7px;height:7px}.conn--open .conn__dot{background:#22c55e}.conn--not_found .conn__dot{background:var(--error)}.tabs{border-bottom:1px solid var(--line);display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:12px 0;transition:color .15s,border-color .15s}.tab--on{color:var(--text);border-bottom-color:var(--accent)}@media (hover:hover) and (pointer:fine){.tab:not(.tab--on):hover{color:var(--text)}}.rank{color:var(--muted);flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex;overflow-y:auto}.rank__heading{color:var(--text);margin:4px 0 0;font-size:15px;font-weight:600}.rank__empty{text-align:center;margin:auto}.rank__title{color:var(--text);margin:0 0 4px}.rank__hint{margin:0;font-size:13px}.rank__note{margin-top:auto;font-size:12px}.rank__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rank__item{color:var(--text);background:#ffffff0a;border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.rank__item--me{outline:1px solid var(--gold)}.rank__pos{text-align:center;color:var(--muted);font-weight:700}.rank__pos--1{color:var(--gold)}.rank__pos--2{color:#d7dbe3}.rank__pos--3{color:#d9a077}.rank__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rank__name small{color:var(--gold)}.rank__value{font-variant-numeric:tabular-nums;color:var(--gold)}.rank__goal{background:#f5c56b14;border-radius:12px;padding:10px 12px}.rank__goal-title{color:var(--text);margin:0 0 8px;font-size:14px}.rank__goal-amount{font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:12px}.board{top:calc(52px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:0 1px 3px #000;background:#05050c9e;border-radius:12px;width:min(42vw,168px);padding:8px 10px;font-size:12px;position:absolute;right:12px}.stage--board .stage__schedule{right:calc(24px + min(42vw,168px))}.board__top{gap:3px;margin:0;padding:0;list-style:none;display:grid}.board__row{grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.board__rank{color:var(--muted);font-weight:700}.board__row--1 .board__rank{color:var(--gold)}.board__row--2 .board__rank{color:#d7dbe3}.board__row--3 .board__rank{color:#d9a077}.board__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.board__value{color:var(--gold);font-variant-numeric:tabular-nums}.board__row--me .board__name{color:var(--gold)}.board__row--new{border-radius:6px;animation:1.2s ease-in-out 3 board-flash}.board__goal{margin-top:6px}.board__top+.board__goal{border-top:1px solid var(--line);padding-top:6px}.board__goal-label{white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;overflow:hidden}.board__goal-amount{color:var(--muted);font-variant-numeric:tabular-nums;margin:3px 0 0}.board__gauge{background:#ffffff26;border-radius:999px;height:6px;overflow:hidden}.board__gauge span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--gold));height:100%;transition:width .6s;display:block}.board__goal--done .board__goal-label{color:var(--gold)}.board__goal--new{border-radius:6px;animation:1.2s ease-in-out 3 board-flash}.live--desktop .board{width:200px;font-size:13px;top:56px}.live--desktop .stage--board .stage__schedule{right:224px}@keyframes board-flash{50%{background:#f5c56b47}}@media (prefers-reduced-motion:reduce){.board__row--new,.board__goal--new{background:#f5c56b33;animation:none}.board__gauge span{transition:none}}.chat{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.chat__list{flex-direction:column;flex:1;gap:6px;min-height:0;margin:0;padding:8px 0;list-style:none;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 36px);mask-image:linear-gradient(#0000 0,#000 36px)}.live--desktop .chat__list{padding:12px;-webkit-mask-image:none;mask-image:none}.chat__empty{color:var(--muted);text-align:center;margin-top:auto;font-size:13px}.chat__jump{background:var(--accent);cursor:pointer;border:0;border-radius:999px;padding:4px 12px;font-size:12px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.msg{word-break:break-word;background:#0000006b;border-radius:14px;align-self:flex-start;max-width:100%;padding:5px 10px;font-size:14px;line-height:1.45}.live--desktop .msg--chat{background:#ffffff0a}.msg:first-child{margin-top:auto}.msg__name{color:var(--muted);margin-right:6px}.msg__name:after{content:"："}.msg--mine .msg__name{color:var(--gold)}.msg--tier0{opacity:.45}.msg--superchat,.msg--gift{background:linear-gradient(90deg,#ff4f7b8c,#f5c56b66)}.msg__paid{background:#00000059;border-radius:6px;margin-right:6px;padding:0 6px;font-size:12px;font-weight:600}.src,.ubadge{vertical-align:1px;border-radius:4px;margin-right:5px;padding:0 5px;font-size:11px;font-weight:700;line-height:17px;display:inline-block}.src--web{background:var(--web);color:#fff}.src--youtube{background:var(--yt);color:#fff}.src--tiktok{color:#fff;box-shadow:-1px 0 0 var(--tt-cyan), 1px 0 0 var(--tt-pink);background:#000}.src--system{background:#ffffff40}.ubadge{color:var(--gold);background:#ffffff24;font-weight:600}.msg--character{border-left:3px solid var(--gold);background:linear-gradient(90deg,#f5c56b47,#00000059);border-radius:6px 14px 14px 6px;flex-direction:column;align-self:stretch;gap:2px;padding:8px 12px;display:flex}.msg__char-name{color:var(--gold);letter-spacing:.1em;font-size:12px;font-weight:700}.msg__char-text{text-shadow:0 1px 3px #0009;font-size:16px;font-weight:500}.msg__quote{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.msg__quote:before{content:"回复 "}.msg--reply-me{border-left-color:var(--accent);background:linear-gradient(90deg,#ff4f7b73,#f5c56b40);box-shadow:0 0 0 1px #ff4f7b99,0 0 18px #ff4f7b59}.msg__reply-flag{background:var(--accent);border-radius:999px;align-self:flex-start;padding:0 8px;font-size:12px;font-weight:700}.composer{flex:none;padding-top:6px;position:relative}.live--desktop .composer{border-top:1px solid var(--line);padding:10px 12px 12px}.composer__row{gap:6px;display:flex}.composer__input{border:1px solid var(--line);background:#00000073;border-radius:999px;outline:none;flex:1;min-width:0;padding:9px 14px;font-size:16px}.composer__input:focus{border-color:#ff4f7bb3}.composer__nick{border:1px solid var(--line);max-width:6em;color:var(--gold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#00000073;border-radius:999px;flex:none;padding:0 10px;font-size:12px;overflow:hidden}.composer__error{border:1px solid var(--error);color:#ffd6d6;background:#2a0b10;border-radius:10px;margin:0;padding:6px 12px;font-size:13px;position:absolute;bottom:calc(100% + 4px);left:0}.live--desktop .composer__error{left:12px}.btn{background:var(--accent);cursor:pointer;border:0;border-radius:999px;flex:none;padding:9px 16px;font-weight:600;transition:transform .14s cubic-bezier(.23,1,.32,1),opacity .14s}.btn:not(:disabled):active,.composer__nick:active{transform:scale(.96)}.composer__nick{transition:transform .14s cubic-bezier(.23,1,.32,1)}.btn:disabled{opacity:.45;cursor:default}.btn--ghost{background:#ffffff1a}.dialog-backdrop{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out dialog-scrim-in;display:flex;position:fixed;inset:0}.dialog{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(360px,100%);padding:20px;animation:.24s cubic-bezier(.23,1,.32,1) dialog-in;box-shadow:0 24px 60px #00000080}@keyframes dialog-scrim-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:scale(.96)translateY(6px)}}@media (prefers-reduced-motion:reduce){.btn,.composer__nick{transition:none}.btn:not(:disabled):active,.composer__nick:active{transform:none}.dialog{animation:.16s ease-out dialog-scrim-in}}@media (prefers-reduced-transparency:reduce){.dialog-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000000d9}.player--poster .player__hint,.board{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a0a10eb}}.dialog h2{margin:0 0 6px;font-size:18px}.dialog__hint{color:var(--muted);margin:0 0 14px;font-size:13px}.dialog input{border:1px solid var(--line);background:#00000059;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:16px}.dialog__error{color:var(--error);margin:8px 0 0;font-size:13px}.dialog__actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.not-found{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.not-found a{color:var(--accent)}.site-page{background:radial-gradient(ellipse 60% 32% at 85% -8%, #ff4f7b29, transparent), var(--bg);height:100dvh;min-height:100dvh;overflow-y:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;max-width:1200px;min-height:74px;margin:auto;padding:16px clamp(20px,5vw,64px);display:flex}.site-header a{color:var(--text);text-decoration:none}.site-header__brand{letter-spacing:-.04em;white-space:nowrap;font-size:20px;font-weight:800}.site-header__brand span{color:var(--accent);letter-spacing:.12em;margin-left:8px;font-size:12px;font-weight:600}.site-header nav{white-space:nowrap;gap:clamp(16px,3vw,36px);display:flex}.site-header nav a{color:var(--muted);padding:8px 0;font-size:14px}.site-header nav a[aria-current=page]{color:var(--text);box-shadow:inset 0 -2px var(--accent)}.site-main{width:min(1200px,100%);margin:0 auto;padding:0 clamp(20px,5vw,64px) 80px}.site-main--narrow{max-width:900px}.site-hero{padding:clamp(48px,9vw,112px) 0 clamp(48px,6vw,76px)}.site-kicker,.me-card__label{color:var(--accent);letter-spacing:.18em;margin:0 0 16px;font-size:12px;font-weight:700}.site-hero h1{letter-spacing:-.055em;max-width:800px;margin:0 0 20px;font-size:clamp(36px,6vw,76px);line-height:1.15}.site-hero>p:last-child{max-width:570px;color:var(--muted);margin:0;line-height:1.8}.site-main--narrow .site-hero{padding:clamp(36px,6vw,72px) 0 clamp(32px,4vw,48px)}.site-main--narrow .site-hero h1{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(32px,4.4vw,52px)}.site-section__heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;display:flex}.site-section__heading h2{margin:0;font-size:24px}.site-section__heading span{color:var(--muted);font-size:12px}.site-state,.me-card,.me-info{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:clamp(24px,4vw,40px)}.site-state{color:var(--muted);line-height:1.7}.site-state p{margin:0 0 16px}.home-rooms{grid-template-columns:repeat(auto-fit,minmax(min(100%,410px),1fr));gap:20px;display:grid}.home-room{border:1px solid var(--line);background:linear-gradient(145deg, #ff4f7b0f, transparent 45%), var(--panel);border-radius:20px;min-width:0;display:grid;overflow:hidden}.home-room--media{grid-template-columns:minmax(200px,280px) minmax(0,1fr)}.home-room__body{flex-direction:column;min-width:0;padding:clamp(24px,3vw,32px);display:flex}.home-room__media{background:#090910;min-height:100%;display:block;position:relative;overflow:hidden}.home-room__media img{object-fit:cover;object-position:50% 18%;width:100%;height:100%;transition:transform .42s cubic-bezier(.23,1,.32,1);display:block;position:absolute;inset:0}.home-room__media:after{content:"";background:linear-gradient(90deg,#0000 60%,#14141dd9);position:absolute;inset:0}.home-room__media-live{z-index:1;background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:14px;left:14px}.home-room__media-live:after{content:"";border-radius:inherit;background:var(--accent);animation:1.8s cubic-bezier(.23,1,.32,1) infinite live-pulse;position:absolute;inset:0}@keyframes live-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.home-room__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.home-room__eyebrow{color:var(--gold);margin:0 0 8px;font-size:13px}.home-room h3{margin:0;font-size:clamp(22px,3vw,30px)}.home-room__status{border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:none;padding:5px 10px;font-size:12px}.home-room__status--live{color:#ff9ab3;background:#ff4f7b21;border-color:#ff4f7b66}.home-room__viewers,.home-room__announcement{color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.6}.home-room__announcement{border-left:2px solid var(--gold);background:#f5c56b0f;padding:10px 12px}.home-room__details{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0;padding-top:20px;display:grid}.home-room__details section{min-width:0}.home-room__details h4{margin:0 0 12px;font-size:14px}.home-room__details p,.home-room__details blockquote{color:var(--muted);overflow-wrap:anywhere;margin:0 0 10px;font-size:13px;line-height:1.7}.home-room__details .home-room__name{color:var(--text);font-weight:600}.home-room__details blockquote{border-left:2px solid var(--accent);padding-left:12px}.home-room__schedule{margin:0;padding:0;list-style:none}.home-room__schedule li{border-bottom:1px solid var(--line);gap:10px;padding:7px 0;font-size:13px;line-height:1.5;display:flex}.home-room__schedule time{color:var(--gold);font-variant-numeric:tabular-nums;flex:none}.home-room__link{background:var(--accent);color:#fff;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-top:auto;padding:11px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s cubic-bezier(.23,1,.32,1),background-color .15s;display:inline-flex}.home-room__link:active{transform:scale(.97)}.me-card h2{margin:0 0 10px;font-size:clamp(26px,4vw,38px)}.me-card>p:not(.me-card__label),.me-info p{color:var(--muted);line-height:1.8}.me-card__actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.me-card .me-card__notice{color:var(--gold);margin:20px 0 0}.me-info{margin-top:20px}.me-info h2{margin:0 0 12px;font-size:20px}.me-info p:last-child{margin-bottom:0}.btn--danger{background:var(--error)}.memory-section h3{margin:24px 0 12px;font-size:16px}.memory-section .memory-empty{color:var(--muted);margin:12px 0;line-height:1.8}.memory-list{gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.memory-item{border:1px solid var(--line);background:#ffffff08;border-radius:14px;padding:14px 64px 14px 16px;position:relative}.memory-section .memory-item__fact{color:var(--text);margin:0;line-height:1.6}.memory-section .memory-item__source{overflow-wrap:anywhere;margin:6px 0 0;font-size:13px;line-height:1.6}.memory-item__delete{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:6px 10px;font-size:13px;position:absolute;top:12px;right:12px}.memory-confirm{color:var(--gold);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:13px;display:flex}.memory-confirm span{flex:100%}.site-footer{border-top:1px solid var(--line);max-width:1200px;color:var(--muted);margin:auto;padding:24px clamp(20px,5vw,64px) 40px;font-size:12px}.site-page :is(a,button):focus-visible{outline:2px solid var(--gold);outline-offset:4px}.site-page .btn:not(:disabled){transition:transform .15s cubic-bezier(.23,1,.32,1)}.site-page .btn:not(:disabled):active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.site-page a:hover{color:var(--gold)}.site-page .home-room__link:hover{color:#fff;background:#ff6a90}.home-room__media:hover img{transform:scale(1.03)}}@media (width<=700px){.site-header__brand span{display:none}.home-room--media{grid-template-columns:1fr}.home-room__media{aspect-ratio:4/3;min-height:0}.home-room__media:after{background:linear-gradient(#0000 55%,#14141de6)}.home-room__details{grid-template-columns:1fr}.home-room__link{justify-content:center;align-self:stretch}.site-section__heading{flex-direction:column;gap:4px}}@media (prefers-reduced-motion:reduce){.site-page .btn:not(:disabled),.home-room__link,.home-room__media img,.stage__back{transition:none}.home-room__link:active,.stage__back:active{transform:none}.home-room__media-live:after{animation:none}}