.page{padding-top:100px;background-color:#000;min-height:100vh}.content{display:block;width:1200px;height:auto;margin:0 auto}.token-wrapper{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px;margin-top:10px}.token-wrapper .price-card{flex:1 1;background-color:#242424;border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;min-height:100px}.token-wrapper .price-card .card-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.token-wrapper .price-card .card-icon span{color:#fff;font-size:24px;font-weight:700}.token-wrapper .price-card .card-content{flex:1 1;display:flex;flex-direction:column;justify-content:center}.token-wrapper .price-card .card-content .card-title{color:#fff;font-size:14px;font-weight:500;margin:0 0 8px}.token-wrapper .price-card .card-content .card-value{color:#fff;font-size:18px;font-weight:600;margin:0}.token-wrapper .price-card .card-content .card-value.green{color:#16a662}.token,.token-wrapper .price-card.ranking-card .card-content,.token-wrapper .price-card.rewards-card .card-content{width:100%}.token{height:102px;background-color:#242424;border-radius:15px;margin-bottom:30px;padding-left:20px;padding-right:20px;margin-top:10px;display:flex;justify-content:space-between}.token .token-icon{width:60px;height:60px;margin-top:20px;margin-right:20px}.token p{color:#a8a5b8;font-size:14px}.token .title{color:#fff;font-weight:700;font-size:18px;line-height:28px;margin-top:25px;margin-bottom:5px}.token .change,.token .name,.token .price,.token .today{width:200px;margin-right:40px;border-right:1px solid #32305a}.token .name{width:160px}.token .up{color:#16a662}.title{color:#fff;font-weight:700;font-size:18px;line-height:28px;margin-bottom:20px}.poster{width:100%}.poster img{width:100%;border-radius:15px 15px 0 0}.ranking-ad{display:flex;justify-content:space-between;width:100%;height:457px;margin-bottom:30px}.ranking-ad .ranking{width:405px;background-color:#242424;height:100%;border-radius:15px;padding:25px;margin-right:30px}.ranking-ad .ranking .rank-raw{display:flex;justify-content:flex-start;margin-bottom:25px}.ranking-ad .ranking .rank-raw p{color:#b8b8ca;font-weight:500;font-size:14px;line-height:20px}.ranking-ad .ranking .rank-raw .index{width:80px}.ranking-ad .ranking .rank-raw .team{width:180px}.ranking-ad .ranking .divider{width:100%;height:1px;background-color:#32305a;margin-bottom:25px}.ranking-ad .ad{width:675px;padding:25px;border-radius:15px;background-color:#242424}.ranking-ad .ad img{width:625px}.stake-rewards{display:flex;justify-content:space-between;width:100%;height:503px}.stake-rewards .stake{width:350px;background-color:#242424;height:100%;border-radius:15px;padding:25px;margin-right:30px}.stake-rewards .stake p{width:100%;color:#fff}.stake-rewards .stake .my-stake{display:block;width:255px;margin:0 auto 20px}.stake-rewards .stake .node-name{font-size:24px;text-align:center;margin-bottom:5px;line-height:30px;font-weight:700}.stake-rewards .stake .team-id{color:#ccccde;font-size:12px;font-weight:500;text-align:center}.stake-rewards .stake .rank-no{color:#a5a5b8;margin-top:10px;font-size:18px;line-height:24px;text-align:center}.stake-rewards .stake .staked{margin-top:20px;margin-bottom:10px;font-size:24px;line-height:30px;text-align:center}.stake-rewards .stake .stake-btn{display:block;width:88px;height:40px;margin:0 auto;border-radius:10px;border:1px solid #b565df}.stake-rewards .stake .stake-btn p{width:100%;line-height:40px;font-size:15px;text-align:center}.stake-rewards .rewards{width:727px;padding:25px;border-radius:15px;background-color:#242424}.stake-rewards .rewards .coming-soon{color:#ccccde;font-weight:500;text-align:center;margin-top:180px}.ranking-wrapper{width:100%;background-color:#0c2634;border-radius:15px}.ranking-wrapper .title{color:#fff;text-align:center;font-size:45px;line-height:28px}.ranking-wrapper .ranking-content{padding:25px}.ranking-wrapper .data-row-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px dashed #32305a;margin-bottom:18px}.ranking-wrapper .data-row-title p{font-size:16px;font-weight:500;line-height:24px;color:#cab171;text-align:center}.ranking-wrapper .data-row-title .logo,.ranking-wrapper .data-row-title .ranking{width:80px}.ranking-wrapper .data-row-title .name{width:180px}.ranking-wrapper .data-row-title .id{width:80px}.ranking-wrapper .data-row-title .join,.ranking-wrapper .data-row-title .rewards,.ranking-wrapper .data-row-title .share,.ranking-wrapper .data-row-title .stake{width:160px}.data-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px}.data-row p{font-size:14px;font-weight:700;line-height:50px;color:#a5a5b8;text-align:center}.data-row .ranking{width:80px;line-height:50px}.data-row .logo{width:80px;height:50px;display:flex;align-items:center;justify-content:center}.data-row .logo img{display:block;width:50px;height:50px;border-radius:50%;object-fit:cover;margin:0 auto}.data-row .name{width:180px}.data-row .id{width:80px}.data-row .rewards,.data-row .stake{width:160px}.data-row .join{position:relative;width:160px;display:flex;align-items:center;justify-content:center}.data-row .join-btn{display:block;width:88px;height:32px;line-height:32px;background-color:#ff6b35;border-radius:8px;color:#fff;cursor:pointer;text-align:center;font-size:14px;font-weight:500;transition:opacity .2s}.data-row .join-btn:hover{opacity:.9}.data-row .share{position:relative;width:160px;display:flex;align-items:center;justify-content:center}.data-row .share-btn{display:block;width:88px;height:32px;line-height:32px;background-color:#ff6b35;border-radius:8px;color:#fff;cursor:pointer;text-align:center;font-size:14px;font-weight:500;transition:opacity .2s}.data-row .share-btn:hover{opacity:.9}.custom-modal.ant-modal .ant-modal-content{background-color:#242424;border-radius:15px}.custom-modal.ant-modal .ant-modal-close{color:#a5a5b8}.custom-modal.ant-modal .ant-modal-close:hover{color:#fff}.custom-modal.ant-modal .ant-modal-body{position:relative;padding:6px}.balance-wrapper{background-color:#1a0b29;border-radius:8px;padding:20px;margin-bottom:20px}.balance-wrapper .balance-label{color:#a5a5b8;font-size:14px;margin:0 0 10px}.balance-wrapper .balance{color:#fff;font-size:16px;font-weight:500;margin:0 0 5px}.balance-wrapper .balance-usd{color:#a5a5b8;font-size:14px;margin:0}.btn-wrapper{display:flex;gap:10px;margin-top:30px}.btn-wrapper .btn{flex:1 1;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s}.btn-wrapper .btn:hover{opacity:.9}.btn-wrapper .btn p{color:#fff;font-size:16px;font-weight:700;margin:0;display:flex;align-items:center;justify-content:center}.btn-wrapper .btn[style*="background: linear-gradient"]{background:linear-gradient(180deg,#640e86,#1a0b29)!important}.qr-modal.ant-modal .ant-modal-content,.share-wrapper{background-color:#370a5c}.share-wrapper{width:100%;padding-bottom:100px}.qr-header-img{width:72%}.qr-header-img,.qr-wrapper{display:block;margin:0 auto}.qr-wrapper{width:250px;background-color:#fff;border-radius:20px;padding:10px 10px 20px}.qr-wrapper .node-name{text-align:center;font-size:24px;line-height:30px;color:#000;font-weight:700}.qr-btn-wrapper{position:absolute;bottom:40px;left:0;display:flex;width:300px;margin:20px auto 0;justify-content:space-between}.qr-btn-wrapper .qr-btn{background-image:linear-gradient(180deg,#640e86,#1a0b29);color:#fff;border-radius:10px;width:137px;height:40px;line-height:40px;padding:0;font-size:15px;font-weight:500;text-align:center;cursor:pointer}.footer{display:block;margin:0 auto;text-align:center;color:#a5a5b8;padding:35px}@media screen and (max-width:1100px){.content{width:90%}.token-wrapper{flex-wrap:wrap;gap:10px}.token-wrapper .price-card{min-width:calc(50% - 10px)}.ranking-ad .ad{width:60%;display:flex;justify-content:center}.ranking-ad .ad img{width:100%}}@media screen and (max-width:1000px){.content{width:90%}.token .total{display:none}.token .price{border:none;margin-right:0}.ranking-ad{display:block;height:auto}.ranking-ad .ranking{width:100%;margin-bottom:30px}.ranking-ad .ranking .index,.ranking-ad .ranking .team{width:30%!important}.ranking-ad .ad{width:100%;display:flex;justify-content:center}.ranking-ad .ad img{width:100%}.stake-rewards{display:block;height:auto}.stake-rewards .rewards,.stake-rewards .stake{width:100%;margin-bottom:30px}.stake-rewards .rewards .coming-soon{margin-bottom:30%}.ranking-wrapper .share{margin-left:0}.ranking-wrapper .title{font-size:24px}}@media screen and (max-width:750px){.token-wrapper .price-card{padding:15px}.token-wrapper .price-card .card-icon{width:50px;height:50px}.token-wrapper .price-card .card-icon span{font-size:20px}.token-wrapper .price-card .card-content .card-title{font-size:12px}.token .title,.token-wrapper .price-card .card-content .card-value{font-size:16px}.token .today,.token .total{display:none}.token .change,.token .name,.token .token-icon{margin-right:12px}.ranking-wrapper .title{font-size:22px}.ranking-wrapper .stake{display:none}}@media screen and (max-width:500px){.token .title{font-size:16px}.token .change p{font-size:14px}.token .today,.token .total{display:none}.token .change,.token .name,.token .token-icon{margin-right:12px}.ranking-wrapper .title{font-size:20px}}@media screen and (max-width:750px){.ranking-wrapper .ranking-content{border-top:1px dashed #32305a;padding:10px 0}.ranking-wrapper .data-row-title{display:none}.ranking-wrapper .data-row .join-btn,.ranking-wrapper .data-row .share-btn{width:auto;padding:0 10px}.ranking-wrapper .data-row .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 10px}.ranking-wrapper .token-info .title{font-size:18px}.tt-logo{width:100px}.input-wrapper .input-desc{text-align:center}}