.fx-page{--book-col:320px;--order-col:340px;--chart-h:clamp(480px,53vh,620px);background:var(--fx-page-bg);--kkex-up:#36bb4a;--kkex-down:#ff5751;--kkex-accent:#fad227;--sf-cyan:#fad227;--sf-line:var(--fx-line);--sf-panel-a:var(--fx-panel);--sf-panel-b:var(--fx-panel);--sf-soft:var(--fx-ctrl);--sf-soft-2:var(--fx-ctrl);--sf-head:var(--fx-panel);--sf-row-hover:var(--fx-ctrl);--sf-tr-hover:var(--fx-ctrl);--sf-border-2:var(--fx-line2);--sf-handle-bg:var(--fx-line);--sf-grid:transparent;--sf-shadow:0 20px 44px -30px #000;--sf-inset:inset 0 1px 0 rgba(255,255,255,.03);--sf-radius:12px;--sf-mono:"HarmonyOS Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--fx-page-bg:#0f1114;--fx-panel:#0f1114;--fx-ctrl:#14181d;--fx-ctrl-hi:#20242b;--fx-line:#202121;--fx-line2:#1f2228;--fx-pop:#1a1d22;--fx-pop-hi:#23272e;--fx-border:#262a30;--fx-border-hi:#2b3138;position:relative;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:0 4px 8px;min-height:calc(100vh - 61px)}[data-theme=light] .fx-page{--sf-cyan:#0e9bb8;--sf-line:rgba(15,23,42,.12);--sf-panel-a:#ffffff;--sf-panel-b:#f7f9fc;--sf-soft:rgba(15,23,42,.03);--sf-soft-2:rgba(15,23,42,.02);--sf-head:rgba(15,23,42,.04);--sf-row-hover:rgba(14,155,184,.09);--sf-tr-hover:rgba(15,23,42,.05);--sf-border-2:rgba(15,23,42,.1);--sf-handle-bg:#ffffff;--sf-grid:rgba(15,23,42,.05);--sf-shadow:0 14px 30px -26px rgba(15,23,42,.6);--sf-inset:inset 0 1px 0 rgba(255,255,255,.8);--fx-page-bg:#f4f6fa;--fx-panel:#ffffff;--fx-ctrl:#f7f8fa;--fx-ctrl-hi:#eceff3;--fx-line:rgba(15,23,42,.12);--fx-line2:rgba(15,23,42,.10);--fx-pop:#ffffff;--fx-pop-hi:#f2f4f7;--fx-border:rgba(15,23,42,.14);--fx-border-hi:rgba(15,23,42,.20)}.bg-glow{display:none;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background-image:linear-gradient(var(--sf-grid) 1px,transparent 1px),linear-gradient(90deg,var(--sf-grid) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(120% 65% at 50% 0,#000 22%,transparent 74%);mask-image:radial-gradient(120% 65% at 50% 0,#000 22%,transparent 74%)}.fx-page>.info-strip,.fx-page>.trade-grid{position:relative;z-index:1}.sf-panel{position:relative;background:var(--sf-panel-a);border:0;border-radius:0;padding:14px 16px}.sec-title{justify-content:space-between;font-size:13px;font-weight:600;letter-spacing:.4px;margin:0;padding:0 12px;height:40px;border-bottom:1px solid var(--sf-line)}.info-strip,.sec-title{display:flex;align-items:center}.info-strip{grid-column:1/span 2;grid-row:1;gap:22px;flex-wrap:wrap;background:var(--sf-panel-a);border:0;border-bottom:1px solid var(--sf-line);border-radius:0;padding:0 16px;margin:0 0 12px;height:56px}.info-price{display:flex;align-items:center;gap:9px}.info-price strong{font-size:25px;font-weight:700;letter-spacing:.4px;font-family:var(--sf-mono)}.info-price.up strong{color:var(--kkex-up)}.info-price.down strong{color:var(--kkex-down)}.info-price .pair-tag{font-size:13px;font-weight:700;letter-spacing:.4px;color:var(--kkex-text);background:var(--sf-row-hover);border:1px solid var(--sf-line);border-radius:6px;padding:3px 8px}.info-price .chg{font-size:13px;font-weight:600;font-family:var(--sf-mono)}.info-price.up .chg{color:var(--kkex-up)}.info-price.down .chg{color:var(--kkex-down)}.info-price .cny{font-size:11px;color:var(--kkex-muted)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--sf-cyan);box-shadow:0 0 10px var(--sf-cyan);animation:sf-pulse 1.6s ease-in-out infinite}.live-dot.up{background:var(--kkex-up);box-shadow:0 0 10px var(--kkex-up)}.live-dot.down{background:var(--kkex-down);box-shadow:0 0 10px var(--kkex-down)}@keyframes sf-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}.info-sep{width:1px;height:26px;background:linear-gradient(180deg,transparent,var(--sf-line),transparent)}.info-item{display:flex;flex-direction:column;gap:3px}.info-item label{color:var(--kkex-muted);letter-spacing:.2px;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;text-underline-offset:4px;-webkit-text-decoration-color:var(--fx-border-hi);text-decoration-color:var(--fx-border-hi)}.info-item label,.info-item strong{font-size:12px;font-weight:500}.info-item strong em{font-style:normal}.info-item .cd{color:var(--kkex-muted);margin-left:4px;font-size:12px}.pair-select{min-width:110px}.pair-select .ant-select-selector{background:var(--sf-row-hover)!important;border:1px solid var(--sf-line)!important;border-radius:6px!important;color:var(--kkex-text)!important;font-weight:700;font-size:13px!important}.pair-select .ant-select-arrow{color:var(--kkex-muted)}.trade-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--book-col) var(--order-col);grid-template-rows:56px var(--chart-h) minmax(240px,1fr);grid-gap:4px;gap:4px;align-items:stretch}.trade-grid>*{min-width:0}.center-col{grid-column:1;overflow:hidden;flex-direction:column}.book-col,.center-col{grid-row:2;display:flex;min-height:0}.book-col{grid-column:2}.book-col>*{flex:1 1 auto;min-width:0;width:100%}.order-col{grid-column:3;grid-row:1/span 3;display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;scrollbar-width:none}.order-col::-webkit-scrollbar{display:none}.tabs-panel{grid-column:1/span 2;grid-row:3;align-self:stretch;min-height:0;overflow:hidden;display:flex;flex-direction:column}.tabs-panel .ant-tabs{flex:1 1;min-height:0}.tabs-panel .ant-tabs-content-holder{overflow-y:auto}.contract-list{display:flex;flex-direction:column;padding:12px 12px 8px;height:100%}.cl-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cl-title{font-size:14px;font-weight:700;flex:none}.cl-search{flex:1 1}.cl-body{flex:1 1;overflow-y:auto;margin:0 -4px;padding:0 4px}.cl-row{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:0;border-radius:8px;cursor:pointer;padding:9px 8px;text-align:left;color:var(--kkex-text);transition:.14s}.cl-row:hover{background:var(--sf-row-hover)}.cl-row.active{background:rgba(252,213,53,.12);box-shadow:inset 0 0 0 1px var(--sf-cyan)}.cl-pair{flex:1 1;min-width:0;display:flex;align-items:baseline;gap:4px}.cl-pair strong{font-size:13px}.cl-right{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3}.cl-price{font-size:13px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cl-chg{font-size:11px;font-weight:600}.cl-empty{text-align:center;padding:20px 0;font-size:12px}.chart-panel{padding:12px 14px 8px;height:100%;display:flex;flex-direction:column;min-height:0}.order-panel{flex:1 1 auto;min-height:0;overflow-y:auto}.chart-toolbar{gap:10px;flex-wrap:wrap;font-size:12px}.chart-title,.chart-toolbar{display:flex;align-items:center}.chart-title{gap:7px;font-weight:700;font-size:13px;letter-spacing:.3px}.chart-title .dot{width:6px;height:6px;border-radius:50%;background:var(--sf-cyan);box-shadow:0 0 10px var(--sf-cyan);display:inline-block}.toolbar-spacer{flex:1 1}.iv-group{display:flex;gap:2px;border:0;border-radius:0;padding:0}.iv-btn,.iv-group{background:transparent}.iv-btn{border:0;color:var(--kkex-muted);cursor:pointer;font-size:12px;font-weight:500;padding:0 8px;height:30px;border-radius:2px;transition:.15s}.iv-btn:hover{color:var(--kkex-text);background:var(--sf-row-hover)}.iv-btn.active{color:var(--sf-cyan);font-weight:600;background:transparent}.zoom-group{display:flex;align-items:center;gap:4px}.zoom-btn{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;background:var(--sf-soft);border:1px solid var(--sf-line);border-radius:6px;color:var(--kkex-muted);cursor:pointer;transition:.15s}.zoom-btn:hover{color:var(--sf-cyan);border-color:var(--sf-cyan)}.zoom-reset{font-size:11px}.chart-legend{display:flex;flex-direction:column;gap:2px;font-size:12px;margin:6px 0 4px;padding-left:1px;color:var(--kkex-muted)}.legend-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:16px}.chart-legend .sym{color:var(--kkex-text);font-weight:500}.chart-legend .ohlc{display:flex;align-items:center;gap:8px}.chart-legend .ohlc i{font-style:normal;color:var(--kkex-muted);font-weight:500}.chart-legend .ohlc b{font-weight:500;color:var(--kkex-text)}.chart-legend .ohlc .chg{margin-left:2px}.ma-row{gap:0}.ma-item{display:flex;align-items:center;gap:6px;font-weight:500}.ma-item i{width:9px;height:2px;border-radius:2px;display:inline-block}.ma-item b{font-weight:500;opacity:.95}.chart{flex:1 1 auto;min-height:0;width:100%}.pnl-wrap{padding:2px 0 6px}.pnl-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:12px}.pnl-kpi{position:relative;padding:12px 14px;border-radius:10px;background:var(--sf-soft);border:1px solid var(--sf-line)}.pnl-kpi label{display:block;font-size:11px;color:var(--kkex-muted);margin-bottom:6px;letter-spacing:.2px}.pnl-kpi b{font-size:19px;font-family:var(--sf-mono);font-weight:700;letter-spacing:.3px}.pnl-kpi i{font-style:normal;font-size:10px;color:var(--kkex-muted);margin-left:4px}.pnl-kpi.up b{color:var(--kkex-up)}.pnl-kpi.down b{color:var(--kkex-down)}.pnl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px 14px;gap:8px 14px}.pnl-cell{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:8px;background:var(--sf-soft-2);border:1px solid var(--sf-line)}.pnl-cell label{font-size:11px;color:var(--kkex-muted);white-space:nowrap}.pnl-cell b{font-size:13px;font-family:var(--sf-mono);font-weight:600;text-align:right}.pnl-cell b em{font-style:normal;font-weight:400}.pnl-curve{margin-top:14px;padding:10px 12px 6px;border-radius:10px;background:var(--sf-soft-2);border:1px solid var(--sf-line)}.pnl-curve-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:11.5px;color:var(--kkex-muted);margin-bottom:8px}.pnl-curve-head .dim{color:var(--kkex-muted);opacity:.85}.pnl-curve-svg{display:block;width:100%;height:150px}.pnl-curve-zero{stroke:var(--sf-line);stroke-width:1}.pnl-bar-up{fill:var(--kkex-up)}.pnl-bar-down{fill:var(--kkex-down)}.pnl-curve-line{fill:none;stroke:var(--kkex-accent);stroke-width:1.6;stroke-linejoin:round;vector-effect:non-scaling-stroke}.book-panel{padding:0 12px 8px;height:100%;display:flex;flex-direction:column}.book-tabs{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.book-tabs.ant-tabs>.ant-tabs-nav{margin-bottom:0;padding:0 12px;height:40px;border-bottom:1px solid var(--sf-line)}.book-tabs.ant-tabs .ant-tabs-tab{font-size:14px;font-weight:500;padding:8px 0}.book-asks,.book-bids,.tape-list{scrollbar-width:none}.book-asks::-webkit-scrollbar,.book-bids::-webkit-scrollbar,.tape-list::-webkit-scrollbar{display:none}.book-tabs .ant-tabs-content-holder{flex:1 1 auto;min-height:0}.book-tabs .ant-tabs-content,.book-tabs .ant-tabs-tabpane{height:100%}.book-body{flex-direction:column;height:100%}.book-asks,.book-body{display:flex;min-height:0}.book-asks{flex:1 1;overflow-y:auto;flex-direction:column-reverse}.book-bids,.tape-list{flex:1 1;min-height:0;overflow-y:auto}.tape-list{display:flex;flex-direction:column}.book-head,.book-row,.tape-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;font-size:12px;padding:2px 6px}.book-head{padding-bottom:6px;letter-spacing:.2px}.book-head .px,.book-row .px,.tape-row .px{text-align:left}.book-head .qty,.book-head .total,.book-row .qty,.book-row .total,.tape-row .qty,.tape-row .total{text-align:right}.book-row{position:relative;cursor:pointer;border-radius:4px;transition:background .12s}.book-row:hover{background:var(--sf-row-hover)}.book-row .bar{position:absolute;right:0;left:auto;top:0;bottom:0;border-radius:2px 0 0 2px}.book-row span{position:relative;z-index:1}.up-bar{background:linear-gradient(270deg,rgba(54,187,74,.3),rgba(54,187,74,.12))}.down-bar{background:linear-gradient(270deg,rgba(255,87,81,.3),rgba(255,87,81,.12))}.book-mid{align-items:baseline;padding:7px 6px;margin:3px 0;border-top:1px solid var(--sf-line);border-bottom:1px solid var(--sf-line)}.book-mid strong{font-size:18px;font-weight:700;font-family:var(--sf-mono)}.book-mid.up strong{color:var(--kkex-up)}.book-mid.down strong{color:var(--kkex-down)}.small{font-size:11px}.empty{text-align:center;padding:8px 0;font-size:12px}.tape-row{flex:1 1;min-height:14px;max-height:22px;padding:0 6px;align-items:center;cursor:default}.tape-row:hover{background:transparent}.order-panel{padding:12px}.margin-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:12px}.margin-tag{background:linear-gradient(180deg,rgba(252,213,53,.22),rgba(252,213,53,.1));border:1px solid rgba(252,213,53,.35);color:var(--kkex-accent);padding:2px 10px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px}.margin-row strong{font-family:var(--sf-mono)}.mode-row{display:flex;gap:6px;margin-bottom:10px}.mode-chip{flex:1 1;border:1px solid var(--sf-line);background:var(--sf-soft);color:var(--kkex-muted);font-size:12px;padding:5px 0;border-radius:6px;cursor:pointer;transition:.15s;text-align:center}.mode-chip:hover{color:var(--kkex-text);border-color:var(--sf-cyan)}.mode-chip.active{color:var(--sf-cyan);border-color:var(--sf-cyan);background:var(--sf-row-hover);font-weight:700}.mode-hint{font-size:11px;line-height:1.5;color:var(--kkex-muted);margin:-4px 0 10px}.lev-row{display:flex;gap:5px;margin-bottom:2px}.lev-chip{flex:1 1;border:1px solid var(--sf-line);background:var(--sf-soft);color:var(--kkex-muted);font-size:12px;padding:4px 0;border-radius:6px;cursor:pointer;transition:.15s}.lev-chip:hover{color:var(--kkex-text);border-color:var(--sf-cyan)}.lev-chip.active{color:var(--kkex-accent);border-color:rgba(252,213,53,.6);background:rgba(252,213,53,.12);box-shadow:0 0 12px -4px rgba(252,213,53,.9)}.type-row{display:flex;align-items:center;gap:20px;font-size:14px;margin-bottom:14px;color:var(--kkex-muted)}.type-row span{cursor:pointer;padding-bottom:6px;border-bottom:2px solid transparent;transition:.15s;font-weight:500}.type-row .activeType,.type-row span:hover{color:var(--kkex-text)}.type-row .activeType{font-weight:500;border-bottom-color:var(--kkex-accent)}.cond-hint{font-size:12px;line-height:1.5;margin-bottom:10px}.cond-optional{border:1px dashed var(--sf-border-2);border-radius:8px;padding:8px 10px 2px;margin-bottom:10px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--kkex-muted);margin-bottom:6px;font-weight:400}.band-hint{margin-top:5px;font-size:11px;line-height:1.45;color:var(--kkex-muted)}.band-hint.bad{color:var(--kkex-down);font-weight:600}.pct-marks{display:flex;justify-content:space-between;font-size:10px;margin:-4px 2px 12px}.summary{border-top:1px solid var(--sf-line);border-bottom:1px solid var(--sf-line);padding:9px 0;margin-bottom:14px;display:flex;flex-direction:column;gap:6px}.summary div{display:flex;justify-content:space-between;font-size:12px}.summary span{color:var(--kkex-muted)}.summary strong{font-family:var(--sf-mono)}.trade-btn{width:100%;font-weight:700;letter-spacing:1px;margin:0 0 10px;border:0;border-radius:4px}.trade-btn.buy{background:#36bb4a;color:#fff;box-shadow:none}.trade-btn.sell{background:#ff5751;color:#fff;box-shadow:none}.trade-btn.primary{background:#fff;color:#111;box-shadow:none}.trade-btn.ghost{background:var(--sf-soft);border:1px solid var(--sf-line);color:var(--kkex-text)}.auth-link{display:block}.num{font-family:var(--sf-mono)}.dim{color:var(--kkex-muted)}.warn{color:var(--kkex-warn)}.up{color:var(--kkex-up)}.down{color:var(--kkex-down)}.side-chip{display:inline-block;padding:1px 7px;border-radius:4px;font-size:11px;font-weight:700;border:1px solid}.side-chip.up{background:rgba(227,93,106,.12)}.side-chip.down{background:rgba(22,185,121,.12)}.pnl-stack{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3}.pnl-stack .pct{font-size:11px;opacity:.85}.kv-stack{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3}.kv-stack .v2{font-size:11px;opacity:.9}.risk-tag{padding:0 5px;border-radius:3px;border:1px solid;font-size:10px;line-height:1.5}.risk-tag.safe{color:var(--kkex-muted)}.risk-tag.warn{color:var(--kkex-warn)}.risk-tag.danger{color:var(--kkex-down);font-weight:700}.ant-table-tbody>tr.risk-danger>td{background:rgba(227,93,106,.08)!important}.mode-tag{font-size:11px;padding:0 6px;border-radius:4px;border:1px solid var(--sf-line);color:var(--kkex-muted);white-space:nowrap}.mode-tag.isolated{color:var(--sf-cyan);border-color:var(--sf-cyan)}.tabs-panel .ant-tabs-nav{margin-bottom:0}.tabs-panel .ant-tabs-nav-wrap{height:40px;padding:0 12px}.tabs-panel .ant-tabs-tab{font-size:14px;font-weight:500;padding:8px 0}.tabs-panel .ant-tabs-nav:before{background-color:var(--sf-line);height:1px}.tabs-panel .ant-tabs-tab{color:var(--kkex-muted);font-size:13px}.tabs-panel .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--sf-cyan)}.tabs-panel .ant-tabs-ink-bar{background-color:var(--sf-cyan);box-shadow:0 0 10px rgba(252,213,53,.8)}.tabs-panel .ant-table-thead>tr>th{text-align:center!important;background:var(--sf-head)!important;color:var(--kkex-muted);font-weight:500;font-size:12px}.tabs-panel .ant-table-cell{border-bottom-color:var(--sf-border-2)!important;font-size:12px}.tabs-panel .ant-table-tbody>tr:hover>td{background-color:var(--sf-tr-hover)!important}.tabs-panel .ant-table-tbody>tr>td,.tabs-panel .ant-table-wrapper .ant-table{background:transparent}.tabs-panel .ant-table-cell .ant-btn{padding:4px 6px;height:auto;white-space:nowrap}.tabs-panel .ant-table-cell .ant-btn+.ant-btn{margin-left:4px}.tabs-panel .ant-table-cell{padding:5px 8px!important}.tabs-panel .ant-table-cell .ant-btn{font-size:12px}.tabs-panel .ant-tag{background:transparent;border-color:var(--sf-line)}.fx-page .order-panel .ant-input-affix-wrapper,.fx-page .order-panel .ant-input-number-affix-wrapper{background:var(--fx-ctrl)!important;border:1px solid var(--fx-border)!important;border-radius:4px!important;height:40px;display:flex;align-items:center;padding:0 12px;font-size:14px;font-weight:500}.fx-page .order-panel .ant-input-affix-wrapper>input.ant-input,.fx-page .order-panel .ant-input-number-affix-wrapper .ant-input-number,.fx-page .order-panel .ant-input-number-affix-wrapper .ant-input-number-input{background:transparent!important;border:0!important;box-shadow:none!important;height:100%}.fx-page .order-panel .ant-input-number-affix-wrapper .ant-input-number{display:flex;align-items:center;flex:1 1;padding:0}.fx-page .order-panel .ant-input-affix-wrapper>input.ant-input,.fx-page .order-panel .ant-input-number-affix-wrapper .ant-input-number-input{text-align:right;padding:0;font-size:15px}.od-inhint{color:var(--kkex-muted);font-size:14px}.order-panel .ant-input-number-group-addon,.order-panel .ant-input-number-suffix{border:0;background:transparent}.order-panel .ant-input-number-suffix{pointer-events:auto}.order-panel .ant-input-number-input::placeholder,.order-panel .ant-input::placeholder{color:var(--kkex-muted)}.order-panel .ant-btn{border-radius:999px!important;height:42px}.fx-page .order-panel .ant-input-affix-wrapper-focused,.fx-page .order-panel .ant-input-affix-wrapper:hover,.fx-page .order-panel .ant-input-number-affix-wrapper-focused,.fx-page .order-panel .ant-input-number-affix-wrapper:hover{border-color:var(--kkex-accent)!important}.fx-page .order-panel .ant-input-affix-wrapper-focused,.fx-page .order-panel .ant-input-number-affix-wrapper-focused{box-shadow:none!important}.order-panel .ant-input-group-addon{background:var(--sf-row-hover);color:var(--sf-cyan);border-color:var(--sf-line)}.ant-slider{margin:6px 4px 10px}.ant-slider .ant-slider-rail{background-color:var(--fx-line2);height:2px}.ant-slider .ant-slider-track{background:var(--kkex-accent);height:2px}.ant-slider .ant-slider-handle:after{width:10px;height:10px;inset-block-start:0;border:2px solid var(--fx-border-hi);box-shadow:none;background:var(--fx-panel)}.ant-slider .ant-slider-dot{width:4px;height:4px;inset-block-start:0;background:var(--fx-border-hi);border:0}.ant-slider .ant-slider-mark{display:none}@media (max-width:1240px){.fx-page{--book-col:220px;--order-col:280px;--chart-h:580px}}@media (max-width:1100px){.trade-grid{grid-template-columns:minmax(0,1fr) var(--order-col);grid-template-rows:auto 420px 360px minmax(240px,1fr)}.info-strip{grid-column:1/span 2;grid-row:1}.center-col{grid-column:1/span 2;grid-row:2}.book-col{grid-column:1;grid-row:3;height:360px}.order-col{grid-column:2;grid-row:2/span 2;display:flex}.tabs-panel{grid-column:1/span 2;grid-row:4}}@media (max-width:820px){.trade-grid{grid-template-columns:1fr;grid-template-rows:none}.book-col,.center-col,.info-strip,.order-col,.tabs-panel{grid-column:auto;grid-row:auto}.order-col{display:block}.book-col{height:360px}.center-col{height:380px}.info-strip{height:auto;gap:12px;padding:10px 12px}}@media (max-width:560px){.info-strip{flex-wrap:nowrap;overflow-x:auto;gap:14px;padding:8px 12px}.info-price strong{font-size:20px}.info-item .cd,.info-item label,.info-item strong{font-size:11px}.info-sep{display:none}.book-col,.center-col{height:320px}.order-panel{padding:10px}}.od-top{display:flex;align-items:center;gap:24px;margin:0 0 14px}.od-dialog-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:0;cursor:pointer;color:var(--kkex-text);font-size:14px;font-weight:500;font-family:inherit}.od-dialog-btn:hover{color:var(--kkex-accent)}.od-caret{width:0;height:0;display:inline-block;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid}.od-modal{--fx-ctrl:#14181d;--fx-line:#202121;--fx-line2:#1f2228;--fx-pop:#1a1d22;--fx-pop-hi:#23272e;--fx-border:#262a30;--fx-border-hi:#2b3138}[data-theme=light] .od-modal{--fx-ctrl:#f7f8fa;--fx-line:rgba(15,23,42,.12);--fx-line2:rgba(15,23,42,.10);--fx-pop:#ffffff;--fx-pop-hi:#f2f4f7;--fx-border:rgba(15,23,42,.14);--fx-border-hi:rgba(15,23,42,.20)}.od-modal .ant-modal-content{background:var(--fx-ctrl);border:1px solid var(--fx-border);border-radius:12px;box-shadow:0 24px 60px -20px rgba(0,0,0,.55)}.od-modal .ant-modal-header{background:transparent}.od-modal .ant-modal-title{color:var(--kkex-text);font-size:16px;font-weight:600}.od-modal .ant-modal-close{color:var(--kkex-muted)}.mm-opt{display:block;width:100%;text-align:left;cursor:pointer;background:transparent;border:1px solid var(--fx-border);border-radius:10px;padding:14px 16px;margin-bottom:12px;color:var(--kkex-text);font-family:inherit}.mm-opt.active{border-color:var(--kkex-accent)}.mm-opt b{font-size:14px;font-weight:600}.mm-opt p{margin:6px 0 0;font-size:12px;line-height:1.6;color:var(--kkex-muted)}.od-modal-confirm{height:42px!important;margin-top:6px;border-radius:10px!important;background:var(--fx-pop-hi)!important;border-color:var(--fx-pop-hi)!important;color:var(--kkex-text)!important;font-weight:600}.od-modal-confirm:hover{background:#2b2f37!important;border-color:#2b2f37!important;color:var(--kkex-text)!important}.lev-dialog-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;font-size:14px}.lev-dialog-head b{font-size:22px;font-weight:700}.lev-presets{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin:4px 0 14px}.lev-preset{height:34px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;background:transparent;border:1px solid var(--fx-border);color:var(--kkex-text)}.lev-preset.active{border-color:var(--kkex-accent);color:var(--kkex-accent)}.od-unit-btn{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;padding:0;cursor:pointer;color:var(--kkex-text);font-size:14px;font-weight:500;font-family:inherit}.od-unit-btn:hover{color:var(--kkex-accent)}.qty-opt{padding:12px 0;border-bottom:1px solid var(--fx-line2)}.qty-opt:last-of-type{border-bottom:0}.qty-opt-head{display:flex;align-items:center;gap:10px;cursor:pointer}.qty-opt-head b{font-size:14px;font-weight:600}.qty-opt-desc{margin:8px 0 0;font-size:12px;line-height:1.6;color:var(--kkex-muted)}.qty-units{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:10px}.qty-units button{height:36px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;background:transparent;border:1px solid var(--fx-border);color:var(--kkex-text)}.qty-units button.active{border-color:var(--kkex-text)}.od-dd{background:var(--fx-pop)!important;border:1px solid var(--fx-border)!important;border-radius:8px!important;padding:4px!important}.od-dd .ant-select-item{color:var(--kkex-text);border-radius:6px;font-weight:600}.od-dd .ant-select-item-option-active:not(.ant-select-item-option-selected){background:var(--fx-pop-hi)!important}.od-dd .ant-select-item-option-selected{background:var(--fx-pop-hi)!important;color:var(--kkex-accent)!important}.od-avail{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:14px}.od-avail,.od-avail strong{font-size:12px}.od-px-hint{font-size:14px;font-weight:500;color:var(--kkex-text);margin-right:12px}.last-price-link{border:0;background:transparent;color:var(--kkex-accent);font-weight:600;font-size:14px;cursor:pointer;padding:0;white-space:nowrap}.last-price-link:hover{filter:brightness(1.12)}.od-cost{display:flex;justify-content:space-between;align-items:baseline;padding:2px 0 14px;border:0;margin-bottom:0;font-size:12px}.od-cost strong{font-family:var(--sf-mono);font-size:12px}.ctr-info{margin-top:0;flex:none}.ctr-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:6px 0;font-size:12px;border-bottom:1px solid var(--sf-soft-2)}.ctr-row:last-child{border-bottom:0}.ctr-row span{color:var(--kkex-muted)}.ctr-row strong{font-weight:600}.bs-wrap{margin:8px -12px 0;padding:0 2px}.bs-bar{display:flex;height:6px;border-radius:3px;overflow:hidden}.bs-fill{display:block;height:100%}.bs-fill.b{background:var(--kkex-up);border-radius:3px 0 0 3px;flex:none}.bs-fill.s{background:var(--kkex-down);border-radius:0 3px 3px 0;flex:1 1 auto;margin-left:2px}.bs-marks{display:flex;justify-content:space-between;font-size:14px;font-weight:700;margin-top:4px;line-height:1}.bs-marks .b{color:var(--kkex-up)}.bs-marks .s{color:var(--kkex-down)}.pair-wrap{display:flex;flex-direction:column;min-width:0}.info-price .pair-select .ant-select-selector{border:0!important;background:transparent!important;font-size:15px!important;padding-left:0!important}.perp-tag{font-size:11px;color:var(--kkex-muted);margin:-6px 0 0 2px}.app-shell-futures{background:var(--kkex-page-futures,#121212)}.app-shell-futures .nav{border-bottom-color:var(--kkex-border)}.app-shell-futures .footer{background:var(--kkex-page-futures,#121212);border-top-color:var(--kkex-border)}.fx-page .ant-select-dropdown,.fx-page .ant-table,.fx-page .ant-table-placeholder,.fx-page .ant-table-placeholder>td,.fx-page .ant-table-thead>tr>th,.fx-page .ant-tabs,.fx-page .ant-tabs-content-holder,.fx-page .ant-tabs-nav,.fx-page .ant-tabs-nav-wrap{background:var(--fx-panel)!important}.fx-page .ant-input,.fx-page .ant-input-affix-wrapper,.fx-page .ant-input-number,.fx-page .ant-input-number-affix-wrapper,.fx-page .ant-select:not(.od-select) .ant-select-selector{background:var(--fx-ctrl)!important;border-color:var(--fx-line)!important}.fx-page .ant-table-tbody>tr>td{background:transparent}.fx-page .ant-table-tbody>tr:hover>td{background:var(--fx-ctrl)!important}.fx-page .ant-table-cell{border-bottom-color:var(--fx-line2)!important}.fx-page .ant-empty .ant-empty-description,.fx-page .ant-tabs-tab{color:var(--kkex-muted)}.fx-page .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--kkex-text)}.fx-page .ant-tabs-ink-bar{background:var(--kkex-accent);box-shadow:none}.up-bar{background:rgba(31,179,117,.1)!important}.down-bar{background:rgba(246,71,93,.1)!important}.od-seg{display:flex;gap:7px;margin-bottom:16px}.od-seg .seg{flex:1 1;min-width:0;position:relative;height:36px;border:0;padding:0;cursor:pointer;background:var(--fx-ctrl);color:var(--kkex-muted);font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,color .15s}.od-seg .seg:first-child{border-radius:999px 0 0 999px;-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 11px) 100%,0 100%);clip-path:polygon(0 0,100% 0,calc(100% - 11px) 100%,0 100%)}.od-seg .seg:last-child{border-radius:0 999px 999px 0;-webkit-clip-path:polygon(11px 0,100% 0,100% 100%,0 100%);clip-path:polygon(11px 0,100% 0,100% 100%,0 100%)}.od-seg .seg:hover{color:var(--kkex-text)}.od-seg .seg.active{background:#36bb4a;color:#fff}.od-seg .seg.active.sell{background:#ff5751}.od-check{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:var(--kkex-text);margin:0 0 12px;line-height:18px}.od-check input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;margin:0;flex:none;position:relative;border:1px solid var(--fx-border-hi);border-radius:3px;background:transparent;cursor:pointer}.od-check input:checked{background:var(--kkex-accent);border-color:var(--kkex-accent)}.od-check input:checked:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border:solid #111;border-width:0 2px 2px 0;transform:rotate(45deg)}.pos-toolbar{display:flex;gap:8px;padding:8px 12px;border-bottom:1px solid var(--sf-line)}.od-attrs{gap:16px;margin:0 0 12px;flex-wrap:wrap}.od-attrs,.od-tif{display:flex;align-items:center}.od-tif{gap:8px;font-size:12px}.od-tif-seg{display:inline-flex;border:1px solid var(--fx-border-hi);border-radius:4px;overflow:hidden}.od-tif-seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--kkex-muted);border:none;border-left:1px solid var(--fx-border-hi);padding:3px 10px;font-size:12px;cursor:pointer;line-height:1.4}.od-tif-seg button:first-child{border-left:none}.od-tif-seg button.active{background:var(--kkex-accent);color:#111;font-weight:600}.auth-cta{display:flex;align-items:center;gap:8px;margin:2px 0 10px}.auth-cta .trade-btn{margin:0}.auth-sep{color:var(--kkex-muted);font-size:13px}.auth-reg{color:var(--kkex-text);font-size:13px;font-weight:600}.auth-reg:hover{color:var(--kkex-accent)}.od-avail-both{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding-top:0}.od-avail-both i{font-style:normal;margin-right:6px;font-weight:400}.od-btns{display:flex;gap:8px;margin:2px 0 12px}.od-btns .trade-btn{flex:1 1;margin:0;border-radius:999px!important;height:40px;font-size:14px;font-weight:500;letter-spacing:0}.od-btns .trade-btn.auth-pill{background:#000;color:#fff;border:1px solid var(--fx-border-hi)}.od-btns .trade-btn.auth-pill:hover{background:var(--fx-ctrl);color:#fff}.od-btns .trade-btn:disabled,.od-btns .trade-btn[disabled]{opacity:.38;cursor:not-allowed}.od-avail-r{display:inline-flex;align-items:center;gap:10px}.od-swap{color:var(--kkex-accent);font-size:17px;font-weight:700;line-height:1}.od-swap:hover{filter:brightness(1.12)}.ctr-row span,.od-avail .dim{-webkit-text-decoration:underline dashed;text-decoration:underline dashed;text-underline-offset:4px;-webkit-text-decoration-color:var(--fx-border-hi);text-decoration-color:var(--fx-border-hi)}.balance-btns{display:flex;gap:8px;padding:10px 12px 2px}.balance-btns a{flex:1 1}.pos-empty{padding:42px 0 26px;text-align:center}.pos-empty p{color:var(--kkex-muted);font-size:13px;margin:0 0 16px}.pos-empty-btns{display:flex;gap:10px;justify-content:center}.fx-page .ant-btn-default:not(.trade-btn){background:var(--fx-line)!important;border-color:var(--fx-line)!important;color:#fff!important}.fx-page .ant-btn-default:not(.trade-btn):hover{background:var(--fx-border-hi)!important;border-color:var(--fx-border-hi)!important}.book-panel{padding:0 12px 10px}.book-body{gap:0}.book-head,.book-row{padding:0 6px}.book-head{height:22px;align-items:center;padding-bottom:0}.book-row{flex:1 1;min-height:20px;max-height:24px;align-items:center}.book-asks,.book-bids{overflow:hidden;flex:1 1}.book-mid{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 6px;margin:0;border:0;gap:10px}.book-mid strong{font-size:19px;line-height:1}.book-mid .mid-arrow{font-size:15px;font-weight:700;margin-left:6px}.book-mid .mk{color:var(--kkex-muted);font-size:14px}.book-tools{justify-content:space-between;height:26px;padding:0 6px}.bk-legend,.book-tools{display:flex;align-items:center}.bk-legend{gap:2px}.bk-legend i{width:9px;height:16px;display:block}.bk-legend i:first-child{background:#4a2226}.bk-legend i:nth-child(2){background:#1f7a35}.bk-legend i:nth-child(3){background:#164f26}.bk-legend i:nth-child(4){background:#3d1c1f}.bk-depth{display:inline-flex;align-items:baseline;gap:8px;font-size:14px;line-height:22px;color:var(--kkex-text)}.bk-depth .ant-select{width:auto!important}.bk-depth .ant-select-selector{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;height:22px!important;color:var(--kkex-text)!important;font-weight:600}.bk-depth .ant-select-selection-item{line-height:22px!important;-webkit-padding-end:16px!important;padding-inline-end:16px!important}.bk-depth .ant-select-arrow{width:8px;height:5px;inset-inline-end:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:#fff}.bk-depth .ant-select-arrow .anticon{display:none}.bk-depth .ant-select-arrow:after{content:"";display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid}.od-close{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.od-close-empty{font-size:13px;line-height:1.6;padding:2px 0 6px}.close-row{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;grid-gap:2px 10px;gap:2px 10px;text-align:left;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:var(--fx-ctrl);color:var(--kkex-text);font-family:inherit;font-size:14px;cursor:pointer;transition:.15s}.close-row .side-chip{grid-row:1/span 2;align-self:center}.close-row .cr-main{font-weight:700}.close-row .cr-sub{grid-column:2;font-size:11px}.close-row .cr-pnl{grid-row:1/span 2;align-self:center;font-weight:700}.close-row:hover{border-color:var(--fx-border-hi)}.close-row.active{border-color:var(--kkex-accent);background:#191d23}.od-unit{font-size:15px;font-weight:700;color:var(--kkex-text)}.book-mid .mid-l{display:inline-flex;align-items:center}.bk-depth .ant-select-selection-item{font-weight:600}.fx-page .order-panel .od-select .ant-select-selector{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.fx-page .order-panel .od-select .ant-select-arrow{color:var(--kkex-text)!important}.tv-wrap{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:var(--fx-panel)}.tv-wrap iframe{position:absolute;inset:0;width:100%;height:100%;display:block;border:0}.tv-block{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.tv-block .tv-wrap{flex:1 1;min-height:0}.tv-toolbar{display:flex;align-items:center;gap:4px;padding:0 8px;height:30px;flex:none;width:max-content}.tv-tf{border:0;cursor:pointer;color:var(--kkex-muted);font-size:12px;font-weight:500;line-height:1;padding:4px 0;width:38px;flex:none;text-align:center;border-radius:4px;transition:color .12s}.tv-tf,.tv-tf:hover{background:transparent}.tv-tf.active,.tv-tf:hover{color:var(--kkex-text)}.tv-tf.active{font-weight:500}.tv-tabs{display:flex;align-items:center;flex:none;padding:0 8px;height:32px;border-bottom:1px solid var(--kkex-border)}.tv-tab{border:0;background:transparent;cursor:pointer;color:var(--kkex-muted);font-size:14px;font-weight:500;line-height:1;padding:5px 0 0;margin:0 16px 0 0;position:relative;transition:color .12s}.tv-tab.active,.tv-tab:hover{color:var(--kkex-text)}.tv-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:1px;background:var(--kkex-accent)}.tv-container{position:absolute;inset:0;width:100%;height:100%}[data-theme=light] .tv-wrap{background:#ffffff}