.defi-wallet-page .left-box{flex:1;display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(12px,12px + 12*(100vw - 390px)/1530,24px)}@media(max-width:870px){.defi-wallet-page .left-box{flex-direction:column}.defi-wallet-page .left-box .token-box{width:100%}.defi-wallet-page .left-box .token-box .token-list{min-height:auto!important}}.account-box{border-radius:18px;border:1px solid var(--border-color);padding:clamp(16px,16px + 14*(100vw - 390px)/1530,30px);background-color:var(--color-bg);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px}@media(max-width:880px){.account-box{align-items:flex-start;flex-direction:column}}.account-box .account-info{display:flex;align-items:center;gap:14px}.account-box .account-info .account-pic{width:clamp(60px,60px + 30*(100vw - 390px)/1530,90px);height:clamp(60px,60px + 30*(100vw - 390px)/1530,90px);border-radius:clamp(12px,12px + 12*(100vw - 390px)/1530,24px);display:flex;align-items:center;justify-content:center;background:rgba(212,16,26,.12)}.account-box .account-info .account-pic .svg{width:clamp(30.6666666667px,30.6666666667px + 15.3333333333*(100vw - 390px)/1530,46px);height:clamp(24px,24px + 12*(100vw - 390px)/1530,36px)}.account-box .account-login{position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;background-color:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.account-box .account-img-bg{width:100%;height:100%;position:absolute;bottom:0;right:0;z-index:-1}.account-box .account-title{display:flex;align-items:center;justify-content:space-between}.account-box .account-title .user-info{display:flex;align-items:center;gap:12px}.account-box .account-title .user-info .user-address{font-size:clamp(16px,16px + 6*(100vw - 390px)/1530,22px);line-height:1.3}.account-box .account-title .user-info .svgs{display:flex;align-items:center;gap:12px}@media(max-width:440px){.account-box .account-title .user-info .svgs{position:absolute;top:49px;right:clamp(16px,16px + 14*(100vw - 390px)/1530,30px)}}.account-box .account-title .user-info .svg-box{width:36px;height:36px;background-color:#f2f2f2;display:flex;align-items:center;justify-content:center;border-radius:999px;cursor:pointer}.account-box .account-title .user-info .svg-box .icon{width:18px;height:18px}.account-box .account-title .unit-box{display:flex;align-items:center;padding:10px 12px;border-radius:50px;border:1px solid var(--border-color)}.account-box .account-title .unit-box .icon{margin-right:5px}.account-box .account-funds{font-weight:700;font-size:clamp(28px,28px + 8*(100vw - 390px)/1530,36px);line-height:clamp(28px,28px + 8*(100vw - 390px)/1530,36px);margin-top:10px}.account-box .btns{display:flex;justify-content:flex-end;align-items:center;gap:12px;width:100%}@media(max-width:440px){.account-box .btns{justify-content:space-between}.account-box .btns div{flex:1}.account-box .btns div button{width:100%!important}}.account-box .btns .icon{width:clamp(18px,18px + 6*(100vw - 390px)/1530,24px);height:clamp(18px,18px + 6*(100vw - 390px)/1530,24px);margin-left:clamp(6px,6px + 6*(100vw - 390px)/1530,12px)}.account-box .btns button{width:144px;height:clamp(48px,48px + 12*(100vw - 390px)/1530,60px);border-radius:60px;font-size:clamp(14px,14px + 4*(100vw - 390px)/1530,18px)}.token-box{flex:1}.token-box .token-list{border:1px solid var(--border-color);border-radius:18px;padding:24px 0;display:flex;flex-direction:column;background-color:var(--color-bg);position:relative;overflow:hidden;min-height:700px}.token-box .token-list .tabs-box{margin:0 clamp(16px,16px + 14*(100vw - 390px)/1530,30px) 18px;font-size:clamp(24px,24px + 6*(100vw - 390px)/1530,30px);line-height:clamp(24px,24px + 6*(100vw - 390px)/1530,30px);font-weight:700}.token-box .token-list .ui-table__wrapper{border:none;background:rgba(0,0,0,0);border-radius:0}.token-box .token-list .render-token-list{max-height:589px;overflow:auto;display:flex;flex-direction:column;gap:12px}.token-box .token-list .wallet-token-item{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-radius:12px;border:1px solid var(--border-color);background-color:var(--color-bg);margin:0 clamp(16px,16px + 14*(100vw - 390px)/1530,30px);transition:border-color .36s ease;cursor:pointer}.token-box .token-list .wallet-token-item.active{border-color:var(--main-color)}.token-box .token-list .wallet-token-item .token-info{display:flex;align-items:center;gap:12px}.token-box .token-list .wallet-token-item .token-info .icon{min-width:clamp(36px,36px + 24*(100vw - 390px)/1530,60px);width:clamp(36px,36px + 24*(100vw - 390px)/1530,60px);min-height:clamp(36px,36px + 24*(100vw - 390px)/1530,60px);height:clamp(36px,36px + 24*(100vw - 390px)/1530,60px);font-size:clamp(18px,18px + 4*(100vw - 390px)/1530,22px);border-radius:999px;font-weight:700}.token-box .token-list .wallet-token-item .token-info .token-name{font-size:clamp(18px,18px + 6*(100vw - 390px)/1530,24px);line-height:clamp(22px,22px + 6*(100vw - 390px)/1530,28px);font-weight:700}.token-box .token-list .wallet-token-item .token-info .token-balance{font-size:clamp(16px,16px + 2*(100vw - 390px)/1530,18px);line-height:clamp(16px,16px + 2*(100vw - 390px)/1530,18px);margin-top:clamp(6px,6px + 4*(100vw - 390px)/1530,10px);color:var(--color-li)}.token-box .token-list .wallet-token-item .change{text-align:right}.token-box .token-list .wallet-token-item .change .value{font-size:clamp(18px,18px + 2*(100vw - 390px)/1530,20px);line-height:clamp(22px,22px + 2*(100vw - 390px)/1530,24px);font-weight:700}.token-box .token-list .wallet-token-item .change .change24h{font-size:clamp(16px,16px + 2*(100vw - 390px)/1530,18px);line-height:clamp(16px,16px + 2*(100vw - 390px)/1530,18px);margin-top:6px}