:root{--bg:#090c10;--panel:#10151c;--line:#222a34;--muted:#7d8998;--green:#a7f36b;--red:#f17286}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#e9edf1;font:14px Arial,'Microsoft Yahei',sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:48px;padding:0 36px}.logo{font-size:27px;font-weight:800;letter-spacing:-1px}.logo b{color:var(--green)}nav{display:flex;gap:30px;color:var(--muted)}nav button.active{color:var(--green)}.right{margin-left:auto;display:flex;gap:18px;align-items:center}.badge{font-size:11px;border:1px solid #465d35;border-radius:5px;color:var(--green);padding:7px 10px}.avatar{border-radius:50%;background:#273b28;padding:12px;color:var(--green)}main{padding:30px 32px;max-width:1800px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}h1{font-size:27px;margin:0 0 9px;letter-spacing:-.6px}p{color:var(--muted);margin:0}.status{font-size:12px;color:var(--muted)}.status span{color:var(--green)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.card{border:1px solid var(--line);border-radius:10px;padding:18px;background:linear-gradient(120deg,#151c22,#0e1319);position:relative;overflow:hidden}.coin{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f7931a;color:white;font-size:22px;margin-right:10px}.card strong{font-size:21px;display:block;margin-top:16px}.up{color:var(--green)}.down{color:var(--red)}.card small{position:absolute;right:18px;top:26px}.spark{position:absolute;right:10px;bottom:12px;width:90px;height:36px}.workspace{display:grid;grid-template-columns:minmax(500px,1fr) 245px 300px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}.chart{border-right:1px solid var(--line)}.pairbar{padding:20px;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.pairbar strong{font-size:19px}.pairbar small{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.pairbar .price{font-size:23px;color:var(--green)}.tools{display:flex;gap:10px;padding:15px 18px;align-items:center}.tools button{color:var(--muted);font-size:12px;padding:6px 9px}.tools button.selected{background:#2b3b28;color:var(--green);border-radius:4px}canvas{display:block;width:100%;height:335px}.volume{padding:10px 20px 18px;color:var(--muted);font-size:10px;display:flex;justify-content:space-between}.book{border-right:1px solid var(--line);padding:19px 15px}.title{font-size:14px;font-weight:bold;margin-bottom:22px}.bookhead,.bookrow{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:right;font-size:11px;gap:4px}.bookhead{color:var(--muted);margin-bottom:13px}.bookrow{padding:6px 0;position:relative;background:linear-gradient(to left,#f1728610 var(--depth),transparent var(--depth))}.bookrow.buy{background:linear-gradient(to left,#a7f36b10 var(--depth),transparent var(--depth))}.bookrow span:first-child{text-align:left}.mid{padding:17px 0;font-size:20px;color:var(--green);border-block:1px solid var(--line);margin:12px 0}.mid small{font-size:10px;color:var(--muted);float:right;margin-top:6px}.order{padding:19px}.switch{display:flex;background:#080c10;border-radius:6px;padding:4px;margin-bottom:23px}.switch button{width:50%;padding:10px;color:var(--muted)}.switch .chosen{color:#111;background:var(--green);border-radius:4px;font-weight:bold}.switch .chosen.sell{background:var(--red)}.tabs{display:flex;gap:24px;margin-bottom:23px;font-size:12px}.tabs .active{color:var(--green)}label{display:block;color:var(--muted);font-size:11px;margin-bottom:9px}.field{display:flex;align-items:center;border:1px solid #2b3542;background:#0c1117;border-radius:6px;padding:12px;margin-bottom:17px}.field input{width:100%;background:none;border:0;outline:none;color:white;min-width:0}.field span{color:var(--muted);font-size:11px}input[type=range]{width:100%;accent-color:var(--green);margin:2px 0 18px}.line{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:13px 0}.line b{color:#d8dfe7;font-weight:normal}.submit{width:100%;background:var(--green);color:#11220b;padding:14px;border-radius:6px;font-weight:bold;margin:12px 0}.note{font-size:10px;line-height:1.8;color:var(--muted)}.bottom{margin-top:20px;border:1px solid var(--line);border-radius:10px;padding:20px;background:var(--panel)}.bottomtop{display:flex;gap:25px;margin-bottom:22px}.bottomtop button{color:var(--muted)}.bottomtop button.active{color:var(--green)}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{color:var(--muted);font-weight:normal;padding:0 12px 14px}td{padding:15px 12px;border-top:1px solid var(--line)}.empty{text-align:center;color:var(--muted);padding:36px}footer{display:flex;justify-content:space-between;color:#596675;font-size:10px;padding:24px 0}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#e0fbc9;color:#1b3210;padding:15px 25px;border-radius:8px;display:none;z-index:5}#market{display:none}.search{padding:12px;border:1px solid var(--line);background:var(--panel);color:white;border-radius:6px;margin:15px 0;width:300px}select{background:#10151c;color:#fff;border:0;font-size:18px;font-weight:bold;max-width:150px}@media(max-width:1150px){.workspace{grid-template-columns:minmax(350px,1fr) 280px}.book{display:none}.pairbar{gap:16px}.pairbar .extra{display:none}}@media(max-width:720px){header{padding:0 16px;gap:20px}nav{gap:10px}.right .badge{display:none}main{padding:22px 12px}.cards{grid-template-columns:1fr 1fr}.workspace{display:block}.chart{border-right:0}.order{border-top:1px solid var(--line)}.heading .status{display:none}.card small{position:static;display:block;margin-top:8px}.spark{width:65px}.bottom{overflow:auto}table{min-width:600px}.pairbar{padding:15px;gap:16px}.logo{font-size:23px}}