html{font-family:system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Noto Sans SC,sans-serif;overflow-x:hidden}*{transition:.2s}*,body{margin:0;padding:0}body{background:#f3f4fc;font-family:inherit;font-size:14px;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit}img{border:none;vertical-align:bottom}li,ul{list-style:none}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.page-wrapper>.footer{margin-top:auto}i{font-style:normal}a,a:hover{color:inherit;text-decoration:none}img,video{outline:none}.clear{clear:both;height:0;line-height:0;overflow:hidden;width:100%}input{border:none;outline:none}.f-box{display:flex;display:-webkit-flex;justify-content:space-between}.sd-box{box-shadow:0 1px 4px #96969666;transition:.2s}.sd-box:hover{box-shadow:0 1px 4px #96969699}.header{background:linear-gradient(90deg,#1a1a2e,#16213e 50%,#1a1a2e);height:37px;width:100%}.headTop{height:37px;margin:0 auto;width:1200px}.headTop ul .firstLi{float:left}.headTop ul .firstLi a{color:#fff;float:left;font-size:12px;height:37px;line-height:37px;padding-right:30px;text-align:left;white-space:nowrap}.headTop ul .lastLi{float:right;margin-top:12px}.headTop ul .lastLi dl{border-right:1px solid hsla(0,0%,100%,.15);float:left;height:15px;line-height:15px;padding:0 15px;white-space:nowrap}.headTop ul .lastLi dl:first-child{padding-left:0}.headTop ul .lastLi dl:last-child{border-right:none;padding-right:0}.headTop ul .lastLi a,.headTop ul .lastLi dl,.headTop ul .lastLi dl a{color:#fff9;cursor:pointer}.headTop ul .lastLi a:hover,.headTop ul .lastLi dl a:hover{transition:.2s}.headTop ul .lastLi dl:hover{cursor:pointer}.header-box{background:linear-gradient(180deg,#fff,#fafcff);border-bottom:1px solid rgba(67,85,219,.1);box-shadow:0 2px 8px #0000000a;height:82px;width:100%}.header-box>.f-box{align-items:center;margin:0 auto;width:1200px}.header-box .logo{flex-shrink:0;margin-top:10px}.header-box .logo img{height:45px}.serachMain{border:1px solid #e0e0e0;border-radius:4px;display:flex;height:36px;margin:18px 0 10px;position:relative;width:500px}.serachMain li{align-items:center;border-right:1px solid #e9e9e9;color:tomato;cursor:pointer;display:flex;height:36px;padding:0 10px 0 12px;text-align:center;width:auto}.serachMain li span{font-size:12px}.serachMain li i{color:#ccc;font-size:11px;margin-left:5px}.serachMain dl{background:#fff;border-right:none;display:flex;flex:1}.serachMain dl input{flex:1;float:left;font-size:12px;height:34px;line-height:34px;position:relative;text-indent:1rem}.serachMain dl .listSerachBtn{background:linear-gradient(135deg,#ff2d55,#ff6b81);border:none;border-radius:0 3px 3px 0;color:#fff;cursor:pointer;display:inline-block;font-size:13px;font-weight:600;height:36px;letter-spacing:1px;line-height:36px;position:relative;text-align:center;width:56px;z-index:5}.serachMain dl .listSerachBtn:hover{box-shadow:0 4px 14px #ff2d5566}.content-box{margin:15px auto 0;position:relative;width:1200px}.tui-box{display:flex;gap:10px}.tui-l dl dd,.tui-l dl dt{float:left}.tui-l{display:flex;flex-direction:column;flex-shrink:0;width:235px}.tui-l-top{background-color:#fff;border-radius:6px;box-shadow:0 2px 12px #0000000f;height:258px;overflow:hidden;width:235px}.tui-l-title{align-items:center;background:#000;border-radius:6px 6px 0 0;display:flex;gap:10px;overflow:hidden;padding:12px 16px 18px;position:relative}.tui-title-dots{inset:0;pointer-events:none;position:absolute}.tui-title-dots .dot{animation:dotFloat 3s ease-in-out infinite;background:#ffffff59;border-radius:1px;height:3px;position:absolute;width:3px}@keyframes dotFloat{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:.7;transform:translateY(-3px)}}.tui-title-icon{display:block;height:30px;width:30px}.tui-title-icon,.tui-title-icon-wrap{flex-shrink:0;position:relative;z-index:1}.tui-title-icon-wrap{border-radius:10px;padding:2px}.tui-l-title:before{display:none}.tui-l-title span{color:#fff;font-size:18px;font-weight:700;letter-spacing:1px;position:relative;z-index:1}.tui-l-list{padding:6px}.tui-l-li{border-radius:8px;height:50px;margin-bottom:4px;padding:4px 6px;transition:all .25s ease;width:100%}.tui-l-li:hover{background:linear-gradient(135deg,#4355db0f,#ff2d550a);box-shadow:0 2px 8px #4355db1a;transform:translate(3px)}.tui-l-li dt{align-items:center;aspect-ratio:1;background:#1c1c2e;border:1px solid rgba(212,165,67,.6);border-radius:8px;box-shadow:0 0 6px #d4a54366,0 0 12px #d4a54326;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;position:relative;width:36px}.tui-l-li dt:after{animation:techPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#d4a54399,#f0d68a33,#c4963399);border-radius:9px;content:"";inset:-1px;position:absolute;z-index:-1}@keyframes techPulse{0%,to{opacity:.6}50%{opacity:1}}.tui-l-li dt img{border-radius:7px;display:block;height:34px;-o-object-fit:contain;object-fit:contain;transition:transform .3s;width:34px}.tui-l-li:hover dt img{transform:scale(1.05)}.tui-l-li a{align-items:center;color:inherit;display:flex;height:100%;text-decoration:none}.tui-l-li dd{flex:1;margin-left:8px;min-width:0}.tui-l-li dd .op-name{color:#1a1a2e;font-size:14px;font-weight:600;margin:0 0 3px}.tui-l-li .op-play{background:linear-gradient(135deg,#4355db,#6b7fff);border-radius:4px;box-shadow:0 2px 6px #4355db40;color:#fff;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.5px;margin-left:6px;margin-right:10px;padding:3px 10px;transition:all .25s ease}.tui-l-li:hover .op-play{transform:scale(1.05)}.tui-l-li dd .op-versions{align-items:center;color:#666;display:flex;font-size:12px;gap:2px;margin:0}.tui-l-li dd .op-versions span{color:#ff2d55;font-size:13px;font-weight:700}.tui-l-li dd p:first-child{color:#1a1a2e;font-size:14px;font-weight:600;margin:0 0 3px}.tui-l-btm dd p:last-child,.tui-l-li dd p:last-child{color:#999;font-size:12px}.tui-l-btm{background-color:#fff;border-radius:6px;box-shadow:0 2px 12px #0000000f;display:flex;flex:1;flex-direction:column;justify-content:center;margin-top:6px;padding:2px 0;width:235px}.tui-l-btm .tui-l-g-li{border-radius:6px;height:60px;transition:background .2s;width:100%}.tui-l-btm .tui-l-g-li:hover{background:#f8f8ff}.tui-l-btm .tui-l-g-li a{align-items:center;color:inherit;display:flex;height:100%;padding:0 8px;position:relative;text-decoration:none}.tui-l-btm .tui-l-g-li:first-child{border-bottom:1px solid #f0f0f0}.tui-l-btm dt{align-items:center;background:linear-gradient(135deg,#eef2ff,#f8f6ff);border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.tui-l-btm dt img{height:28px;-o-object-fit:contain;object-fit:contain;width:28px}.tui-l-btm dd{flex:1;margin-left:10px;min-width:0}.tui-l-btm dd .g-title{align-items:center;color:#1a1a2e;display:flex;font-size:15px;font-style:normal;font-weight:700;gap:8px;margin:0 0 4px}.tui-l-btm dd .g-go{animation:goGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#ff2d55,#ff6b81);border-radius:10px;box-shadow:0 0 8px #ff2d5566,0 0 16px #ff2d5526;color:#fff;font-size:11px;font-style:normal;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:3px 10px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.tui-l-btm dd .g-go:before{animation:goShine 2.5s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes goGlow{0%,to{box-shadow:0 0 6px #ff2d5566,0 0 12px #ff2d5526}50%{box-shadow:0 0 10px #ff2d5599,0 0 20px #ff2d554d}}@keyframes goShine{0%{left:-100%}60%{left:100%}to{left:100%}}.tui-l-btm dl:hover dd .g-go{animation:goGlow 2s ease-in-out infinite,goPulse .4s ease infinite}@keyframes goPulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}}.tui-l-btm dd p:first-child{align-items:center;display:flex;margin:0 0 4px}.tui-l-btm dd p:first-child img:first-child{height:18px}.tui-l-btm dd p:first-child img:last-child{height:16px;margin-left:10px}.tui-l-btm dl:hover dd p:first-child img:last-child{animation:moveGO .4s infinite}@keyframes moveGO{0%{margin-left:16px}50%{margin-left:26px}to{margin-left:16px}}.tui-c{border-radius:6px;flex:1;height:401px;min-width:0;overflow:hidden;position:relative}.tui-c .carousel-inner{height:100%;position:relative;width:100%}.tui-c .carousel-slide{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .6s;width:100%}.tui-c .carousel-slide.active{opacity:1}.tui-c .carousel-inner img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.tui-c-data{background:#00000080;bottom:0;color:#fff;display:flex;height:82px;left:0;position:absolute;width:100%;z-index:999}.tui-c-data>div{align-items:center;display:flex;flex:1;flex-direction:column;height:73px;justify-content:center;overflow:hidden;white-space:nowrap}.tui-c-data>div p:first-child{font-size:13px;margin:0 0 6px}.tui-c-data>div p:last-child{font-size:14px}.tui-c-data>div p:last-child span{font-weight:700;margin-right:3px}.tui-r{background-color:#fff;border-radius:9px;flex-shrink:0;height:401px;overflow:hidden;position:relative;width:260px}.dl-icon,.dl-tab{display:none}.dl-ewm{align-items:center;background:#f8fafc;border:1.5px solid #e8edf3;border-radius:10px;box-shadow:0 2px 8px #0000000a;display:flex;height:155px;justify-content:center;margin:14px auto 0;text-align:center;width:155px}.dl-ewm img{border-radius:4px;height:130px;width:130px}.dl-qr-loading{align-items:center;color:#667085;display:flex;font-size:13px;height:130px;justify-content:center;line-height:1.5;width:130px}.dl-qr-loading,.dl-wx-text{text-align:center}.dl-wx-text p:first-child{font-size:14px;margin:29px auto 10px}.dl-wx-text p:nth-child(2){color:#979797;font-size:13px}.xy{color:#555;font-size:10px;letter-spacing:-.3px;margin-top:auto;overflow:hidden;padding:6px 10px;text-align:center;white-space:nowrap}.xy,.xy label{line-height:1.6}.xy label{display:inline;vertical-align:middle}.xy input[type=checkbox]{height:12px;margin:0 3px 0 0;vertical-align:middle;width:12px}.xy .xy-link,.xy a{color:#ff2d55!important;cursor:pointer;font-weight:600;text-decoration:none}.xy .xy-link:hover,.xy a:hover{color:#d6002b!important;text-decoration:underline}.newest-box{display:flex;gap:10px;height:470px;margin-top:17px}.boxtit{justify-content:space-between;line-height:31px;min-height:31px;padding:4px 0;width:100%}.boxtit,.boxtit .tit-word{align-items:center;display:flex}.boxtit .tit-word{flex:1;gap:10px;margin-left:15px}.boxtit .tit-word:before{background:linear-gradient(180deg,#ff2d55,#ff6b81);border-radius:2px;content:"";display:block;flex-shrink:0;height:18px;width:3px}.boxtit .tit-word h2{color:#1a1a1a;font-size:18px;font-style:normal;font-weight:700;line-height:31px;margin:0}.boxtit .tit-word span{color:#0006;font-size:13px;line-height:31px}.boxtit .tit-word h2 span{color:inherit;font-size:inherit;line-height:inherit}.boxtit>span{margin-right:19px}.boxtit>span a{align-items:center;color:#333;display:inline-flex;font-size:13px;font-weight:500;gap:2px;position:relative;text-decoration:none;transition:all .25s}.boxtit>span a:after{content:"›";font-size:15px;transition:transform .25s}.boxtit>span a:before{background:linear-gradient(90deg,#333,#666);border-radius:1px;bottom:-2px;content:"";height:1.5px;left:0;position:absolute;transition:width .3s ease;width:0}.boxtit>span a:hover{color:#000}.boxtit>span a:hover:after{transform:translate(3px)}.boxtit>span a:hover:before{width:100%}.xiahuaxian{background:#eee;height:1px;margin:5px auto;width:95%}.newest-l{background-color:#fff;border-radius:4px;flex-shrink:0;width:432px}.newest-box .boxtit{margin-top:22px}.swp-box{height:404px;position:relative}.mySwiper2{border-radius:6px;height:278px;margin:13px 0 24px 11px;overflow:hidden;position:relative;width:405px}.carousel-operator{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid hsla(0,0%,100%,.15);border-radius:4px;bottom:8px;color:#ffffffe6;font-size:12px;padding:3px 10px;pointer-events:none;position:absolute;right:8px;z-index:2}.swiper-track{display:flex;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.mySwiper2 .swiper-slide{align-items:center;display:flex;height:100%;justify-content:center;min-width:100%}.mySwiper2 .swiper-slide a{display:block;height:100%;width:100%}.mySwiper2 img{border-radius:4px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mySwiper{margin-left:40px;overflow:hidden;width:350px}.swiper-thumb-track{display:flex;gap:10px;transition:transform .4s ease}.mySwiper .swiper-slide{cursor:pointer;flex-shrink:0;opacity:.6;text-align:center;transition:opacity .3s,transform .3s}.mySwiper .swiper-slide.active{opacity:1;transform:scale(1.08)}.mySwiper .swiper-slide:hover{opacity:1}.mySwiper .swiper-slide .sld-img{border:2px solid transparent;border-radius:5px;height:62px;overflow:hidden;transition:border-color .3s;width:101px}.mySwiper .swiper-slide.active .sld-img{border-color:transparent}.mySwiper .swiper-slide img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mySwiper .swiper-slide p{font-size:12px;height:20px;line-height:20px;margin-top:5px;text-align:center}.l-btn,.r-btn{background-color:#4355db0a;border-radius:4px;bottom:40px;color:#b0b8c4;cursor:pointer;height:62px;line-height:62px;position:absolute;text-align:center;transition:all .3s ease;width:24px;z-index:99}.l-btn:hover,.r-btn:hover{background-color:#4355db14;color:#4355db;text-shadow:0 0 8px rgba(67,85,219,.5)}.l-btn{left:17px}.r-btn{right:17px}.newest-c{display:flex;flex:1;flex-direction:column;min-width:0}.bargain{background-color:#fff;border-radius:4px;height:240px;overflow:hidden;width:100%}.bar-list{display:flex;flex-wrap:wrap;gap:10px;margin:8px 14px 0}.bar-li{background:#fafafa;border-radius:8px;overflow:visible;position:relative;transition:all .25s;width:calc(50% - 5px)}.bar-li a{align-items:stretch;box-sizing:border-box;display:flex;gap:6px;padding:8px 8px 8px 10px;text-decoration:none;width:100%}.bar-li:hover{background:#f5f5f5;box-shadow:0 4px 12px #0000000f;transform:scale(1.02)}.bar-operator{background:none;border-radius:0 8px;color:#999;font-size:11px;font-weight:400;letter-spacing:.3px;padding:2px 8px 2px 10px;position:absolute;right:0;top:0}.bar-li .bar-img{align-items:center;background:#0f141ee6;border-color:rgba(200,215,235,.7) rgba(90,100,115,.6) rgba(80,90,105,.8) rgba(180,195,215,.5);border-radius:4px;border-style:solid;border-width:1.5px;box-shadow:inset 0 1px #ffffff1a,inset 0 0 8px #00000080,0 1px 4px #0006;cursor:zoom-in;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;position:relative;width:44px}.bar-li .bar-img:before{background:linear-gradient(180deg,hsla(0,0%,100%,.04),transparent 40%);border-radius:2px;content:"";inset:0;pointer-events:none;position:absolute}.bar-li .bar-img img{display:block;filter:contrast(1.08) saturate(1.1) url(#sharpen);height:38px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;width:38px}.bar-text{flex:1;min-width:0;overflow:hidden}.bar-text .bar-name{color:#1a1a2e;font-size:13px;font-weight:600}.bar-text .bar-game,.bar-text .bar-name{margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-text .bar-game{color:#666;font-size:11px}.bar-text .bar-zone{background:none;color:#999;font-size:11px}.bar-text .bar-time{color:#aaa;font-size:11px;margin:0;white-space:nowrap}.bar-price{align-items:center;color:#ff2d55;display:flex;flex-shrink:0;font-size:12px;font-weight:700;justify-content:center;min-width:50px;text-align:center;white-space:nowrap}.bar-price span{background:linear-gradient(180deg,#ff4d6d,#c03);-webkit-background-clip:text;font-size:18px;font-weight:800;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 2px rgba(255,45,85,.3))}.kf-box{display:flex;flex:1;margin-top:8px}.kf-card{align-items:center;background:#fff;border:1px solid #eee;border-radius:8px;box-sizing:border-box;display:flex;justify-content:space-between;overflow:hidden;padding:28px 160px 28px 24px;position:relative;transition:box-shadow .3s ease;width:100%}.kf-card:before{background:url(../kf1.png) no-repeat 100% 0/auto 110%;content:"";height:calc(100% + 4px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%);mask-image:linear-gradient(90deg,transparent,#000 20%);mix-blend-mode:multiply;opacity:.92;pointer-events:none;position:absolute;right:-2px;top:-2px;width:240px}.kf-card:hover{box-shadow:0 4px 20px #0000000f}.kf-info{display:flex;flex-direction:column;gap:12px}.kf-item{gap:10px}.kf-badge,.kf-item{align-items:center;display:flex}.kf-badge{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:8px;flex-shrink:0;font-size:14px;height:30px;justify-content:center;width:30px}.kf-item:nth-child(2) .kf-badge{background:linear-gradient(135deg,#fef3c7,#fde68a)}.kf-item:nth-child(3) .kf-badge{background:linear-gradient(135deg,#fee2e2,#fecaca)}.kf-item .kf-tit{color:#1a1a1a;font-size:13px;font-weight:700;margin:0 0 1px;white-space:nowrap}.kf-item .kf-desc{color:#999;font-size:11px;margin:0;white-space:nowrap}.kf-action{align-items:center;align-self:center;display:flex;flex-direction:column;flex-shrink:0;gap:10px;margin-left:32px;position:relative;z-index:1}.kf-qrcode{text-align:center}.kf-qrcode img{border:1px solid #eee;border-radius:6px;height:72px;width:72px}.kf-qrcode p{color:#999;font-size:11px;margin:4px 0 0;white-space:nowrap}.kf-card .kf-btn{background:linear-gradient(135deg,#ff2d55,#ff6b81);border-radius:22px;box-shadow:0 3px 12px #ff2d554d;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:8px 20px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.kf-card .kf-btn:hover{box-shadow:0 6px 20px #ff2d5566;transform:translateY(-2px)}.newest-r{background-color:#fff;border-radius:6px;flex-shrink:0;width:243px}.released{overflow:hidden;padding:8px 10px}.rel-waterfall{border-radius:6px}.rel-waterfall-item{animation:relWaterfallIn .45s ease forwards;opacity:0;transform:translateY(18px)}@keyframes relWaterfallIn{to{opacity:1;transform:translateY(0)}}.rel-li{background:#fafafa;border-radius:6px;margin-bottom:6px;transition:all .25s}.rel-li:hover{background:#f3f3f3;transform:scale(1.02)}.rel-li a{gap:8px;padding:10px;text-decoration:none}.rel-li .rel-img,.rel-li a{align-items:center;display:flex}.rel-li .rel-img{background:#0f141ee6;border-color:rgba(200,215,235,.7) rgba(90,100,115,.6) rgba(80,90,105,.8) rgba(180,195,215,.5);border-radius:4px;border-style:solid;border-width:1.5px;box-shadow:inset 0 1px #ffffff1a,inset 0 0 8px #00000080,0 1px 4px #0006;cursor:zoom-in;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;position:relative;width:40px}.rel-li .rel-img:before{background:linear-gradient(180deg,hsla(0,0%,100%,.04),transparent 40%);border-radius:2px;content:"";inset:0;pointer-events:none;position:absolute}.rel-li .rel-img img{display:block;filter:contrast(1.08) saturate(1.1) url(#sharpen);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;max-height:34px;max-width:34px}.rel-info{flex:1;min-width:0}.rel-name{color:#1a1a2e;font-size:12px;font-weight:600}.rel-meta,.rel-name{margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rel-meta{color:#666;font-size:11px}.rel-meta span{background:#f0f0f0;border-radius:2px;color:#999;font-size:10px;margin-left:2px;padding:0 3px}.rel-extra{color:#aaa;margin:0;overflow:hidden;text-overflow:ellipsis}.rel-extra,.rel-price{font-size:11px;white-space:nowrap}.rel-price{color:#ff2d55;flex-shrink:0;font-weight:700}.rel-price span{background:linear-gradient(180deg,#ff4d6d,#c03);-webkit-background-clip:text;font-size:15px;font-weight:800;-webkit-text-fill-color:transparent;background-clip:text}.game-box{align-items:stretch;display:flex;gap:10px;margin-top:19px}.game-l{display:flex;flex:1;flex-direction:column;min-width:0}.game-l,.game-r{background-color:#fff;border-radius:4px}.game-r{flex-shrink:0;width:400px}.game-l .boxtit,.game-r .boxtit{margin-top:21px}.game-list{display:flex;flex-wrap:wrap;gap:12px;margin:22px 12px 0}.game-li{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #96969633;height:155px;overflow:hidden;position:relative;transition:.2s;width:calc(50% - 6px)}.game-li>a{display:inline-block;height:100%;width:100%}.game-li:hover{background-color:#fafafa}.game-li:after{background:#f93e0c0d;content:"";height:2px;left:13px;position:absolute;top:98px;width:calc(100% - 26px)}.jx{position:absolute;right:5px;top:9px}.game-top{display:flex;height:121px;width:100%}.game-img{align-items:center;background:#0f141ee6;border-color:rgba(200,215,235,.7) rgba(90,100,115,.6) rgba(80,90,105,.8) rgba(180,195,215,.5);border-radius:3px;border-style:solid;border-width:1.5px;box-shadow:inset 0 1px #ffffff1a,inset 0 0 8px #00000080,0 1px 4px #0006,0 0 1px #a0afc34d;display:flex;height:50px;justify-content:center;margin:30px 16px 0;overflow:hidden;position:relative;width:50px}.game-img:before{background:linear-gradient(180deg,hsla(0,0%,100%,.04),transparent 40%);border-radius:2px;content:"";inset:0;pointer-events:none;position:absolute}.game-img img{display:block;filter:contrast(1.08) saturate(1.1) url(#sharpen);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;max-height:44px;max-width:44px}.game-text{flex:1;min-width:0}.game-text p{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-text p:first-child{color:#000;font-size:13px;margin:33px 0 6px}.game-text p:nth-child(2){color:#575757;font-size:11px}.game-btm{align-items:center;display:flex;justify-content:space-between;margin:0 auto;width:calc(100% - 20px)}.game-btm div:first-child{background-color:#f8faff;border-radius:2px;color:#424242b3;font-size:12px;height:24px;line-height:24px;padding:0 8px}.game-btm div:last-child{color:#ff2d55;font-size:15px;font-weight:700}.game-btm div:last-child span{font-size:18px;margin-left:2px}.rankingList{display:flex;gap:10px;margin-top:17px}.rankingList>div{background-color:#fff;border-radius:6px;flex:1;height:566px;min-width:0;overflow:hidden}.rankingList>div .boxtit{background-repeat:no-repeat;background-size:100% 100%;height:56px;justify-content:center;margin:0 auto 16px;text-align:center}.rank-li{height:112px;position:relative;transition:.2s}.rank-li:after{background-color:#fafafa;bottom:0;content:"";height:1px;left:11px;position:absolute;width:calc(100% - 22px)}.rank-li a{display:flex;height:100%;width:100%}.rank-num{background-position:30px 24px;background-repeat:no-repeat;flex-shrink:0;position:relative;width:100px}.rank-list .rank-li:first-child .rank-num{background-image:url(https://www.89uc.com/static/indexV2/img/01.png)}.rank-list .rank-li:nth-child(2) .rank-num{background-image:url(https://www.89uc.com/static/indexV2/img/02.png)}.rank-list .rank-li:nth-child(3) .rank-num{background-image:url(https://www.89uc.com/static/indexV2/img/03.png)}.rank-list .rank-li:nth-child(n+4) .rank-num{background-image:url(https://www.89uc.com/static/indexV2/img/04.png)}.rank-list .rank-li:nth-child(n+4) .rank-num span{background:linear-gradient(180deg,#da1e5b,#7f181d);-webkit-background-clip:text;color:transparent;font-size:18px;font-weight:700;left:42px;position:absolute;top:43px;width:30px}.rank-list .rank-li:nth-child(-n+3) .rank-num span{display:none}.rank-img{border-radius:6px;flex-shrink:0;height:72px;margin-right:12px;margin-top:16px;overflow:hidden;width:110px}.rank-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.rank-word{flex:1;min-width:0}.rank-word div p{max-width:100%;overflow:hidden;text-overflow:ellipsis;transition:.2s;white-space:nowrap}.rank-word div:first-child{margin:20px 0 6px}.rank-word div:first-child p{color:#000;font-size:12px}.rank-word div:nth-child(2) p{color:#575757;font-size:11px}.rank-word div:nth-child(3){color:#ff2d55;font-size:11px;margin-top:5px}.rank-word div:nth-child(3) span{font-size:11px;margin-left:4px}.rank-list .rank-li:hover{background-color:#fafafa}.rank-list .rank-li:hover a p{color:inherit}.rq-rank .rank-word div:first-child{margin:12px 0 2px}.rq-rank .rank-word div:nth-child(3){color:#ff7200}.rq-rank .rank-word div:nth-child(4){color:#4355db;font-size:11px;margin-top:5px}.rq-rank .rank-word div:nth-child(4) span{font-size:11px;margin-left:4px}.banben{display:flex;flex-wrap:wrap;gap:10px;margin-top:9px}.bb-box{background-color:#fff;border-radius:5px;display:inline-block;height:267px;margin:0;width:calc(25% - 8px)}.bb-box a{display:block}.bb-box:hover .bb-img img{transform:scale(1.1)}.bb-img{border-radius:4px;height:127px;margin:16px auto 0;overflow:hidden;width:calc(100% - 30px)}.bb-img img{height:100%;-o-object-fit:cover;object-fit:cover;transition:.3s;width:100%}.bb-word{font-size:14px;height:60px;line-height:30px;margin-left:15px;margin-top:8px;width:calc(100% - 30px)}.bb-word p{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;width:100%;-webkit-box-orient:vertical}.bb-btm{color:#848484;display:flex;height:30px;justify-content:space-between;line-height:30px;margin-left:15px;margin-top:13px;width:calc(100% - 30px)}.bb-btm,.bb-btm .bb-sj{font-size:12px}.bb-btm .bb-xq{align-items:center;border:1px solid rgba(67,85,219,.25);border-radius:15px;color:#3344b0;cursor:pointer;display:flex;font-size:12px;font-weight:500;height:30px;justify-content:center;line-height:30px;text-align:center;transition:all .3s ease;width:86px}.bb-btm .bb-xq:hover{background:linear-gradient(135deg,#4355db,#3344b0);border-color:transparent;box-shadow:0 3px 12px #4355db4d;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.15)}.hezuo-box{background-color:#fff;border-radius:6px;margin:11px auto 18px;padding-top:1px}.hezuo-box .boxtit{justify-content:center;padding:40px 0 26px}.hezuo-box .boxtit .tit-word{justify-content:center;margin-left:0;text-align:center}.hezuo-box .boxtit .tit-word h2{font-size:18px}.hz-list{margin:0 auto;padding-bottom:36px;text-align:center;width:1200px}.hz-list div{display:inline-block;padding:0 20px 10px}.hz-list div:hover img{transform:scale(1.1)}.hz-list div img{max-height:60px;transition:.3s}.footer{background:linear-gradient(180deg,#1a1a2e,#0f0f1a);color:#fff;width:100%}.ft-top{border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;gap:12px;justify-content:space-between;margin:0 auto;padding:22px 0;width:1200px}.ft-feature{align-items:center;background:none;border:none;border-radius:0;flex:1;gap:4px;justify-content:center;padding:16px 12px;position:relative;transition:all .3s}.ft-feature,.ft-feature dd{display:flex;flex-direction:column}.ft-feature dt{align-items:center;color:#fffffff2;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.5px;white-space:nowrap}.ft-feature dd{color:#ffffff73;font-size:11px;margin:0;text-align:center;white-space:nowrap}.ft-feature:after{background:linear-gradient(180deg,transparent,rgba(107,127,255,.2),transparent);content:"";height:60%;position:absolute;right:0;top:20%;width:1px}.ft-feature:last-child:after{display:none}.ft-feature:before{background:linear-gradient(90deg,transparent,rgba(107,127,255,.5),transparent);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);transition:all .3s;width:0}.ft-feature:hover:before{width:80%}.ft-feature:hover .ft-icon svg{filter:drop-shadow(0 0 6px currentColor);transform:scale(1.1)}.ft-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.ft-icon svg{height:24px;transition:all .3s;width:24px}.ft-icon.icon-blue svg{color:#60a5fa}.ft-icon.icon-purple svg{color:#a78bfa}.ft-icon.icon-cyan svg{color:#22d3ee}.ft-icon.icon-amber svg{color:#fbbf24}.ft-icon.icon-green svg{color:#34d399}.ft-main{border-bottom:1px solid hsla(0,0%,100%,.06);margin:0 auto;padding:30px 0;width:1200px}.ft-main-inner{align-items:flex-start;display:flex;justify-content:space-between}.ft-brand{flex-shrink:0}.ft-brand-logo img{height:36px;opacity:.9}.ft-slogan{color:#fff6;font-size:12px;letter-spacing:1px;margin:8px 0 0}.ft-social{display:flex;gap:8px;margin-top:14px}.ft-social-item{align-items:center;background:#ffffff0f;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;display:flex;height:32px;justify-content:center;transition:all .3s;width:32px}.ft-social-item svg{color:#ffffff80;height:18px;width:18px}.ft-social-item:hover{background:#4355db26;border-color:#4355db4d}.ft-social-item:hover svg{color:#6b7fff}.ft-nav{display:flex;gap:56px}.ft-nav-group{display:flex;flex-direction:column}.ft-nav-group h4{border-bottom:2px solid rgba(67,85,219,.4);color:#ffffffe6;display:inline-block;font-size:13px;font-weight:600;margin:0 0 12px;padding-bottom:6px}.ft-nav-group a{color:#ffffff73;font-size:12px;margin-bottom:8px;transition:all .2s}.ft-nav-group a:hover{color:#6b7fff;padding-left:4px}.ft-cert{flex-shrink:0}.ft-qrcodes{display:flex;gap:24px}.ft-qrcode-item{align-items:center;background:linear-gradient(145deg,#1e233ccc,#0f1223e6);border:1px solid rgba(67,85,219,.15);border-radius:12px;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0a;display:flex;flex-direction:column;gap:8px;padding:14px 16px 10px;transition:all .3s}.ft-qrcode-item:hover{border-color:#4355db59;box-shadow:0 6px 24px #4355db26,inset 0 1px #ffffff0f;transform:translateY(-2px)}.ft-qrcode-item img{background:#fff;border:none;border-radius:6px;height:78px;padding:4px;width:78px}.ft-qrcode-item span{color:#ffffff80;font-size:11px;letter-spacing:.5px}.ft-copyright{margin:0 auto;padding:10px 0 12px;width:1200px}.ft-copyright-inner{align-items:center;display:flex;gap:12px;justify-content:space-between}.ft-copyright-inner .ft-cert-badges{display:flex;gap:8px}.ft-copyright-inner .ft-cert-badges img{border:1px solid hsla(0,0%,100%,.08);border-radius:6px;height:34px;transition:all .3s;width:100px}.ft-copyright-inner .ft-cert-badges img:hover{border-color:#4355db4d;transform:scale(1.05)}.ft-copyright-inner p{align-items:center;color:#ffffff40;display:flex;font-size:12px;gap:4px;justify-content:center;margin:0 0 6px}.ft-copyright-inner p img{height:16px;margin-right:4px;width:16px}.page-hero{animation:heroGradient 12s ease infinite;background:linear-gradient(135deg,#1a1a3e,#2d2b7c 25%,#4355db,#6b7fff 75%,#4355db);background-size:300% 300%;box-sizing:border-box;overflow:hidden;padding:48px 32px 80px;position:relative;width:100%}@keyframes heroGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.page-hero:before{background:#ffffff0f;height:180px;right:-40px;top:-40px;width:180px}.page-hero:after,.page-hero:before{border-radius:50%;content:"";position:absolute}.page-hero:after{background:#ffffff0a;bottom:-30px;height:120px;left:30%;width:120px}.content-overlap{margin-top:-40px;position:relative;z-index:2}.hero-grid{animation:gridMove 20s linear infinite;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:40px 40px;inset:0;position:absolute;z-index:1}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.hero-glow{animation:glowFloat 8s ease-in-out infinite;border-radius:50%;filter:blur(50px);opacity:.4;position:absolute;z-index:1}.hero-glow-1{background:#638cff80;height:200px;right:10%;top:-60px;width:200px}.hero-glow-2{animation-delay:-3s;background:#a78bfa66;bottom:-30px;height:140px;left:15%;width:140px}.hero-glow-3{animation-delay:-5s;background:#38bdf859;height:100px;left:55%;top:20%;width:100px}@keyframes glowFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(15px,-10px) scale(1.1)}50%{transform:translate(-8px,12px) scale(.95)}75%{transform:translate(-12px,-6px) scale(1.05)}}.hero-scanline{animation:scanMove 4s linear infinite;background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.02) 50%,transparent);background-size:100% 4px;inset:0;pointer-events:none;position:absolute;z-index:2}@keyframes scanMove{0%{background-position:0 0}to{background-position:0 100px}}.hero-inner{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:3}.hero-left{flex:1}.hero-tag{background:#ffffff1f;border:1px solid hsla(0,0%,100%,.2);border-radius:3px;color:#ffffffe6;display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:8px;padding:2px 10px}.hero-title{color:#fff;font-size:22px;font-weight:800;margin:0 0 6px}.hero-sub{color:#ffffffb3;font-size:13px;margin:0}.hero-stats{display:flex;flex-shrink:0;flex-wrap:wrap;gap:28px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:2px}.stat-val{color:#fff;font-size:20px;font-weight:800}.stat-lbl{color:#fff9;font-size:11px}.main-layout{align-items:stretch;display:flex;gap:12px;padding-bottom:30px}.main-col{flex:1;min-width:0}.main-col,.side-col{display:flex;flex-direction:column;gap:12px}.side-col{flex-shrink:0;width:280px}.card{background:#fff;border-radius:8px;padding:22px 24px}.card-head{border-bottom:1px solid #f2f3f8;gap:10px;margin-bottom:18px;padding-bottom:14px}.card-head,.card-icon{align-items:center;display:flex}.card-icon{border-radius:7px;flex-shrink:0;height:30px;justify-content:center;width:30px}.card-icon.blue{background:linear-gradient(135deg,#4355db,#6b7fff)}.card-icon.purple{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.card-icon.teal{background:linear-gradient(135deg,#0d9488,#5eead4)}.card-icon.orange{background:linear-gradient(135deg,#ea580c,#fb923c)}.card-title{color:#222;flex:1;font-size:15px;font-weight:700;margin:0}.card-badge{background:#4355db14;border-radius:3px;color:#4355db;font-size:11px;font-weight:600;padding:2px 8px}.side-card{background:#fff;border-radius:8px;overflow:hidden}.sc-head{align-items:center;border-bottom:1px solid #f2f3f8;display:flex;gap:8px;padding:14px 16px}.sc-head h3{color:#222;font-size:13px;font-weight:700;margin:0}.sc-body{padding:14px 16px}.sc-row{border-bottom:1px solid #f8f8fc;display:flex;font-size:12px;justify-content:space-between;padding:7px 0}.sc-row:last-child{border-bottom:none}.sc-label{color:#999}.sc-val{color:#444;font-weight:500}.qr-center{text-align:center}.qr-box{background:#fff;border:1px solid #eee;border-radius:8px;height:120px;margin:0 auto 8px;overflow:hidden;padding:6px;width:120px}.qr-box img{border-radius:4px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.qr-tip{color:#999;font-size:11px;line-height:1.6;margin:0}*,:after,:before{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.-bottom-1\/2{bottom:-50%}.left-0{left:0}.right-0{right:0}.z-10{z-index:10}.z-20{z-index:20}.grid{display:grid}.m21{margin:5.25rem}.mb-16{margin-bottom:4rem}.mb-8{margin-bottom:2rem}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h-1\/2{height:50%}.h1{height:.25rem}.h2{height:.5rem}.h3{height:.75rem}.h4{height:1rem}.h5{height:1.25rem}.max-w-520px{max-width:520px}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.flex-wrap{flex-wrap:wrap}.table{display:table}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.resize{resize:both}.place-content-center{place-content:center}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.break-all{word-break:break-all}.border{border-width:1px}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.dark .dark\:bg-black{--un-bg-opacity:1;background-color:rgb(0 0 0/var(--un-bg-opacity))}.p\[0\]{padding:0}.p\[1\]{padding:1}.px,.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-center{text-align:center}.text-8xl{font-size:6rem;line-height:1}.text-xl{font-size:1.25rem;line-height:1.75rem}.dark .dark\:text-white{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity))}.text-black{--un-text-opacity:1;color:rgb(0 0 0/var(--un-text-opacity))}.font-light{font-weight:300}.font-medium{font-weight:500}.fw-600{font-weight:600}.leading-tight{line-height:1.25}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.uppercase{text-transform:uppercase}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease,.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@media(min-width:640px){.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-3{padding-bottom:.75rem;padding-top:.75rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}
