html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#f5f6f8}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.num-up{color:#0ecb81}.num-down{color:#f6465d}.section-title{font-size:13px;font-weight:600;color:#595959;margin:0 0 8px}.clickable{cursor:pointer}.balance-cell{font-variant-numeric:tabular-nums}.ex-dark{background:#181a20!important}.ex-root{--ex-bg: #181a20;--ex-panel: #1e2329;--ex-panel-2: #22262d;--ex-border: #2b3139;--ex-text: #eaecef;--ex-muted: #848e9c;--ex-accent: #f0b90b;--ex-up: #0ecb81;--ex-down: #f6465d;color:var(--ex-text);font-size:12px}.ex-root .mono{font-variant-numeric:tabular-nums}.ex-root .num-up{color:var(--ex-up)}.ex-root .num-down{color:var(--ex-down)}.ex-root .num-dim{color:var(--ex-muted)}.ex-panel{background:var(--ex-panel);border-radius:4px;border:1px solid transparent}.ex-panel-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--ex-border);font-size:12px;color:var(--ex-text);font-weight:500}.ex-ticker{display:flex;align-items:center;gap:26px;flex-wrap:wrap;background:var(--ex-panel);border-radius:4px;padding:10px 16px;margin-bottom:6px}.ex-ticker .pair{display:flex;align-items:baseline;gap:8px}.ex-ticker .pair .name{font-size:18px;font-weight:700;letter-spacing:.2px}.ex-ticker .pair .price{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.ex-ticker .stat{display:flex;flex-direction:column;gap:2px;min-width:74px}.ex-ticker .stat .k{color:var(--ex-muted);font-size:11px}.ex-ticker .stat .v{font-size:12px;font-variant-numeric:tabular-nums}.ex-shell{display:grid;grid-template-columns:272px minmax(0,1fr) 304px;gap:6px;align-items:stretch;flex:1 1 auto;min-height:0}@media (max-width: 1440px){.ex-shell{grid-template-columns:250px minmax(0,1fr) 286px}}@media (max-width: 1100px){.ex-shell{grid-template-columns:1fr}.trade-root{height:auto!important}}.ex-col{display:flex;flex-direction:column;gap:6px;min-width:0;min-height:0}.ex-col-left{overflow:hidden}.orderbook{background:var(--ex-panel);border-radius:4px;padding-bottom:4px}.ob-head{display:flex;justify-content:space-between;padding:8px 12px 6px;color:var(--ex-muted);font-size:11px}.ob-row{position:relative;display:flex;justify-content:space-between;padding:2px 12px;cursor:pointer;height:20px;line-height:20px;overflow:hidden;flex:0 0 auto}.ob-row:hover{background:#ffffff0b}.ob-bar{position:absolute;top:0;bottom:0;right:0;opacity:.14;pointer-events:none}.ob-bar.ask{background:var(--ex-down)}.ob-bar.bid{background:var(--ex-up)}.ob-price{position:relative}.ob-qty{position:relative;color:var(--ex-text)}.ob-mid{display:flex;align-items:baseline;gap:8px;padding:6px 12px;border-top:1px solid var(--ex-border);border-bottom:1px solid var(--ex-border);margin:2px 0}.ob-empty{color:var(--ex-muted);text-align:center;padding:10px 0;font-size:11px}.ob-foot{color:#5e6673;font-size:10px;padding:6px 12px 2px;text-align:center}.k-legend{position:absolute;top:5px;left:10px;z-index:3;display:flex;flex-wrap:wrap;gap:10px;font-size:11px;line-height:16px;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none}.k-legend b{font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.orderform{padding:8px 10px 10px}.of-side.of-side-buy .ant-segmented-item-selected{background:var(--ex-up)!important}.of-side.of-side-sell .ant-segmented-item-selected{background:var(--ex-down)!important}.of-side .ant-segmented-item-selected .ant-segmented-item-label{color:#fff!important}.of-side{background:var(--ex-panel-2)!important}.of-row{display:flex;justify-content:space-between;align-items:center;margin:5px 0;font-size:11px;color:var(--ex-muted)}.of-avail{color:var(--ex-text)}.of-field{margin:6px 0}.of-field .of-label{font-size:11px;color:var(--ex-muted);display:block;margin-bottom:3px}.of-pcts{display:flex;gap:4px;margin:6px 0 2px}.of-pct{flex:1;text-align:center;font-size:11px;padding:3px 0;background:var(--ex-panel-2);color:var(--ex-muted);cursor:pointer;border-radius:2px}.of-pct:hover{color:var(--ex-accent);background:#2a2f38}.of-tif{display:flex;gap:10px;margin:6px 0 0;font-size:11px;color:var(--ex-muted)}.of-tif-item{cursor:pointer;padding-bottom:2px;border-bottom:2px solid transparent}.of-tif-item.active{color:var(--ex-accent);border-bottom-color:var(--ex-accent)}.ex-root .ant-input-number,.ex-root .ant-input-number-group-addon,.ex-root .ant-input{background:var(--ex-panel-2)!important;border-color:var(--ex-border)!important;color:var(--ex-text)!important}.ex-root .ant-input-number-input{color:var(--ex-text)!important}.ex-root .ant-input-number-group-addon,.ex-root .ant-btn-text{color:var(--ex-muted)!important}.ex-root .ant-btn-text:hover{color:var(--ex-accent)!important;background:transparent!important}.ex-coin-list{flex:1 1 auto;min-height:0;overflow:auto}.ex-coin{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:5px 12px;cursor:pointer;font-size:12px}.ex-coin:hover{background:#ffffff0b}.ex-coin.active{background:#f0b90b17}.ex-coin .sym{color:var(--ex-text)}.ex-coin .sym .q{color:var(--ex-muted);font-size:11px}.ex-coin .px{font-variant-numeric:tabular-nums}.ex-coin .chg{font-variant-numeric:tabular-nums;width:62px;text-align:right}.ex-trades{max-height:330px;overflow:auto}.ex-trade-list{flex:1 1 auto;min-height:0;overflow:auto}.ex-trade-head{color:var(--ex-muted);font-size:11px;border-bottom:1px solid var(--ex-border);padding-bottom:4px;margin-bottom:2px}.ex-trade{display:grid;grid-template-columns:1fr 1fr 64px;gap:6px;padding:2px 12px;font-size:12px;font-variant-numeric:tabular-nums}.ex-trade .t{color:var(--ex-muted);font-size:11px;text-align:right}.ex-tabs{display:flex;gap:18px;padding:0 12px;border-bottom:1px solid var(--ex-border)}.ex-tab{padding:9px 0;font-size:12px;color:var(--ex-muted);cursor:pointer;border-bottom:2px solid transparent}.ex-tab.active{color:var(--ex-text);border-bottom-color:var(--ex-accent);font-weight:600}.ex-kline-head{display:flex;align-items:center;gap:14px;padding:8px 12px}.ex-tf{font-size:12px;color:var(--ex-muted);cursor:pointer;padding:2px 6px;border-radius:2px}.ex-tf.active{color:var(--ex-accent);background:#f0b90b1a}.ex-power{display:flex;gap:6px;align-items:center;padding:0 12px 8px}.ex-power .bar{flex:1;height:4px;border-radius:2px;background:var(--ex-down);overflow:hidden}.ex-power .bar>div{height:100%;background:var(--ex-up)}.ex-root .ant-table{background:transparent!important;color:var(--ex-text)!important}.ex-root .ant-table-thead>tr>th{background:var(--ex-panel-2)!important;color:var(--ex-muted)!important;border-bottom:1px solid var(--ex-border)!important;font-size:11px}.ex-root .ant-table-tbody>tr>td{border-bottom:1px solid #242830!important;color:var(--ex-text)!important;font-size:12px}.ex-root .ant-table-tbody>tr:hover>td{background:#ffffff0a!important}.ex-root .ant-empty-description{color:var(--ex-muted)!important}.of-side .ant-segmented-item{flex:1 1 0}.of-side .ant-segmented-item-label{line-height:26px}.of-side.of-side-buy .ant-segmented-thumb{background:var(--ex-up)!important}.of-side.of-side-sell .ant-segmented-thumb{background:var(--ex-down)!important}.of-side-tabs{display:flex;background:#2b3139;border-radius:4px;overflow:hidden;margin-bottom:8px;gap:2px}.of-side-tab{flex:1 1 0;text-align:center;padding:6px 0;font-size:13px;font-weight:600;color:var(--ex-muted);background:#2b3139;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s,color .12s}.of-side-tab.buy.active{background:var(--ex-up);color:#fff}.of-side-tab.sell.active{background:var(--ex-down);color:#fff}.of-side-tab:not(.active):hover{color:var(--ex-text)}.trade-root{height:calc(100vh - 80px);min-height:620px;display:flex;flex-direction:column;gap:6px}.trade-root .ex-ticker{margin-bottom:0;flex:0 0 auto}.ex-chart-panel{flex:1 1 auto;min-height:240px;display:flex;flex-direction:column;overflow:hidden}.ex-chart-body{flex:1 1 auto;min-height:0;position:relative}.ex-chart-loading{height:100%;display:flex;align-items:center;justify-content:center}.ex-chart-empty{height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--ex-muted);letter-spacing:.2px}.ex-chart-meta{margin-left:auto;font-size:11px;color:var(--ex-muted)}.ex-bottom{height:238px;flex:0 0 auto;display:flex;flex-direction:column;overflow:hidden}.ex-bottom .ex-tabs{flex:0 0 auto}.ex-bottom .ant-table-wrapper{flex:1 1 auto;min-height:0;padding:0 0 2px}.ex-bottom .ant-table-thead>tr>th{padding:4px 8px!important}.ex-bottom .ant-table-tbody>tr>td{padding:4px 8px!important}.ex-tf-group{display:flex;gap:2px}.ex-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:3px;cursor:pointer;color:var(--ex-muted);font-size:13px}.ex-icon-btn:hover{background:#2b3139;color:var(--ex-text)}.ex-sym-select{width:148px}.ex-sym-select .ant-select-selector{background:transparent!important;border-color:transparent!important;box-shadow:none!important;padding-inline:0!important;height:26px!important}.ex-sym-select:hover .ant-select-selector,.ex-sym-select.ant-select-focused .ant-select-selector{background:#22262d!important;border-color:var(--ex-border)!important}.ex-sym-select .ant-select-selection-item{color:var(--ex-text)!important;font-size:17px;font-weight:700;letter-spacing:.2px;line-height:26px!important}.ex-sym-select .ant-select-selection-search{inset-inline-start:0}.ex-sym-select .ant-select-selection-search-input{height:26px!important;font-size:15px!important}.ex-sym-select .ant-select-arrow{inset-inline-end:4px}.sym-opt{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;font-size:12px;min-width:268px}.sym-opt .s{font-weight:600;font-variant-numeric:tabular-nums}.sym-opt .s em{font-style:normal;color:var(--ex-muted);font-weight:400;font-size:11px}.sym-opt .p{font-variant-numeric:tabular-nums;text-align:right}.of-types{display:flex;gap:14px;margin:8px 0 4px}.of-type{font-size:12px;color:var(--ex-muted);cursor:pointer;padding-bottom:3px;border-bottom:2px solid transparent}.of-type:hover{color:var(--ex-text)}.of-type.active{color:var(--ex-accent);border-bottom-color:var(--ex-accent);font-weight:600}.ex-coin-panel{flex:1 1 auto;min-height:150px;display:flex;flex-direction:column;overflow:hidden}.ex-coin-search{padding:6px 10px 4px;flex:0 0 auto}.ex-fs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#181a20;display:flex;flex-direction:column}.ex-fs-head{display:flex;align-items:center;gap:16px;height:46px;padding:0 16px;flex:0 0 auto;border-bottom:1px solid var(--ex-border);background:#1e2329}.ex-fs-sym{font-size:17px;font-weight:700}.ex-fs-body{flex:1 1 auto;min-height:0}.ex-col-left .orderbook{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.ex-col-left .ob-asks{flex:1 1 50%;min-height:0;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#363c45 transparent}.ex-col-left .ob-asks>:first-child{margin-top:auto}.ex-col-left .ob-bids{flex:1 1 50%;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#363c45 transparent}.ex-col-left .ob-mid,.ex-col-left .ob-head,.ex-col-left .ob-foot{flex:0 0 auto}
