:root{color-scheme:dark;--bg:#10191a;--panel:#192425;--line:#314143;--text:#edf2f0;--muted:#9eadae;--green:#54d0ae;--red:#f0837b;--amber:#edc27d;--blue:#8bb9d8;font-family:system-ui,"Microsoft YaHei",sans-serif;letter-spacing:0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}
.topbar{height:60px;padding:0 max(16px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:#121d1e}.brand{font-size:13px;font-weight:800}.brand span{color:var(--green)}.subbrand{margin-top:3px;font-size:10px;color:var(--muted)}.feed-badge{min-width:68px;text-align:center;padding:5px 8px;border:1px solid var(--line);border-radius:3px;color:var(--muted);font-size:11px}.feed-badge.live{color:var(--green);border-color:#397966}.feed-badge.delayed{color:var(--amber);border-color:#826943}.feed-badge.error{color:var(--red);border-color:#8e4b48}
main{max-width:1120px;margin:auto;padding:0 16px 96px}.market{display:flex;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.market-main{min-width:0}.label{color:var(--muted);font-size:13px}.label b{margin-left:7px;color:var(--green);font-family:ui-monospace,monospace}.price-line{display:flex;align-items:baseline;gap:14px;margin-top:8px}.price-line strong{font:600 clamp(30px,4vw,44px)/1.05 ui-monospace,monospace}.price-line span{font:12px ui-monospace,monospace}.quote-line{display:flex;gap:15px;margin-top:10px;color:var(--muted);font-size:12px}.market-stats{display:grid;grid-template-columns:repeat(2,90px);align-content:center;gap:10px 17px}.market-stats div{display:flex;justify-content:space-between;gap:6px;border-bottom:1px solid var(--line);padding-bottom:5px}.market-stats span,.data-grid span,.account-grid span{color:var(--muted);font-size:11px}.market-stats strong,.data-grid b{font:500 12px ui-monospace,monospace}.notice{margin:12px 0;padding:9px 12px;border-left:3px solid var(--amber);background:#302b22;color:var(--amber);font-size:12px}.notice.ok{border-color:var(--green);background:#1b302b;color:#badfd4}.notice.error{border-color:var(--red);background:#322424;color:#f2b2ac}
.section{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:4px;background:var(--panel)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px}.section h2{margin:0;font-size:16px;font-weight:650}.status-text{color:var(--muted);font-size:11px;text-align:right}.position-section{border-color:#526b5e}.empty-position{padding:21px 0 8px;color:var(--muted);font-size:13px}.position-primary{display:flex;justify-content:space-between;margin:13px 0 12px;font-size:19px}.position-primary strong{font-family:ui-monospace,monospace}.data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding-top:11px;border-top:1px solid var(--line)}.data-grid>div{min-width:0}.data-grid b{display:block;margin-top:5px;overflow-wrap:anywhere}
.work-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.signal-text{margin-top:17px;font-size:21px;font-weight:700}.subline{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.5}.plan-grid{margin-top:17px}.account-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px 10px;margin-top:17px}.account-grid strong{display:block;margin-top:5px;font:600 17px ui-monospace,monospace}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.warning{color:var(--amber)!important}
.segment{display:flex;border:1px solid var(--line);border-radius:3px;overflow:hidden;flex-shrink:0}.segment button{border:0;padding:5px 9px;color:var(--muted);background:transparent;font-size:11px}.segment button+button{border-left:1px solid var(--line)}.segment button.selected{background:var(--green);color:#10201a;font-weight:700}.chart-wrap{position:relative;height:200px;margin-top:12px}.chart-wrap canvas{display:block;width:100%;height:100%}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:12px}.chart-foot{display:flex;justify-content:space-between;color:var(--muted);font:11px ui-monospace,monospace}
.history-filter{display:inline-flex;margin-top:12px}.history-list{margin-top:4px}.trade-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:11px 0;border-bottom:1px solid var(--line)}.trade-row:last-child{border-bottom:0}.trade-row strong{font-size:13px}.trade-row small{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.4}.trade-row .pnl{text-align:right;font:600 14px ui-monospace,monospace}.empty-list{padding:20px 0;color:var(--muted);font-size:12px}
.manual-controls{display:grid;grid-template-columns:1fr 70px auto auto;align-items:end;gap:8px;margin-top:15px}.manual-controls label{display:grid;gap:5px;color:var(--muted);font-size:11px}.manual-controls input,.manual-controls select{width:100%;height:36px;padding:5px 8px;border:1px solid var(--line);border-radius:3px;background:#111b1c;color:var(--text)}.manual-controls button{height:36px;padding:0 15px;border:1px solid var(--green);border-radius:3px;background:var(--green);color:#10201a;font-weight:700}.manual-controls button:last-child{border-color:var(--red);background:transparent;color:var(--red)}.manual-history{margin-top:10px;color:var(--muted);font-size:12px}.manual-history>div{padding:6px 0;border-top:1px solid var(--line)}footer{margin-top:18px;color:var(--muted);font-size:11px;line-height:1.6}.bottom-nav{display:none}
@media(max-width:720px){.topbar{padding:0 14px}.subbrand{font-size:9px}main{padding:0 12px 82px}.market{display:block;padding:19px 0 13px}.market-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}.market-stats div{display:block}.market-stats strong{display:block;margin-top:4px}.price-line strong{font-size:35px}.work-grid{display:block}.chart-wrap{height:165px}.section{padding:14px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#152021}.bottom-nav a{display:grid;place-items:center;min-height:51px;color:var(--text);text-decoration:none;font-size:12px}.bottom-nav a:active{color:var(--green)}}
@media(max-width:380px){.market-stats{grid-template-columns:repeat(2,1fr)}.data-grid{grid-template-columns:repeat(2,1fr)}.manual-controls{grid-template-columns:1fr 70px}.manual-controls button{width:100%}}