body { font-family: Arial; background: #f0f2f5; margin:0; padding:0;}
.container { width: 700px; margin: 20px auto; padding: 20px; background: #fff; border-radius: 10px; box-shadow: 0 0 20px #ccc; }
h2,h3 { text-align: center; color: #333; }
input,select,button { margin:5px 0; padding:5px; }
button { cursor:pointer; background:#4caf50; color:#fff; border:none; border-radius:5px; }
button:hover{background:#45a049;}
#tokenList div,#txHistory div{display:flex;align-items:center;margin:3px 0;padding:5px;border-bottom:1px solid #eee;}
#tokenList img{width:24px;height:24px;margin-right:10px;}
canvas{margin-top:10px;margin-bottom:20px;}

/* 移动端自适应 */
@media only screen and (max-width: 768px){
  .container { width: 95%; padding: 10px; }
  canvas { width: 100% !important; height: auto !important; }
  input, select, button { width: 100%; margin: 5px 0; }
}