:root{--bg:#0b1020;--panel:#121a2f;--panel2:#17213b;--text:#eef3ff;--muted:#9fb0d0;--accent:#4f8cff;--danger:#ff5b6e;--border:#263454;--spot:#38d39f;--futures:#f4b740}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Microsoft YaHei",sans-serif;background:linear-gradient(135deg,#08101f,#12172b);color:var(--text)}.login-body{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,92vw);background:rgba(18,26,47,.96);border:1px solid var(--border);border-radius:22px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.brand{display:inline-block;padding:6px 12px;border-radius:999px;background:#20345f;color:#b8ccff;margin-bottom:18px}h1,h2{margin:0 0 18px}.muted{color:var(--muted);margin:0}.form,label{display:flex;flex-direction:column;gap:8px}.form{gap:16px}input,select{width:100%;border:1px solid var(--border);background:#0c1326;color:var(--text);border-radius:12px;padding:12px 13px;outline:none}input:focus,select:focus{border-color:var(--accent)}button{border:0;border-radius:12px;padding:12px 16px;background:var(--accent);color:white;font-weight:700;cursor:pointer}.ghost{background:#22304e}.danger{background:var(--danger)}.alert{background:#3b1720;border:1px solid #7f2c3b;color:#ffd2d8;border-radius:14px;padding:12px 14px;margin:14px 0}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:rgba(8,14,28,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.container{max-width:1120px;margin:28px auto;padding:0 18px}.container.wide{max-width:1440px}.panel{background:rgba(18,26,47,.94);border:1px solid var(--border);border-radius:20px;padding:22px;margin-bottom:18px}.status{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.status>div{background:var(--panel2);border-radius:16px;padding:16px;color:var(--muted)}.status b{color:var(--text)}.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.trade-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.trade-panel{position:relative;overflow:hidden}.trade-panel:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--spot)}.futures-panel:before{background:var(--futures)}.panel-title-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.panel-title-row h1{margin-bottom:8px}.badge{flex:0 0 auto;border-radius:999px;padding:6px 10px;background:rgba(56,211,159,.13);color:var(--spot);border:1px solid rgba(56,211,159,.35);font-weight:800}.badge.futures{background:rgba(244,183,64,.13);color:var(--futures);border-color:rgba(244,183,64,.35)}.trade-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.checkbox{justify-content:end;flex-direction:row;align-items:center}.checkbox input{width:auto}.actions{grid-column:1/-1;display:flex;gap:12px;justify-content:flex-end}.split-actions{justify-content:space-between}.split-actions button{flex:1}pre{white-space:pre-wrap;word-break:break-word;background:#090f1f;border-radius:14px;padding:16px;border:1px solid var(--border)}@media(max-width:1100px){.trade-layout{grid-template-columns:1fr}.container.wide{max-width:900px}}@media(max-width:760px){.grid-form,.status,.trade-form{grid-template-columns:1fr}.actions,.split-actions{flex-direction:column}.topbar{padding:14px}.panel-title-row{flex-direction:column}.checkbox{justify-content:flex-start}}