*{

margin:0;
padding:0;
box-sizing:border-box;

}


body{

background:#071725;

min-height:100vh;

display:flex;

justify-content:center;

align-items:center;

font-family:Arial,"Microsoft YaHei";

color:white;

}



.container{

width:420px;

max-width:90%;

text-align:center;

}



.logo{

width:75px;

height:75px;

margin:auto;

border-radius:50%;

overflow:hidden;

}


.logo img{

width:100%;

height:100%;

object-fit:cover;

}



h1{

margin-top:20px;

font-size:28px;

}



.subtitle{

margin-top:10px;

color:#9db3c8;

}





.card{

margin-top:30px;

background:#102536;

padding:25px;

border-radius:20px;

}



.title{
color:#26A17B;
text-align:left;

margin-bottom:20px;

}




.network-list{

display:flex;

flex-direction:column;

gap:15px;

}



.network{

height:75px;

background:#193247;

border-radius:15px;

display:flex;

align-items:center;

padding:15px;

cursor:pointer;

border:1px solid transparent;

}



.network.active{

border-color:#26a17b;

}



.icon{

width:45px;

height:45px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:12px;

font-weight:bold;

margin-right:15px;

}



.trc{

background:#ef0027;

}



.eth{

background:#627eea;

}



.bnb{

background:#f3ba2f;

}



.info{

text-align:left;

font-size:16px;

font-weight:bold;

}



.info span{

display:block;

font-size:13px;

color:#9db3c8;

margin-top:5px;

font-weight:normal;

}



.current{

text-align:left;

margin-top:20px;

color:#b9c9d7;

}



.current b{

color:#26a17b;

}



textarea{

width:100%;

height:120px;

margin-top:20px;

border-radius:15px;

padding:15px;

border:none;

resize:none;

}



button{

width:100%;

height:50px;

margin-top:20px;

border:none;

border-radius:15px;

background:#26a17b;

color:white;

font-size:17px;

font-weight:bold;

cursor:pointer;

}



.notice{

margin-top:20px;

background:#102536;

padding:18px;

border-radius:15px;

text-align:left;

font-size:14px;

line-height:1.8;

color:#b9c9d7;

}