@charset "UTF-8";.app-root{position:relative;width:100vw;height:100vh;overflow:hidden}.app-shell{position:absolute;left:50%;top:50%;width:var(--screen-width);height:var(--screen-height);transform:translate(-50%,-50%) scale(var(--screen-scale));transform-origin:center center;display:flex;flex-direction:column}.app-stage{flex:1;min-height:0;position:relative;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}:root{--screen-scale: 1;--screen-width: 1920px;--screen-height: 1080px;--ink: #1b2d39;--ink-soft: rgba(27, 45, 57, .64);--muted: rgba(27, 45, 57, .42);--teal: #21b9ac;--teal-deep: #0a8f8f;--cyan: #49a9df;--line: rgba(110, 154, 174, .26);--glass: rgba(255,255,255,.58);--glass-strong: rgba(255,255,255,.78)}html,body,#app{width:100%;height:100%;overflow:hidden}body{color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.96),transparent 42%),radial-gradient(circle at 14% 20%,rgba(115,220,210,.16),transparent 28%),radial-gradient(circle at 88% 68%,rgba(111,167,224,.14),transparent 28%),linear-gradient(145deg,#f7fafc,#e7eef3 55%,#dbe6ec)}button{font:inherit}.bigscreen-layout{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.bigscreen-layout:before{content:"";position:absolute;top:-74px;right:-74px;bottom:-74px;left:-74px;pointer-events:none;opacity:.42;background:linear-gradient(rgba(94,160,175,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(94,160,175,.03) 1px,transparent 1px);background-size:74px 74px;-webkit-mask-image:radial-gradient(ellipse at center,#000 0 66%,transparent 92%);mask-image:radial-gradient(ellipse at center,#000 0 66%,transparent 92%);animation:grid-drift 24s linear infinite}.bigscreen-layout:after{display:none}.bigscreen-layout__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}.stage-ripples{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:visible}.stage-ripples__ring{position:absolute;left:var(--ripple-cx, 50%);top:var(--ripple-cy, 52.2%);width:18px;height:18px;border-radius:50%;border:1px solid rgba(33,185,172,.72);box-sizing:border-box;opacity:0;transform:translate(-50%,-50%);animation:stage-ripple-spread 10s linear infinite}.stage-ripples__ring--1{animation-delay:0s}.stage-ripples__ring--2{animation-delay:2s}.stage-ripples__ring--3{animation-delay:4s}.stage-ripples__ring--4{animation-delay:6s}.stage-ripples__ring--5{animation-delay:8s}.bigscreen-layout__main{flex:1;min-height:0;padding:8px 46px;position:relative;z-index:1}.app-header{position:relative;z-index:2;height:124px;margin:0 44px;display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;padding:14px 16px 0}.app-header:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(33,185,172,.45) 20%,rgba(73,169,223,.55) 50%,rgba(33,185,172,.45) 80%,transparent);box-shadow:0 0 6px #21b9ac40;pointer-events:none}.app-header:after{content:"";position:absolute;left:50%;bottom:-2px;width:120px;height:4px;translate:-50% 0;background:radial-gradient(ellipse at center,rgba(73,169,223,.5),transparent 70%);border-radius:50%;pointer-events:none}.app-header>*{position:relative;z-index:1}.app-header__brand{display:flex;align-items:center;gap:12px}.app-header__logo{width:42px;height:42px;border-radius:14px;background:radial-gradient(circle at 30% 24%,#fff,transparent 34%),linear-gradient(135deg,#50dbca,#62a8dc);border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 20px #4da6b133}.app-header__eyebrow{color:#2a53609e;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.app-header__meta{display:flex;gap:12px;margin-top:5px;color:var(--muted);font-size:12px}.app-header__center{text-align:center}.app-header__title{color:#223746;font-size:42px;font-weight:800;letter-spacing:.06em;text-shadow:0 2px 8px rgba(255,255,255,.8)}.app-header__subtitle{margin-top:4px;color:#38667499;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.app-header__tools{display:flex;justify-content:flex-end;align-items:center;gap:10px}.app-header__status,.header-action{height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;color:#1f414cbd;background:#ffffff94;border:1px solid rgba(140,180,193,.3);border-radius:12px;box-shadow:0 8px 18px #5978851a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-header__status-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px #21b9ac21;animation:status-pulse 2.4s ease-out infinite}.header-action{cursor:pointer}.app-footer{position:relative;z-index:2;height:56px;margin:0 44px 18px;display:flex;align-items:center;padding:0 16px;background:#ffffff80;border:1px solid rgba(175,201,212,.58);border-radius:20px;box-shadow:0 14px 32px #5374841a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.app-footer__nav{width:100%;display:flex;gap:12px}.app-footer__link{flex:1;height:36px;display:grid;place-items:center;color:#2a4b588f;text-decoration:none;font-size:12px;font-weight:700;border-radius:12px}.app-footer__link.is-active{color:#0a7e7f;background:#e2f8f5c2;box-shadow:inset 0 0 0 1px #37b9b13d}.page-grid{display:grid;height:100%;min-height:0;gap:18px}.module-column{display:flex;flex-direction:column;min-height:0;gap:14px}.module-column>*{min-height:0}.flex-1{flex:1 1 0}.flex-2{flex:2 1 0}.flex-3{flex:3 1 0}.overview-page,.maintenance-page,.alert-page,.vpp-page,.power-page{grid-template-columns:390px minmax(0,1fr) 390px!important;grid-template-rows:1fr}.card-panel{position:relative;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(171,201,213,.68);border-radius:21px;background:linear-gradient(145deg,#ffffffb3,#f7fbfd6e);box-shadow:inset 0 1px #fffffffa,inset 0 -1px #87adba1f,0 16px 35px var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:42px;background:linear-gradient(90deg,rgba(255,255,255,.48),rgba(217,241,241,.28),transparent);border-bottom:1px solid rgba(153,193,200,.2);pointer-events:none}.card-panel:after{content:"";position:absolute;z-index:0;top:0;left:-32%;width:28%;height:42px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(73,169,223,.1),transparent)}.card-panel__head{position:relative;z-index:1;height:42px;flex:0 0 42px;display:flex;align-items:center;padding:0 15px}.card-panel__body{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:10px 12px 12px}.section-title{display:flex;align-items:center;gap:8px;min-width:0;color:#29414e;font-size:14px;font-weight:800;letter-spacing:.03em}.section-title__icon{color:var(--teal-deep)}.section-title__text{overflow:hidden;display:-webkit-box;line-height:1.25;white-space:normal;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.chart-container{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:15px;background:linear-gradient(180deg,#f7fbfcb8,#e8f2f557),linear-gradient(rgba(98,151,166,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(98,151,166,.04) 1px,transparent 1px);background-size:auto,58px 46px,58px 46px}.card-panel__body>.chart-container{flex:1 1 0;height:auto}.card-panel__body>:is(.dual-chart,.resource-ring,.maintain-rings,.ring-chart-grid,.online-stats,.gauge-shell,.table-list){flex:1 1 0;height:auto}.stat-block{display:flex;align-items:center;gap:11px;min-width:0;padding:12px;border:1px solid rgba(166,199,209,.52);border-radius:16px;background:#ffffff7a;box-shadow:inset 0 1px #ffffffdb,0 8px 17px #4f707f14}.stat-block__icon,.summary-tile__hex{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;color:var(--teal-deep);border:1px solid rgba(103,188,184,.28);border-radius:13px;background:linear-gradient(145deg,#effdfbf5,#cfefee9e)}.stat-block__label,.summary-tile__label,.bottom-metric__label{color:var(--ink-soft);font-size:12px;font-weight:700}.stat-block__value,.summary-tile__value,.bottom-metric__value{margin-top:5px;color:#203a47;font-size:24px;font-weight:900;line-height:1}.stat-block__unit,.summary-tile__unit,.bottom-metric__unit{margin-left:4px;color:var(--teal-deep);font-size:12px;font-weight:800}.maintenance-page>.module-column:nth-child(2),.alert-page>.module-column:nth-child(2),.vpp-page>.module-column:nth-child(2),.power-page>.module-column:nth-child(2){position:relative}.maintenance-page>.module-column:nth-child(2):before,.alert-page>.module-column:nth-child(2):before,.vpp-page>.module-column:nth-child(2):before,.power-page>.module-column:nth-child(2):before{content:"";position:absolute;top:46px;right:4px;bottom:54px;left:4px;z-index:-1;border-radius:34px;background:radial-gradient(ellipse at 50% 42%,rgba(74,191,186,.12),transparent 58%)}.overview-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;height:100%}.overview-kpi-grid>.stat-block{min-height:0}.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;height:100%;padding:9px 10px;border:1px solid rgba(170,200,211,.6);border-radius:18px;background:#ffffff8a;box-shadow:inset 0 1px #ffffffeb,0 10px 22px #5375821a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.summary-tile{display:flex;align-items:center;gap:9px;min-width:0;padding:6px 7px}.summary-tile:not(:last-child){border-right:1px solid rgba(131,175,185,.2)}.summary-tile__hex{width:40px;height:40px;border-radius:12px}.summary-tile__value{font-size:20px}.bottom-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;height:88px}.bottom-metric{padding:12px 13px;border:1px solid rgba(164,198,209,.55);border-radius:16px;background:#ffffff80;box-shadow:inset 0 1px #ffffffe0,0 8px 18px #4f707f14}.bottom-metric__value{font-size:25px}.bottom-metric:before{content:"";display:block;height:2px;margin:-12px -13px 9px;background:linear-gradient(90deg,#28c3b0,#67bff2)}.map-focus-panel{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.map-focus-panel:before{display:none}.map-focus-panel:after{display:none}.map-focus-panel .card-panel__head{display:none}.map-focus-panel .card-panel__body{padding:0;height:100%}.panel-stat-row{display:grid;grid-template-columns:repeat(var(--stat-cols, 2),minmax(0,1fr));flex:0 0 auto;gap:10px;padding:4px 0 10px;border-bottom:1px solid rgba(138,178,190,.2)}.plain-stat{display:flex;flex-direction:column;gap:4px;color:var(--ink-soft);font-size:12px}.plain-stat strong{color:#29434f;font-size:13px}.plain-stat span{color:var(--muted);font-size:11px}.ranking-list,.table-list{min-height:0;height:100%;overflow:hidden auto}.ranking-list{display:flex;flex-direction:column;gap:8px}.ranking-row{display:grid;grid-template-columns:22px 58px minmax(0,1fr) 72px;gap:7px;align-items:center;min-height:28px;color:var(--ink-soft);font-size:12px}.ranking-row__index{color:var(--teal-deep);font-weight:900}.ranking-row__bar{height:8px;border-radius:99px;background:linear-gradient(90deg,#24bfad3d,#56aede)}.ranking-row__value{color:var(--muted);text-align:right;font-size:11px}.table-list{display:flex;flex-direction:column;gap:8px}.table-list__head,.table-list__row{display:grid;align-items:center;gap:8px;padding:0 12px;border-radius:11px}.table-list__head{height:32px;flex:0 0 32px;color:#347c84;background:#e0f2f3a6;border:1px solid rgba(153,193,199,.28);font-size:11px;font-weight:800}.table-list__body{min-height:0;overflow:hidden auto}.table-list__row{min-height:34px;margin-bottom:7px;color:var(--ink-soft);background:#ffffff6b;border:1px solid rgba(171,201,211,.24);font-size:11px}.tag{font-weight:800}.tag--high,.tag--failed{color:#df6e69}.tag--medium,.tag--warning{color:#c79036}.tag--low,.tag--completed{color:#0a9a86}.tag--processing{color:#439ed2}.pill-tabs{display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:5px;margin-bottom:8px}.pill-tabs__item{padding:4px 8px;color:var(--ink-soft);background:#ffffff75;border:1px solid rgba(154,193,202,.26);border-radius:99px;font-size:11px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.pill-tabs__item.is-active{color:#087f80;background:#d2f4f0cc;border-color:#34b9b06b}.online-stats{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;height:100%;min-height:0}.online-detail{display:flex;flex-direction:column;justify-content:center;gap:16px;text-align:center}.online-value{display:block;color:#0b9f93;font-size:26px;font-weight:900}.online-label{color:var(--ink-soft);font-size:11px}.dual-chart,.resource-ring,.maintain-rings,.ring-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:100%;min-height:0}.resource-ring{grid-template-columns:1.1fr .9fr}.resource-ring__detail{display:flex;flex-direction:column;justify-content:center;gap:12px}.detail-item{display:flex;justify-content:space-between;padding:9px 0 9px 10px;color:var(--ink-soft);border-left:2px solid rgba(33,185,172,.5);background:linear-gradient(90deg,rgba(33,185,172,.08),transparent);font-size:11px}.detail-item strong{color:#0a9389;font-size:20px}.gauge-shell{display:grid;place-items:center;height:100%;min-height:0}.dial{width:150px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.86) 0 52%,transparent 53%),conic-gradient(from -45deg,#2ebcae 0,#2ebcae 230deg,#6e9aae26 230deg,#6e9aae26 360deg);box-shadow:inset 0 0 0 11px #eef7f7e6,0 12px 28px #56838a29}.dial__value{color:#193b46;font-size:29px;font-weight:900}.dial__unit{color:var(--teal-deep);font-size:15px}.meter-arc{width:70%;aspect-ratio:2/1;overflow:hidden;position:relative}.meter-arc__body{position:absolute;left:50%;bottom:-72%;width:100%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,#fff 0 46%,transparent 47%),conic-gradient(from 180deg,#31c2ae 0 92deg,#8bd66b 92deg 180deg,transparent 180deg);box-shadow:inset 0 0 0 16px #ffffffe6}.meter-arc__value{position:absolute;inset:auto 0 18px;color:#169e94;font-size:34px;font-weight:900;text-align:center}.meter-arc__label{color:var(--ink-soft);font-size:12px;text-align:center}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes grid-drift{to{transform:translate3d(74px,74px,0)}}@keyframes screen-scan{0%,12%{opacity:0;transform:translateY(0)}22%{opacity:.8}72%{opacity:.55}88%,to{opacity:0;transform:translateY(136vh)}}@keyframes status-pulse{0%,to{box-shadow:0 0 0 4px #21b9ac14}45%{box-shadow:0 0 0 8px #21b9ac33,0 0 14px #21b9ac52}}@keyframes panel-signal{0%,15%{transform:translate(0) skew(-18deg)}65%,to{transform:translate(480%) skew(-18deg)}}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:transform .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;width:100%;height:100%}.slide-left-enter-from{transform:translate(100%)}.slide-left-leave-to,.slide-right-enter-from{transform:translate(-100%)}.slide-right-leave-to{transform:translate(100%)}@keyframes ambient-breath{0%,to{opacity:.55;filter:saturate(1)}50%{opacity:.9;filter:saturate(1.25)}}@keyframes stage-ripple-spread{0%{width:18px;height:18px;opacity:.78}to{width:2100px;height:2100px;opacity:0}}@keyframes card-breath{0%,to{box-shadow:inset 0 1px #fffffffa,inset 0 -1px #87adba1f,0 16px 35px #5374841f,0 0 0 1px #37b9b10a}50%{box-shadow:inset 0 1px #fffffffa,inset 0 -1px #87adba1f,0 18px 40px #5374842e,0 0 18px #21b9ac12,0 0 0 1px #37b9b11a}}@keyframes title-glow{0%,to{text-shadow:0 2px 8px rgba(255,255,255,.8),0 0 0 rgba(33,185,172,0)}50%{text-shadow:0 2px 12px rgba(255,255,255,.95),0 0 18px rgba(33,185,172,.22)}}@keyframes dot-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.card-panel{background-image:linear-gradient(145deg,#ffffffb3,#f7fbfd6e);background-repeat:no-repeat;background-size:auto auto;background-position:0 0;background-origin:border-box}.card-panel:before{z-index:2}.card-panel>.card-panel__head,.card-panel>.card-panel__body{position:relative;z-index:3}.map-focus-panel{animation:none;background-image:none!important;--bracket-color: transparent}.section-title{position:relative}.section-title:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:linear-gradient(90deg,transparent,rgba(33,185,172,.42),rgba(73,169,223,.36),transparent);pointer-events:none}.app-header__status-dot{animation:status-pulse 2.4s ease-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important}}@media(max-width:1400px){.bigscreen-layout__main{padding-inline:28px}.app-header,.app-footer{margin-inline:28px}.overview-page,.maintenance-page,.alert-page,.vpp-page,.power-page{grid-template-columns:300px minmax(0,1fr) 300px!important}.app-header__title{font-size:34px}}::-webkit-scrollbar{width:0;height:0}