:root{font-family:Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:#e9f0f5;background:#0b1119;font-synthesis:none}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at 7% 12%,#15303a 0,transparent 27%),radial-gradient(circle at 93% 0,#17213d 0,transparent 32%),#0b1119}button,input,select{font:inherit}[hidden]{display:none!important}.shell{max-width:1360px;margin:auto;padding:0 34px}.topbar{height:82px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #273440}.brand,.topbar-right{display:flex;align-items:center;gap:15px}.brand{font-size:21px;font-weight:750;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;color:#102d32;background:#69e2cf;font-size:23px}.brand-sub{font-size:13px;font-weight:500;letter-spacing:0;color:#8296a4;border-left:1px solid #34434e;padding-left:16px}.mode-badge{font-size:12px;font-weight:700;color:#6fe0cd;border:1px solid #286253;border-radius:50px;padding:8px 13px;background:#102923}.muted{color:#8c9eac}.topbar-right .muted{font-size:13px}.button{border:1px solid #344758;background:#16222e;color:#dbe6ee;border-radius:10px;padding:10px 15px;cursor:pointer;font-weight:650;transition:background .15s,border .15s,transform .15s}.button:hover{background:#263747;border-color:#567184}.button:active{transform:translateY(1px)}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:#67ddc8;border-color:#67ddc8;color:#082c30}.button-primary:hover{background:#87edda;border-color:#87edda}.button-quiet{background:transparent;border-color:#364652;font-size:13px}.button-small{padding:7px 10px;font-size:12px}.full{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}.login-layout{min-height:calc(100vh - 143px);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;padding:70px 0}.eyebrow,.card-kicker{font-size:11px;font-weight:800;color:#6ddaca;letter-spacing:.18em}.welcome h1{font-size:clamp(42px,5vw,73px);letter-spacing:-.06em;line-height:1.14;margin:23px 0 25px;font-weight:750}.welcome h1 em{font-style:normal;color:#6be0ca}.welcome p{font-size:17px;color:#a6b7c2;line-height:1.9;max-width:540px}.feature-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.feature-row span{border:1px solid #344856;color:#b5c4cd;border-radius:30px;padding:9px 16px;font-size:13px}.card{background:#111c27;border:1px solid #263745;border-radius:18px;box-shadow:0 18px 55px #00000018;padding:27px}.login-card{max-width:455px;width:100%;justify-self:end;padding:35px}.login-card h2{font-size:29px;margin:13px 0 7px;letter-spacing:-.04em}.login-card .muted{font-size:14px;line-height:1.6;margin-bottom:25px}label{display:block;font-size:13px;color:#c4d1d9;font-weight:650;margin:17px 0 8px}input,select{display:block;width:100%;height:45px;padding:0 13px;background:#0c151e;color:#e7f1f7;border:1px solid #334452;border-radius:9px;outline:none}input:focus,select:focus{border-color:#69e2cf;box-shadow:0 0 0 3px #69e2cf24}input::placeholder{color:#637785}.login-note{font-size:12px;color:#738997;border-top:1px solid #2b3b47;padding-top:20px;margin-top:25px;line-height:1.6}.message{border-radius:10px;padding:12px 15px;margin:17px 0;background:#183644;color:#bde7f0;font-size:13px}.message.error{background:#3e2429;color:#ffb9bd}.message.success{background:#173a33;color:#adf2d4}.page-heading{display:flex;align-items:end;justify-content:space-between;margin:42px 0 25px}.page-heading h1{font-size:34px;letter-spacing:-.045em;margin:7px 0}.page-heading p{margin:0;font-size:14px}.role-pill{border:1px solid #405367;color:#c9dae5;padding:9px 15px;border-radius:40px;font-size:13px}.tabs{display:flex;gap:6px;border-bottom:1px solid #2d3e4b;margin-bottom:25px}.tab{border:0;border-bottom:2px solid transparent;background:transparent;color:#91a5b4;cursor:pointer;padding:14px 20px;font-weight:650}.tab:hover{color:#d7e8f1}.tab.active{border-color:#6de2ce;color:#74e6d2}.notice{display:flex;align-items:center;gap:12px;background:#13352e;border:1px solid #276655;color:#b7eed8;padding:14px 18px;border-radius:10px;font-size:13px;margin-bottom:20px;line-height:1.5}.notice-dot{display:grid;place-items:center;flex:none;width:20px;height:20px;border:1px solid #76e0be;border-radius:50%;font-family:Georgia,serif;font-weight:bold}.trade-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:20px}.column{display:flex;flex-direction:column;gap:20px}.card-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.card h2{font-size:20px;letter-spacing:-.03em;margin:8px 0 20px}.market-name{font-size:14px;color:#8da0ae;font-weight:500;margin-left:8px}.live-dot{color:#72d9a9;font-size:12px;padding-top:6px;white-space:nowrap}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.quote{border-radius:12px;background:#0d1923;border:1px solid #2c3d4b;padding:23px}.quote span{display:block;color:#8497a4;font-size:12px;font-weight:650}.quote strong{display:block;font-size:34px;letter-spacing:-.04em;margin-top:10px;font-variant-numeric:tabular-nums}.quote-sell strong{color:#f5999d}.quote-buy strong{color:#72e0c9}.quote-footer{font-size:12px;color:#7b8e9e;margin:17px 0 0}.small-pill{background:#163b34;color:#7be0bd;border-radius:20px;padding:7px 10px;font-size:11px}.side-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.side-button{padding:14px 8px;border:1px solid #3b4b55;background:#0d1923;color:#b4c3ce;border-radius:9px;cursor:pointer;font-weight:700}.side-button.selected{border-color:#6ce0ca;background:#16362f;color:#84eed8}.balance{font-size:38px;font-weight:740;letter-spacing:-.05em;margin:15px 0 5px;font-variant-numeric:tabular-nums}.balance-card .muted{font-size:13px}.live-card{background:#14202b}.live-card p{color:#9fb1bc;line-height:1.75;font-size:14px}.unavailable{display:inline-block;color:#e5b26f;border:1px solid #765b33;border-radius:30px;padding:7px 12px;font-size:12px;margin-top:5px}.positions-card{margin-top:20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{color:#8295a4;font-size:11px;letter-spacing:.03em;font-weight:700}td,th{padding:13px 12px;border-bottom:1px solid #2a3a46;white-space:nowrap}td{color:#d2dfe7}tr:last-child td{border-bottom:0}.empty{color:#8497a4;text-align:center;padding:29px}.status-open{color:#7ce2c0}.positive{color:#75dbb3}.negative{color:#f49b9f}.id-cell{font-family:ui-monospace,Consolas,monospace;font-size:11px;color:#8ca1ae}.management-grid{display:grid;grid-template-columns:390px 1fr;gap:20px}.management-grid .card .muted{font-size:13px;line-height:1.6}.management-grid .card-top h2{margin-top:7px}footer{color:#617684;text-align:center;font-size:12px;padding:28px 0 35px;margin-top:20px}
@media(max-width:980px){.login-layout{gap:35px}.trade-grid{grid-template-columns:1fr 1fr}.management-grid{grid-template-columns:1fr}.welcome h1{font-size:51px}}
@media(max-width:740px){.shell{padding:0 16px}.topbar{height:68px}.brand{font-size:18px}.brand-sub,.topbar-right .muted{display:none}.mode-badge{font-size:11px;padding:6px 9px}.login-layout{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:40px 0}.welcome h1{font-size:43px}.welcome p{font-size:14px}.login-card{justify-self:auto;max-width:none;padding:25px}.page-heading{margin-top:28px}.page-heading h1{font-size:27px}.role-pill{font-size:11px;padding:7px}.trade-grid{grid-template-columns:1fr}.quote strong{font-size:26px}.card{padding:20px}.tabs{overflow-x:auto}.tab{padding:12px 15px;white-space:nowrap}}
.chart-head{display:flex;justify-content:space-between;color:#8da6b3;font-size:12px;margin:21px 0 11px}.chart-wrap{height:225px;border:1px solid #263d4c;border-radius:9px;background:#0b1720;padding:8px}.chart-wrap canvas{display:block;width:100%;height:100%}.management-grid .table-wrap table{min-width:750px}
.profile-card{max-width:520px}.profile-card .muted{font-size:13px;line-height:1.7}
.market-card select{max-width:300px;margin:0 0 18px}.market-card label{margin:0 0 8px}.managed-positions{margin-top:20px}.managed-positions .table-wrap table{min-width:780px}
.account-actions{display:flex;align-items:center;gap:7px}
.login-note a{color:#79e2ce}.invitation-card{margin-top:20px}.invitation-card .muted{font-size:13px;line-height:1.6}.invitation-card form{display:flex;align-items:end;flex-wrap:wrap;gap:14px}.invitation-card form>div{min-width:180px}.invitation-card form>input{max-width:280px}.invitation-card form>button{height:45px}.invitation-link-row{display:flex;gap:10px}.invitation-link-row input{flex:1;min-width:0}.invitation-link-row button{white-space:nowrap}
@media(max-width:740px){.invitation-card form{display:block}.invitation-card form>input{max-width:none}.invitation-card form>button{margin-top:18px}.invitation-link-row{flex-direction:column}}
@media(max-width:740px){.chart-wrap{height:185px}.positions-card .table-wrap::after{content:"左右滑动查看完整持仓与操作";display:block;color:#7f96a5;font-size:11px;padding:11px 12px 1px}}
