.energy-domain-nav[data-v-67bd142c]{position:absolute;z-index:80;top:76px;left:50%;width:596px;height:38px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;transform:translateX(-50%)}.energy-domain-nav[data-v-67bd142c]:before{content:"";position:absolute;z-index:-1;inset:8px -56px -7px;background:radial-gradient(ellipse,rgba(23,101,190,.38),transparent 70%);pointer-events:none}.energy-domain-nav button[data-v-67bd142c]{position:relative;min-width:0;border:1px solid rgba(73,153,231,.34);clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,9px 100%,0 50%);background:linear-gradient(180deg,rgba(12,48,101,.94),rgba(4,25,64,.92));color:#8db7de;cursor:pointer;box-shadow:inset 0 0 18px rgba(48,125,210,.1);transition:color .2s ease,border-color .2s ease,filter .2s ease}.energy-domain-nav button[data-v-67bd142c]:after{content:"";position:absolute;left:24%;right:24%;bottom:1px;height:1px;background:transparent}.energy-domain-nav button.active[data-v-67bd142c],.energy-domain-nav button[data-v-67bd142c]:hover{color:#f1fbff;border-color:#42e7de;filter:drop-shadow(0 0 8px rgba(54,227,218,.28))}.energy-domain-nav button.active[data-v-67bd142c]:after{background:#50f0e2;box-shadow:0 0 8px #50f0e2}.energy-domain-nav button.grid.active[data-v-67bd142c]{border-color:#54a7ff}.energy-domain-nav button.load.active[data-v-67bd142c]{border-color:#f6cd29}.energy-domain-nav button.storage.active[data-v-67bd142c]{border-color:#ff8b58}.energy-domain-nav em[data-v-67bd142c],.energy-domain-nav span[data-v-67bd142c]{display:block;line-height:1}.energy-domain-nav span[data-v-67bd142c]{font-size:13px;font-weight:700;letter-spacing:1px}.energy-domain-nav em[data-v-67bd142c]{margin-top:4px;color:#4c769d;font-size:7px;font-style:normal;letter-spacing:2px}.energy-cockpit-shell{position:relative;width:1920px;height:1080px;overflow:hidden;color:#dbeeff;background:radial-gradient(circle at 50% 44%,rgba(19,87,177,.2),transparent 48%),url(../img/background.e4724c14.jpg) no-repeat 50%/cover;font-family:Microsoft YaHei,Arial,sans-serif}.energy-shell-header{position:relative;z-index:70;width:1920px;height:112px;padding:15px 29px 0;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:space-between;background:url(../img/header-background.122fe2d9.png) no-repeat 50%/cover}.shell-left,.shell-right{width:570px;height:42px;margin:0;padding:0;display:flex;align-items:center;gap:28px;list-style:none}.shell-right{justify-content:flex-end}.shell-left li,.shell-right li{display:flex;align-items:center;gap:7px;color:#a8cef3;font-size:13px}.shell-left img,.shell-right img{width:17px;height:17px;-o-object-fit:contain;object-fit:contain}.shell-home{cursor:pointer}.shell-title{position:absolute;top:13px;left:50%;width:650px;height:42px;display:flex;align-items:center;justify-content:center;transform:translateX(-50%)}.shell-title img{width:33px;margin-right:12px}.shell-title span{color:#f0f8ff;font-size:25px;font-weight:700;letter-spacing:2px;text-shadow:0 0 14px rgba(63,168,255,.46)}.demo-data-flag{position:absolute;z-index:90;right:20px;bottom:13px;padding:4px 10px;color:#5681a8;border:1px solid rgba(83,139,191,.22);background:rgba(4,22,55,.6);font-size:9px;letter-spacing:1px}.energy-panel{position:relative;box-sizing:border-box;background:linear-gradient(135deg,rgba(5,27,70,.91),rgba(3,17,48,.78));border:1px solid rgba(53,135,211,.27);box-shadow:inset 0 0 32px rgba(27,110,196,.09)}.energy-panel:after,.energy-panel:before{content:"";position:absolute;top:-1px;width:18px;height:8px;border-top:2px solid #37dce3;pointer-events:none}.energy-panel:before{left:-1px;border-left:2px solid #37dce3}.energy-panel:after{right:-1px;border-right:2px solid #37dce3}.energy-panel-title{height:34px;padding:10px 14px 0;box-sizing:border-box;display:flex;align-items:flex-start;border-bottom:1px solid rgba(58,131,204,.16)}.energy-panel-title i{width:7px;height:7px;margin:2px 8px 0 0;border:1px solid #41e7dc;transform:rotate(45deg);box-shadow:0 0 8px rgba(65,231,220,.5)}.energy-panel-title strong{font-size:12px}.energy-panel-title em{margin-left:auto;color:#4e789e;font-size:8px;font-style:normal;letter-spacing:1px}.energy-chart{width:100%;height:calc(100% - 34px)}.status-normal{color:#40ecc2!important}.status-warning{color:#f6cd29!important}.status-danger{color:#ff635f!important}