*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:BebasKai;font-style:normal;font-weight:400;src:url(https://image.laifeng.com/file/4DEC6CBAE3F346928ED46CEEACC0BC33)}body{background:url(https://yimage.laifeng.com/image/F3E9E0C94EEB435F9647E9DBF32B35B1.png) no-repeat top;background-color:#15151f;background-size:100% auto;font-family:PingFangSC,PingFang SC,sans-serif}a{text-decoration:none}.floating-ad{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;pointer-events:auto;position:absolute;top:0;z-index:0}.floating-ad-left{left:0}.floating-ad-right{right:0}@media (max-width:1440px){.floating-ad{min-width:200px;width:200px}.floating-ad-left{left:calc(50vw - 720px)}.floating-ad-right{right:calc(50vw - 720px)}}@media (min-width:1441px) and (max-width:1574px){.floating-ad{width:calc(50vw - 520px)}.floating-ad-left{left:0}.floating-ad-right{right:0}}@media (min-width:1575px){.floating-ad{max-width:267px;width:267px}.floating-ad-left{left:calc(25vw - 393.5px)}.floating-ad-right{right:calc(25vw - 393.5px)}}.floating-ad img{display:block;height:auto;width:100%}.floating-ad.hidden{display:none}.header{align-items:center;box-shadow:inset 0 -2px 6px 0 hsla(0,0%,100%,.1);display:flex;flex-direction:row;height:60px;justify-content:center;min-width:1040px;position:relative;width:100%;z-index:1}.logo{cursor:pointer;display:inline-block;height:37px;margin-bottom:5px;margin-right:31px;width:84px}.linkItem{color:#fff;cursor:pointer;font-family:PingFangSC,PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin-left:31px;text-align:right;text-decoration:none}.linkActive{color:#ffe10a}.inputSearch{margin-left:32px;overflow:hidden;position:relative}.inputSearch,.inputSearch input{border-radius:14px;height:28px;width:210px}.inputSearch input{background:hsla(0,0%,100%,.1);border:none;color:#fff;font-family:PingFangSC,PingFang SC;font-size:11px;font-style:normal;font-weight:400;line-height:16px;outline:none;text-indent:10px}.inputSearch input::-moz-placeholder{color:#fff}.inputSearch input:-ms-input-placeholder{color:#fff}.inputSearch input::placeholder{color:#fff}.searchIcon{cursor:pointer;height:16px;position:absolute;right:8px;top:6px;width:16px;z-index:1}.userInfoEntry{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-left:20px;position:relative;width:297px;z-index:222}.loginUserCard{background:#3f3f4b;border-radius:12px;display:none;height:174px;position:absolute;right:0;top:32px;width:348px}.loginUserCard.show{display:block}.user{align-items:center;display:flex;flex-direction:row;margin-left:24px;margin-top:24px}.avatarBox{position:relative}.avatar,.avatarBox{height:52px;width:52px}.avatar{border:2px solid #fff;border-radius:52px}.avatarFrame{height:150%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150%;z-index:1}.info{margin-left:16px}.name{color:#fff;font-family:PingFangSC,PingFang SC;font-size:18px;font-style:normal;font-weight:500;line-height:20px;text-align:left}.leveWrapper{align-items:center;display:flex;flex-direction:row;margin-top:4px}.level{height:16px;margin-right:5px}.nextLevelDes{color:#fff;font-family:PingFangSC,PingFang SC;font-size:12px;font-style:normal;font-weight:300;line-height:12px;text-align:left}.controls{display:flex;flex-direction:row;justify-content:space-between;margin:24px auto 0;width:272px}.cItem{cursor:pointer;width:30px}.icon{display:block;height:20px;margin:0 auto;width:20px}.cName{color:#fff;font-family:PingFangSC,PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:22px;margin-top:8px;text-align:center}.cName.active{color:#ffe10a}.headerPlaceholder{height:60px}.no-login{background:#ffe10a;border-radius:14px;color:#1f2129;cursor:pointer;font-family:PingFangSC,PingFang SC;font-size:14px;font-style:normal;font-weight:500;height:28px;line-height:28px;text-align:center;width:52px}.home-first{box-sizing:border-box;display:flex;gap:12px;margin:16px auto 0;min-width:1040px;width:1040px}.right-content{display:flex;flex-direction:column;gap:12px;width:424px}.advertisement-container{background:rgba(0,0,0,.1);display:flex;justify-content:center;min-width:1440px;padding:16px 0;width:100%}.advertisement-wrapper{align-items:center;display:flex;gap:12px;width:1040px}.ad-item{border-radius:8px;cursor:pointer;overflow:hidden;transition:transform .2s ease}.ad-item:hover{transform:scale(1.02)}.ad-item img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ad-left,.ad-right{height:120px;width:200px}.ad-center{flex:1;height:120px;max-width:628px}.ad-item.hidden{display:none}.user-logged-in{align-items:center;display:flex}.user-logged-in .arrow{cursor:pointer;height:16px;margin-left:8px;transition:all .3s ease;width:16px}.user-logged-in .arrowDown{transform:rotate(180deg)}.anchor-btn,.proxy-btn,.user-logged-in .userName{color:#fff;cursor:pointer;font-family:PingFangSC,PingFang SC;font-size:14px;font-style:normal;font-weight:400;height:20px;line-height:20px;text-align:right}.anchor-btn,.proxy-btn{margin-right:24px;text-decoration:none}.anchor-btn:hover,.proxy-btn:hover{color:#fff}.hidden{display:none}.video-player-container{background:url(https://yimage.laifeng.com/image/96B8832B9C154F009FA138F8596B788A.png) 0 0/760px 640px;border-radius:8px;height:469px;overflow:hidden;position:relative;width:604px}.video-container,.video-player{height:100%;position:relative;width:100%}.video-container{background:#000}.main-video{height:100%;width:100%}.video-overlay{background:linear-gradient(transparent,rgba(0,0,0,.7));bottom:0;left:0;padding:20px;pointer-events:none;position:absolute;right:0}.video-title{color:#fff;font-size:18px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8)}.video-info{align-self:flex-start;display:flex;gap:10px}.live-status{background:#ff6b6b;font-weight:700}.duration,.live-status{border-radius:4px;color:#fff;font-size:12px;padding:4px 8px}.duration{background:rgba(0,0,0,.7)}.enter-room-overlay{background:rgba(0,0,0,.3);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:500}.enter-room-content,.enter-room-overlay{align-items:center;display:flex;justify-content:center}.enter-room-btn{background:linear-gradient(45deg,gold,#ffed4e);background:rgba(0,0,0,.4);border:1px solid #ffe10a;border-radius:32px;color:#333;color:#ffe10a;cursor:pointer;font-family:PingFangSC,PingFang SC;font-size:24px;font-style:normal;font-weight:500;height:52px;line-height:52px;text-align:center;width:169px}.autoplay-overlay{background:rgba(0,0,0,.6);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1000}.autoplay-content,.autoplay-overlay{align-items:center;display:flex;justify-content:center}.autoplay-content{color:#fff;flex-direction:column;padding:40px;text-align:center}.autoplay-icon{animation:pulse 2s infinite;font-size:48px;margin-bottom:16px;opacity:.8}.autoplay-text{font-size:16px;font-weight:500;line-height:1.4;margin-bottom:16px}.autoplay-subtitle{font-size:16px;line-height:1.4;margin-bottom:24px;opacity:.8}.autoplay-btn{background:#ffd013;border:none;border-radius:30px;color:#000;cursor:pointer;font-size:16px;margin-bottom:12px;padding:8px 20px}.cannot-auto-play-link{color:#fff;font-size:12px;text-decoration:none}.cannot-auto-play-link:hover{color:#fff}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.video-controls-overlay{bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:all .3s ease;visibility:hidden;z-index:600}.video-controls{background:linear-gradient(transparent,rgba(0,0,0,.7));justify-content:space-between;padding:12px 16px}.control-btn,.video-controls{align-items:center;display:flex}.control-btn{border:none;cursor:pointer;height:24px;justify-content:center;width:24px}.control-btn span{height:100%;width:100%}.play-icon{background:url(https://yimage.laifeng.com/image/C154A1F4B1074772A7C368BDC3F5A190.png) no-repeat 50%/100% 100%;display:inline-block}.pause-icon{background:url(https://yimage.laifeng.com/image/0B0A475BACA441ABA35CF91986B18E4F.png) no-repeat 50%/100% 100%;display:inline-block}.volume-icon{background:url(https://yimage.laifeng.com/image/BED1BFAC764B485684C30BFAFC55AE8D.png) no-repeat 50%/100% 100%;display:inline-block}.volume-mute-icon{background:url(https://yimage.laifeng.com/image/4987E049DF6C4084B895982E1DE21ECD.png) no-repeat 50%/100% 100%;display:inline-block}.volume-control{align-items:center;display:flex;position:relative}.volume-slider-container{border-radius:8px;bottom:24px;display:none;padding:5px 12px;position:absolute;right:0}.volume-slider{background:hsla(0,0%,100%,.1);border-radius:2px;cursor:pointer;height:76px;position:relative;width:4px}.volume-track{background:hsla(0,0%,100%,.1)}.volume-fill,.volume-track{border-radius:2px;height:100%;width:100%}.volume-fill{background:#ffe10a;bottom:0;left:0;position:absolute;transition:height .1s ease}.volume-handle{background:#fff;border-radius:50%;bottom:100%;cursor:grab;height:8px;left:50%;position:absolute;transform:translate(-50%,50%);transition:bottom .1s ease;width:8px}.reload-btn{background:#ffe10a;border:none;border-radius:40px;box-shadow:0 2px 8px rgba(0,0,0,.15);color:#1f2129;cursor:pointer;font-size:18px;left:50%;padding:12px 32px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:9999}.video-player:hover .video-controls-overlay{opacity:1;pointer-events:auto;visibility:visible}.video-player:hover .enter-room-overlay{opacity:1;visibility:visible}.video-player .autoplay-overlay[style*=flex]~.enter-room-overlay,.video-player:has(.autoplay-overlay[style*=flex]) .enter-room-overlay{opacity:0!important;visibility:hidden!important}.video-player.autoplay-active .enter-room-overlay{opacity:0!important;visibility:hidden!important}.video-player.autoplay-active .video-controls-overlay,.video-player.error-state .enter-room-overlay,.video-player.error-state .video-controls-overlay,.video-player.error-state:hover .enter-room-overlay,.video-player.error-state:hover .video-controls-overlay{opacity:0!important;pointer-events:none!important;visibility:hidden!important}.video-player.error-state,.video-player.error-state:hover{pointer-events:auto}.user-info-container{background:rgba(0,0,0,.2);border-radius:12px;box-sizing:border-box;height:153px;padding:16px 16px 12px;width:100%}.user-info-container .user-info,.user-info-container .user-info-content{height:100%;width:100%}.user-info-container .user-basic-info{display:flex;gap:24px;padding-bottom:12px}.user-info-container .user-avatar-section{flex-shrink:0;height:56px;position:relative;width:56px}.user-info-container .user-avatar-img{border:2px solid #fff;border-radius:50%;height:56px;-o-object-fit:cover;object-fit:cover;width:56px}.user-info-container .user-avatar-frame{height:150%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150%;z-index:1}.user-info-container .user-details-section{display:flex;flex:1;flex-direction:column;gap:8px}.user-info-container .user-name-line{align-items:center;display:flex;gap:8px}.user-info-container .user-name{color:#fff;font-family:PingFangSC,PingFang SC;font-size:18px;font-style:normal;font-weight:600;height:20px;line-height:20px;text-align:left}.user-info-container .anchor-level-icon,.user-info-container .user-level-icon{height:16px;width:auto}.user-info-container .streamer-level-badge{background:linear-gradient(45deg,#ff6b9d,#ff8a9b);border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:2px 8px}.user-info-container .user-id-line{color:#fff;font-family:PingFangSC,PingFang SC;font-size:12px;font-style:normal;font-weight:300;height:14px;line-height:14px;text-align:left}.user-info-container .user-id-label{color:hsla(0,0%,100%,.8);font-size:12px}.user-info-container .user-id-value{color:#fff;font-size:12px}.user-info-container .progress-section{display:flex;gap:16px}.user-info-container .exp-progress,.user-info-container .starbean-progress{width:144px}.user-info-container .progress-bar{background:hsla(0,0%,100%,.1);border-radius:3px;height:4px;margin-bottom:8px;overflow:hidden;width:100%}.user-info-container .progress-fill{background:#fff;border-radius:2px;height:100%;transition:width .3s ease}.user-info-container .progress-text{color:#fff;font-family:PingFangSC,PingFang SC;font-size:10px;font-style:normal;font-weight:400;height:12px;line-height:12px;text-align:left}.user-info-container .user-currency-section{align-items:center;border-top:1px solid hsla(0,0%,100%,.3);display:flex;gap:16px;padding-top:12px}.user-info-container .currency-item{align-items:center;display:flex;gap:4px}.user-info-container .currency-icon{display:inline-block;height:18px;width:18px}.user-info-container .coin-icon{background:url(https://yimage.laifeng.com/image/7E61045426F74CDD8CD4E7FBD789616C.png) no-repeat 50%/contain}.user-info-container .starbean-icon{background:url(https://yimage.laifeng.com/image/4A896E1F142F4266B323875D6E64D14A.png) no-repeat 50%/contain}.user-info-container .currency-amount{color:#ffe10a;font-family:BebasKai;font-size:18px;font-style:normal;height:18px;line-height:18px;text-align:center}.user-info-container .recharge-btn{background:#ffe10a;border-radius:16px;color:#1f2129;cursor:pointer;font-family:PingFangTC;font-size:14px;font-style:normal;font-weight:500;height:26px;line-height:26px;margin-left:auto;text-align:center;width:56px}.user-info-container .login-status{align-items:center;cursor:pointer;display:flex;gap:24px;height:100%;justify-content:center;width:100%}.user-info-container .login-avatar{background:url(https://yimage.laifeng.com/image/CAB7597DD048444889C5B3E2779C1307.png) no-repeat 50%/contain;height:56px;width:56px}.user-info-container .login-title{font-size:16px;font-weight:500;height:24px;line-height:24px;margin-bottom:4px}.user-info-container .login-description,.user-info-container .login-title{color:#fff;font-family:PingFangSC,PingFang SC;font-style:normal;text-align:left}.user-info-container .login-description{font-size:12px;font-weight:400;height:20px;line-height:20px}.streamer-list-container{background:rgba(0,0,0,.2);border-radius:12px;height:304px}.streamer-list-container .streamer-grid{display:grid;gap:8px;grid-template-columns:repeat(4,95px);padding:10px}.streamer-list-container .streamer-item{align-items:center;border:2px solid transparent;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:138px;position:relative}.streamer-list-container .streamer-cover{background-color:#333;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.streamer-list-container .streamer-cover img{border-radius:4px;height:134px;-o-object-fit:cover;object-fit:cover;width:91px}.streamer-list-container .streamer-item.active{border-color:gold}.streamer-list-container .streamer-item.active img{border-radius:0}.streamer-list-container .streamer-info{background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));bottom:0;height:31px;left:0;position:absolute;text-align:center;width:91px}.streamer-list-container .streamer-name{bottom:6px;color:#fff;font-family:PingFangSC,PingFang SC;font-size:11px;font-style:normal;font-weight:500;height:16px;left:6px;line-height:16px;overflow:hidden;position:absolute;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:75px}.streamer-list-container .viewer-count{color:#666;font-size:12px}.toutiao-tag{height:20px;left:-7px;position:absolute;top:-2px;width:79px;z-index:1}.toutiao-tag-1{background:url(https://gw.alicdn.com/imgextra/i1/O1CN01m15jNH1ZzQ2eZLhP1_!!6000000003265-2-tps-237-69.png) no-repeat 0 0;background-size:contain}.toutiao-tag-2{background:url(https://gw.alicdn.com/imgextra/i1/O1CN01LICzae1s0wRYMiK9Y_!!6000000005705-2-tps-237-69.png) no-repeat 0 0;background-size:contain}.toutiao-tag-3{background:url(https://gw.alicdn.com/imgextra/i1/O1CN01bWcNHW1HjEy2y5IoO_!!6000000000793-2-tps-237-69.png) no-repeat 0 0;background-size:contain}