:root{color:#eef6ff;background:#08111f;font-family:Inter,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.cursor-hidden,.cursor-hidden *{cursor:none}.screen{min-height:100vh;padding:32px;background:radial-gradient(circle at 20% 0%,rgba(18,111,145,.32),transparent 30%),linear-gradient(135deg,#08111f,#132136 48%,#0b1714)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.topbar h1{margin:0;font-size:40px;letter-spacing:0}.topbar p{margin:8px 0 0;color:#9eb3c7}.status{padding:10px 16px;border:1px solid rgba(159,226,191,.38);border-radius:8px;color:#9fe2bf;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:12px}.fullscreen-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(170,196,220,.2);border-radius:8px;background:#0b1623b8;color:#eef6ff}.content{display:grid;gap:24px;margin-top:28px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi,.ranking{border:1px solid rgba(170,196,220,.18);border-radius:8px;background:#0b1623b8}.kpi{min-height:144px;padding:24px}.kpi span{display:block;color:#9eb3c7}.kpi strong{display:block;margin-top:20px;font-size:36px;letter-spacing:0}.ranking{padding:20px}.ranking h2,.hourly-bars h2,.order-stream h2{margin:0 0 16px;font-size:22px;letter-spacing:0}.ranking-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;min-height:52px;border-top:1px solid rgba(170,196,220,.12)}.ranking-row em{color:#ffd166;font-style:normal}.watermark{position:fixed;right:24px;bottom:20px;color:#ffffff61;font-size:18px}.delay-indicator{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(170,196,220,.18);border-radius:8px;background:#0b1623b8;color:#9fe2bf}.delay-indicator i{width:8px;height:8px;border-radius:50%;background:currentColor}.delay-indicator-stale,.delay-indicator-error,.delay-indicator-closed{color:#ff9b9b}.degraded-banner{padding:14px 18px;border:1px solid rgba(255,155,155,.46);border-radius:8px;background:#6618187a;color:#ffd7d7}.hourly-bars,.order-stream{padding:20px;border:1px solid rgba(170,196,220,.18);border-radius:8px;background:#0b1623b8}.hourly-bars-grid{display:grid;grid-template-columns:repeat(15,minmax(24px,1fr));align-items:end;gap:10px;min-height:180px}.hourly-bar{display:grid;grid-template-rows:1fr auto;gap:8px;min-width:0}.hourly-bar-track{display:flex;align-items:end;height:140px;border-radius:8px;background:#aac4dc1a;overflow:hidden}.hourly-bar-track span{display:block;width:100%;background:linear-gradient(180deg,#9fe2bf,#35b4ff)}.hourly-bar strong{text-align:center;color:#9eb3c7;font-size:12px}.order-stream-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;min-height:44px;border-top:1px solid rgba(170,196,220,.12)}.order-stream-row span{min-width:0;overflow:hidden;color:#9eb3c7;text-overflow:ellipsis;white-space:nowrap}.order-stream-row em{color:#9fe2bf;font-style:normal}@media(max-width:900px){.screen{padding:20px}.topbar{align-items:flex-start;flex-direction:column}.topbar h1{font-size:30px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hourly-bars-grid{grid-template-columns:repeat(8,minmax(24px,1fr))}}