:root{--bg:#081019;--panel:#0c1723;--line:#1a2a39;--muted:#708397;--txt:#d8e3ee;--red:#ff4d5e;--green:#1cc98b;--blue:#35a6ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font:14px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;overflow-x:hidden}header{height:52px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:32px;background:#0a141f}.brand{font-size:17px;font-weight:700;color:#fff}.brand small{font-size:11px;font-weight:400;color:var(--muted);margin-left:8px}#market-status{color:var(--muted);font-size:12px}#market-status i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:5px;box-shadow:0 0 8px var(--green)}#clock{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}.panel{background:var(--panel);border:1px solid var(--line);min-width:0}.panelhead{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid var(--line)}.panelhead b{font-size:13px;color:#eaf2f9}.panelhead span{font-size:11px;color:var(--muted)}main{padding:12px;display:grid;gap:10px;grid-template-columns:290px minmax(440px,1fr) 250px;grid-template-rows:104px 360px 290px}.quote{grid-column:1/4;display:flex;align-items:center;padding:16px 20px;gap:40px}.code{font-size:12px;color:var(--blue);margin-right:10px}.quote strong{font-size:17px}.last{display:flex;flex-direction:column}.last b{font-size:31px;font-family:ui-monospace,monospace;color:var(--red)}.last span{font-family:ui-monospace,monospace}.quote dl{display:flex;gap:30px;margin:0}.quote dl div{min-width:48px}.quote dt{font-size:11px;color:var(--muted);margin-bottom:7px}.quote dd{margin:0;font-family:ui-monospace,monospace}.red{color:var(--red)}.green{color:var(--green)}.chart{grid-column:1/3}.chart canvas{width:100%;height:320px;display:block}.book{grid-column:3;grid-row:2}.levels{padding:8px 10px}.level{display:grid;grid-template-columns:40px 1fr 70px;line-height:24px;font-size:12px;font-family:ui-monospace,monospace}.level span:first-child{color:var(--muted)}.level span:last-child{text-align:right}.mid{margin:1px 10px;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.mid b{font-size:18px}.mid span{font-size:11px;color:var(--muted)}.order{padding:0 16px;grid-column:1}.tabs{display:flex;margin:0 -16px 15px;border-bottom:1px solid var(--line)}.tab{width:50%;height:42px;border:0;background:none;color:var(--muted);cursor:pointer}.tab.active{color:var(--red);border-bottom:2px solid var(--red)}label{display:flex;justify-content:space-between;align-items:center;color:var(--muted);margin:13px 0}input{width:155px;background:#09131d;border:1px solid #26394a;color:#eaf2f9;padding:9px;border-radius:3px;font-family:ui-monospace,monospace}.quick{display:flex;gap:7px}.quick button,.cancel{border:1px solid #2a4052;color:#adc1d2;background:#101e2b;border-radius:3px;cursor:pointer;padding:6px 9px}.submit{margin-top:18px;width:100%;border:0;border-radius:3px;color:white;padding:11px;cursor:pointer;font-weight:bold}.submit.buy{background:#d83d4e}.submit.sell{background:#15a974}#tip{font-size:11px;color:var(--muted);text-align:center}.trades{grid-column:2}.trade{display:grid;grid-template-columns:1fr 1fr 1fr;padding:0 13px;line-height:22px;font-family:ui-monospace,monospace;font-size:12px}.trade span:nth-child(2){text-align:center}.trade span:last-child{text-align:right;color:var(--muted)}.portfolio{grid-column:1/3}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:16px;gap:10px}.metrics span{font-size:11px;color:var(--muted);display:block;margin-bottom:7px}.metrics b{font-family:ui-monospace,monospace;font-size:16px}.mission{margin:0 16px;padding:12px;background:#0a1420;border-left:2px solid var(--blue);position:relative}.mission>span{color:var(--blue);font-size:11px;margin-right:9px}.mission p{margin:7px 0;color:#acbecc;font-size:12px}.mission div{height:4px;background:#243545}.mission i{display:block;height:100%;width:0;background:#35a6ff;transition:width .5s}.mission small{display:block;color:var(--muted);margin-top:6px}.pending{grid-column:3}.pending-item{padding:10px;border-bottom:1px solid var(--line);font-size:12px}.pending-item div{display:flex;justify-content:space-between;margin-bottom:7px}.empty{color:var(--muted);text-align:center;padding:38px 0}.overlay{position:fixed;z-index:10;inset:0;background:rgba(3,8,13,.94);display:grid;place-items:center}.joinbox{width:410px;text-align:center;padding:45px;background:#0c1723;border:1px solid #203445}.joinbox h1{font-size:30px;margin:8px}.joinbox p{color:#91a5b7;line-height:1.7}.eyebrow{color:var(--blue);font-size:10px;letter-spacing:1.5px}.joinbox input{width:100%;margin:20px 0 10px}.joinbox button{width:100%;background:var(--blue);border:0;color:#fff;padding:12px;border-radius:3px;font-weight:bold;cursor:pointer}.joinbox small{display:block;color:#607589;margin-top:17px;font-size:11px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#e9f2f8;color:#0b1722;padding:10px 17px;border-radius:3px;display:none;z-index:20}@media(max-width:920px){main{grid-template-columns:1fr;grid-template-rows:auto}.quote,.chart,.book,.order,.trades,.portfolio,.pending{grid-column:1;grid-row:auto}.quote dl{gap:13px}.quote{flex-wrap:wrap;gap:15px}.book{min-height:300px}}@media(max-width:600px){header{height:46px;padding:0 12px;gap:10px}.brand{font-size:15px}.brand small,#clock{display:none}#market-status{margin-left:auto;font-size:11px}main{padding:8px;gap:8px}.quote{display:grid;grid-template-columns:1fr auto;padding:13px;gap:5px 12px}.quote>div:first-child{align-self:center}.quote strong{display:block;font-size:16px;margin-top:3px}.last{align-items:flex-end}.last b{font-size:28px}.quote dl{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:11px 8px;border-top:1px solid var(--line);padding-top:11px;width:100%}.quote dl div{min-width:0}.quote dt{margin-bottom:4px}.chart canvas{height:220px}.panelhead{height:36px}.book{min-height:0}.levels{padding:5px 10px}.level{line-height:25px;grid-template-columns:45px 1fr 78px}.mid{padding:7px 0}.order{padding:0 13px}.tabs{margin:0 -13px 12px}.tab{height:40px}label{margin:11px 0}input{width:58%;font-size:16px;padding:10px}.quick button{flex:1;padding:8px 4px}.submit{font-size:15px;padding:13px;margin-top:15px}.trades{max-height:250px;overflow:auto}.portfolio .metrics{grid-template-columns:repeat(2,1fr);padding:13px;gap:14px}.metrics b{font-size:15px}.mission{margin:0 13px 13px}.pending-item{padding:11px 13px}.joinbox{width:calc(100% - 32px);padding:34px 24px}.joinbox h1{font-size:27px}.joinbox input,.joinbox button{font-size:16px;padding:12px}}
:root{--rank-gold:#ffd166}.rankings{grid-column:1}.review{grid-column:2/4}.rank-row,.history-row{display:grid;grid-template-columns:34px 1fr 76px;padding:9px 13px;border-bottom:1px solid var(--line);font-family:ui-monospace,monospace;font-size:12px;align-items:center}.rank-row span:first-child{color:var(--muted)}.rank-row b,.history-row b{text-align:right}.review-metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:14px 13px;gap:10px;border-bottom:1px solid var(--line)}.review-metrics span{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}.review-metrics b{font-family:ui-monospace,monospace;font-size:15px}.history-row{grid-template-columns:70px 1fr 70px 70px}.history-row span:last-child{text-align:right;color:var(--muted)}@media(max-width:920px){.rankings,.review{grid-column:1;grid-row:auto}}@media(max-width:600px){.review-metrics{grid-template-columns:repeat(3,1fr);padding:12px}.review-metrics b{font-size:13px}.history-row{grid-template-columns:60px 1fr 60px 62px;padding:9px;font-size:11px}}
.chart-tools{display:flex;align-items:center;gap:5px}.kline-tab{border:1px solid #2a4052;background:#101e2b;color:#708397;border-radius:3px;padding:3px 6px;font-size:11px;cursor:pointer}.kline-tab.active{color:#fff;border-color:#35a6ff;background:#16334a}