@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Noto Sans SC,system-ui,sans-serif;color:#f4f7ff;background:#07101e;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:1180px;min-height:100vh}.monitor-app{--bg:#07101e;--panel:#0b1a30;--panel2:#10233d;--border:#203a60;--text:#f3f7ff;--muted:#94a8c4;--soft:#6d84a2;--blue:#2f88ff;--cyan:#25c6e8;--green:#42e19a;--yellow:#ffbd42;--red:#ff4f5e;--purple:#9571ff;min-height:100vh;background:radial-gradient(circle at 75% -10%,rgba(34,114,210,.22),transparent 34%),var(--bg);color:var(--text);display:flex;position:relative;overflow:hidden}.monitor-app.has-critical:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid rgba(255,53,78,.4);box-shadow:inset 0 0 32px #ff203442,inset 0 0 110px #ff20341a;z-index:20}.theme-light{--bg:#edf4fc;--panel:#fff;--panel2:#f7faff;--border:#d8e5f3;--text:#182d4e;--muted:#6d82a0;--soft:#93a4b9;--blue:#287ee1;--cyan:#16b9d6;--green:#17a978;--yellow:#dc971e;--red:#dc3e54;--purple:#7553d9;--border:#d9e4f1;background:linear-gradient(135deg,#eff6ff,#e9f2fb 48%,#f7fbff);color:var(--text)}.theme-light.has-critical:before{box-shadow:inset 0 0 28px #ff34442e}.sidebar{width:224px;flex:none;border-right:1px solid var(--border);background:#061121d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;padding:24px 16px 18px;z-index:2}.theme-light .sidebar{background:#fffc}.brand-lockup{display:flex;align-items:center;gap:10px;padding:0 9px 29px}.brand-mark{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;font-size:20px;font-weight:800;color:#fff;background:linear-gradient(145deg,#21c3e7,#2b6ee7);box-shadow:0 8px 25px #2097f04d}.brand-lockup strong{display:block;font-size:17px;letter-spacing:1px}.brand-lockup span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.nav-list{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:var(--muted);height:42px;border-radius:10px;display:flex;align-items:center;gap:11px;padding:0 12px;font:600 13px inherit;text-align:left;cursor:pointer;transition:.2s}.nav-item:hover{color:var(--text);background:#3977c41a}.nav-item.active{color:#fff;background:linear-gradient(90deg,#2477eb4d,#22c6e11a);box-shadow:inset 3px 0 0 var(--cyan)}.theme-light .nav-item.active{color:#1763b6;background:linear-gradient(90deg,#3085e729,#14c6d60f)}.nav-item em{margin-left:auto;font-style:normal;font-size:10px;min-width:20px;height:18px;border-radius:9px;display:grid;place-items:center;color:#fff;background:var(--red)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding:17px 9px 0;color:var(--muted);font-size:11px}.sidebar-footer div{display:flex;gap:8px;align-items:center;color:var(--green);font-weight:600}.sidebar-footer small{display:block;margin-top:9px;color:var(--soft)}.main-area{min-width:0;flex:1}.topbar{height:66px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 25px;gap:20px;background:#07101e5c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.theme-light .topbar{background:#ffffff80}.mobile-title{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:700;letter-spacing:.2px}.topbar-alert{height:31px;display:flex;gap:8px;align-items:center;color:#ff727c;border:1px solid rgba(255,76,91,.38);border-radius:18px;padding:0 14px;font-size:12px;font-weight:700;background:#ff3b4f14}.topbar-alert svg{fill:#ff5360}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.system-time{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;margin-right:8px}.icon-button{position:relative;width:33px;height:33px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--muted);display:grid;place-items:center;cursor:pointer}.icon-button:hover{color:var(--text);border-color:var(--blue)}.icon-button i{position:absolute;right:-4px;top:-6px;background:var(--red);color:#fff;font:700 9px inherit;font-style:normal;border-radius:9px;min-width:16px;height:16px;display:grid;place-items:center}.content-shell{padding:22px 25px 25px;max-width:1920px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.page-heading h1{font-size:21px;margin:0 0 4px;letter-spacing:.2px}.page-heading p{margin:0;color:var(--muted);font-size:12px}.refresh-control{display:flex;gap:10px;align-items:center;color:var(--green);font-size:12px}.refresh-control>span{display:flex;align-items:center;gap:7px}.live-pulse{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #42e19a1c;animation:pulse 1.8s infinite}.uiverse-button{border:1px solid rgba(61,151,255,.7);border-radius:8px;color:#fff;background:linear-gradient(135deg,#2378e8,#1fbcd2);font:700 11px inherit;padding:9px 12px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;box-shadow:0 5px 16px #1f80eb2e;transition:.18s}.uiverse-button:hover{transform:translateY(-1px);filter:brightness(1.13);box-shadow:0 8px 22px #1f80eb52}.theme-light .uiverse-button{color:#fff}.metric-grid{display:grid;grid-template-columns:repeat(7,minmax(132px,1fr));gap:11px;margin-bottom:14px}.metric-card{min-height:102px;background:linear-gradient(145deg,#122947d9,#0a192ffa);border:1px solid var(--border);border-radius:9px;padding:15px 13px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.metric-card:after{content:"";position:absolute;right:-32px;bottom:-44px;width:102px;height:102px;border-radius:50%;background:#1e81f114}.theme-light .metric-card{background:#ffffffd9;box-shadow:0 6px 20px #34679c0f}.metric-copy{min-width:0}.metric-copy>span{display:block;color:var(--muted);font-size:11px;white-space:nowrap}.metric-copy strong{display:block;font-size:24px;line-height:1.35;letter-spacing:.2px;margin:5px 0 2px}.metric-copy strong small{font-size:12px;color:var(--muted);margin-left:4px}.metric-copy em{font-style:normal;color:var(--soft);font-size:10px;white-space:nowrap}.metric-card:nth-child(4) .metric-copy em,.metric-card:nth-child(5) .metric-copy em{color:var(--muted)}.metric-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:#3081ff29;color:#5a9cff;flex:none}.metric-card.purple .metric-icon{color:#9c78ff;background:#8c64ff2e}.metric-card.cyan .metric-icon{color:#2bd6e4;background:#13bfd126}.metric-card.gold .metric-icon{color:#ffc33d;background:#ffbe3029}.metric-card.orange .metric-icon{color:#ff9b50;background:#ff893d29}.metric-card.green .metric-icon{color:#43e19b;background:#2ad18c26}.workspace-grid{display:grid;grid-template-columns:220px minmax(560px,1fr) 290px;gap:12px;align-items:stretch}.panel,.game-panel{border:1px solid var(--border);border-radius:8px;background:linear-gradient(145deg,#0c1d35d9,#081527f2);box-shadow:0 10px 30px #020a181f}.theme-light .panel,.theme-light .game-panel{background:#ffffffe0;box-shadow:0 7px 22px #2b609712}.panel-heading{min-height:59px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 15px}.panel-heading h2{font-size:13px;margin:0 0 5px}.panel-heading span{font-size:10px;color:var(--muted)}.search-box{height:29px;width:144px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid var(--border);border-radius:5px;color:var(--muted)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:10px inherit}.room-panel{display:flex;flex-direction:column;min-height:575px}.room-tree{padding:9px 8px;flex:1}.region{padding:7px 0 5px}.region-title{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--text)}.region-title b{color:var(--muted);font-weight:500}.region-title small{margin-left:auto;color:var(--muted);font-size:10px}.region-status{width:6px;height:6px;border-radius:50%;background:var(--green)}.region-status.warn{background:var(--yellow)}.room-item{width:100%;border:0;background:transparent;color:var(--muted);font:10px inherit;display:flex;align-items:center;text-align:left;gap:8px;padding:7px 8px 7px 24px;border-radius:5px;cursor:pointer}.room-item:hover{background:#408ce01a;color:var(--text)}.room-item span{margin-left:auto;font-size:9px}.room-summary{border-top:1px solid var(--border);padding:11px 9px;display:flex;gap:4px}.summary-chip{flex:1;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--muted);font:9px inherit;padding:7px 2px;cursor:pointer}.summary-chip b{display:block;font-size:12px;margin-top:2px;color:var(--text)}.summary-chip.active{color:var(--blue);border-color:var(--blue)}.summary-chip.healthy{color:var(--green)}.summary-chip.danger{color:var(--red)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #42e19a14}.status-dot.warn{background:var(--yellow);box-shadow:0 0 0 3px #ffbd4217}.status-dot.bad{background:var(--red);box-shadow:0 0 0 3px #ff4f5e1a}.game-panel{min-width:0}.game-heading{padding-right:13px}.health-strip{display:flex;gap:12px;color:var(--muted);font-size:10px}.health-strip span{display:flex;align-items:center;gap:5px;padding-left:11px;border-left:1px solid var(--border)}.health-strip b{font-weight:700}.health-strip .good{color:var(--green)}.game-list{padding:9px 10px;display:grid;gap:9px}.game-card{width:100%;min-height:114px;display:grid;grid-template-columns:190px minmax(400px,1fr) 80px;gap:10px;align-items:center;padding:10px;border:1px solid #234775;border-radius:7px;background:linear-gradient(110deg,#0e2748ad,#091a32e6);color:var(--text);text-align:left;cursor:pointer;transition:.2s}.theme-light .game-card{background:linear-gradient(110deg,#f3f8fff2,#fffc)}.game-card:hover,.game-card.selected{border-color:var(--blue);transform:translateY(-1px);box-shadow:0 7px 22px #197aeb1f}.game-card.warn{border-color:#ff4f5eb3;box-shadow:inset 0 0 20px #ff34450f}.game-identity{display:flex;align-items:center;gap:11px;border-right:1px solid var(--border);min-height:78px}.game-identity img{width:51px;height:51px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,.25))}.game-identity strong{display:block;font-size:13px}.game-identity span{display:block;color:var(--muted);font-size:10px;margin:5px 0}.game-identity em{font-style:normal;color:var(--green);font-size:10px}.game-card.warn .game-identity em{color:var(--red)}.pipeline{display:flex;justify-content:space-between;gap:2px}.pipeline-step{min-width:47px;flex:1;text-align:center;position:relative}.pipeline-step:not(:last-child):after{content:"";position:absolute;top:13px;left:calc(50% + 12px);right:calc(-50% + 12px);border-top:1px dashed rgba(65,223,154,.55)}.pipeline-step small{display:block;color:var(--muted);font-size:9px;white-space:nowrap;margin-top:6px}.pipeline-step em{display:block;color:var(--green);font-style:normal;font-size:9px;margin-top:4px;white-space:nowrap}.pipeline-step .warn~small,.pipeline-step .warn~em{color:var(--red)}.pipeline-dot{position:relative;z-index:1;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#4ae29d26;border:1px solid var(--green);color:var(--green)}.pipeline-dot.warn{background:var(--red);color:#fff;border-color:var(--red)}.pipeline-dot.wait{background:#6f88a924;border-color:#577292;color:#7791ae}.pipeline-dot.run{background:#2889f029;border-color:var(--blue);color:#5ca8ff}.game-side{display:grid;gap:6px;text-align:right;color:var(--muted);font-size:9px}.game-side>b{font-size:13px}.game-side span{white-space:nowrap}.game-side .status-dot{margin-right:4px;width:5px;height:5px}.good-text,.good{color:var(--green)}.bad-text,.danger-text{color:var(--red)}.events-panel{min-height:575px;display:flex;flex-direction:column}.filter-button{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:5px;font:10px inherit;cursor:pointer}.event-list{padding:12px 14px;display:grid;gap:17px;position:relative;flex:1}.event-list:before{content:"";position:absolute;left:20px;top:15px;bottom:15px;border-left:1px solid var(--border)}.event-item{display:grid;grid-template-columns:45px 1fr;gap:7px;position:relative;padding-left:8px}.event-marker{position:absolute;left:2px;top:3px;width:8px;height:8px;border-radius:50%;border:2px solid var(--panel);background:var(--blue);box-shadow:0 0 0 1px var(--blue)}.event-marker.bad{background:var(--red);box-shadow:0 0 0 1px var(--red)}.event-marker.warn{background:var(--yellow);box-shadow:0 0 0 1px var(--yellow)}.event-time{color:var(--muted);font-size:9px;padding-top:1px}.event-copy>div{display:flex;gap:5px;align-items:center}.event-copy strong{font-size:10px;font-weight:700;line-height:1.35}.event-copy small{color:var(--muted);font-size:9px;display:block;margin-top:4px;line-height:1.4}.event-tag{font-size:8px;border-radius:3px;padding:2px 4px;color:#fff}.event-tag.bad{background:var(--red)}.event-tag.warn{background:var(--yellow);color:#271800}.event-tag.info{background:var(--blue)}.link-button{border:0;background:transparent;color:var(--blue);font:10px inherit;padding:12px;cursor:pointer;text-align:center}.link-button:hover{text-decoration:underline}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.system-bar{min-height:70px;padding:0 16px;display:flex;align-items:center;gap:22px}.system-bar>div{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;white-space:nowrap}.system-bar b{color:var(--text);font-weight:700}.mini-progress{width:52px;height:4px;border-radius:4px;background:var(--border);overflow:hidden}.mini-progress i{height:100%;display:block;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:4px}.system-bar .runtime{margin-left:auto;gap:14px}.runtime-ok{color:var(--green)!important}.runtime-ok svg{stroke-width:3}.selected-summary{min-height:70px;padding:13px 16px}.summary-title,.selected-stats{display:flex;justify-content:space-between;align-items:center}.summary-title>div{display:flex;align-items:center;gap:7px;font-size:11px}.phase{font-size:10px;padding:4px 8px;border-radius:5px;background:#42e19a1a;color:var(--green)}.phase.warn{color:var(--red);background:#ff4f5e1a}.selected-stats{justify-content:flex-start;gap:22px;margin-top:10px;color:var(--muted);font-size:10px}.selected-stats span{display:flex;align-items:center;gap:5px}.selected-stats b{color:var(--text);margin-left:3px}.selected-stats .good-text,.selected-stats .danger-text{color:var(--green)}.selected-stats .danger-text{color:var(--red)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.workspace-grid,.game-panel,.game-list,.game-card,.pipeline{min-width:0}.workspace-grid{align-items:start}.game-panel{overflow:hidden}.game-card{grid-template-columns:clamp(145px,22%,190px) minmax(0,1fr) 68px}.pipeline{overflow:hidden}.pipeline-step{min-width:0;overflow:hidden}.pipeline-step small,.pipeline-step em{overflow:hidden;text-overflow:ellipsis}.events-panel{min-width:0;height:575px;max-height:575px;overflow:hidden}.event-list{max-height:440px;overflow:auto;align-content:start}.bottom-grid{position:fixed;left:220px;right:0;bottom:0;z-index:40;background:var(--bg);border-top:1px solid var(--border);padding:8px 25px 12px;margin:0}.content-shell{padding-bottom:110px}.selected-region{background:#288feb14;border-radius:7px}@media (max-width:1400px){.metric-grid{grid-template-columns:repeat(4,1fr)}.workspace-grid{grid-template-columns:205px minmax(510px,1fr) 260px}.game-card{grid-template-columns:155px minmax(340px,1fr) 72px}.health-strip{gap:6px}.content-shell{padding-left:18px;padding-right:18px}.sidebar{width:205px}}@media (max-width:1400px){.workspace-grid{grid-template-columns:205px minmax(0,1fr) 260px}.game-card{grid-template-columns:145px minmax(0,1fr) 64px}.pipeline-step small{font-size:8px}.bottom-grid{left:205px;padding-left:18px;padding-right:18px}}.brand-logo{width:36px;height:36px;border-radius:10px;object-fit:cover;box-shadow:0 5px 14px #278bf438}.monitor-app[data-view]:not([data-view=总览]) .metric-grid,.monitor-app[data-view]:not([data-view=总览]) .workspace-grid,.monitor-app[data-view]:not([data-view=总览]) .bottom-grid{display:none}.module-view{min-height:575px;overflow:hidden}.module-table{padding:12px 16px;display:grid;gap:8px;max-height:560px;overflow:auto}.module-row{display:grid;grid-template-columns:1fr 1.2fr 180px;gap:12px;align-items:center;border:1px solid var(--border);border-radius:8px;padding:14px 16px;background:var(--panel2)}.module-row strong{color:var(--text);font-size:12px}.module-row span,.module-row em{color:var(--muted);font-size:11px;font-style:normal}.module-empty{padding:80px 20px;text-align:center;color:var(--muted)}.data-loading{display:flex;align-items:center;gap:9px;margin:-8px 0 14px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--muted);font-size:13px}.data-loading svg{color:var(--blue);animation:loading-pulse 1.2s ease-in-out infinite}.data-loading.error{border-color:#f2b8b8;color:#c84747}.data-loading.error svg{color:#e54a5f;animation:none}@keyframes loading-pulse{50%{opacity:.35;transform:rotate(180deg)}}.game-empty{min-height:250px;display:grid;place-items:center;color:var(--muted);font-size:14px;border:1px dashed var(--border);border-radius:10px;background:#7fa0cd0a}.metric-card:after{display:none}.region-title{border:0;background:transparent;width:100%;font:inherit;text-align:left;cursor:pointer}.region-title:hover{color:var(--blue)}.region-title svg{transition:transform .18s}.region-title svg.collapsed{transform:rotate(-90deg)}.main-area{width:100%}.topbar{padding-left:32px;padding-right:32px}.topbar:before{display:none}.mobile-title{display:flex}.mobile-title svg{display:none}.content-shell{padding-left:32px;padding-right:32px}.metric-card,.panel,.game-panel{border-radius:12px}.metric-card{min-height:108px}.workspace-grid{grid-template-columns:250px minmax(600px,1fr) 300px;gap:16px}.room-panel{min-height:575px;background:linear-gradient(180deg,var(--panel),var(--panel2))}.room-panel .panel-heading{padding:0 18px}.room-panel .panel-heading h2{font-size:14px;letter-spacing:.2px}.room-tree{padding:13px 12px}.region{padding:4px 0 8px;margin-bottom:4px}.region-title{min-height:30px;padding:0 7px;color:var(--text);font-size:12px}.region-title svg{color:var(--soft)}.region-title b{font-size:10px}.room-item{margin:2px 0;padding:10px 10px 10px 30px;border:1px solid transparent;border-radius:8px;font-size:11px;transition:background .15s,border-color .15s,color .15s}.room-item:hover,.selected-region .room-item{background:#287ee11a;border-color:#287ee133;color:var(--text)}.room-item span{font-variant-numeric:tabular-nums}.room-summary{padding:13px 12px;gap:7px}.summary-chip{border-radius:8px;padding:8px 3px;font-size:10px}.summary-chip b{font-size:13px}.game-panel,.events-panel{border-radius:12px}.game-heading{min-height:68px;padding-left:20px}.game-heading h2{font-size:15px}.game-list{padding:14px 16px 18px;gap:12px}.game-card{min-height:120px;border-radius:10px;padding:12px 14px;background:linear-gradient(105deg,#0e2a4dd1,#091b33f5);box-shadow:0 4px 12px #0410231f}.theme-light .game-card{background:linear-gradient(105deg,#f4f8fd,#fff)}.events-panel .panel-heading{min-height:68px}.event-list{padding:16px;gap:15px}.bottom-grid{left:0;padding-left:32px;padding-right:32px}.theme-light{background:linear-gradient(135deg,#e8f2fc,#f5f9fd 52%,#e7f1fb)}.page-heading h1{font-size:27px;letter-spacing:-.4px}.page-heading p{font-size:13px}.metric-card{border:0;border-top:3px solid rgba(40,126,225,.35);padding:16px 18px;box-shadow:0 8px 24px #275c911a}.metric-card:nth-child(2){border-top-color:#7553d96b}.metric-card:nth-child(3){border-top-color:#16b9d66b}.metric-card:nth-child(4){border-top-color:#dc971e80}.metric-card:nth-child(5){border-top-color:#287ee180}.metric-card:nth-child(6){border-top-color:#ff8e4880}.metric-card:nth-child(7){border-top-color:#17a97880}.room-panel,.game-panel,.events-panel{box-shadow:0 12px 34px #25588f1a}.game-card{border:1px solid rgba(71,118,174,.35);border-left:4px solid rgba(40,126,225,.75);min-height:128px}.game-card.warn{border-left-color:var(--red)}.game-identity img{width:62px;height:62px}.game-identity strong{font-size:15px}.game-identity span,.game-identity em{font-size:11px}.pipeline-step small,.pipeline-step em{font-size:10px}.events-panel .panel-heading h2{font-size:15px}