:root{--bg:#081019;--panel:#0e1824;--line:#1f3042;--text:#edf4fb;--muted:#7f93a8;--accent:#57b8ff;--red:#ff5a68;--green:#24c88a;--purple:#ce66ff;--cyan:#49e7ff;--yellow:#ffd35a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0%,#102438 0,#081019 40%);color:var(--text);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;min-height:100vh}.shell{max-width:1500px;margin:auto;padding:20px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border:1px solid var(--line);background:rgba(14,24,36,.92);border-radius:18px}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--accent)}h1{font-size:24px;margin:4px 0 0}.status-group{display:flex;gap:10px;align-items:center}.dot{width:12px;height:12px;border-radius:50%}.dot.waiting{background:#7f93a8}.dot.live{background:#24c88a;box-shadow:0 0 14px #24c88a}.dot.error{background:#ff5a68}.status-text{font-weight:700}.muted{color:var(--muted);font-size:12px}.meta-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0}.meta-strip>div,.stats-grid>div{border:1px solid var(--line);background:rgba(14,24,36,.9);border-radius:12px;padding:12px}.meta-strip span,.stats-grid span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.meta-strip b{font-size:13px}.layout{display:grid;grid-template-columns:260px 1fr;gap:12px}.watchlist,.main-panel{border:1px solid var(--line);background:rgba(14,24,36,.94);border-radius:18px;overflow:hidden}.watchlist{padding:14px}.panel-title{font-weight:800;font-size:13px;margin-bottom:10px}.top-list{display:flex;flex-direction:column;gap:7px}.top-item{border:1px solid transparent;background:#101d2a;padding:10px;border-radius:11px;cursor:pointer;display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center}.top-item:hover,.top-item.active{border-color:#3b6d95;background:#14263a}.rank{font-size:12px;color:var(--muted)}.ticker{font-weight:800}.name{font-size:11px;color:var(--muted);margin-top:2px}.score{text-align:right;font-size:12px}.empty-card{color:var(--muted);padding:18px 8px}.main-panel{padding:18px}.symbol-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.symbol-title{font-size:23px;font-weight:900}.price-box{text-align:right}.price-box .label{color:var(--muted);font-size:11px}.price{font-size:24px;font-weight:900}.chart-wrap{height:520px;position:relative;background:#09131e;border:1px solid var(--line);border-radius:14px;overflow:hidden}#chart{width:100%;height:100%;display:block}.chart-legend{position:absolute;left:12px;top:10px;display:flex;gap:14px;padding:7px 10px;border-radius:9px;background:rgba(5,11,18,.72);font-size:11px;color:#aab9c8}.legend{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.legend.actual{background:#9aa9b7}.legend.pred{background:var(--yellow)}.legend.high80{background:var(--purple)}.legend.low20{background:var(--cyan)}.stats-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:10px}.stats-grid b{font-size:15px}.note{margin-top:10px;color:#91a3b6;font-size:12px}@media(max-width:900px){.shell{padding:10px}.meta-strip{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}.watchlist{max-height:220px;overflow:auto}.top-list{display:grid;grid-template-columns:repeat(2,1fr)}.chart-wrap{height:430px}.stats-grid{grid-template-columns:repeat(4,1fr)}}
