:root{--color-page-ljl: #05070d;--color-panel-ljl: rgba(8, 13, 23, .9);--color-panel-strong-ljl: rgba(12, 20, 33, .94);--color-line-ljl: rgba(0, 229, 255, .26);--color-line-soft-ljl: rgba(141, 162, 184, .16);--color-primary-ljl: #00e5ff;--color-green-ljl: #00ffa3;--color-amber-ljl: #ffb020;--color-red-ljl: #ff4d5e;--color-text-ljl: #eaf6ff;--color-muted-ljl: #8da2b8;--font-display-ljl: Inter, "Segoe UI", "Microsoft YaHei", Arial, sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:0;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;color:var(--color-text-ljl);background:linear-gradient(rgba(0,229,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.035) 1px,transparent 1px),var(--color-page-ljl);background-size:48px 48px;font-family:var(--font-display-ljl)}button{font:inherit}.dashboard-viewport{width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(120deg,rgba(0,229,255,.08),transparent 32%),linear-gradient(300deg,rgba(255,176,32,.06),transparent 30%),#05070d}.dashboard-screen{position:relative;isolation:isolate;width:min(100vw,1920px);height:min(100vh,56.25vw);min-height:720px;padding:22px;display:grid;grid-template-rows:82px minmax(0,1fr) 88px;gap:14px;overflow:hidden}.dashboard-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,transparent 1px,transparent 6px);opacity:.24}.hud-header,.panel,.insight-ticker{position:relative;border:1px solid var(--color-line-ljl);border-radius:8px;background:var(--color-panel-ljl);box-shadow:0 0 24px #00e5ff14,inset 0 0 24px #00e5ff06}.hud-header:before,.panel:before,.insight-ticker:before{content:"";position:absolute;top:-1px;left:18px;right:18px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--color-primary-ljl),transparent);opacity:.72}.hud-header:after,.panel:after,.insight-ticker:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;pointer-events:none;border:1px solid rgba(141,162,184,.08)}.hud-header{display:grid;grid-template-columns:1fr 2.2fr 1fr;align-items:center;padding:12px 24px}.hud-header__status,.hud-header__meta{display:flex;flex-direction:column;gap:6px;color:var(--color-muted-ljl);font-size:12px;letter-spacing:0;text-transform:uppercase}.hud-header__meta{align-items:flex-end}.hud-header__status strong,.hud-header__meta strong{color:var(--color-green-ljl);font-size:18px}.hud-header__status span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--color-green-ljl);box-shadow:0 0 12px #00ffa3cc}.hud-header__title{text-align:center}.hud-header__title p{margin:0 0 4px;color:var(--color-amber-ljl);font-size:12px;letter-spacing:0}.hud-header__title h1{margin:0;color:var(--color-text-ljl);font-size:clamp(24px,2vw,36px);font-weight:800;letter-spacing:0;text-shadow:0 0 18px rgba(0,229,255,.36)}.content-grid{display:grid;grid-template-columns:minmax(280px,24fr) minmax(520px,52fr) minmax(280px,24fr);gap:14px;min-height:0}.side-column,.center-column{display:grid;gap:14px;min-height:0}.side-column{grid-template-rows:1fr 1fr 1.25fr}.center-column{grid-template-rows:minmax(0,1.48fr) minmax(210px,.62fr)}.panel{min-width:0;min-height:0;padding:16px;overflow:hidden}.panel-heading{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-heading:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:linear-gradient(90deg,rgba(0,229,255,.42),rgba(255,176,32,.22),transparent)}.panel-heading span{color:var(--color-primary-ljl);font-size:11px;font-weight:700;letter-spacing:0}.panel-heading strong{color:var(--color-text-ljl);font-size:14px;font-weight:700;text-align:right}.kpi-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi-card{min-width:0;padding:12px;border:1px solid var(--color-line-soft-ljl);border-radius:8px;background:linear-gradient(180deg,rgba(0,229,255,.055),transparent),#ffffff06}.kpi-card span,.kpi-card em,.rank-list em,.store-strip em,.metric-list em,.importance-list em{color:var(--color-muted-ljl);font-size:11px;font-style:normal}.kpi-card strong{display:block;margin:8px 0 4px;color:var(--color-text-ljl);font-size:clamp(18px,1.4vw,26px);line-height:1}.chart-host{position:relative;z-index:1;width:100%;height:calc(100% - 32px);min-height:150px}.chart-host--small{min-height:170px}.rank-list{position:relative;z-index:1;display:grid;gap:9px;margin:0;padding:0;list-style:none}.rank-list li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--color-line-soft-ljl)}.rank-list li span{display:inline-grid;width:24px;height:24px;place-items:center;border:1px solid rgba(0,229,255,.34);border-radius:50%;color:var(--color-primary-ljl);font-size:12px}.rank-list strong{overflow:hidden;color:var(--color-text-ljl);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.map-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.store-map{position:relative;z-index:1;min-height:0;border:1px solid rgba(122,238,255,.2);border-radius:8px;overflow:hidden;background:linear-gradient(rgba(234,246,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(234,246,255,.02) 1px,transparent 1px),radial-gradient(ellipse at 50% 58%,rgba(106,236,255,.08),transparent 34%),radial-gradient(ellipse at 50% 76%,rgba(128,91,255,.09),transparent 48%),linear-gradient(180deg,#02080f0a,#02080f61),linear-gradient(320deg,rgba(246,205,112,.04),transparent 42%),url(/map/hk-night-base.png),#020810eb;background-position:0 0,0 0,center,center,center,center,center 48%,center;background-size:42px 42px,42px 42px,auto,auto,auto,auto,cover,auto;box-shadow:inset 0 0 42px #7aeeff0f,inset 0 -30px 66px #805bff0f,0 0 24px #00e5ff12}.store-map:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:0;pointer-events:none;border:1px solid rgba(126,248,255,.14);background:linear-gradient(90deg,transparent,rgba(143,238,255,.035),transparent),linear-gradient(180deg,rgba(0,229,255,.02),transparent 26%,transparent 76%,rgba(245,196,81,.03));opacity:1}.store-map:after{content:"";position:absolute;z-index:2;left:0;right:0;top:-30%;height:28%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(128,230,255,.09),transparent);animation:scan-ljl 5.8s linear infinite}.store-map__aura{position:absolute;z-index:0;left:20%;right:20%;bottom:12%;height:23%;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,rgba(225,255,255,.12),transparent 28%),radial-gradient(ellipse at 50% 56%,rgba(30,213,235,.18),transparent 50%),radial-gradient(ellipse at 50% 72%,rgba(122,88,255,.18),transparent 68%);filter:blur(13px);opacity:.72}.store-map__chart{position:relative;z-index:1;width:100%;height:100%;min-height:320px}.store-map__fallback{position:absolute;top:18px;right:18px;bottom:18px;left:18px;z-index:3;display:grid;place-content:center;gap:8px;border:1px solid rgba(255,77,94,.28);border-radius:8px;color:var(--color-red-ljl);text-align:center;background:#05070dd1}.store-map__fallback strong{font-size:13px}.store-map__fallback span{color:var(--color-muted-ljl);font-size:11px}.store-strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.store-strip article,.metric-list article,.model-metrics article{min-width:0;padding:10px;border:1px solid var(--color-line-soft-ljl);border-radius:8px;background:linear-gradient(135deg,rgba(234,246,255,.04),transparent),#ffffff06}.store-strip span,.metric-list span,.model-metrics span,.importance-list span{color:var(--color-muted-ljl);font-size:11px}.store-strip strong,.metric-list strong,.model-metrics strong{display:block;margin:6px 0 4px;overflow:hidden;color:var(--color-text-ljl);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.metric-list,.model-metrics,.importance-list{position:relative;z-index:1;display:grid;gap:10px}.model-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.model-metrics strong{color:var(--color-green-ljl);font-size:18px}.importance-list article{display:grid;grid-template-columns:minmax(90px,.85fr) minmax(80px,1fr) 44px;align-items:center;gap:8px}.importance-list strong{display:block;height:8px;max-width:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-primary-ljl),var(--color-green-ljl));box-shadow:0 0 14px #00e5ff57}.importance-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insight-ticker{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:0 22px}.insight-ticker span{color:var(--color-amber-ljl);font-size:12px;font-weight:800}.insight-ticker strong{overflow:hidden;color:var(--color-text-ljl);font-size:clamp(14px,1.1vw,20px);text-overflow:ellipsis;white-space:nowrap}.insight-ticker em{color:var(--color-muted-ljl);font-size:12px;font-style:normal;white-space:nowrap}.dashboard-state{display:grid;place-items:center;border:1px solid var(--color-line-ljl);border-radius:8px;color:var(--color-primary-ljl);background:var(--color-panel-strong-ljl)}.dashboard-state--error{color:var(--color-red-ljl)}@keyframes scan-ljl{0%{transform:translateY(0)}to{transform:translateY(500%)}}@media(max-width:1180px){body{overflow:auto}.dashboard-viewport{align-items:flex-start;overflow:visible}.dashboard-screen{height:auto;min-height:100vh;grid-template-rows:auto auto auto}.hud-header,.content-grid,.insight-ticker{grid-template-columns:1fr}.hud-header__meta{align-items:flex-start}.side-column,.center-column{grid-template-rows:auto}.chart-host{height:260px}.store-map{height:420px}.store-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-ticker strong{white-space:normal}}