:root{--ink:#15233b;--muted:#72809a;--line:#e8edf5;--brand:#2468f2;--bg:#f5f8fc}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.console-layout{min-height:100vh}.console-sider{position:-webkit-sticky!important;position:sticky!important;top:0;height:100vh;background:#101b32!important;border-right:1px solid #223052}.brand{height:76px;display:flex;gap:11px;align-items:center;padding:0 20px;color:#fff}.brand strong{display:block;font-size:17px;letter-spacing:.2px}.brand small{display:block;margin-top:3px;font-size:9px;letter-spacing:1.1px;color:#7f91b1}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#4e8cff,#2661dd);font-weight:800;box-shadow:0 6px 20px #1d55c966}.console-sider .ant-menu{background:transparent;border:0;padding:8px}.console-sider .ant-menu-item{margin-inline:0;width:100%;border-radius:8px}.console-sider .ant-menu-item-selected{background:#24457f!important}.sider-foot{position:absolute;bottom:22px;color:#91a1bc;font-size:12px;padding:0 22px}.live-dot{display:inline-block;margin-right:7px;width:7px;height:7px;background:#2ed698;border-radius:50%;box-shadow:0 0 0 3px #2ed69822}.console-header{height:64px;padding:0 30px;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.crumb{color:var(--muted);flex:1 1;margin-left:18px;font-size:14px}.crumb b{color:var(--ink)}.user-badge{width:30px;height:30px;display:inline-grid;place-items:center;background:#eaf1ff;color:var(--brand);border-radius:50%;font-weight:700}.console-content{padding:30px;max-width:1600px;width:100%;margin:0 auto}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:24px}.page-heading .ant-typography{margin:0}.page-heading .ant-typography-secondary{display:block;margin-top:7px}.metric-card{overflow:hidden;border:0;box-shadow:0 4px 18px #1f397011}.metric-card .ant-statistic-content{font-size:27px;font-weight:680}.metric-trend{display:inline-block;margin-top:13px;font-size:12px}.tone-blue{color:#2563eb}.tone-violet{color:#7c3aed}.tone-green{color:#16a36a}.tone-orange{color:#d97706}.full-width{width:100%}.alert-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.alert-item:last-child{border-bottom:0}.table-tip{display:block;margin-top:12px}.modal-alert{margin-bottom:18px}.secret-box{margin:18px 0;padding:14px;border:1px solid #ffd591;background:#fff7e6;color:#8c4a00;word-break:break-all;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;border-radius:8px}.code-card pre{margin:0;white-space:pre-wrap;word-break:break-word;color:#213553;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.guide-notes{margin:0;padding-left:18px;color:#53627c}.guide-notes li+li{margin-top:8px}@media (max-width:700px){.console-sider{position:fixed!important;z-index:5}.console-content{padding:18px 18px 18px 80px}.console-header{padding:0 16px 0 80px}.page-heading{align-items:flex-start;flex-direction:column}}