@font-face{font-family:"YY Serif";src:url(/fonts/yy-serif-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--bg: #121a23;--bg-2: #16202a;--bg-3: #1b2632;--line: rgba(226, 238, 248, .13);--line-2: rgba(226, 238, 248, .24);--text: #eaf0f6;--text-2: #aebbc7;--text-3: #7b8996;--orange: #ff6a2b;--orange-2: #ff9059;--amber: #ffc247;--mint: #8ce89a;--red: #ff5a4f;--steel: #9dabb8;--mono: "JetBrains Mono", "Cascadia Code", "SFMono-Regular", Consolas, monospace;--sans: "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", system-ui, sans-serif;--serif: "YY Serif", "Songti SC", "Noto Serif SC", serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:12px;-webkit-font-smoothing:antialiased;overflow:hidden}::selection{background:#ff5a1f4d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#eee8db24}::-webkit-scrollbar-track{background:transparent}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.app{height:100vh;display:grid;grid-template-columns:292px minmax(0,1fr) 344px;grid-template-rows:58px minmax(0,1fr) 218px;gap:0;background:transparent;position:relative;z-index:2;pointer-events:none}.stage{position:fixed;inset:0;z-index:0;background:#16202a;cursor:grab}.stage:active{cursor:grabbing}.stage canvas{display:block}.stage-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#18212b73,#161e2700 16% 72%,#18212b80),radial-gradient(120% 90% at 50% 45%,#0000 42%,#090e1473)}.app:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");opacity:.022;mix-blend-mode:screen}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:24px;padding:0 18px 0 16px;background:linear-gradient(180deg,#1a242ff2,#1a242fdb 70%,#1a242f99);backdrop-filter:blur(16px) saturate(.9);border-bottom:1px solid var(--line);pointer-events:auto;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:11px;min-width:250px}.brand-mark{width:26px;height:26px;position:relative;flex:none}.brand-mark:before,.brand-mark:after{content:"";position:absolute;inset:0;border:1px solid var(--orange)}.brand-mark:before{clip-path:polygon(0 0,100% 0,100% 34%,34% 34%,34% 100%,0 100%)}.brand-mark:after{inset:7px;border-color:var(--text-2);clip-path:polygon(100% 100%,0 100%,0 66%,66% 66%,66% 0,100% 0)}.brand-name{font-family:var(--serif);font-size:15px;font-weight:700;letter-spacing:.06em;line-height:1.1}.brand-name em{font-style:normal;color:var(--text-2);font-family:var(--sans);font-weight:400;font-size:12px;letter-spacing:.1em;margin-left:6px}.brand-sub{font-family:var(--mono);font-size:8.5px;letter-spacing:.2em;color:var(--text-3);margin-top:3px;text-transform:uppercase}.top-mid{display:flex;align-items:center;gap:14px;color:var(--text-3);font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase}.top-mid .sep{width:1px;height:12px;background:var(--line-2)}.demo-tag{border:1px solid rgba(255,176,32,.45);color:var(--amber);padding:2px 7px;font-size:9px;letter-spacing:.18em;background:#ffb02012}.top-right{margin-left:auto;display:flex;align-items:center;gap:20px}.net{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--text-2);text-transform:uppercase}.net i{width:5px;height:5px;background:var(--text-3);border-radius:50%;box-shadow:0 0 #7ee78766}.net.live i{background:var(--mint);animation:pulse 2.4s infinite}.net.down i{background:var(--red)}@keyframes pulse{0%{box-shadow:0 0 #7ee78773}70%{box-shadow:0 0 0 6px #7ee78700}to{box-shadow:0 0 #7ee78700}}.clock{font-size:15px;letter-spacing:.06em;color:var(--text)}.clock small{font-size:9px;color:var(--text-3);margin-left:6px;letter-spacing:.14em}.top-date{font-family:var(--mono);font-size:9.5px;color:var(--text-3);letter-spacing:.1em}.rail{display:flex;flex-direction:column;gap:1px;background:transparent;min-height:0;overflow:hidden;pointer-events:auto}.rail-left{grid-column:1;grid-row:2;overflow-y:auto}.rail-left>.panel{flex:0 0 auto}.rail-right{grid-column:3;grid-row:2;overflow:hidden}.panel{position:relative;background:#1b2531c7;backdrop-filter:blur(18px) saturate(.85);display:flex;flex-direction:column;min-height:0;border:1px solid rgba(226,238,248,.1)}.rail-left .panel{background:linear-gradient(90deg,#1c2733f2,#1c2733e6 62%,#1c27338c)}.rail-right .panel{background:linear-gradient(270deg,#1c2733f2,#1c2733e6 62%,#1c27338c)}.panel:before{content:"";position:absolute;left:0;top:0;width:7px;height:7px;border-left:1px solid var(--orange);border-top:1px solid var(--orange);opacity:.45;pointer-events:none}.panel-head{display:flex;align-items:center;gap:9px;height:33px;padding:0 13px;border-bottom:1px solid var(--line);flex:none}.panel-no{font-family:var(--mono);font-size:8.5px;color:var(--orange);letter-spacing:.1em;opacity:.85}.panel-title{font-size:10.5px;letter-spacing:.18em;color:var(--text-2);font-weight:400;margin:0}.panel-meta{margin-left:auto;font-family:var(--mono);font-size:8.5px;color:var(--text-3);letter-spacing:.12em;text-transform:uppercase}.panel-body{padding:12px 13px;min-height:0}.panel-body.flush{padding:0}.panel-scroll{overflow-y:auto;min-height:0}.kpi-block{flex:none}.kpi{padding:11px 13px 10px;border-bottom:1px solid var(--line);position:relative}.kpi:last-child{border-bottom:none}.kpi-label{display:flex;align-items:baseline;gap:8px;font-family:var(--mono);font-size:8.5px;letter-spacing:.2em;color:var(--text-3);text-transform:uppercase}.kpi-label b{color:var(--text-2);font-weight:400;font-size:10px;letter-spacing:.08em;font-family:var(--sans)}.kpi-value{display:flex;align-items:baseline;gap:6px;margin-top:5px}.kpi-value .v{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:31px;line-height:1;font-weight:500;letter-spacing:-.02em}.kpi-value .u{font-family:var(--mono);font-size:9px;color:var(--text-3);letter-spacing:.1em}.kpi-meta{margin-top:6px;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:9px;color:var(--text-3);letter-spacing:.06em}.kpi-meta .up{color:var(--amber)}.kpi-meta .down{color:var(--mint)}.kpi-bar{margin-top:7px;height:2px;background:#e2eef81f;position:relative}.kpi-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--orange);transition:width .6s ease}.kpi-bar.warn i{background:var(--amber)}.kpi-bar.crit i{background:var(--red)}.kpi-bar u{position:absolute;top:-2px;bottom:-2px;width:1px;background:var(--text-2)}.bd-row{display:grid;grid-template-columns:1fr auto;row-gap:5px;padding:7px 0 8px;border-bottom:1px dashed var(--line)}.bd-row:last-child{border-bottom:none}.bd-name{font-size:11px;color:var(--text-2);display:flex;align-items:center;gap:7px}.bd-name i{width:5px;height:5px;flex:none}.bd-value{font-family:var(--mono);font-size:11px;color:var(--text);font-variant-numeric:tabular-nums}.bd-value small{color:var(--text-3);font-size:8px;margin-left:3px}.bd-track{grid-column:1 / -1;height:3px;background:#e2eef81a;position:relative;overflow:hidden}.bd-track i{position:absolute;inset:0 auto 0 0;transition:width .8s cubic-bezier(.2,.8,.2,1)}.split-bar{display:flex;height:5px;gap:1px;margin:2px 0 10px}.split-bar i{height:100%;transition:width .6s ease}.split-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.split-legend>div{background:var(--bg);padding:8px 9px}.split-legend .k{font-family:var(--mono);font-size:8.5px;letter-spacing:.16em;color:var(--text-3);display:flex;align-items:center;gap:5px}.split-legend .k i{width:4px;height:4px}.split-legend .v{font-family:var(--mono);font-size:13px;margin-top:4px;font-variant-numeric:tabular-nums}.split-legend .c{font-family:var(--mono);font-size:8.5px;color:var(--text-3);margin-top:2px}.alarm{display:grid;grid-template-columns:8px 1fr;gap:9px;padding:9px 13px 10px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s}.alarm:hover{background:#e2eef80b}.alarm-dot{width:5px;height:5px;margin-top:5px;border-radius:50%;background:var(--text-3)}.alarm.warn .alarm-dot{background:var(--amber);box-shadow:0 0 8px #ffb02080}.alarm.crit .alarm-dot{background:var(--red);box-shadow:0 0 8px #ff453a99;animation:blink 1.6s infinite}.alarm.info .alarm-dot{background:var(--steel)}@keyframes blink{50%{opacity:.35}}.alarm-msg{font-size:11.5px;line-height:1.45;color:var(--text)}.alarm-meta{display:flex;gap:8px;margin-top:4px;font-family:var(--mono);font-size:8.5px;color:var(--text-3);letter-spacing:.06em}.alarm-meta .ack{color:var(--text-3);border:1px solid var(--line-2);padding:0 4px}.alarm-meta .unack{color:var(--amber);border:1px solid rgba(255,176,32,.3);padding:0 4px}.dev-group{padding:8px 13px 4px;font-family:var(--mono);font-size:8px;letter-spacing:.18em;color:var(--text-3);text-transform:uppercase;display:flex;align-items:center;gap:6px}.dev-group:after{content:"";flex:1;height:1px;background:var(--line)}.dev-row{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center;padding:6px 13px;cursor:pointer;border-left:2px solid transparent}.dev-row:hover{background:#e2eef80d}.dev-row.active{background:#ff5a1f12;border-left-color:var(--orange)}.dev-name{font-size:11px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.dev-name i{width:4px;height:4px;flex:none;border-radius:50%}.dev-p{font-family:var(--mono);font-size:11px;text-align:right;font-variant-numeric:tabular-nums}.dev-p small{color:var(--text-3);font-size:8px;margin-left:2px}.dev-bar{grid-column:1 / -1;height:1px;background:#e2eef81a}.dev-bar i{display:block;height:100%;background:var(--orange);opacity:.55;transition:width .8s ease}.detail-head{padding:12px 13px 10px;border-bottom:1px solid var(--line)}.detail-id{font-family:var(--mono);font-size:8.5px;letter-spacing:.16em;color:var(--text-3)}.detail-name{font-size:15px;margin-top:4px;letter-spacing:.02em}.detail-chips{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.chip{font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;padding:2px 6px;border:1px solid var(--line-2);color:var(--text-2)}.chip.run{color:var(--mint);border-color:#7ee7874d}.chip.idle{color:var(--amber);border-color:#ffb0204d}.chip.off{color:var(--text-3)}.chip.fault{color:var(--red);border-color:#ff453a66}.detail-power{padding:12px 13px;border-bottom:1px solid var(--line)}.detail-power .v{font-family:var(--mono);font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.detail-power .v small{font-size:10px;color:var(--text-3);margin-left:5px;letter-spacing:.1em}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.detail-cell{background:var(--bg);padding:8px 13px}.detail-cell .k{font-family:var(--mono);font-size:8px;letter-spacing:.16em;color:var(--text-3);text-transform:uppercase}.detail-cell .v{font-family:var(--mono);font-size:14px;margin-top:3px;font-variant-numeric:tabular-nums}.detail-cell .v small{font-size:8px;color:var(--text-3);margin-left:3px}.phase{display:flex;gap:3px;align-items:flex-end;height:26px;margin-top:4px}.phase i{flex:1;background:var(--orange);opacity:.7}.detail-spark{padding:10px 13px 4px}.spark-head{display:flex;justify-content:space-between;font-family:var(--mono);font-size:8px;letter-spacing:.16em;color:var(--text-3);text-transform:uppercase}.detail-back{position:absolute;right:9px;top:9px}.stage-ui{grid-column:2;grid-row:2;position:relative;min-height:0;pointer-events:none;z-index:2}.stage-ui>*{pointer-events:auto}.stage-ui .vp-title,.stage-ui .vp-frame,.stage-ui .vp-scale,.stage-ui .vp-legend{pointer-events:none}.vp-title{position:absolute;left:18px;top:15px;pointer-events:none;z-index:3}.vp-title .t1{font-family:var(--mono);font-size:9px;letter-spacing:.24em;color:var(--orange);text-transform:uppercase}.vp-title .t2{font-family:var(--serif);font-size:22px;letter-spacing:.12em;margin-top:5px}.vp-title .t3{font-family:var(--mono);font-size:8.5px;letter-spacing:.16em;color:var(--text-3);margin-top:6px}.vp-tools{position:absolute;right:16px;top:15px;display:flex;gap:5px;z-index:4}.btn{height:24px;padding:0 9px;background:#07080a99;border:1px solid var(--line-2);color:var(--text-2);font-family:var(--mono);font-size:9px;letter-spacing:.12em;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s;backdrop-filter:blur(4px)}.btn:hover{border-color:var(--text-3);color:var(--text)}.btn.on{border-color:var(--orange);color:var(--orange);background:#ff5a1f1a}.btn.sm{height:21px;padding:0 7px;font-size:8.5px}.vp-left-bottom{position:absolute;left:16px;bottom:14px;z-index:4;display:flex;flex-direction:column;gap:7px}.demo-row{display:flex;gap:5px;align-items:center}.demo-label{font-family:var(--mono);font-size:8px;letter-spacing:.18em;color:var(--text-3);margin-right:3px;text-transform:uppercase}.chip-btn{height:23px;padding:0 8px;border:1px solid var(--line-2);background:#07080a8c;color:var(--text-2);font-family:var(--mono);font-size:9px;letter-spacing:.06em;cursor:pointer;display:inline-flex;align-items:center;gap:5px;backdrop-filter:blur(4px);transition:all .15s}.chip-btn:hover{color:var(--text);border-color:var(--orange)}.chip-btn i{width:4px;height:4px;background:var(--amber)}.chip-btn.reset i{background:var(--text-3)}.vp-legend{position:absolute;right:16px;bottom:14px;z-index:4;text-align:right;pointer-events:none}.legend-bar{width:128px;height:3px;margin-left:auto;background:linear-gradient(90deg,#2a3038,#ff5a1f,#ffb020)}.legend-labels{display:flex;justify-content:space-between;width:128px;margin-left:auto;margin-top:4px;font-family:var(--mono);font-size:8px;color:var(--text-3)}.vp-hint{margin-top:8px;font-family:var(--mono);font-size:8px;letter-spacing:.12em;color:var(--text-3);opacity:.75}.area-label{font-family:var(--mono);font-size:8.5px;letter-spacing:.2em;color:#eee8db8c;text-transform:uppercase;white-space:nowrap;pointer-events:none;display:flex;align-items:center;gap:5px;transform:translate(-50%,-50%)}.area-label i{width:10px;height:1px;background:currentColor;opacity:.6}.area-label b{font-weight:400;color:var(--text-2);letter-spacing:.14em;font-size:10px;font-family:var(--sans)}.device-label{pointer-events:none;background:#18212be6;border:1px solid rgba(255,90,31,.5);padding:5px 8px 5px 9px;white-space:nowrap;transform:translate(-50%,-100%);backdrop-filter:blur(4px)}.device-label .n{font-size:10.5px;color:var(--text);letter-spacing:.04em}.device-label .p{font-family:var(--mono);font-size:9px;color:var(--orange);margin-top:2px;letter-spacing:.06em}.device-label:after{content:"";position:absolute;left:50%;bottom:-5px;width:1px;height:5px;background:#ff5a1f99}.dock{grid-column:1 / -1;grid-row:3;display:grid;grid-template-columns:2.15fr 1fr;gap:1px;background:transparent;min-height:0;pointer-events:auto;z-index:2}.dock .panel{min-height:0;background:linear-gradient(0deg,#1e2a37f2,#1c2733e6 62%,#1e2a3799);border-top:1px solid var(--line)}.dock .panel>.chart-wrap{flex:1}.chart-wrap{position:relative;flex:1;min-height:0;padding:6px 12px 6px 6px}.chart{display:block;width:100%;height:100%;overflow:visible}.chart text{font-family:var(--mono);font-size:8.5px;fill:var(--text-3);letter-spacing:.06em}.chart .grid-line{stroke:#e2eef81a;stroke-width:1}.chart .axis-line{stroke:#eee8db21;stroke-width:1}.chart .total-line{stroke:var(--orange);stroke-width:1.4;fill:none}.chart .total-fill{fill:#ff5a1f1a}.chart .demand-line{stroke:var(--amber);stroke-width:1;stroke-dasharray:3 3;fill:none;opacity:.8}.chart .contract-line{stroke:var(--red);stroke-width:1;stroke-dasharray:1 4;opacity:.65}.chart .now-line{stroke:#eee8db59;stroke-width:1;stroke-dasharray:2 3}.chart .now-dot{fill:var(--orange)}.chart .crosshair{stroke:#eee8db66;stroke-width:1;stroke-dasharray:2 2}.chart .hover-dot{fill:var(--orange);stroke:#07080a;stroke-width:1.5}.tip{position:absolute;pointer-events:none;background:#18212bf5;border:1px solid var(--line-2);padding:6px 8px;font-family:var(--mono);font-size:9px;color:var(--text-2);line-height:1.6;z-index:5;white-space:nowrap}.tip b{color:var(--text);font-weight:500}.bars{display:flex;align-items:flex-end;gap:4px;height:100%;padding:10px 14px 20px;position:relative}.bar-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:5px;position:relative}.bar-col span{font-family:var(--mono);font-size:8px;color:var(--text-3)}.bar-col i{display:block;width:100%;max-width:26px;background:#eee8db29;transition:height .6s ease}.bar-col.today i{background:var(--orange)}.bar-col em{position:absolute;bottom:-14px;font-family:var(--mono);font-size:8px;color:var(--text-3);font-style:normal;white-space:nowrap}.bar-col b{font-family:var(--mono);font-size:8.5px;color:var(--text-2);font-weight:400}.toast{position:fixed;left:50%;bottom:244px;transform:translate(-50%);background:#18212bf5;border:1px solid rgba(255,90,31,.4);color:var(--text);font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;padding:8px 14px;z-index:60;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}}.empty{padding:18px 13px;color:var(--text-3);font-family:var(--mono);font-size:9px;letter-spacing:.1em}@media(max-width:1440px){.app{grid-template-columns:258px minmax(0,1fr) 310px}.kpi-value .v{font-size:27px}.brand{min-width:200px}}@media(max-height:900px){.app{grid-template-rows:54px minmax(0,1fr) 184px}.kpi-value .v{font-size:23px}.kpi{padding:6px 13px}.kpi-meta{margin-top:4px}.kpi-bar{margin-top:5px}.bd-row{padding:5px 0 6px}.split-legend>div{padding:6px 8px}.panel-head{height:30px}}.vp-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(115% 95% at 50% 42%,#0000 38%,#00000094)}.vp-frame{position:absolute;inset:10px;z-index:3;pointer-events:none}.vp-frame i{position:absolute;width:15px;height:15px;border:0 solid rgba(255,90,31,.34)}.vp-frame i:nth-child(1){left:0;top:0;border-left-width:1px;border-top-width:1px}.vp-frame i:nth-child(2){right:0;top:0;border-right-width:1px;border-top-width:1px}.vp-frame i:nth-child(3){right:0;bottom:0;border-right-width:1px;border-bottom-width:1px}.vp-frame i:nth-child(4){left:0;bottom:0;border-left-width:1px;border-bottom-width:1px}.vp-scale{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:8px;letter-spacing:.16em;color:var(--text-3);pointer-events:none}.vp-scale i{width:58px;height:1px;background:var(--text-3);opacity:.6;position:relative}.vp-scale i:before,.vp-scale i:after{content:"";position:absolute;width:1px;height:4px;background:var(--text-3);top:-2px}.vp-scale i:after{right:0}.app{animation:app-in .55s ease both}@keyframes app-in{0%{opacity:0}}.tag3d{position:relative;transform:translate(-50%,-100%);display:flex;align-items:center;gap:7px;padding:5px 9px;background:#1a232edb;border:1px solid rgba(255,90,31,.28);border-left:2px solid var(--orange);backdrop-filter:blur(6px);white-space:nowrap}.tag3d i{width:5px;height:5px;background:var(--orange);border-radius:50%;box-shadow:0 0 8px #ff5a1fcc}.tag3d b{display:block;font-size:10px;font-weight:400;color:var(--text);letter-spacing:.04em}.tag3d em{display:block;font-style:normal;font-family:var(--mono);font-size:9.5px;color:var(--orange-2);margin-top:2px;letter-spacing:.04em}.tag3d:after{content:"";position:absolute;left:50%;bottom:-30px;width:1px;height:30px;background:linear-gradient(180deg,#ff5a1f8c,#ff5a1f00)}@media(min-height:901px){.kpi{padding:9px 13px 8px}.kpi-value .v{font-size:28px}.bd-row{padding:6px 0 7px}}.panel:after{content:"";position:absolute;inset:5px;pointer-events:none;opacity:.55;background:linear-gradient(var(--line-2),var(--line-2)) left top / 9px 1px no-repeat,linear-gradient(var(--line-2),var(--line-2)) left top / 1px 9px no-repeat,linear-gradient(var(--line-2),var(--line-2)) right top / 9px 1px no-repeat,linear-gradient(var(--line-2),var(--line-2)) right top / 1px 9px no-repeat,linear-gradient(var(--line-2),var(--line-2)) left bottom / 9px 1px no-repeat,linear-gradient(var(--line-2),var(--line-2)) left bottom / 1px 9px no-repeat,linear-gradient(var(--line-2),var(--line-2)) right bottom / 9px 1px no-repeat,linear-gradient(var(--line-2),var(--line-2)) right bottom / 1px 9px no-repeat}.panel-head{background:linear-gradient(90deg,#ff5a1f12,#ff5a1f00 55%);border-bottom-color:#eee8db1a}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,#ff5a1f00,#ff5a1f80 22%,#ff5a1f1f 60%,#ff5a1f00)}