:root{--bg:#0d1526;--surface:#131f36;--surface-2:#16233f;--line:#223252;--line-soft:#1a2742;--text:#dfe7f5;--text-mut:#8ea3c4;--text-strong:#fff;--primary:#1f6fd6;--primary-soft:#1f6fd62e;--buy:#0f9d58;--buy-bright:#2ecc71;--sell:#d93636;--sell-bright:#ff5a5a;--warn:#f0b429;--depth-bid:#1f6fd673;--depth-ask:#d9363673;--radius:12px;--radius-sm:8px;--radius-pill:20px;--tap:44px;--tabbar-h:56px;--font:-apple-system, "Segoe UI", Roboto, Arial, sans-serif;--fs-xs:10px;--fs-sm:12px;--fs-md:13.5px;--fs-lg:16px;--fs-xl:22px;--fs-price:26px;--t-fast:.15s;--t-med:.2s}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-md);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;line-height:1.5;overflow-x:hidden}.price,.num{font-variant-numeric:tabular-nums}html{background:var(--bg);height:100%}#root{background:var(--bg);width:100%;max-width:100%;min-height:100vh;box-shadow:none;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));flex-direction:column;margin:0;display:flex;position:relative}.qt-btn{min-height:var(--tap);border-radius:var(--radius-sm);font-family:var(--font);color:#fff;cursor:pointer;width:100%;transition:filter var(--t-fast), transform var(--t-fast);border:none;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.qt-btn:active{filter:brightness(1.12);transform:scale(.985)}.qt-btn--buy{background:var(--buy)}.qt-btn--sell{background:var(--sell)}.qt-btn--primary{background:var(--primary)}.qt-btn--ghost{border:1px solid var(--line);color:var(--text);background:0 0;font-weight:600}.qt-btn:disabled{opacity:.4;pointer-events:none}.qt-btn-pair{gap:10px;display:flex}.qt-btn-pair .qt-btn small{opacity:.85;font-size:10.5px;font-weight:600;display:block}.qt-chip{border-radius:5px;padding:2px 7px;font-size:11px;font-weight:700;line-height:1.5;display:inline-block}.qt-chip--up{color:var(--buy-bright);background:#2ecc7126}.qt-chip--down{color:var(--sell-bright);background:#ff5a5a26}.qt-chip--info{background:var(--primary-soft);color:#7fb0ea}.qt-chip--warn{color:var(--warn);background:#f0b42926}.qt-status{letter-spacing:.06em;border-radius:var(--radius-pill);padding:3px 10px;font-size:10px;font-weight:800;display:inline-block}.qt-status--new{background:var(--primary-soft);color:#7fb0ea}.qt-status--partial{color:var(--warn);background:#f0b42926}.qt-status--filled{color:var(--buy-bright);background:#2ecc7126}.qt-status--canceled{color:var(--text-mut);background:#8ea3c426}.qt-status--rejected{color:var(--sell-bright);background:#ff5a5a26}.qt-demo{display:none!important}.qt-field{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);min-height:var(--tap);justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 12px;display:flex}.qt-field label{color:var(--text-mut);font-size:11.5px}.qt-field .val{color:var(--text-strong);font-size:14px;font-weight:700}.qt-field input,.qt-field select{color:var(--text-strong);text-align:right;width:140px;font-size:16px;font-weight:700;font-family:var(--font);background:0 0;border:none;outline:none}.qt-stepper{align-items:center;gap:10px;display:flex}.qt-stepper button{border:1px solid var(--line);background:var(--surface);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:7px;font-size:17px;font-weight:700}.qt-seg{background:var(--surface);border:1px solid var(--line);border-radius:9px;gap:5px;padding:4px;display:flex}.qt-seg button{color:var(--text-mut);cursor:pointer;font-size:12px;font-weight:700;font-family:var(--font);transition:background var(--t-fast);background:0 0;border:none;border-radius:6px;flex:1;padding:8px 0}.qt-seg button.on{background:var(--primary);color:#fff}.qt-toggle{background:var(--line);width:44px;height:26px;transition:background var(--t-med);cursor:pointer;border-radius:13px;position:relative}.qt-toggle:after{content:"";width:20px;height:20px;transition:left var(--t-med);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.qt-toggle.on{background:var(--buy)}.qt-toggle.on:after{left:21px}.qt-wrow{border-bottom:1px solid var(--line-soft);cursor:pointer;justify-content:space-between;align-items:center;min-height:56px;padding:11px 14px;display:flex}.qt-wrow .nm{color:var(--text-strong);font-size:14px;font-weight:700}.qt-wrow .ds{color:var(--text-mut);font-size:11px}.qt-wrow .px{color:var(--text-strong);text-align:right;font-size:15px;font-weight:700}.qt-wrow .star{color:var(--warn);cursor:pointer;margin-right:8px;font-size:15px}@keyframes qtFlashUp{0%{background:#2ecc7138}to{background:0 0}}@keyframes qtFlashDown{0%{background:#ff5a5a38}to{background:0 0}}.flash-up{animation:.3s ease-out qtFlashUp}.flash-down{animation:.3s ease-out qtFlashDown}.qt-spark{width:64px;height:24px}.qt-indices{border-bottom:1px solid var(--line-soft);scrollbar-width:thin;scrollbar-color:var(--line) transparent;-webkit-overflow-scrolling:touch;white-space:nowrap;gap:8px;padding:10px 14px;display:flex;overflow-x:auto}.qt-indices::-webkit-scrollbar{height:4px}.qt-indices::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.qt-idx{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);flex:none;padding:6px 10px;font-size:11px}.qt-idx b{color:var(--text-strong);margin-right:5px}.qt-search{background:var(--surface-2);border:1px solid var(--line);min-height:var(--tap);border-radius:10px;align-items:center;gap:8px;margin:10px 14px;padding:0 12px;display:flex}.qt-search input{color:var(--text-strong);font-size:16px;font-family:var(--font);background:0 0;border:none;outline:none;flex:1}.qt-search input::placeholder{color:var(--text-mut)}.qt-book{padding:6px 14px}.qt-book .hdr{justify-content:space-between;margin-bottom:4px;font-size:10px;font-weight:700;display:flex}.qt-book .hdr .b{color:#7fb0ea}.qt-book .hdr .a{color:var(--sell-bright)}.qt-brow{grid-template-columns:1fr 58px 1fr;align-items:center;gap:4px;margin-bottom:3px;display:grid}.qt-lvl{cursor:pointer;border-radius:5px;align-items:center;min-height:30px;font-size:12px;display:flex;position:relative;overflow:hidden}.qt-lvl .bar{position:absolute;top:0;bottom:0}.qt-lvl--bid{justify-content:flex-end;padding-right:8px}.qt-lvl--bid .bar{background:linear-gradient(90deg, transparent, var(--depth-bid));right:0}.qt-lvl--ask{justify-content:flex-start;padding-left:8px}.qt-lvl--ask .bar{background:linear-gradient(90deg, var(--depth-ask), transparent);left:0}.qt-lvl .px{z-index:1;font-weight:700}.qt-lvl--bid .px{color:#7fb0ea}.qt-lvl--ask .px{color:#ff8a8a}.qt-lvl .sz{color:var(--text-mut);z-index:1;margin:0 6px;font-size:10px}.qt-lvl:active{outline:1px solid var(--primary)}.qt-spread{text-align:center;color:var(--text-mut);font-size:9px;line-height:1.25}.qt-spread b{color:var(--text);font-size:10.5px;display:block}.qt-sheet-backdrop{z-index:100;background:#0408108c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.qt-sheet{background:var(--surface);border-top:1px solid var(--line);width:100%;max-width:480px;padding:8px 16px calc(16px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;box-shadow:0 -12px 40px #00000080}.qt-sheet .handle{background:var(--line);border-radius:2px;width:38px;height:4px;margin:2px auto 12px}.qt-sheet h3{color:var(--text-strong);margin-bottom:2px;font-size:15px}.qt-sheet .sub{color:var(--text-mut);margin-bottom:12px;font-size:11px}.qt-pretrade{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);margin:10px 0;padding:10px 12px;font-size:11.5px}.qt-pretrade b{color:var(--text-strong)}.qt-pretrade .warn{color:var(--warn);margin-top:6px;font-size:10px;display:block}.qt-orow{border-bottom:1px solid var(--line-soft);padding:10px 14px;position:relative}.qt-orow .top{justify-content:space-between;align-items:center;display:flex}.qt-orow .nm{color:var(--text-strong);font-size:13.5px;font-weight:700}.qt-orow .meta{color:var(--text-mut);margin-top:2px;font-size:11px}.qt-fill{background:var(--line-soft);border-radius:2px;height:4px;margin-top:7px;overflow:hidden}.qt-fill i{background:var(--primary);border-radius:2px;height:100%;display:block}.qt-prow{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.qt-prow .pnl{text-align:right;font-size:14px;font-weight:800}.qt-prow .pnl.up{color:var(--buy-bright)}.qt-prow .pnl.down{color:var(--sell-bright)}.qt-toast-container{z-index:1000;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:400px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.qt-toast{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--buy);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;display:flex;box-shadow:0 8px 24px #00000073}.qt-toast--err{border-left-color:var(--sell)}.qt-toast b{color:var(--text-strong)}.qt-banner{color:var(--warn);background:#f0b4291f;border-bottom:1px solid #f0b4294d;justify-content:center;align-items:center;gap:8px;padding:6px;font-size:11.5px;font-weight:600;display:flex}.qt-tabbar{width:100%;max-width:100%;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);z-index:90;background:#0b1322;display:flex;position:fixed;bottom:0;left:0}.qt-tab{color:var(--text-mut);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:9.5px;text-decoration:none;display:flex;position:relative}.qt-tab .ico{font-size:18px;line-height:1}.qt-tab.on{color:#5f96e0;font-weight:700}.qt-tab .qt-badge{background:var(--sell);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 4px;font-size:9px;font-weight:800;display:flex;position:absolute;top:6px;right:calc(50% - 18px)}.qt-bigpx{font-size:var(--fs-price);color:var(--text-strong);font-weight:800}