:root{color-scheme:dark;--bg: #08141f;--bg-elevated: #112232;--panel: rgba(15, 32, 46, .88);--panel-strong: #102031;--line: rgba(160, 196, 225, .12);--text: #ecf6fb;--muted: #90a9bc;--accent: #36c4a5;--accent-2: #40a6ff;--warning: #ffb84d;--alarm: #ff7f50;--critical: #ff5d73;--offline: #6f8192;--radius: 24px;--shadow: 0 18px 42px rgba(0, 0, 0, .35);font-family:Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(64,166,255,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(54,196,165,.18),transparent 30%),linear-gradient(180deg,#07111a,#0c1722);color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit}#app{min-height:100vh}.app-shell{display:grid;grid-template-columns:320px 1fr;min-height:100vh}.sidebar{padding:28px 22px;background:#08131df0;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px}.brand-block h1{margin:0;font-size:30px;line-height:1.2}.brand-block p{margin:12px 0 0;color:var(--muted);line-height:1.6}.brand-eyebrow,.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--accent);margin-bottom:12px}.sidebar-nav{display:grid;gap:10px}.sidebar-nav a{padding:14px 16px;border-radius:14px;background:#ffffff08;border:1px solid transparent;color:var(--muted);transition:.2s ease}.sidebar-nav a.router-link-active{background:#40a6ff1f;border-color:#40a6ff47;color:var(--text)}.sidebar-footer{margin-top:auto;display:grid;gap:16px}.sidebar-footer p{margin:0;color:var(--muted);line-height:1.6}.content-shell{padding:28px;display:grid;gap:22px;align-content:start}.content-topbar{display:flex;justify-content:flex-end;align-items:center;gap:12px}.login-screen{min-height:100vh;padding:28px;display:grid;align-content:start;gap:28px;background:radial-gradient(circle at top left,rgba(64,166,255,.18),transparent 24%),radial-gradient(circle at bottom right,rgba(54,196,165,.16),transparent 30%),linear-gradient(180deg,#07111a,#0b1824)}.login-screen__topbar{display:flex;justify-content:flex-end}.login-screen__content{min-height:calc(100vh - 140px);display:grid;place-items:center}.login-card{width:min(560px,100%);display:grid;gap:22px;padding:32px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(135deg,#10212ffa,#112434f0 58%,#123331e6);box-shadow:var(--shadow)}.login-card h1{margin:0;font-size:36px}.login-card p{margin:12px 0 0;color:var(--muted);line-height:1.7}.login-form{display:grid;gap:16px}.login-form__error{margin:0;padding:12px 14px;border-radius:14px;border:1px solid rgba(242,95,76,.34);background:#f25f4c1f;color:#ffd3cd}.login-form__submit{width:100%;border:0;cursor:pointer}.page-hero{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#122535fa,#122839eb 58%,#153935eb);box-shadow:var(--shadow)}.page-hero--compact{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.page-hero h2{margin:0;font-size:34px}.page-hero p{margin:10px 0 0;max-width:900px;color:var(--muted);line-height:1.7}.metrics-grid,.panel-grid,.scenario-grid,.building-grid,.line-grid,.summary-grid{display:grid;gap:18px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid--wide{grid-template-columns:1.4fr 1fr}.scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.panel,.metric-card,.building-card,.line-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.metric-card{padding:22px;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--card-accent)}.metric-label{margin:0;color:var(--muted)}.metric-value{display:block;margin-top:12px;font-size:34px}.panel{padding:22px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-head h3,.building-card h3,.building-card h4{margin:0}.panel-head p,.building-card p,.feed-time,.line-card__list,.summary-item span{color:var(--muted)}.map-frame{height:280px;border-radius:20px;background:linear-gradient(135deg,#3a6d8a26,#0c162133),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 64px);position:relative}.map-point{position:absolute;width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 8px #ffffff0a}.map-point.normal,.status-pill.normal{background:var(--accent)}.map-point.warning,.status-pill.warning{background:var(--warning)}.map-point.alarm,.status-pill.alarm{background:var(--alarm)}.map-point.critical,.status-pill.critical{background:var(--critical)}.status-pill.offline{background:var(--offline)}.feed-list,.topology-list,.detail-grid,.alarm-list,.timeline-list,.service-map-list,.check-list{display:grid;gap:12px}.feed-item,.topology-node{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.04)}.feed-item__row,.alarm-card__head,.service-map-item,.service-map-item__meta,.action-row,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.feed-item--stacked{align-items:flex-start;justify-content:flex-start}.feed-item--stacked p,.timeline-item p,.alarm-card p,.service-map-item p,.scenario-card p,.line-card__hint,.detail-section p{margin:0;color:var(--muted);line-height:1.6}.scenario-card{position:relative;display:grid;gap:18px;min-height:248px;padding:22px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff08,#ffffff04),radial-gradient(circle at top right,color-mix(in srgb,var(--scenario-accent) 24%,transparent),transparent 45%),#07141fe0;box-shadow:0 20px 50px #020a1247;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.scenario-card--warning{background:linear-gradient(180deg,#ffc26612,#ffffff04),radial-gradient(circle at top right,rgba(255,194,102,.18),transparent 46%),#07141fe6}.scenario-card--alarm{background:linear-gradient(180deg,#ff8e3c14,#ffffff04),radial-gradient(circle at top right,rgba(255,142,60,.2),transparent 46%),#07141fe6}.scenario-card--critical{background:linear-gradient(180deg,#f25f4c14,#ffffff04),radial-gradient(circle at top right,rgba(242,95,76,.2),transparent 46%),#07141fe6}.scenario-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--scenario-accent)}.scenario-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--scenario-accent) 52%,rgba(255,255,255,.08));box-shadow:0 24px 54px #020a1257}.scenario-card__head,.scenario-card__footer{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.scenario-card__head>:first-child,.scenario-card__footer>:first-child{min-width:0;flex:1}.scenario-card__head strong,.scenario-card__footer strong{display:block}.scenario-card__eyebrow{display:inline-flex;margin-bottom:10px;color:color-mix(in srgb,var(--scenario-accent) 72%,#d7e5f2 28%);font-size:12px;font-weight:700;letter-spacing:.04em}.scenario-card__copy{display:grid;gap:8px}.scenario-card__label{display:inline-flex;align-items:center;width:fit-content;min-height:24px;padding:0 10px;border-radius:999px;background:#ffffff0d;color:color-mix(in srgb,var(--scenario-accent) 58%,var(--text) 42%);font-size:11px;font-weight:700;letter-spacing:.04em}.scenario-card__summary{font-size:15px;color:color-mix(in srgb,var(--text) 84%,var(--muted) 16%)}.scenario-module{display:grid;gap:10px}.scenario-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.scenario-metric-item,.scenario-log-item,.scenario-check-item{border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#ffffff09}.scenario-metric-item{display:grid;gap:6px;padding:12px 14px}.scenario-metric-item span,.scenario-log-item strong{color:var(--muted);font-size:12px}.scenario-metric-item strong{font-size:15px}.scenario-log-list,.scenario-check-list{display:grid;gap:8px}.scenario-log-item{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:start;padding:12px 14px}.scenario-log-item p,.scenario-check-item p{margin:0;color:color-mix(in srgb,var(--text) 82%,var(--muted) 18%);line-height:1.5}.scenario-check-item{display:flex;align-items:flex-start;gap:10px;padding:12px 14px}.scenario-check-item__dot{width:8px;height:8px;border-radius:999px;margin-top:8px;background:var(--scenario-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--scenario-accent) 18%,transparent);flex-shrink:0}.scenario-module--policy .scenario-metric-item{background:color-mix(in srgb,var(--scenario-accent) 8%,rgba(255,255,255,.03))}.scenario-module--alarm .scenario-log-item{background:linear-gradient(90deg,color-mix(in srgb,var(--scenario-accent) 10%,rgba(255,255,255,.03)),#ffffff05)}.scenario-module--device .scenario-check-item{background:linear-gradient(180deg,#ffffff0a,#ffffff06)}.scenario-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.scenario-flow__item{position:relative;display:grid;gap:8px;min-height:78px;padding:12px 10px 10px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#ffffff09;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.scenario-flow__item:after{content:"";position:absolute;top:24px;left:calc(100% + 5px);width:calc(100% - 10px);height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--scenario-accent) 48%,transparent),#ffffff0f)}.scenario-flow__item:last-child:after{display:none}.scenario-flow__dot{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;font-size:13px;font-weight:700;color:var(--text);border:1px solid rgba(255,255,255,.08);background:#ffffff0d}.scenario-flow__label{color:var(--muted);font-size:13px;line-height:1.5}.scenario-flow__item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--scenario-accent) 36%,rgba(255,255,255,.06));background:color-mix(in srgb,var(--scenario-accent) 10%,rgba(255,255,255,.035))}.scenario-flow__item.is-active{border-color:color-mix(in srgb,var(--scenario-accent) 46%,rgba(255,255,255,.06));background:color-mix(in srgb,var(--scenario-accent) 12%,rgba(255,255,255,.03))}.scenario-flow__item.is-done{border-color:color-mix(in srgb,var(--scenario-accent) 26%,rgba(255,255,255,.06));background:color-mix(in srgb,var(--scenario-accent) 8%,rgba(255,255,255,.03))}.scenario-flow__item.is-done .scenario-flow__dot{background:color-mix(in srgb,var(--scenario-accent) 72%,#0a1b2c 28%);border-color:transparent}.scenario-flow__item.is-done .scenario-flow__label{color:color-mix(in srgb,var(--scenario-accent) 44%,var(--text) 56%)}.scenario-flow__item.is-active .scenario-flow__dot{background:var(--scenario-accent);border-color:transparent;color:#04111d}.scenario-flow__item.is-next{border-style:dashed}.scenario-flow__item.is-next .scenario-flow__dot{border-color:color-mix(in srgb,var(--scenario-accent) 44%,rgba(255,255,255,.08))}.scenario-card__footer{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.scenario-card__footer span{display:block;color:var(--muted);font-size:13px}.scenario-card__footer .scenario-card__label{margin-bottom:10px}.scenario-card__action{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--scenario-accent) 46%,rgba(255,255,255,.08));color:var(--text);background:color-mix(in srgb,var(--scenario-accent) 16%,transparent);white-space:nowrap;text-decoration:none}.scenario-card__action:hover{background:color-mix(in srgb,var(--scenario-accent) 24%,transparent)}.building-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.building-card{padding:20px;display:grid;gap:14px}.building-card--expanded{gap:18px}.building-card__head,.line-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.building-card__stats,.summary-grid,.policy-snapshot__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.building-card__stats--full{grid-template-columns:repeat(3,minmax(0,1fr))}.building-card__stats span,.summary-item,.tag{padding:10px 12px;border-radius:14px;background:#ffffff0a}.summary-item strong,.tag{display:block;margin-top:6px;color:var(--text)}.primary-link,.ghost-link,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:12px;padding:0 16px}.primary-link{background:linear-gradient(135deg,#1f7ae0,#21aa8c)}.ghost-link,.secondary-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text)}.secondary-button{cursor:pointer}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:72px;max-width:112px;min-height:28px;border-radius:999px;padding:6px 12px;color:#08141f;font-size:12px;font-weight:700;line-height:1.15;text-align:center;white-space:normal;overflow-wrap:anywhere;flex-shrink:0}.topology-node{align-items:flex-start;flex-direction:column}.topology-node__title,.topology-node__stats{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.topology-node__stats--wrap{flex-wrap:wrap;justify-content:flex-start}.line-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.line-card{padding:18px;display:grid;gap:14px}.line-card--interactive{align-content:start}.line-card__list{margin:0;padding-left:18px;display:grid;gap:6px}.line-card__hint{min-height:24px}.telemetry-grid,.trend-grid{display:grid;gap:12px}.telemetry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.telemetry-card,.trend-card{padding:14px 16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.telemetry-card{display:grid;gap:14px}.trend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-card{display:grid;gap:10px}.trend-card span{color:var(--muted)}.sparkline{height:74px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:8px}.sparkline span{border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#40a6fff2,#40a6ff47)}.sparkline--warm span{background:linear-gradient(180deg,#ffb84df2,#ffb84d47)}.sparkline--safe span{background:linear-gradient(180deg,#36c4a5f2,#36c4a547)}.sparkline--alert span{background:linear-gradient(180deg,#f25f4cf2,#f25f4c47)}.notice-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border:1px solid rgba(64,166,255,.28);border-radius:var(--radius);background:#40a6ff1f}.alarm-card{padding:18px;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);display:grid;gap:14px}.alarm-card__badges{display:flex;align-items:center;gap:8px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.scenario-metric-grid,.scenario-log-item{grid-template-columns:1fr}.action-row{flex-wrap:wrap}.timeline-item{padding:14px 16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);display:grid;gap:8px}.service-map-item{padding:16px 18px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.detail-section{display:grid;gap:10px}.detail-section h4,.form-section h4{margin:0}.modal-backdrop,.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030a12b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:28px;z-index:40}.drawer-backdrop{justify-content:flex-end}.dialog-panel,.side-drawer{border:1px solid var(--line);border-radius:var(--radius);background:#0a1723fa;box-shadow:var(--shadow)}.dialog-panel{width:min(960px,100%);max-height:calc(100vh - 56px);overflow:auto;padding:22px;display:grid;gap:18px}.dialog-panel--compact{width:min(620px,100%)}.side-drawer{width:min(460px,100%);height:calc(100vh - 56px);padding:22px;display:grid;align-content:start;gap:18px;overflow:auto}.form-section{display:grid;gap:12px;padding:16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.04)}.field-block{display:grid;gap:8px;color:var(--muted)}.field-block input{min-height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text);padding:0 14px}.check-item{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:#ffffff08}.check-item.is-pass{border-color:#36c4a557;background:#36c4a51f}.check-item.is-fail{border-color:#f25f4c57;background:#f25f4c1f}.dialog-actions{justify-content:flex-end;flex-wrap:wrap}.dialog-actions--drawer{margin-top:auto}.button-reset{border:0;color:var(--text);cursor:pointer}.button-reset:disabled{opacity:.4;cursor:not-allowed}.process-list{margin:0;padding-left:20px;display:grid;gap:12px;color:var(--muted)}.language-switcher{display:inline-flex;align-items:center;gap:12px;margin-left:auto;padding:8px 10px;border-radius:999px;background:#0a1824b8;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.language-switcher__label{color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.language-pills{display:flex;flex-wrap:nowrap;gap:8px}.language-pill{border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text);min-width:40px;min-height:34px;padding:0 12px;border-radius:999px;cursor:pointer}.language-pill.active{background:#40a6ff29;border-color:#40a6ff5c}@media(max-width:1200px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.metrics-grid,.scenario-grid,.building-grid,.line-grid,.panel-grid,.panel-grid--wide{grid-template-columns:1fr}}@media(max-width:768px){.content-shell,.sidebar{padding:18px}.content-topbar{justify-content:flex-start}.login-screen{padding:18px}.login-card{padding:22px}.login-card h1{font-size:30px}.page-hero,.panel,.metric-card,.building-card,.line-card{padding:18px}.page-hero h2{font-size:28px}.page-hero--compact{flex-direction:column}.detail-grid,.detail-grid--three,.telemetry-grid,.trend-grid,.scenario-flow{grid-template-columns:1fr}.notice-banner,.feed-item__row,.alarm-card__head,.scenario-card__head,.scenario-card__footer,.service-map-item,.service-map-item__meta,.dialog-actions{flex-direction:column;align-items:flex-start}.scenario-card{min-height:auto}.language-switcher{width:100%;justify-content:space-between;flex-wrap:wrap}.language-pills{flex-wrap:wrap}.scenario-flow__item{min-height:auto}.scenario-flow__item:after{top:auto;bottom:-6px;left:14px;width:1px;height:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--scenario-accent) 48%,transparent),#ffffff0f)}.modal-backdrop,.drawer-backdrop{padding:18px}.side-drawer,.dialog-panel{width:100%;height:auto;max-height:calc(100vh - 36px)}}