:root{--bg-0: #040B18;--bg-1: #08142B;--bg-glow: #0A1B38;--panel: rgba(9, 22, 44, .82);--panel-2: rgba(13, 30, 58, .45);--panel-hover: rgba(17, 38, 72, .78);--panel-alarm: rgba(9, 22, 44, .92);--line: rgba(63, 150, 255, .26);--line-2: rgba(63, 150, 255, .12);--panel-inner-glow: inset 0 0 18px rgba(53, 200, 255, .06), inset 0 1px 0 rgba(154, 216, 255, .08);--primary: #35C8FF;--primary-soft: rgba(53, 200, 255, .35);--ice: #5FC8FF;--ice-soft: rgba(95, 200, 255, .3);--aurora: #3DF5C4;--aurora-soft: rgba(61, 245, 196, .35);--grad-energy: linear-gradient(90deg, #3DF5C4 0%, #5FC8FF 100%);--grad-energy-text: linear-gradient(90deg, #B8FFE6 0%, #8FDCFF 100%);--alarm-1: #FF3B30;--alarm-2: #FF8C1A;--alarm-3: #FFD21E;--alarm-4: #5B8DEF;--ok: #34C77B;--offline: #6B7785;--cat-pv: #CADB64;--cat-gc: #FF9D45;--cat-gcc: #37E6C8;--cat-gs: #B58CFF;--cat-cs: #FF6BA6;--flow-pv-a: #3DF5C4;--flow-pv-b: #5FC8FF;--flow-bat: #4E8CFF;--flow-grid: #35C8FF;--data-power: #35C8FF;--data-gen: #CADB64;--data-charge: #2AD6B8;--data-discharge: #31AAFF;--data-selfuse: #9AD8FF;--data-revenue: #CFAE5A;--data-carbon: #49D97D;--data-load: #A09BFF;--ripple: #BDEBFF;--t1: #EAF4FF;--t2: #8FAECE;--t3: #54719B;--chart-1: #35C8FF;--chart-2: #4E8CFF;--chart-3: #B8DCFF;--chart-4: #8B93F0;--tariff-1: #F24E4E;--tariff-2: #F6A23A;--tariff-3: #4CCB7A;--tariff-4: #35A8FF;--tariff-5: #7367F0;--bg-mid: #050F20;--bg-bottom: #071730;--iso-top: #173A63;--iso-left: #102A50;--iso-right: #0B1F3C;--iso-stroke: rgba(63, 150, 255, .55);--pipe: rgba(63, 150, 255, .18);--label-bg: rgba(9, 22, 44, .6);--label-bg-strong: rgba(4, 18, 39, .76);--text-glow: 0 0 18px rgba(53, 200, 255, .25);--energy-text-glow: drop-shadow(0 0 14px rgba(61, 245, 196, .28));--data-cell-glow: inset 0 0 8px rgba(53, 200, 255, .06);--edge: 32px;--gutter: 20px;--num-font: "DIN Alternate", "Bahnschrift", "Helvetica Neue", Arial, sans-serif;--cn-font: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;--fs-t1: 96px;--fs-t1-plus: 112px;--fs-t2: 36px;--fs-t3: 32px;--fs-t3-title: 36px;--fs-t4: 26px;--fs-t5: 20px;--fs-t6: 18px;--fs-title: 64px;--fs-station: 56px;--fs-clock: 48px;--fs-p2num: 44px;--fs-panel-title: 34px;--fs-panel-meta: 15px;--fs-kpi-label: 28px;--fs-kpi-number: 46px;--fs-row-label: 24px;--fs-row-number: 34px;--fs-hero-label: 30px;--fs-hero-number: 78px;--fs-unit-xs: 16px;--fs-unit-sm: 18px;--fs-unit-md: 22px;--fs-unit-lg: 24px;--fs-caption: 16px;--z-alarm: 900}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:var(--bg-0);overflow:hidden}body{font-family:var(--cn-font)}body{font-weight:400;line-height:1.25;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}#app{width:100%;height:100%}#stage{position:fixed;inset:0;background:var(--bg-0);color:var(--t1);overflow:hidden}#stage:before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(180deg,var(--panel-2),transparent 52%,var(--panel-2)),var(--stage-bg);background-size:cover;background-position:center;pointer-events:none}#stage.stage-main{--stage-bg: url(/assets/bg/bg-main.png)}#stage.stage-station{--stage-bg: url(/assets/bg/bg-station.png)}.stage-frame{position:absolute;width:2580px;height:1376px;transform-origin:0 0}.grid-overlay{position:absolute;inset:0;z-index:1;opacity:.22;pointer-events:none;background-image:linear-gradient(var(--line-2) 1px,transparent 1px),linear-gradient(90deg,var(--line-2) 1px,transparent 1px);background-size:86px 86px;-webkit-mask-image:radial-gradient(1800px 1100px at 50% 46%,#000 30%,transparent 100%);mask-image:radial-gradient(1800px 1100px at 50% 46%,#000 30%,transparent 100%)}.num{font-family:var(--num-font);font-weight:700;font-variant-numeric:tabular-nums}.hud-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:0;padding:24px 26px 20px;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;container-type:inline-size;box-shadow:var(--panel-inner-glow);animation:rise .8s cubic-bezier(.2,.7,.3,1) both}.hud-card:before,.hud-card:after{content:"";position:absolute;width:112px;height:124px;background:url(/assets/ui/ui-01-corner-left.png) left top / contain no-repeat;opacity:.58;pointer-events:none}.hud-card:before{top:-14px;left:-12px}.hud-card:after{right:-12px;bottom:-14px;transform:rotate(180deg)}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.hud-hd{display:flex;align-items:center;gap:14px;padding-bottom:14px;position:relative;flex:none;min-width:0;isolation:isolate}.hud-hd:before{content:"";position:absolute;left:-14px;top:-16px;width:min(820px,78%);height:62px;background:url(/assets/ui/ui-02-title-flag.png) left center / 100% 100% no-repeat;opacity:.22;z-index:-1;pointer-events:none}.hud-hd:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--cat, var(--primary)),var(--line-2) 60%,transparent)}.hud-hd .dot{width:12px;height:12px;flex:none;background:var(--cat, var(--primary));transform:rotate(45deg);box-shadow:0 0 12px var(--cat, var(--primary))}.hud-hd h3{font-size:var(--fs-panel-title);line-height:1.12;font-weight:650;letter-spacing:2px}.hud-hd h3,.hud-hd .en{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-hd .en{font-size:var(--fs-panel-meta);line-height:1;letter-spacing:3px;color:var(--t3);margin-left:auto;font-weight:500}.hud-bd{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.hud-card.green .aurora-line{position:absolute;top:-1px;left:22px;right:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--aurora),var(--ice) 55%,transparent);opacity:.62}.hud-card.green .mint-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(440px 90px at 26% 0%,rgba(61,245,196,.08),transparent 72%);opacity:1;transition:opacity 1.5s ease}.hud-card.green .hud-hd .dot{background:linear-gradient(135deg,var(--aurora),var(--ice));box-shadow:0 0 12px #3df5c473}.hud-card.green .hud-hd:after{background:linear-gradient(90deg,var(--aurora),var(--ice) 40%,var(--line-2) 75%,transparent)}.hud-card.alarm-panel{background:var(--panel-alarm);z-index:var(--z-alarm)}.energy-text{background:var(--grad-energy-text);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:var(--energy-text-glow)}.glow-num{text-shadow:var(--text-glow)}.stale,.stale u{color:var(--offline)!important;text-shadow:none!important}.badge{display:inline-flex;align-items:center;gap:8px}.badge .badge-icon{width:1em;height:1em;flex:none}.badge i{width:8px;height:8px;border-radius:50%;flex:none}.badge.run i{background:var(--ok)}.badge.standby i,.badge.offline i{background:var(--offline)}.badge.fault i{background:var(--alarm-2)}.badge.charge i{background:var(--data-charge)}.badge.discharge i{background:var(--data-discharge)}.badge.run .badge-icon{color:var(--ok)}.badge.standby .badge-icon,.badge.offline .badge-icon{color:var(--offline)}.badge.fault .badge-icon{color:var(--alarm-2)}.badge.charge .badge-icon{color:var(--data-charge)}.badge.discharge .badge-icon{color:var(--data-discharge)}.op-btn{font-size:var(--fs-t6);color:var(--t2);letter-spacing:1px;line-height:1;background:transparent;border:1px solid var(--line);border-radius:4px;padding:8px 18px;cursor:pointer;font-family:var(--cn-font)}.op-btn:hover{background:var(--panel-hover);color:var(--t1)}.sweep{opacity:1;transition:opacity 1.5s ease}#stage.stage-alarm .sweep{animation-play-state:paused;opacity:0;transition-duration:.4s}.halo-wrap{opacity:1;transition:opacity 1.5s ease}#stage.stage-alarm .halo-wrap,#stage.stage-alarm .mint-glow{opacity:.5;transition-duration:.4s}.pipe-glow{opacity:1;transition:opacity 1.5s ease}#stage.stage-alarm .pipe-glow{opacity:.5;transition-duration:.4s}.screen-enter-active,.screen-leave-active{transition:opacity .3s ease}.screen-enter-from,.screen-leave-to{opacity:0}