:root{color-scheme:light;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#18202b;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.app-shell{min-height:100vh;padding:20px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1540px;margin:0 auto 14px}.eyebrow{margin:0 0 4px;color:#637083;font-size:13px}h1,h2{margin:0;letter-spacing:0}h1{font-size:30px}h2{font-size:28px}.top-actions,.panel-title,.section-title,.segmented,.tabs,.market-tools label,.quote-row,.instrument-header{display:flex;align-items:center}.top-actions{gap:8px}.live-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid #dce3ea;background:#fff;color:#526173;font-size:12px;white-space:nowrap}.live-pill.open{border-color:#b8dfcc;background:#eefaf3;color:#18815a}.live-pill.connecting{border-color:#d5e5f5;background:#f0f7ff;color:#1769aa}.live-pill.error,.live-pill.closed{border-color:#ffd1d1;background:#fff2f2;color:#b42318}.terminal-grid{display:grid;grid-template-columns:330px minmax(560px,1fr) 320px;gap:14px;max-width:1540px;margin:0 auto}.market-panel,.center-panel,.account-panel,.records-panel{background:#fff;border:1px solid #dce3ea;border-radius:8px;box-shadow:0 8px 24px #1926340f}.market-panel,.account-panel{padding:14px}.center-panel{padding:16px}.panel-title,.section-title{gap:8px;margin-bottom:12px;color:#2f3a48;font-weight:700}.panel-title small,.section-title small{margin-left:auto;color:#637083;font-weight:400;font-size:12px}.icon-button,.text-button,.primary,.mini,.segmented button,.tabs button,.quote-row{border:0;cursor:pointer}.icon-button,.text-button,.primary,.mini{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px}.icon-button{width:38px;height:38px;background:#fff;color:#314154;border:1px solid #dce3ea}.text-button,.mini{padding:8px 10px;background:#fff;border:1px solid #dce3ea;color:#314154}.primary{width:100%;min-height:42px;border:0;background:#1769aa;color:#fff;font-weight:700;cursor:pointer}.primary:disabled{cursor:not-allowed;background:#9eb6ca}label{display:grid;gap:6px;margin-bottom:12px;color:#526173;font-size:13px}input,select{width:100%;min-height:40px;border:1px solid #ccd6df;border-radius:8px;padding:8px 10px;background:#fff;color:#18202b}.market-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.market-tools label{position:relative;margin:0;color:#637083}.market-tools label:first-child{grid-column:span 2}.market-tools svg{position:absolute;left:10px;color:#637083}.market-tools input,.market-tools select{padding-left:32px}.quote-list{display:grid;gap:8px;max-height:650px;overflow:auto;padding-right:2px}.quote-row{justify-content:space-between;gap:10px;width:100%;min-height:66px;padding:10px;border:1px solid #dce3ea;border-radius:8px;background:#fbfcfd;color:inherit;text-align:left}.quote-row.active{border-color:#1769aa;background:#edf7ff}.quote-row span,.quote-values{display:grid;gap:4px}.quote-values{justify-items:end}.quote-row small,.quote-price small,.asset-grid span,.order-estimate span,.chart-metrics span{color:#637083;font-size:12px}.instrument-header{justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;border-bottom:1px solid #eef2f6}.instrument-header p{margin:0 0 6px;color:#637083}.quote-price{display:grid;justify-items:end;gap:3px;min-width:150px}.quote-price strong{font-size:32px}.kline-panel{padding:16px 0 14px;border-bottom:1px solid #eef2f6}.chart-wrap{position:relative;height:330px;border:1px solid #dce3ea;border-radius:8px;background:linear-gradient(90deg,rgba(220,227,234,.42) 1px,transparent 1px) 0 0 / 12.5% 100%,linear-gradient(#fbfcfd,#f0f4f8);overflow:hidden}.chart-wrap svg{width:100%;height:100%}.chart-wrap line{stroke:#dce3ea;stroke-width:1}.chart-wrap .close-line{fill:none;stroke:#1769aa75;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2;pointer-events:none}.chart-wrap .volume-split{stroke-dasharray:8 8}.candles line{stroke-width:2}.candles rect{stroke-width:1}.candle-up line,.candle-up rect{stroke:#c93636}.candle-up rect,.volume-bars .candle-up{fill:#c93636c7}.candle-down line,.candle-down rect{stroke:#18815a}.candle-down rect,.volume-bars .candle-down{fill:#18815ac7}.volume-bars rect{opacity:.46}.crosshair line{stroke:#314154;stroke-width:1;stroke-dasharray:5 5;opacity:.45;pointer-events:none}.chart-wrap p{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;color:#637083}.price-axis{position:absolute;inset:0 10px 0 auto;z-index:2;width:90px;pointer-events:none}.price-axis span{position:absolute;right:0;padding:2px 5px;border-radius:4px;background:#ffffffd1;color:#637083;font-size:11px}.chart-tooltip{position:absolute;z-index:3;display:grid;gap:3px;min-width:118px;padding:8px 10px;border:1px solid rgba(49,65,84,.18);border-radius:8px;background:#fffffff0;box-shadow:0 10px 28px #19263426;color:#314154;font-size:12px;pointer-events:none}.chart-tooltip strong{color:#18202b;font-size:12px}.chart-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:10px}.chart-metrics div,.asset-grid div,.order-estimate,.trade-summary,.trade-capacity{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border-radius:8px;background:#f8fafc;border:1px solid #eef2f6}.bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;padding-top:14px}.sparkline{display:flex;align-items:flex-end;gap:8px;height:152px;padding:12px;border-radius:8px;background:linear-gradient(#f8fafc,#eef2f6);border:1px solid #dce3ea;overflow:hidden}.heat-item{flex:1;display:grid;align-content:end;justify-items:center;gap:6px;min-width:22px;height:100%}.heat-item span{width:100%;min-height:18px;max-height:100%;border-radius:6px 6px 2px 2px}.heat-item small{color:#637083;font-size:11px}.bar-up{background:#d64545}.bar-down{background:#1f9a67}.trade-panel{min-width:0}.segmented,.tabs{gap:4px;background:#eef2f6;border-radius:8px;padding:4px;margin-bottom:10px}.segmented button,.tabs button{flex:1;border-radius:6px;padding:8px 10px;background:transparent;color:#526173;white-space:nowrap}.segmented .active,.tabs .active{background:#fff;color:#1769aa;box-shadow:0 1px 4px #1e30421a}.trade-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.order-estimate,.trade-summary,.trade-capacity{margin-bottom:10px}.trade-summary span,.trade-capacity span,.trade-hint{color:#637083;font-size:12px}.trade-hint{min-height:18px;margin:-2px 0 8px}.mini:disabled{cursor:not-allowed;color:#8b99a8;background:#f4f6f8}.auth-box{margin-bottom:16px}.asset-grid{display:grid;gap:8px;margin:12px 0 16px}.ranking-panel{padding-top:14px;border-top:1px solid #eef2f6}ol{margin:0;padding:0;list-style:none;display:grid;gap:8px}ol li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #eef2f6}.records-panel{max-width:1540px;margin:14px auto 0;padding:14px}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{padding:10px 8px;border-bottom:1px solid #eef2f6;text-align:left;font-size:13px;overflow-wrap:anywhere}th{color:#637083;font-weight:600}.up{color:#c93636}.down{color:#18815a}.error-line,.notice-line{max-width:1540px;margin:0 auto 12px;padding:10px 12px;border-radius:8px}.error-line{background:#fff2f2;color:#b42318;border:1px solid #ffd1d1}.notice-line{background:#eefaf3;color:#18815a;border:1px solid #b8dfcc}@media (max-width: 1240px){.terminal-grid{grid-template-columns:320px minmax(0,1fr)}.account-panel{grid-column:1 / -1}}@media (max-width: 900px){.terminal-grid,.bottom-grid{grid-template-columns:1fr}.chart-metrics{grid-template-columns:repeat(3,1fr)}.quote-list{max-height:360px}}@media (max-width: 680px){.app-shell{padding:12px}.topbar{display:grid}.market-tools,.trade-fields,.chart-metrics{grid-template-columns:1fr}.market-tools label:first-child{grid-column:auto}.instrument-header{display:grid}.quote-price{justify-items:start}}