.player-shell .live-video{width:100%;height:100%;display:block;border:0;pointer-events:none}
.player-shell .live-video[hidden]{display:none}
:root{--scrollbar-thumb:#4c4d5b;--scrollbar-thumb-hover:#626371;--scrollbar-track:transparent}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{min-width:48px;min-height:48px;border:2px solid transparent;border-radius:999px;background:var(--scrollbar-thumb);background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}
.account-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.coin-balance{padding:8px 11px;border:1px solid #3b3c48;border-radius:18px;color:#c7c7d1;font-size:12px;white-space:nowrap}.coin-balance strong{margin-left:4px;color:#ffd166;font:600 13px 'DM Mono',monospace}.recharge-button{border:1px solid #f14b71;border-radius:19px;padding:8px 14px;background:transparent;color:#ff7898;font:600 12px inherit;cursor:pointer}.recharge-button[hidden],.coin-balance[hidden]{display:none}
.blurred-backdrop{position:absolute;inset:-34px;background-color:#2a2531;background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(28px) saturate(1.18) brightness(.68);transform:scale(1.08);z-index:0!important}
.danmaku-layer{position:absolute;inset:0;z-index:5!important;overflow:hidden;pointer-events:none}.danmaku{z-index:6!important;pointer-events:none}
.login-dialog{width:min(860px,calc(100% - 36px));height:560px;max-height:calc(100vh - 36px);padding:0;color:#fff;background:linear-gradient(141deg,#150d3b 0%,#05071c 100%);border:1px solid rgba(255,255,255,.02);border-radius:8px;box-shadow:0 2px 12px rgba(5,7,28,.7);overflow:hidden}.login-dialog::backdrop{background:rgba(5,7,20,.72);backdrop-filter:blur(4px)}.login-dialog-shell{height:100%;display:flex}.login-illustration{flex:0 0 380px;width:380px;height:100%;object-fit:cover;background:#1b1f41}.login-dialog form{position:relative;flex:1;min-width:0;padding:48px 36px 24px 46px;text-align:left;display:flex;flex-direction:column}.login-dialog .dialog-close{right:20px;top:15px;color:#999}.login-dialog .dialog-close:hover{color:#fff}.auth-tabs{display:flex;gap:20px}.auth-tabs button{position:relative;border:0;background:transparent;padding:0 4px 12px;color:rgba(255,255,255,.3);font:400 18px/25px inherit;cursor:pointer}.auth-tabs button::after{content:"";position:absolute;left:50%;bottom:0;width:30px;height:3px;border-radius:2px;background:linear-gradient(135deg,#a283f9 0%,#7b4dfd 100%);transform:translateX(-50%);display:none}.auth-tabs button.active{color:#a97eff;font-weight:600}.auth-tabs button.active::after{display:block}.auth-tabs button:focus-visible{outline:2px solid rgba(169,126,255,.45);outline-offset:4px}.auth-fields{margin-top:70px}.login-dialog input{height:52px;border:0;outline:0;padding:0 16px;color:#fff;background:transparent;font:15px inherit}.login-dialog input::placeholder{color:rgba(255,255,255,.35)}.phone-row,.verification-row,.auth-password{position:relative;width:100%;height:52px;border-radius:8px;background:rgba(255,255,255,.1)}.phone-row{display:flex;align-items:center;padding-left:16px;overflow:visible}.phone-row.password-mode{padding-left:0}.phone-row.password-mode .area-trigger,.phone-row.password-mode .area-divider,.phone-row.password-mode .area-dropdown{display:none}.phone-row>input{flex:1;min-width:0}.area-trigger{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:0 8px 0 0;border:0;background:transparent;color:rgba(255,255,255,.92);font:15px inherit;cursor:pointer}.area-trigger i{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid rgba(255,255,255,.5);transition:transform .2s}.area-trigger[aria-expanded="true"] i{transform:rotate(180deg)}.area-divider{width:1px;height:22px;background:rgba(255,255,255,.2)}.area-dropdown{position:absolute;top:58px;left:0;z-index:4;min-width:220px;margin:0;padding:8px 0;list-style:none;background:#2a1f4a;border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.35)}.area-dropdown[hidden]{display:none}.area-dropdown li{padding:10px 14px;color:rgba(255,255,255,.88);font-size:13px;cursor:pointer}.area-dropdown li:hover,.area-dropdown li[aria-selected="true"]{color:#e8d9ff;background:rgba(162,131,249,.25)}.verification-row{display:flex;margin-top:24px}.verification-row[hidden],.auth-password[hidden],.phone-row[hidden],.auth-tip[hidden]{display:none}.verification-row input{flex:1;min-width:0}.verification-row button{flex:0 0 105px;border:0;background:transparent;color:#a97eff;font:400 14px inherit;cursor:pointer}.verification-row button:disabled,.dialog-submit:disabled{cursor:not-allowed;opacity:.52}.auth-password{display:block;margin-top:24px}.auth-tip{margin:20px 4px 0;color:rgba(255,255,255,.5);font-size:14px}.auth-error{margin:14px 4px 0;color:#ffcf66;font-size:12px}.auth-footer{margin-top:auto;text-align:center}.login-dialog .dialog-submit{width:100%;max-width:320px;height:58px;border-radius:45px;background:linear-gradient(135deg,#a283f9 0%,#7b4dfd 100%);color:rgba(255,255,255,.8);font-size:16px}.auth-footer small{display:block;margin-top:12px;color:rgba(255,255,255,.3);font-size:14px;font-weight:500}.auth-footer small a{padding:0 5px;color:#a97eff}
.chat-gift-box{padding:10px 12px 12px;border-top:1px solid var(--line);background:#fbfaff}.chat-gift-box>span{display:block;margin:0 0 7px;color:#6f6878;font-size:11px}.chat-gift-box .gifts{display:flex;gap:6px}.chat-gift-box .gifts button{min-width:0;flex:1;height:42px;border:1px solid #e5e0ec;border-radius:7px;background:#fff;color:#554b65;font-size:15px}.chat-gift-box .gifts small{color:#746c7c;font-size:9px}
body{background:#14151e;color:#f4f2f7}.live-header{background:rgba(18,19,28,.94);border-color:#2a2b37}.live-header a{color:#a8a8b4}.login-button{background:#f14b71}.live-layout{max-width:1560px;grid-template-columns:minmax(0,1fr) 370px;gap:0;padding:18px 20px 50px}.stage-wrap{min-width:0}.player-shell{height:min(72vh,740px);min-height:560px;border-radius:12px 0 0 12px;background:#08090f;isolation:isolate}.player-shell::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,10,.82),rgba(5,6,10,.12) 28%,rgba(5,6,10,.12) 72%,rgba(5,6,10,.82)),var(--live-cover) center/cover;filter:blur(24px) saturate(.8);transform:scale(1.08);z-index:0}.player-shell .live-video{position:absolute;z-index:1;inset:0;margin:auto;width:auto;height:100%;max-width:100%;object-fit:contain;pointer-events:auto}.player-shell>*:not(.live-video){z-index:2}.player-gradient{background:linear-gradient(180deg,rgba(8,8,12,.36),transparent 35%,transparent 55%,rgba(8,8,12,.9))}.player-info{left:25px;bottom:26px}.player-info h1{font-size:26px}.viewer-count{right:22px}.demo-badge{color:#afadba}.chat-panel{height:min(72vh,740px);min-height:560px;border:0;border-left:1px solid #333440;border-radius:0 12px 12px 0;background:#20212e;color:#eeeef4}.chat-title{border-color:#353642}.chat-title h2{color:#f4f3f6}.chat-title small,.chat-title em,.chat-title button{color:#999aa8}.message-list{padding:14px 17px}.message{font-size:12px}.message b{color:#bbbdc9}.message span{color:#eeeeF5}.message.system{background:#2a2c3a;color:#b8a0ff}.message-form{border-color:#353642;background:#20212e}.message-form input{color:#f1eff6;border-color:#414250;background:#2b2c39}.message-form input[aria-invalid="true"]{border-color:#ff5f7f;box-shadow:0 0 0 2px rgba(255,95,127,.16)}.message-form input::placeholder{color:#93939f}.message-form button{background:#f14b71}.player-gift-box{height:78px;padding:8px 16px;display:flex;align-items:center;gap:18px;border-top:1px solid #343542;border-bottom:1px solid #343542;background:#1b1c27}.player-gift-box>span{color:#d3d3db;font-size:12px;white-space:nowrap}.player-gift-box .gifts{display:flex;gap:8px;overflow:auto;padding:0 0 4px}.player-gift-box .gifts button{width:68px;min-width:68px;height:60px;border:1px solid #454653;border-radius:8px;background:#292a37;color:#fff;font-size:16px;line-height:1;cursor:pointer;transition:transform .18s,border-color .18s}.player-gift-box .gifts button:hover,.player-gift-box .gifts button:focus-visible{border-color:#f46b91;transform:translateY(-2px);outline:0}.player-gift-box .gifts small{display:block;margin-top:3px;color:#d1d1da;font-size:9px}.player-gift-box .gifts em{display:block;margin-top:3px;color:#ffd166;font-size:9px;font-style:normal}.host-bar{height:70px;background:#191a24;padding:0 16px}.host-bar strong{color:#f0eff4}.host-bar span{color:#9c9ba8}.stream-details{margin-top:26px}.recommendations{grid-template-columns:repeat(4,1fr)}.recommendation{background:#20212c;border-color:#373846}.recommendation b{color:#f1eff5}.recommendation small{color:#a5a5b3}.recommendation.active{border-color:#ee6082;box-shadow:0 0 0 2px rgba(241,75,113,.25)}.gift-box,.chat-gift-box{display:none}
.recharge-dialog{border:0;border-radius:18px;padding:0;width:min(470px,calc(100% - 36px));color:#211d28;background:#fff;box-shadow:0 24px 80px rgba(20,15,35,.3)}.recharge-dialog::backdrop,.payment-dialog::backdrop{background:rgba(10,9,16,.62);backdrop-filter:blur(3px)}.recharge-dialog form{padding:31px 34px;text-align:center;display:grid;gap:13px}.recharge-dialog .dialog-logo{margin:0 auto}.recharge-dialog h2{margin:2px 0 0;font-size:23px}.recharge-dialog h3{margin:4px 0 -3px;text-align:left;color:#6e6874;font-size:13px}.recharge-dialog p{margin:0 0 5px;color:#7d7785;font-size:13px}.recharge-dialog .dialog-close{right:13px;top:10px}.recharge-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.recharge-options button{display:grid;gap:3px;padding:12px 5px;border:1px solid #e5e1e9;border-radius:10px;background:#faf9fb;color:#332e3a;cursor:pointer}.recharge-options button.active{border-color:#f14b71;background:#fff3f6;box-shadow:0 0 0 2px rgba(241,75,113,.1)}.recharge-options b{font-size:13px}.recharge-options small{color:#8a838f;font-size:11px}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-methods button{padding:12px;border:1px solid #e5e1e9;border-radius:9px;background:#faf9fb;color:#625c67;font:600 13px inherit;cursor:pointer}.payment-methods button.active{border-color:#f14b71;background:#fff3f6;color:#211d28}.payment-methods .wechat::before{content:"●";margin-right:7px;color:#20b867}.payment-methods .alipay::before{content:"●";margin-right:7px;color:#1677ff}.recharge-dialog>form>small{color:#9b949f;font-size:11px}.payment-dialog{border:0;border-radius:18px;padding:32px;width:min(350px,calc(100% - 36px));text-align:center;color:#211d28;background:#fff;box-shadow:0 24px 80px rgba(20,15,35,.3)}.payment-dialog h2{margin:0 0 17px;font-size:18px}.payment-dialog p{margin:13px 0 17px;color:#8d8691;font-size:12px}.payment-qrcode{width:210px;height:210px;margin:auto;padding:10px;border:1px solid #ece8ef;border-radius:12px;background:#fff;display:grid;place-items:center}.payment-qrcode canvas,.payment-qrcode img{display:block;max-width:190px;max-height:190px}.payment-dialog .dialog-submit{width:100%;border-radius:9px}.payment-dialog .dialog-close{right:13px;top:10px}
@media(max-width:850px){.live-layout{grid-template-columns:1fr;padding:12px}.player-shell{height:70vh;min-height:470px;border-radius:10px 10px 0 0}.chat-panel{height:480px;min-height:480px;border-left:0;border-radius:0 0 10px 10px}.recommendations{grid-template-columns:1fr}.player-gift-box{overflow:hidden}.player-info h1{font-size:21px}.account-actions{gap:6px}.coin-balance{padding:7px 9px}.recharge-button{padding:7px 10px}}
@media(max-width:560px){.coin-balance{font-size:0}.coin-balance strong{font-size:12px}.coin-balance strong::before{content:"币 ";color:#c7c7d1}.recharge-button{font-size:11px}.account-actions .login-button{padding:9px 10px}.recharge-options{grid-template-columns:repeat(2,1fr)}.recharge-dialog form{padding:29px 24px}}
.recharge-dialog .coin-balance{padding:10px 12px;border:0;border-radius:9px;background:#f7f4fa;color:#746d7a;font-size:12px;white-space:nowrap}.recharge-dialog .coin-balance strong{margin:0 3px;color:#f14b71;font:700 15px 'DM Mono',monospace}.recharge-dialog .coin-balance strong::before{content:none}
.login-dialog input.auth-password{background:rgba(255,255,255,.1)}