.demo-workspace[data-v-690df590]{min-height:100vh;color:#172033;background:#f5f7fb}.demo-header[data-v-690df590]{height:72px;padding:0 42px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:hsla(0,0%,100%,.9);border-bottom:1px solid #e7ebf2;-webkit-box-shadow:0 4px 18px rgba(25,45,80,.04);box-shadow:0 4px 18px rgba(25,45,80,.04)}.brand[data-v-690df590]{gap:12px;color:#172033;text-decoration:none}.brand[data-v-690df590],.brand__mark[data-v-690df590]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.brand__mark[data-v-690df590]{width:34px;height:34px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:17px;border-radius:10px;background:linear-gradient(135deg,#4c8dff,#2364dc);-webkit-box-shadow:0 8px 16px rgba(54,116,235,.2);box-shadow:0 8px 16px rgba(54,116,235,.2)}.brand strong[data-v-690df590]{display:block;font-size:17px;letter-spacing:-.02em}.brand small[data-v-690df590]{display:block;margin-top:2px;color:#8b96a8;font-size:11px}.demo-header__actions[data-v-690df590]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.demo-header__actions button[data-v-690df590]{height:34px;padding:0 15px;color:#445066;font-size:12px;border:1px solid #d9e0eb;border-radius:8px;background:#fff;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.demo-header__actions button[data-v-690df590]:hover{color:#2364dc;border-color:#8db5ff;-webkit-box-shadow:0 5px 14px rgba(54,116,235,.12);box-shadow:0 5px 14px rgba(54,116,235,.12)}.demo-main[data-v-690df590]{width:calc(100% - 64px);max-width:1240px;margin:0 auto;padding:48px 0 76px}.demo-main__intro[data-v-690df590]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:28px;margin-bottom:28px}.eyebrow[data-v-690df590]{margin:0 0 9px;color:#3978f6;font-size:11px;font-weight:700;letter-spacing:.14em}.demo-main__intro h1[data-v-690df590]{margin:0;color:#172033;font-size:clamp(28px,3.5vw,42px);line-height:1.15;letter-spacing:-.045em}.demo-main__intro p[data-v-690df590]:not(.eyebrow){max-width:650px;margin:14px 0 0;color:#718097;font-size:14px;line-height:1.8}.demo-main__intro .ant-btn[data-v-690df590]{height:40px;padding:0 19px;border:0;border-radius:9px;-webkit-box-shadow:0 9px 18px rgba(54,116,235,.2);box-shadow:0 9px 18px rgba(54,116,235,.2)}.summary-grid[data-v-690df590]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.summary-card[data-v-690df590]{min-height:108px;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px;border:1px solid #e6ebf3;border-radius:14px;background:#fff;-webkit-box-shadow:0 8px 24px rgba(31,51,86,.04);box-shadow:0 8px 24px rgba(31,51,86,.04)}.summary-card__icon[data-v-690df590]{width:38px;height:38px;-webkit-box-flex:0;-ms-flex:0 0 38px;flex:0 0 38px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#3978f6;font-size:17px;border-radius:11px;background:#edf4ff}.summary-card em[data-v-690df590],.summary-card small[data-v-690df590],.summary-card strong[data-v-690df590]{display:block}.summary-card small[data-v-690df590]{color:#8b96a8;font-size:12px}.summary-card strong[data-v-690df590]{margin:4px 0 3px;color:#172033;font-size:26px;line-height:1;letter-spacing:-.04em}.summary-card em[data-v-690df590]{color:#a3adbc;font-size:11px;font-style:normal}.content-grid[data-v-690df590]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.95fr);gap:18px}.panel[data-v-690df590]{padding:22px;border:1px solid #e6ebf3;border-radius:14px;background:#fff;-webkit-box-shadow:0 8px 24px rgba(31,51,86,.04);box-shadow:0 8px 24px rgba(31,51,86,.04)}.loop-panel[data-v-690df590]{margin-top:18px}.panel__heading[data-v-690df590]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:16px;margin-bottom:19px}.panel__heading h2[data-v-690df590]{margin:0;color:#172033;font-size:21px;letter-spacing:-.035em}.live-state[data-v-690df590]{color:#77849a;font-size:11px;white-space:nowrap}.live-state i[data-v-690df590]{width:7px;height:7px;display:inline-block;margin-right:6px;border-radius:50%;background:#27c58a;-webkit-box-shadow:0 0 0 4px rgba(39,197,138,.12);box-shadow:0 0 0 4px rgba(39,197,138,.12)}.monitor-grid[data-v-690df590]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.monitor-item__screen[data-v-690df590]{position:relative;height:150px;overflow:hidden;border-radius:10px;background:radial-gradient(circle at 40% 35%,#263653 0,#152038 43%,#0c1324 100%)}.monitor-item__screen[data-v-690df590]:before{content:"";position:absolute;inset:0;opacity:.4;background:linear-gradient(135deg,transparent 35%,rgba(91,136,211,.34) 36%,transparent 37%),linear-gradient(25deg,transparent 48%,rgba(126,162,220,.2) 49%,transparent 50%)}.monitor-item__grid[data-v-690df590]{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(hsla(0,0%,100%,.16) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.16) 1px,transparent 0);background-size:30px 30px}.monitor-item__box[data-v-690df590]{position:absolute;left:22%;top:25%;width:38%;height:42%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:6px;border:2px solid #31d398;color:#dfffee;font-size:10px;background:rgba(49,211,152,.1)}.monitor-item__box.alert[data-v-690df590]{border-color:#ff6478;color:#ffe5e8;background:rgba(255,100,120,.12)}.monitor-item__scan[data-v-690df590]{position:absolute;left:0;right:0;top:12%;height:1px;background:rgba(122,190,255,.72);-webkit-box-shadow:0 0 12px rgba(122,190,255,.9);box-shadow:0 0 12px rgba(122,190,255,.9);-webkit-animation:demo-scan-690df590 3.4s ease-in-out infinite;animation:demo-scan-690df590 3.4s ease-in-out infinite}.monitor-item__screen small[data-v-690df590]{position:absolute;right:9px;bottom:8px;color:hsla(0,0%,100%,.68);font-size:10px}.monitor-item__meta[data-v-690df590]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:8px;padding-top:10px}.monitor-item__meta strong[data-v-690df590]{overflow:hidden;color:#344056;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.monitor-item__meta span[data-v-690df590]{color:#99a4b4;font-size:10px;white-space:nowrap}.alert-list[data-v-690df590]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}.alert-item[data-v-690df590]{min-height:58px;padding:9px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;border-bottom:1px solid #edf0f5}.alert-item[data-v-690df590]:last-child{border-bottom:0}.alert-item__dot[data-v-690df590]{width:8px;height:8px;-webkit-box-flex:0;-ms-flex:0 0 8px;flex:0 0 8px;border-radius:50%;background:#3978f6}.alert-item__dot.high[data-v-690df590]{background:#ff5b6e;-webkit-box-shadow:0 0 0 4px rgba(255,91,110,.12);box-shadow:0 0 0 4px rgba(255,91,110,.12)}.alert-item__dot.medium[data-v-690df590]{background:#f0a33b;-webkit-box-shadow:0 0 0 4px rgba(240,163,59,.12);box-shadow:0 0 0 4px rgba(240,163,59,.12)}.alert-item__dot.low[data-v-690df590]{background:#3978f6;-webkit-box-shadow:0 0 0 4px rgba(57,120,246,.12);box-shadow:0 0 0 4px rgba(57,120,246,.12)}.alert-item>div[data-v-690df590]{min-width:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.alert-item small[data-v-690df590],.alert-item strong[data-v-690df590]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-item strong[data-v-690df590]{color:#344056;font-size:12px}.alert-item small[data-v-690df590]{margin-top:5px;color:#9aa5b5;font-size:10px}.alert-item .ant-tag[data-v-690df590]{margin:0;font-size:10px;border-radius:5px}.loop-line[data-v-690df590]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;position:relative}.loop-line[data-v-690df590]:before{content:"";position:absolute;top:16px;left:9%;right:9%;height:1px;background:#dce6f7}.loop-step[data-v-690df590]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.loop-step>span[data-v-690df590],.loop-step[data-v-690df590]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.loop-step>span[data-v-690df590]{width:32px;height:32px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#3978f6;font-size:12px;font-weight:700;border:1px solid #cbdcff;border-radius:50%;background:#f3f7ff}.loop-step strong[data-v-690df590]{margin-top:11px;color:#344056;font-size:12px}.loop-step small[data-v-690df590]{margin-top:5px;color:#9aa5b5;font-size:10px}@-webkit-keyframes demo-scan-690df590{0%,to{-webkit-transform:translateY(0);transform:translateY(0);opacity:.2}50%{-webkit-transform:translateY(125px);transform:translateY(125px);opacity:.9}}@keyframes demo-scan-690df590{0%,to{-webkit-transform:translateY(0);transform:translateY(0);opacity:.2}50%{-webkit-transform:translateY(125px);transform:translateY(125px);opacity:.9}}@media (max-width:900px){.demo-header[data-v-690df590]{padding:0 22px}.demo-main[data-v-690df590]{width:calc(100% - 36px);padding-top:32px}.summary-grid[data-v-690df590]{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid[data-v-690df590]{grid-template-columns:1fr}}@media (max-width:600px){.demo-header[data-v-690df590]{height:auto;min-height:64px;padding:14px 18px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.demo-header__actions[data-v-690df590]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:6px}.demo-main__intro[data-v-690df590]{display:block}.demo-main__intro .ant-btn[data-v-690df590]{margin-top:18px}.summary-grid[data-v-690df590]{gap:10px}.summary-card[data-v-690df590]{min-height:92px;padding:14px}.summary-card strong[data-v-690df590]{font-size:22px}.panel[data-v-690df590]{padding:16px}.monitor-grid[data-v-690df590]{grid-template-columns:1fr}.loop-line[data-v-690df590]{grid-template-columns:1fr;gap:17px}.loop-line[data-v-690df590]:before{top:16px;bottom:16px;left:calc(50% - 1px);right:auto;width:1px;height:auto}}@media (prefers-reduced-motion:reduce){.monitor-item__scan[data-v-690df590]{-webkit-animation:none;animation:none}}