:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#020617;--bg-elevated:#0f172a;--bg-card:#0f172aeb;--border:#94a3b847;--text:#e2e8f0;--text-muted:#94a3b8;--text-soft:#cbd5e1;--accent:#2563eb;--accent-soft:#2563eb2e;--accent-2:#2dd4bf;--up:#f5222d;--down:#00b578;--up-soft:#f5222d38;--down-soft:#00b57838;--sider-w:176px;--topbar-h:52px;--mobile-tabbar-h:56px;--radius:12px}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f1f5f9;--bg-elevated:#fff;--bg-card:#fff;--border:#0f172a1a;--text:#0f172a;--text-muted:#64748b;--text-soft:#334155;--accent-soft:#2563eb1a}html[data-theme=tdx]{--bg:#050505;--bg-elevated:#101010;--bg-card:#101010;--border:#d2d2d22e;--text:#e6e6e6;--text-muted:#8f8f8f;--text-soft:#d4d4d4;--accent:#facc15;--accent-soft:#facc151f;--accent-2:#fbbf24;--up:#ff4d4f;--down:#52c41a;--up-soft:#ff4d4f38;--down-soft:#52c41a38}html[data-color-mode=rg],html:not([data-color-mode]),html[data-color-mode=grg]{--up:#f5222d;--down:#00b578;--up-soft:#f5222d38;--down-soft:#00b57838}*{box-sizing:border-box}html,body,#app{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:PingFang SC,Helvetica Neue,system-ui,-apple-system,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{background:radial-gradient(1200px 480px at 8% -12%, #2563eb29, transparent 55%), radial-gradient(900px 380px at 92% 0%, #2dd4bf12, transparent 48%), var(--bg);flex-direction:column;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}.nav-sider{width:var(--sider-w);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617c7;flex-direction:column;flex-shrink:0;gap:3px;height:100%;padding:12px 10px 20px;display:flex;overflow:auto}html[data-theme=light] .nav-sider{background:#ffffffe6}html[data-theme=tdx] .nav-sider{background:#050505f2}.nav-item{color:var(--text-soft);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;transition:all .15s;display:flex}.nav-item:hover{background:var(--accent-soft);color:#eff6ff}.nav-item.active{color:#f8fafc;background:#2563eb3d;border-color:#60a5fa5c;font-weight:600}html[data-theme=tdx] .nav-item.active{color:#ffd166;background:#facc151f;border-color:#facc1559}.nav-icon-badge{color:#bfdbfe;background:#2563eb47;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}html[data-theme=tdx] .nav-icon-badge{color:#fde68a;background:#facc1529}.main-content{flex-direction:column;flex:1;min-width:0;min-height:0;padding:12px 16px;display:flex;overflow:hidden}.page-viewport{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.page-viewport>.page-fill{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:50;background:#020617e6;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;display:flex}html[data-theme=light] .topbar{background:#ffffffeb}html[data-theme=tdx] .topbar{background:#050505f5}.brand{letter-spacing:.02em;align-items:center;gap:10px;font-weight:700;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#2563eb,#2dd4bf);border-radius:8px;place-items:center;width:28px;height:28px;font-size:13px;display:grid}html[data-theme=tdx] .brand-mark{color:#111;background:linear-gradient(135deg,#ca8a04,#facc15)}.page-title{margin:0 0 2px;font-size:20px;font-weight:700}.page-sub{color:var(--text-muted);margin-bottom:12px;font-size:13px}.card,.intel-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:14px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.grid-2{grid-template-columns:1.35fr 1fr;gap:14px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metric{border:1px solid var(--border);background:#0f172ab8;border-radius:12px;padding:12px 14px}html[data-theme=light] .metric{background:#fff}.metric .label{color:var(--text-muted);font-size:12px}.metric .value{margin-top:4px;font-size:22px;font-weight:700}.up,.up *,td.up,th.up,span.up,div.up,b.up,strong.up,em.up,small.up,.s-pct.up,.cell-text.up,.metric .value.up,.metric .sub.up,.leader-stock.up{color:var(--up)!important}.down,.down *,td.down,th.down,span.down,div.down,b.down,strong.down,em.down,small.down,.s-pct.down,.cell-text.down,.metric .value.down,.metric .sub.down,.leader-stock.down{color:var(--down)!important}td.up,td.down,.s-pct,.cell-text{font-variant-numeric:tabular-nums}.table-wrap{border:1px solid var(--border);border-radius:12px;min-height:0;overflow:auto}table.data-table{border-collapse:collapse;width:100%;font-size:13px}table.data-table th,table.data-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #94a3b824;padding:9px 11px}table.data-table th{color:var(--text-muted);z-index:1;background:#0f172af2;font-weight:600;position:sticky;top:0}table.data-table tr:hover td{cursor:pointer;background:#2563eb14}.tag{color:#99f6e4;background:#2dd4bf1f;border:1px solid #2dd4bf40;border-radius:999px;align-items:center;margin-right:4px;padding:2px 8px;font-size:12px;display:inline-flex}html[data-theme=tdx] .tag{color:#fde68a;background:#facc151a;border-color:#facc1547}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.tab{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:7px 12px}.tab.active{color:#eff6ff;background:#2563eb40;border-color:#60a5fa66}html[data-theme=tdx] .tab.active{color:#fff7cc;background:#facc1524;border-color:#facc1559}.mobile-tabbar{height:calc(var(--mobile-tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);z-index:60;background:#020617f5;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-tabbar .item{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.mobile-tabbar .item.active{color:#93c5fd}.kline-wrap{border:1px solid var(--border);background:#020617;border-radius:12px;width:100%;height:100%;min-height:280px;overflow:hidden}html[data-theme=light] .kline-wrap{background:#fff}html[data-theme=dark] .kline-wrap{background:#020617}html[data-theme=tdx] .kline-wrap{background:#000}.kline-wrap[data-chart-theme=light]{background:#fff}.kline-wrap[data-chart-theme=dark]{background:#020617}.kline-wrap[data-chart-theme=tdx]{background:#000}.screen-layout{flex:1;grid-template-columns:280px minmax(280px,1fr) minmax(360px,1.35fr);align-items:stretch;gap:12px;min-height:0;display:grid}.screen-layout.screen-3col{grid-template-columns:280px minmax(260px,.95fr) minmax(380px,1.4fr)}.screen-rules .rule-item{border-bottom:1px solid #94a3b81f;padding:10px 0}.screen-rules .rule-item:last-child{border-bottom:0}.diagnose-workspace{flex:1;grid-template-columns:minmax(0,1fr) 360px;gap:14px;min-height:0;display:grid}.stock-cell{flex-direction:column;gap:2px;display:flex}.stock-cell .code{color:var(--text-muted);font-size:12px}.home-toolbar{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}@media (width<=1280px){.screen-layout,.screen-layout.screen-3col{grid-template-columns:260px 1fr}.screen-layout .chart-pane{grid-column:1/-1;min-height:420px}}@media (width<=1100px){.screen-layout,.screen-layout.screen-3col,.diagnose-workspace,.grid-2{grid-template-columns:1fr}}@media (width<=960px){.nav-sider{display:none}.grid-3{grid-template-columns:1fr}.mobile-tabbar{display:flex}.main-content{padding-bottom:calc(var(--mobile-tabbar-h) + env(safe-area-inset-bottom) + 8px)}}