*{

margin:0;

padding:0;

box-sizing:border-box;

}


body{

background:#0b111b;

color:#fff;

font-family:Arial,Helvetica,sans-serif;

min-height:100vh;

}




header{

height:60px;

background:#181c24;

display:flex;

align-items:center;

}



.logo{

margin-left:30px;

}



.logo img{

height:28px;

}






.page{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:flex-start;

    padding-top:20px;

}




.card{

    width:400px;

    margin:0 auto;

}





h1{


text-align:center;


font-size:32px;


margin-bottom:35px;


}




.form-group{


margin-bottom:22px;


}



label{


display:block;


font-size:14px;


margin-bottom:10px;


}



input{


width:400px;


height:40px;


background:#101722;


border:1px solid #303846;


color:#fff;


padding-left:12px;


font-size:14px;


}



input::placeholder{

color:#687386;

}




button{


width:400px;


height:40px;


background:#fcd535;


border:none;


font-size:15px;


cursor:pointer;


color:#111;


}



button:hover{


background:#ffd95a;


}






/* 底部钱包图标 */

.icons{


width:400px;


display:flex;


justify-content:center;


align-items:center;


gap:10px;


margin-top:20px;


}




.icons img{


width:32px;


height:32px;


object-fit:contain;


}







/* 右侧按钮 */


.float{


position:fixed;


right:20px;


bottom:120px;


display:flex;


flex-direction:column;


gap:15px;


}



.float-btn{


width:50px;


height:50px;


border-radius:50%;


overflow:hidden;


}




.float-btn img{


width:100%;


height:100%;


object-fit:cover;


}







/* 成功提示 */


#toast{

    position:fixed;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

    background:#151a22;

    color:#ffffff;

    padding:15px 35px;

    border-radius:5px;

    font-size:16px;

    z-index:99999;

    box-shadow:0 0 20px rgba(0,0,0,.5);

    display:none;

}



#toast.show{

    display:block;

}






@media(max-width:900px){


.page{


justify-content:center;


padding-right:0;


}


.card{


width:90%;


}


input,
button{


width:100%;


}


.icons{


width:100%;


}


}