#generationOverviewPage .go-station-screen-panel.is-active { display:flex; flex-direction:column; height:100%; min-height:0; overflow:hidden; } #stationScreenPage { --ss-ink:#e7f5ff; --ss-muted:#8aadc7; --ss-cyan:#00e5ed; --ss-green:#00e9af; --ss-line:#12618d; --ss-panel:#071b30; color-scheme:dark; position:relative; flex:1; min-width:0; min-height:0; margin:0; padding:0; width:100%; height:100%; border:0; overflow:auto; color:var(--ss-ink); background:#031120; font:14px/1.45 "Microsoft YaHei","PingFang SC",system-ui,sans-serif; } #stationScreenPage[hidden] { display:none!important; } #stationScreenPage *,#stationScreenPage *::before,#stationScreenPage *::after { box-sizing:border-box; } #stationScreenPage .ss-host { width:100%; height:100%; min-height:700px; background:#031120; container-type:inline-size; container-name:station-screen; } #stationScreenPage .ss-host:fullscreen { width:100vw; height:100vh; height:100dvh; min-height:0; overflow:auto; } #stationScreenPage .ss-screen { position:relative; width:100%; height:100%; min-height:700px; padding:7px 12px; display:grid; grid-template-rows:55px minmax(112px,.95fr) minmax(275px,2.4fr) minmax(190px,1.45fr); gap:8px; background:radial-gradient(ellipse at 50% 35%,#08345666,transparent 58%),linear-gradient(120deg,#030e1b,#06192b 48%,#031120); } #stationScreenPage h1,#stationScreenPage h2,#stationScreenPage h3,#stationScreenPage p { margin:0; } #stationScreenPage :is(b,strong,em) { color:inherit; } #stationScreenPage h2 { color:#e5f5ff; font-size:clamp(12px,1vw,18px); font-weight:700; } #stationScreenPage h3 { font-size:14px; color:#e8f5ff; } #stationScreenPage button,#stationScreenPage input { font:inherit; } #stationScreenPage button { display:inline-flex; align-items:center; justify-content:center; padding:4px 9px; border:1px solid #225775; border-radius:4px; color:#a7d5ef; background:#09233a; box-shadow:none; cursor:pointer; transform:none; transition:background .15s; } #stationScreenPage button:hover:not(:disabled) { background:#0b4c74; color:#e5ffff; border-color:#21b2ec; transform:none; } #stationScreenPage button:disabled { opacity:.55; cursor:not-allowed; } #stationScreenPage :is(button,input,[tabindex]):focus-visible { outline:2px solid #27e0f4; outline-offset:3px; } #stationScreenPage button svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; } #stationScreenPage .ss-panel { position:relative; min-width:0; min-height:0; overflow:hidden; border:1px solid var(--ss-line); border-radius:0 8px 0 8px; padding:11px 12px; background:linear-gradient(145deg,#071c30ed,#051527f2); box-shadow:inset 0 0 25px #04416520,0 0 10px #03263c66; } #stationScreenPage .ss-panel::before { content:""; position:absolute; width:32px; height:2px; top:0; left:12px; background:#3bf5ff; box-shadow:0 0 7px #00caff; opacity:.65; pointer-events:none; } #stationScreenPage .ss-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:22px; } #stationScreenPage .ss-panel-heading p { color:#9ecce2; font-size:10px; letter-spacing:1px; margin-top:5px; } #stationScreenPage .ss-head { display:grid; grid-template-columns:minmax(210px,1fr) minmax(0,1.75fr) minmax(210px,1fr); align-items:center; gap:16px; padding:0 14px 6px; border-top:1px solid #15a6ee; background:linear-gradient(180deg,#08345544,#041424); clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 12px); } #stationScreenPage .ss-host:not(:fullscreen) .ss-head { grid-template-columns:minmax(0,1fr) auto; } #stationScreenPage .ss-host:not(:fullscreen) .ss-brand { display:none; } #stationScreenPage .ss-brand { display:flex; align-items:center; gap:10px; white-space:nowrap; } #stationScreenPage .ss-brand img { width:36px; height:36px; object-fit:contain; } #stationScreenPage .ss-brand b { display:block; font-size:clamp(14px,1.1vw,20px); } #stationScreenPage .ss-brand span { display:block; color:#92bfd6; font-size:10px; letter-spacing:3px; } #stationScreenPage .ss-title { text-align:center; min-width:0; align-self:stretch; padding:7px 24px 3px; border-bottom:2px solid #00b7ee; border-radius:0 0 34px 34px; background:radial-gradient(ellipse at bottom,#064b7355,transparent 75%); } #stationScreenPage .ss-title h1 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:clamp(18px,1.65vw,31px); line-height:1.2; color:#cdeaff; letter-spacing:2px; text-shadow:0 0 16px #00a5fd77; } #stationScreenPage .ss-title > span { font:8px/1.4 ui-monospace,monospace; color:#277ca5; letter-spacing:4px; } #stationScreenPage .ss-head-right { display:flex; flex-direction:column; align-items:flex-end; gap:4px; min-width:0; } #stationScreenPage .ss-head-right time { color:#c8daed; font:12px/1.5 ui-monospace,monospace; white-space:nowrap; } #stationScreenPage .ss-head-right > div { display:flex; gap:5px; } #stationScreenPage .ss-head-right button { padding:3px 6px; background:transparent; border-color:#205270; } #stationScreenPage .ss-feedback:empty { display:none; } #stationScreenPage .ss-feedback { position:absolute; z-index:3; top:64px; left:50%; transform:translateX(-50%); max-width:90%; padding:7px 16px; border:1px solid #bb8a43; border-radius:5px; color:#ffd78b; background:#172332ef; font-size:12px; box-shadow:0 8px 24px #0006; } #stationScreenPage .ss-top { display:grid; grid-template-columns:1.65fr 1.08fr 1.05fr 1.05fr .98fr 1.3fr; gap:8px; min-height:0; } #stationScreenPage .ss-station { display:flex; align-items:center; gap:10px; padding:10px; } #stationScreenPage .ss-station-art { width:34%; max-width:130px; height:100%; object-fit:contain; mix-blend-mode:screen; } #stationScreenPage .ss-station dl { margin:0; display:grid; gap:6px; flex:1; min-width:0; font-size:clamp(9px,.7vw,13px); } #stationScreenPage .ss-station dl > div { display:grid; grid-template-columns:4.3em minmax(0,1fr); gap:6px; } #stationScreenPage dt { color:#9ebbd1; } #stationScreenPage dd { margin:0; color:#d1e6f6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #stationScreenPage .ss-status { display:flex; align-items:center; gap:6px; } #stationScreenPage .ss-status i { display:inline-block; width:8px; height:8px; border-radius:50%; background:#7c91a6; } #stationScreenPage .ss-status.normal i { background:#00e6a7; box-shadow:0 0 10px #00e6a7; } #stationScreenPage .ss-status.warning { color:#ffcc5c; } #stationScreenPage .ss-status.warning i { background:#ffb43f; } #stationScreenPage .ss-status.fault { color:#ff7d88; } #stationScreenPage .ss-status.fault i { background:#ff5577; } #stationScreenPage .ss-card-label,#stationScreenPage .ss-metric > span { display:block; color:#bdcfe3; font-size:clamp(10px,.83vw,16px); margin-bottom:8px; } #stationScreenPage .ss-power-flex { display:flex; align-items:center; gap:12px; height:calc(100% - 23px); } #stationScreenPage .ss-gauge { flex:0 0 46%; max-width:105px; aspect-ratio:1; padding:8px; border-radius:50%; background:conic-gradient(from -90deg,#0b7aff 0%,#0ff5dd calc(var(--ratio)*1%),#153553 calc(var(--ratio)*1%),#153553 100%); box-shadow:0 0 15px #0467c433; } #stationScreenPage .ss-gauge > div { height:100%; border-radius:50%; background:#061a2c; display:flex; flex-direction:column; align-items:center; justify-content:center; } #stationScreenPage .ss-gauge svg { width:24%; height:28%; stroke:#9ee8ff; fill:none; stroke-width:1.5; } #stationScreenPage .ss-gauge b { color:#e1f6ff; font:600 clamp(12px,1.1vw,20px)/1.4 ui-monospace,monospace; } #stationScreenPage .ss-gauge small { font-size:10px; } #stationScreenPage .ss-power-flex > div:last-child { flex:1; min-width:0; } #stationScreenPage .ss-power-flex strong { display:block; color:#f4fcff; font:600 clamp(16px,1.55vw,29px)/1.4 ui-monospace,monospace; white-space:nowrap; } #stationScreenPage .ss-power-flex small { font-size:10px; font-weight:400; } #stationScreenPage .ss-power-flex > div > span { display:block; color:var(--ss-muted); font-size:11px; margin-top:6px; } #stationScreenPage .ss-power-flex > div > b { font-size:12px; color:#add3ea; font-weight:400; } #stationScreenPage .ss-metric strong { display:block; color:#ecf6ff; font:700 clamp(22px,2.1vw,42px)/1.2 ui-monospace,monospace; letter-spacing:-1px; white-space:nowrap; } #stationScreenPage .ss-metric strong small { color:#c1d4e4; font:400 clamp(9px,.75vw,13px)/1.4 "Microsoft YaHei",sans-serif; margin-left:5px; letter-spacing:0; } #stationScreenPage .ss-cyan strong { color:#04e9df; text-shadow:0 0 18px #0fd1ed33; } #stationScreenPage .ss-comparison { display:grid; grid-template-columns:1fr auto; font-size:clamp(9px,.72vw,13px); gap:4px 7px; margin-top:12px; } #stationScreenPage .ss-comparison > span { color:#8daac2; } #stationScreenPage .ss-comparison > b { font-weight:500; } #stationScreenPage .ss-positive { color:#06efac; } #stationScreenPage .ss-negative { color:#ff923d; } #stationScreenPage .ss-total-decor { display:flex; align-items:center; gap:12px; color:#678dab; margin-top:14px; font-size:10px; } #stationScreenPage .ss-total-decor svg { width:26px; height:26px; stroke:#04c6ff; fill:#0d3058; stroke-width:1.5; } #stationScreenPage .ss-weather-top { display:flex; justify-content:space-between; gap:8px; align-items:center; } #stationScreenPage .ss-weather-top b { display:block; font-size:12px; font-weight:500; } #stationScreenPage .ss-weather-top strong { font-size:clamp(22px,2vw,34px); line-height:1.4; font-weight:500; } #stationScreenPage .ss-weather-top small { font-size:12px; margin-left:4px; } #stationScreenPage .ss-weather-top em { font-size:12px; margin-left:8px; font-style:normal; } #stationScreenPage .ss-weather-icon { color:#ffdc55; filter:drop-shadow(0 0 8px #ffc31488); } #stationScreenPage .ss-weather-icon svg { width:42px; height:42px; stroke:currentColor; fill:#ffd73c25; stroke-width:1.5; } #stationScreenPage .ss-weather-icon.is-muted { color:#7997b2; filter:none; } #stationScreenPage .ss-weather-extra { display:grid; grid-template-columns:1fr 1fr; gap:3px 7px; font-size:clamp(9px,.7vw,12px); color:#9fbacf; } #stationScreenPage .ss-weather > small { display:block; margin-top:4px; color:#7398b2; font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #stationScreenPage .ss-main { display:grid; grid-template-columns:.82fr 2.15fr 1.18fr; gap:8px; min-height:0; } #stationScreenPage .ss-revenue { display:grid; grid-template-rows:auto minmax(52px,1fr) auto auto minmax(64px,.95fr) auto; gap:4px; } #stationScreenPage .ss-revenue h2 { display:flex; align-items:center; gap:8px; padding-bottom:8px; border-bottom:1px solid #174767; } #stationScreenPage .ss-revenue h2 svg { width:21px; height:21px; stroke:#83edff; fill:#095d8b; stroke-width:1.5; } #stationScreenPage .ss-income-main { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0; min-height:0; } #stationScreenPage .ss-income-main span { font-size:12px; } #stationScreenPage .ss-income-main strong { display:block; font:700 clamp(32px,3.2vw,64px)/1.15 ui-monospace,monospace; color:#ffe69c; text-shadow:0 0 15px #ffbe3c55; } #stationScreenPage .ss-income-main img { width:34%; max-width:92px; max-height:100%; object-fit:contain; mix-blend-mode:screen; } #stationScreenPage .ss-income-totals { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:4px 0 6px; border-bottom:1px solid #174767; } #stationScreenPage .ss-income-totals > div { padding:0 6px; border-right:1px solid #174767; min-width:0; } #stationScreenPage .ss-income-totals > div:first-child { padding-left:0; } #stationScreenPage .ss-income-totals > div:last-child { border:0; } #stationScreenPage .ss-income-totals span { display:block; color:#9ebad0; font-size:11px; white-space:nowrap; } #stationScreenPage .ss-income-totals b { display:block; font:600 clamp(13px,1.3vw,24px)/1.5 ui-monospace,monospace; color:#ecf7ff; } #stationScreenPage .ss-income-totals > div:last-child b { color:#ffe35b; } #stationScreenPage .ss-social-title { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px; margin:6px 0 0; } #stationScreenPage .ss-social-title span { font-size:10px; color:#a7c4da; } #stationScreenPage .ss-environment { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:center; gap:6px; min-height:64px; } #stationScreenPage .ss-environment > div { text-align:center; min-width:0; } #stationScreenPage .ss-environment i { display:flex; align-items:center; justify-content:center; height:clamp(28px,2.3vw,42px); color:#73eeff; font-size:19px; font-style:normal; text-shadow:0 0 13px #00e6ff; } #stationScreenPage .ss-environment svg { width:35px; height:35px; fill:#08cdf338; stroke:#28efff; stroke-width:1.5; filter:drop-shadow(0 0 8px #04cafa88); } #stationScreenPage .ss-environment small { display:block; color:#9bbdd6; font-size:9px; white-space:nowrap; } #stationScreenPage .ss-environment strong { font:600 clamp(12px,1.1vw,20px)/1.6 ui-monospace,monospace; color:#def7ff; white-space:nowrap; } #stationScreenPage .ss-environment em { margin-left:2px; font:400 9px/1.5 sans-serif; } #stationScreenPage .ss-footnote { color:#6284a0; font-size:9px; line-height:1.5; } #stationScreenPage .ss-flow-panel { display:flex; flex-direction:column; padding:12px 14px 8px; background:radial-gradient(ellipse at 50% 65%,#073554bb,#06182cd9 68%); } #stationScreenPage .ss-sample-state { font-size:10px; color:#27d5bb; border:1px solid #15594f; padding:3px 7px; border-radius:3px; white-space:nowrap; } #stationScreenPage .ss-sample-state.is-stale { color:#e4ba70; border-color:#635234; } #stationScreenPage .ss-scene { position:relative; flex:1; min-height:0; } #stationScreenPage .ss-scene-svg { display:block; width:100%; height:100%; } #stationScreenPage .ss-scene-svg text { text-anchor:middle; font-family:"Microsoft YaHei",sans-serif; fill:#a7c9e4; font-size:14px; } #stationScreenPage .ss-node-label rect { fill:#0c3056; stroke:#256bba; } #stationScreenPage .ss-node-label text { fill:#dfedff; font-size:16px; font-weight:600; } #stationScreenPage :is(.ss-physical-grid,.ss-physical-storage,.ss-physical-load) { opacity:.64; } #stationScreenPage .ss-flow-base { stroke:#163f62; stroke-width:8px; } #stationScreenPage .ss-flow-idle { stroke:#2d516c; stroke-width:3px; stroke-dasharray:6 8; } #stationScreenPage .ss-flow-live { stroke:#3d6b8a; stroke-width:3px; } #stationScreenPage .ss-scene.is-running .ss-flow-live { stroke:#13eaff; stroke-width:5px; stroke-dasharray:12 10; filter:drop-shadow(0 0 5px #07caff); animation:ss-flow 1.7s linear infinite; } #stationScreenPage .ss-scene-reading { position:absolute; right:8px; top:8px; text-align:center; background:#061b32e6; padding:3px 12px; border:1px solid #1c5a80; border-radius:4px; } #stationScreenPage .ss-scene-reading > span { color:#91bad1; font-size:9px; display:block; } #stationScreenPage .ss-scene-reading strong { color:#19e8e8; font:600 clamp(13px,1.15vw,21px)/1.5 ui-monospace,monospace; } #stationScreenPage .ss-scene-reading small { font-size:10px; font-weight:400; } #stationScreenPage .ss-scene-note { position:absolute; left:0; bottom:0; color:#527d9d; font-size:9px; } #stationScreenPage .ss-sample-time { display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; font-size:9px; color:#7ba3bf; padding-top:3px; } #stationScreenPage .ss-sample-time > span { color:#507998; } #stationScreenPage .ss-right { display:grid; grid-template-rows:1.1fr .9fr; gap:8px; min-height:0; min-width:0; } #stationScreenPage .ss-tag { color:#8aa8c0; font-size:10px; padding:2px 6px; border:1px solid #31516c; border-radius:3px; } #stationScreenPage .ss-period { display:flex; align-items:center; gap:3px; } #stationScreenPage .ss-period button { padding:3px 10px; font-size:11px; min-height:25px; } #stationScreenPage .ss-period button[aria-pressed=true] { color:#d7fcff; border-color:#1589cb; background:#0a5074; } #stationScreenPage .ss-forecast-period { margin:6px 0 8px; } #stationScreenPage .ss-prediction-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-bottom:6px; } #stationScreenPage .ss-prediction-grid > div { position:relative; min-width:0; padding:7px 7px 7px 42px; border:1px solid #113f5f; border-radius:4px; background:linear-gradient(135deg,#0b3553,#071d30); } #stationScreenPage .ss-prediction-grid i { position:absolute; left:6px; top:11px; display:flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; font-size:21px; font-style:normal; color:#96ffe3; background:#125c4e; } #stationScreenPage .ss-prediction-grid svg { width:20px; height:20px; fill:#9affcc; stroke:#9affcc; stroke-width:1; } #stationScreenPage .ss-prediction-grid .ss-gold { color:#ffe59b; background:#5a471a; } #stationScreenPage .ss-prediction-grid span { display:block; color:#a8c5d9; font-size:10px; } #stationScreenPage .ss-prediction-grid strong { display:block; font:600 22px/1.4 ui-monospace,monospace; color:#e1f4ff; } #stationScreenPage .ss-prediction-grid strong small { font-size:10px; font-weight:400; } #stationScreenPage .ss-prediction-grid em { font-size:9px; font-style:normal; color:#68b0bb; } #stationScreenPage .ss-right-bottom { display:grid; grid-template-columns:1fr 1fr; gap:8px; min-height:0; } #stationScreenPage .ss-right-bottom h2 { font-size:clamp(11px,.85vw,15px); white-space:nowrap; } #stationScreenPage .ss-consumption { display:flex; flex-direction:column; align-items:center; } #stationScreenPage .ss-consumption h2 { align-self:flex-start; } #stationScreenPage .ss-use-ring { width:64px; height:64px; min-height:64px; border-radius:50%; border:10px solid #18394e; display:flex; align-items:center; justify-content:center; margin:auto 0 6px; box-shadow:0 0 10px #083352; } #stationScreenPage .ss-use-ring span { text-align:center; color:#7c9cb6; font-size:9px; line-height:1.4; } #stationScreenPage .ss-use-legend { width:100%; font-size:9px; display:grid; gap:3px; } #stationScreenPage .ss-use-legend span { display:flex; align-items:center; gap:5px; color:#b3c9db; } #stationScreenPage .ss-use-legend i { width:5px; height:5px; background:#00c8fa; } #stationScreenPage .ss-use-legend span+span i { background:#00d5a0; } #stationScreenPage .ss-use-legend b { margin-left:auto; font-weight:400; color:#638ba9; } #stationScreenPage .ss-seven { padding:10px 8px 5px; display:flex; flex-direction:column; } #stationScreenPage .ss-legend { display:flex; align-items:center; gap:6px; font-size:9px; color:#93adc3; margin-top:5px; } #stationScreenPage .ss-legend i { display:inline-block; width:5px; height:5px; background:#04d7bd; } #stationScreenPage .ss-seven > svg { flex:1; min-height:0; width:100%; min-width:0!important; } #stationScreenPage .ss-bottom { display:grid; grid-template-columns:1fr 1fr; gap:8px; min-height:0; } #stationScreenPage .ss-history,#stationScreenPage .ss-runtime { display:flex; flex-direction:column; min-height:0; } #stationScreenPage .ss-chart-scroll { flex:1; overflow:auto hidden; min-height:0; margin-top:6px; scrollbar-width:thin; scrollbar-color:#1a5a7b #071c30; } #stationScreenPage .ss-chart-scroll svg { display:block; height:100%; min-height:130px; width:100%; } #stationScreenPage .ss-chart-caption { color:#557f9e; font-size:9px; padding-top:3px; } #stationScreenPage svg text { fill:#7eabc9; font-family:ui-monospace,"Microsoft YaHei",sans-serif; font-size:10px; } #stationScreenPage .ss-chart-gridline { fill:none; stroke:#164063; stroke-width:.7; stroke-dasharray:3 4; } #stationScreenPage .ss-temperature-line { fill:none; stroke:#ffc542; stroke-width:1.3; } #stationScreenPage .ss-temperature-label { fill:#edc56f; } #stationScreenPage .ss-weather-mark { fill:#eacc5f; font-size:14px; } #stationScreenPage .ss-power-line { fill:none; stroke:#13b9ff; stroke-width:2; } #stationScreenPage .ss-runtime-tools { display:flex; align-items:center; gap:6px; } #stationScreenPage input[type=date] { background:#081e32; color:#b8d9ed; border:1px solid #255779; border-radius:4px; padding:3px 5px; font-size:11px; min-width:0; max-width:135px; } #stationScreenPage .ss-runtime-legend { display:flex; gap:20px; font-size:10px; color:#acd2e8; margin-top:7px; } #stationScreenPage .ss-runtime-legend > span { display:flex; align-items:center; gap:6px; } #stationScreenPage .ss-runtime-legend i { width:20px; height:3px; background:#08bbff; border-radius:3px; } #stationScreenPage .ss-muted { color:#577b98; } #stationScreenPage .ss-runtime-chart { flex:1; min-height:0; } #stationScreenPage .ss-runtime-chart svg { display:block; width:100%; height:100%; } #stationScreenPage .ss-empty { display:flex; height:100%; min-height:80px; align-items:center; justify-content:center; color:#658ca7; font-size:12px; text-align:center; padding:12px; } #stationScreenPage .ss-bottom-note { display:flex; justify-content:space-between; align-items:center; font-size:9px; color:#4c7896; gap:15px; overflow:hidden; white-space:nowrap; } #stationScreenPage :is(.ss-metric strong,.ss-power-flex strong,.ss-gauge b,.ss-income-main strong,.ss-income-totals b,.ss-environment strong,.ss-scene-reading strong) { font-family:"Bahnschrift","DIN Alternate","Segoe UI",sans-serif; font-variant-numeric:tabular-nums; } @keyframes ss-flow { to {stroke-dashoffset:-44;} } @container station-screen (min-width:1800px) { #stationScreenPage .ss-screen { padding:10px 16px; gap:12px; grid-template-rows:65px minmax(145px,1fr) minmax(330px,2.4fr) minmax(245px,1.5fr); } #stationScreenPage .ss-top,#stationScreenPage .ss-main,#stationScreenPage .ss-bottom { gap:12px; } #stationScreenPage .ss-panel { padding:15px 17px; } #stationScreenPage .ss-use-ring { width:88px; height:88px; min-height:88px; border-width:14px; } #stationScreenPage .ss-use-ring span { font-size:11px; } #stationScreenPage .ss-use-legend { font-size:11px; } #stationScreenPage .ss-prediction-grid > div { padding:13px 10px 12px 47px; } } @container station-screen (max-width:1600px) { #stationScreenPage .ss-screen { height:auto; min-height:100dvh; grid-template-rows:auto; } #stationScreenPage .ss-head { grid-template-columns:180px 1fr 180px; min-height:64px; } #stationScreenPage .ss-head-right time { font-size:10px; } #stationScreenPage .ss-top { grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:minmax(135px,auto); } #stationScreenPage .ss-main { grid-template-columns:240px minmax(0,1fr); } #stationScreenPage .ss-flow-panel { min-height:370px; } #stationScreenPage .ss-right { grid-column:1/-1; grid-template-columns:1fr 1fr; grid-template-rows:minmax(190px,auto); } #stationScreenPage .ss-bottom { grid-template-columns:minmax(0,1fr); grid-auto-rows:285px; } #stationScreenPage .ss-brand span { letter-spacing:1px; } #stationScreenPage .ss-title > span { display:none; } } @container station-screen (max-width:700px) { #stationScreenPage .ss-screen { padding:6px; gap:8px; } #stationScreenPage .ss-head { grid-template-columns:1fr auto; gap:7px; padding:5px; } #stationScreenPage .ss-brand { display:none; } #stationScreenPage .ss-title { padding:8px; } #stationScreenPage .ss-title h1 { font-size:17px; letter-spacing:0; white-space:normal; } #stationScreenPage .ss-head-right time { font-size:9px; } #stationScreenPage .ss-top { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:minmax(130px,auto); } #stationScreenPage .ss-station,#stationScreenPage .ss-weather { grid-column:1/-1; } #stationScreenPage .ss-station { min-height:140px; } #stationScreenPage .ss-station dl { font-size:12px; } #stationScreenPage .ss-station-art { width:92px; } #stationScreenPage .ss-main { grid-template-columns:minmax(0,1fr); } #stationScreenPage .ss-flow-panel { grid-row:1; min-height:330px; } #stationScreenPage .ss-revenue { grid-row:2; min-height:330px; } #stationScreenPage .ss-income-main strong { font-size:46px; } #stationScreenPage .ss-income-totals b { font-size:20px; } #stationScreenPage .ss-environment strong { font-size:18px; } #stationScreenPage .ss-right { display:flex; flex-direction:column; } #stationScreenPage .ss-prediction { min-height:185px; } #stationScreenPage .ss-right-bottom { grid-template-rows:195px; } #stationScreenPage .ss-bottom { grid-auto-rows:260px; } #stationScreenPage .ss-bottom-note { flex-wrap:wrap; white-space:normal; } #stationScreenPage .ss-comparison { font-size:11px; } #stationScreenPage .ss-metric strong { font-size:28px; } #stationScreenPage .ss-power-flex strong { font-size:22px; } } @media(prefers-reduced-motion:reduce) { #stationScreenPage *,#stationScreenPage *::before,#stationScreenPage *::after { animation:none!important; transition:none!important; } } #stationScreenPage .ss-host.is-reference-canvas { position:relative;min-height:0;overflow:hidden; } #stationScreenPage .is-reference-canvas > .ss-screen { position:absolute;min-height:0;transform-origin:left top;padding:10px 16px;gap:12px;grid-template-rows:64px 190px minmax(0,1.7fr) minmax(0,1fr); } #stationScreenPage .is-reference-canvas h1 { font-size:34px; } #stationScreenPage .is-reference-canvas h2 { font-size:21px; } #stationScreenPage .is-reference-canvas .ss-top { grid-template-columns:1.65fr 1.1fr 1.05fr 1.05fr 1fr 1.3fr; } #stationScreenPage .is-reference-canvas .ss-main { grid-template-columns:.8fr 2.18fr 1.2fr; } #stationScreenPage .is-reference-canvas .ss-bottom { grid-template-columns:1fr 1fr; } #stationScreenPage .is-reference-canvas .ss-panel { padding:12px; } #stationScreenPage .is-reference-canvas .ss-metric > strong { font-size:44px; } #stationScreenPage .is-reference-canvas .ss-weather-top strong { font-size:38px; } #stationScreenPage .is-reference-canvas .ss-bottom-note { font-size:11px; } #stationScreenPage .is-reference .ss-income-main > div { flex:1;min-width:0;container-type:inline-size; } #stationScreenPage .is-reference .ss-income-main strong { font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif;font-size:clamp(32px,36cqw,88px);line-height:1;font-weight:500;letter-spacing:0;color:#f4bc4f;background:linear-gradient(180deg,#fff8cf 0%,#ffe59a 18%,#f7c55c 42%,#d98b26 68%,#9f5517 86%,#efb84e 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.35px rgba(255,229,153,.72);filter:drop-shadow(0 2px 0 rgba(67,32,5,.78)) drop-shadow(0 0 10px rgba(255,183,57,.22));text-shadow:none; } #stationScreenPage .is-reference .ss-income-totals b { font-family:"Bahnschrift Condensed","Arial Narrow","Segoe UI",sans-serif;font-weight:500; } #stationScreenPage .ss-component-scene .ss-scene-asset { filter:drop-shadow(0 4px 10px #0007); } #stationScreenPage .ss-component-scene .is-unavailable .ss-scene-asset { filter:drop-shadow(0 4px 7px #00101f66);opacity:1; } #stationScreenPage .ss-component-scene .ss-scene-link { opacity:.2;filter:grayscale(1); } #stationScreenPage .ss-component-scene.is-running .ss-node-inverter .ss-scene-asset { animation:ss-reference-glow 3s ease-in-out infinite; } #stationScreenPage .ss-component-scene.is-running .ss-node-solar .ss-scene-asset { filter:drop-shadow(0 0 6px #00cdfb55); } #stationScreenPage .ss-component-scene .ss-art-label rect { fill:#073b83;stroke:#287ccd;stroke-width:1.5; } #stationScreenPage .ss-component-scene .ss-art-label text { font-size:26px;font-weight:700;fill:#f0f7ff;text-anchor:middle; } #stationScreenPage .ss-component-scene .ss-art-missing { font-size:16px;fill:#94b3cb;text-anchor:middle; } #stationScreenPage .ss-hourly-source { color:#89b4d0; font-size:10px; min-height:16px; padding-top:3px; } #stationScreenPage .ss-runtime-chart { position:relative; min-height:150px; } #stationScreenPage .ss-hour-cell { outline:none; } #stationScreenPage .ss-hour-cell:focus-visible rect { stroke:#55e3ff; stroke-width:1px; } #stationScreenPage .ss-hour-temp { fill:#cceaff; font-size:9px; } #stationScreenPage .ss-hour-missing { fill:#567e9e; } #stationScreenPage .ss-crosshair { stroke:#78d8f7; stroke-width:1px; stroke-dasharray:3 3; pointer-events:none; } #stationScreenPage .ss-sample-dot { opacity:0; } #stationScreenPage .ss-sample-dot:focus { opacity:1; } #stationScreenPage .ss-runtime-tooltip { position:absolute; z-index:8; min-width:180px; max-width:255px; padding:10px 12px; background:#05152af0; border:1px solid #1baad8; border-radius:6px; box-shadow:0 8px 24px #0008; color:#d9f0ff; pointer-events:none; font-size:11px; } #stationScreenPage .ss-runtime-tooltip[hidden] { display:none!important; } #stationScreenPage .ss-runtime-tooltip > b { display:block; font-size:13px; margin-bottom:5px; } #stationScreenPage .ss-runtime-tooltip > span { display:block; margin-top:4px; } #stationScreenPage .ss-runtime-tooltip strong { color:#32e2d5; margin-left:10px; } #stationScreenPage .ss-component-scene .ss-scene-reading { right:8px;top:8px;z-index:1; } #stationScreenPage .ss-component-scene .ss-scene-note { font-size:11px; } #stationScreenPage .ss-detail-energy { min-height:0;height:100%;overflow:hidden; } #stationScreenPage .ss-detail-energy .go-history-interactive,#stationScreenPage .ss-detail-energy .go-history-scroll { width:100%;height:100%;min-height:0; } #stationScreenPage .ss-detail-energy .go-history-scroll { overflow-x:auto;overflow-y:hidden;scrollbar-color:#246386 #071c2f;scrollbar-width:thin; } #stationScreenPage .ss-detail-energy .go-history-svg { height:100%;min-width:100%; } #stationScreenPage .ss-detail-energy .go-history-bar { fill:url(#ss-detail-history-bar-gradient); } #stationScreenPage .ss-detail-energy .is-generating .go-history-bar { fill:url(#ss-detail-history-today-bar-gradient); } #stationScreenPage .ss-detail-energy .go-history-live-sheen { fill:url(#ss-detail-history-live-gradient); } #stationScreenPage .ss-detail-energy .go-history-axis { fill:#8faecb; } #stationScreenPage .ss-detail-energy .go-history-axis-title { fill:#b5d3e6; } #stationScreenPage .ss-detail-energy .go-history-axis.is-temperature,#stationScreenPage .ss-detail-energy .go-history-axis-title.is-temperature { fill:#e9bc58; } #stationScreenPage .ss-detail-energy .go-history-grid { stroke:#23506d; } #stationScreenPage .ss-detail-energy [data-ss-history-date] { cursor:pointer; } #stationScreenPage .ss-detail-energy [data-ss-history-date]:focus-visible { outline:2px solid #66eaff; } @keyframes ss-reference-glow { 0%,100%{filter:drop-shadow(0 0 4px #00d6ff44)}50%{filter:drop-shadow(0 0 12px #00d6ff99)} } @media(prefers-reduced-motion:reduce) { #stationScreenPage .ss-component-scene .ss-scene-asset,#stationScreenPage .ss-detail-energy * { animation:none!important;transition:none!important; } } #stationScreenPage .is-reference .ss-art-icon { display:inline-block;object-fit:contain;width:38px;height:38px;flex:0 0 auto;vertical-align:middle;filter:drop-shadow(0 0 7px #007cfb55); } #stationScreenPage .is-reference .ss-station > .ss-station-art { width:33%;height:auto;max-height:145px;min-width:76px; } #stationScreenPage .is-reference .ss-brand img { width:58px;height:50px; } #stationScreenPage .is-reference .ss-accent-heading { position:relative;padding-left:13px; } #stationScreenPage .is-reference .ss-accent-heading::before { content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:2px;background:linear-gradient(#03e7ff,#0066ed);box-shadow:0 0 8px #009dff66; } #stationScreenPage .is-reference .ss-art-power { position:relative;display:flex;flex-direction:column; } #stationScreenPage .is-reference .ss-power-rotor { position:absolute;right:10px;top:9px;width:35px;height:35px; } #stationScreenPage .is-reference .ss-art-power > h2 { max-width:calc(100% - 31px); } #stationScreenPage .is-reference .ss-art-power .ss-power-flex { gap:12px;min-width:0;min-height:0;height:auto;flex:1;margin-top:8px;align-items:center; } #stationScreenPage .is-reference .ss-gauge { position:relative;flex-basis:44%;max-width:135px;padding:9px;box-shadow:0 0 0 6px #0069a326,0 0 20px #005dc960;background:conic-gradient(from 0deg,#08e7db 0%,#00adfa calc(var(--ratio)*.5%),#574aff calc(var(--ratio)*1%),#143b5b calc(var(--ratio)*1%),#143b5b 100%); } #stationScreenPage .is-reference .ss-gauge > div { position:relative;box-shadow:inset 0 0 12px #008fea60;border:1px solid #0b6fa9; } #stationScreenPage .is-reference .ss-gauge svg { width:44%;height:44%;stroke:#a6efff;fill:#2799ff;filter:drop-shadow(0 0 6px #00a6ff); } #stationScreenPage .is-reference .ss-gauge b { font-size:20px; } #stationScreenPage .is-reference .ss-power-values { min-width:0;flex:1; } #stationScreenPage .is-reference .ss-power-values > strong { display:block;font-size:clamp(24px,2.1vw,38px);line-height:1.2;white-space:nowrap; } #stationScreenPage .is-reference .ss-power-values small { font-size:12px;font-weight:400; } #stationScreenPage .is-reference .ss-power-values > div { border-top:1px solid #11648c;margin-top:10px;padding-top:8px;display:grid;gap:2px; } #stationScreenPage .is-reference .ss-power-values span { color:#c6daed;font-size:13px; } #stationScreenPage .is-reference .ss-power-values b { font-size:24px;font-weight:500;white-space:nowrap; } #stationScreenPage .is-reference .ss-art-metric { display:flex;flex-direction:column;min-width:0;container-type:inline-size; } #stationScreenPage .is-reference .ss-art-metric .ss-metric { display:flex;align-items:center;flex:1;gap:9px;min-height:54px; } #stationScreenPage .is-reference .ss-art-metric .ss-metric > .ss-art-icon { width:28%;height:72px; } #stationScreenPage .is-reference .ss-art-metric .ss-metric > strong { font-size:clamp(24px,16cqw,46px);line-height:1.25;min-width:0;white-space:nowrap;letter-spacing:-.5px; } #stationScreenPage .is-reference .ss-art-metric .ss-metric > strong > small { font-size:clamp(11px,5.5cqw,16px);font-weight:400; } #stationScreenPage .is-reference .ss-comparison { margin:4px -5px -5px;padding:8px;background:linear-gradient(180deg,#032644,#07162b);border-top:1px solid #144263;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;font-size:12px;gap:5px 4px; } #stationScreenPage .is-reference .ss-comparison > span { display:flex;align-items:center;gap:5px;white-space:nowrap; } #stationScreenPage .is-reference .ss-comparison > b { white-space:nowrap; } #stationScreenPage .is-reference .ss-comparison .ss-art-icon { width:20px;height:20px; } #stationScreenPage .is-reference .ss-total .ss-metric .ss-art-icon { width:31%;height:78px; } #stationScreenPage .is-reference .ss-total-history { color:#6f92af;font-size:11px;padding:5px 0; } #stationScreenPage .is-reference .ss-weather-top { min-height:66px; } #stationScreenPage .is-reference .ss-weather-icon > .ss-art-icon { width:82px;height:82px;filter:drop-shadow(0 0 7px #ffc31455); } #stationScreenPage .is-reference .ss-weather-extra { gap:5px 8px;margin-top:6px; } #stationScreenPage .is-reference .ss-weather-extra > span { display:flex;align-items:center;gap:5px; } #stationScreenPage .is-reference .ss-weather-extra .ss-art-icon { width:20px;height:20px; } #stationScreenPage .is-reference .ss-environment i { height:96px; } /* 图标面积约翻倍，并放大文字以利用社会贡献卡片的可用空间。 */ #stationScreenPage .is-reference .ss-environment .ss-art-icon { width:96px;height:96px;max-width:100%; } #stationScreenPage .is-reference .ss-environment { gap:4px;align-self:stretch; } #stationScreenPage .is-reference .ss-environment small { font-size:12px;line-height:1.6; } #stationScreenPage .is-reference .ss-environment strong { font-size:22px;line-height:1.35; } #stationScreenPage .is-reference .ss-environment em { font-size:12px; } #stationScreenPage .is-reference .ss-income-main > img { width:30%;max-width:110px;mix-blend-mode:normal;filter:drop-shadow(0 0 12px #059ffd50); } #stationScreenPage .is-reference .ss-art-right { grid-template-rows:1fr 1fr;gap:10px; } #stationScreenPage .is-reference .ss-prediction { display:flex;flex-direction:column; } #stationScreenPage .is-reference .ss-prediction .ss-panel-heading h2 { font-size:19px; } #stationScreenPage .is-reference .ss-forecast-period { align-self:flex-end;margin:4px 0 9px;gap:0; } #stationScreenPage .is-reference .ss-forecast-period button { padding:5px 12px;min-height:29px;font-size:12px; } #stationScreenPage .is-reference .ss-forecast-period button:first-child { color:#bfe9ff;background:#065b9d;border-color:#148cce; } #stationScreenPage .is-reference .ss-prediction-grid { flex:1;gap:10px;margin:0; } #stationScreenPage .is-reference .ss-prediction-grid > div { display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:8px;padding:10px;border-radius:8px;background:radial-gradient(ellipse at 20% 40%,#033b44,#031b34 74%); } #stationScreenPage .is-reference .ss-prediction-grid > div > .ss-art-icon { width:66px;height:76px; } #stationScreenPage .is-reference .ss-prediction-grid > div > section { min-width:0; } #stationScreenPage .is-reference .ss-prediction-grid span { font-size:14px;color:#d6e8f9; } #stationScreenPage .is-reference .ss-prediction-grid strong { margin:4px 0;font-size:30px; } #stationScreenPage .is-reference .ss-prediction-grid strong small { font-size:13px; } #stationScreenPage .is-reference .ss-prediction-grid em { display:block;font-size:11px;padding:3px 5px;border:1px solid #165279;border-radius:5px;color:#8cb2d0; } #stationScreenPage .is-reference .ss-prediction > .ss-footnote { margin:7px 0 0; } #stationScreenPage .is-reference .ss-right-bottom { grid-template-columns:.85fr 1.15fr;gap:10px; } #stationScreenPage .is-reference .ss-right-bottom h2 { font-size:18px; } #stationScreenPage .is-reference .ss-use-content { display:flex;align-items:center;justify-content:center;flex:1;width:100%;gap:9px; } #stationScreenPage .is-reference .ss-use-ring { flex:none;width:82px;height:82px;min-height:82px;border-width:12px;border-color:#164c68;margin:0; } #stationScreenPage .is-reference .ss-use-ring span { font-size:11px;color:#adc2d3; } #stationScreenPage .is-reference .ss-use-legend { width:auto;flex:1;font-size:11px;gap:12px; } #stationScreenPage .is-reference .ss-use-legend span { display:grid;grid-template-columns:7px 1fr;gap:3px 5px; } #stationScreenPage .is-reference .ss-use-legend b { grid-column:2;margin:0;font-size:14px;color:#b2cce0; } #stationScreenPage .is-reference .ss-use-note { font-size:10px;color:#7a9db9; } #stationScreenPage .is-reference .ss-seven .ss-legend { flex-wrap:wrap;gap:4px 10px;font-size:10px; } #stationScreenPage .is-reference .ss-seven .ss-legend > span { display:flex;gap:4px;align-items:center; } #stationScreenPage .is-reference .ss-seven .ss-legend .is-pending { color:#7894ab; } #stationScreenPage .is-reference .ss-seven .ss-legend .is-pending i { background:transparent;border:1px dashed #3887bf; } @container station-screen (max-width:1600px) { #stationScreenPage .is-reference .ss-art-metric { min-height:180px; } #stationScreenPage .is-reference .ss-art-power .ss-power-values > strong { font-size:30px; } #stationScreenPage .is-reference .ss-power-values b { font-size:23px; } #stationScreenPage .is-reference .ss-right-bottom { min-height:220px; } #stationScreenPage .is-reference .ss-art-right { grid-template-rows:auto; } #stationScreenPage .is-reference .ss-prediction-grid > div { grid-template-columns:50px minmax(0,1fr);padding:8px;gap:5px; } #stationScreenPage .is-reference .ss-prediction-grid > div > .ss-art-icon { width:50px;height:60px; } } @container station-screen (max-width:700px) { #stationScreenPage .is-reference .ss-top { grid-template-columns:repeat(2,minmax(0,1fr)); } #stationScreenPage .is-reference .ss-top > :is(.ss-station,.ss-art-power,.ss-weather) { grid-column:1/-1; } #stationScreenPage .is-reference .ss-art-metric { min-height:184px; } #stationScreenPage .is-reference .ss-total { grid-column:1/-1; } #stationScreenPage .is-reference .ss-total .ss-metric { justify-content:center;gap:20px; } #stationScreenPage .is-reference .ss-total .ss-metric .ss-art-icon { width:65px; } #stationScreenPage .is-reference .ss-art-power .ss-power-flex { justify-content:center; } #stationScreenPage .is-reference .ss-art-power .ss-power-values { flex:0 1 160px; } #stationScreenPage .is-reference .ss-prediction .ss-panel-heading h2 { font-size:17px; } #stationScreenPage .is-reference .ss-right-bottom { grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(220px,auto); } #stationScreenPage .is-reference .ss-use-content { max-width:260px; } } /* 复用详情页天气和水波样式，只适配大屏容器尺寸与前景层级。 */ #stationScreenPage .ss-weather-icon > .go-realtime-weather { display:block;position:relative;flex:none;width:112px;height:96px;min-height:0;padding:0;border:0;background:none;overflow:visible; } #stationScreenPage .ss-weather-icon .go-weather-scene { --go-weather-scene-scale:.8;right:0; } #stationScreenPage .ss-gauge > .go-power-bubble { display:block;background:radial-gradient(circle at 34% 20%,#defcff38,transparent 22%),radial-gradient(circle at 50% 42%,#0b4d91,#072d66 62%,#041a3e); } #stationScreenPage .ss-gauge .ss-gauge-content { position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center; } #stationScreenPage .ss-gauge .go-power-waves { width:300%;height:24px;fill:none;stroke:none;filter:none; } /* 背景已移入场景 SVG，与设备共用缩放和底座锚点；面板只保留深色底。 */ #stationScreenPage .ss-flow-panel { background:#031326; } @media(prefers-reduced-motion:reduce) { #stationScreenPage .ss-weather-icon * { animation:none!important; } } /* 小屏使用内容高度和纵向滚动，避免固定画布将指标缩小。 */ @container station-screen (max-width:1600px) { #stationScreenPage .ss-screen { height:auto;min-height:100%; } #stationScreenPage h2 { font-size:16px; } } @container station-screen (max-width:700px) { #stationScreenPage .is-reference .ss-prediction-grid { grid-template-columns:minmax(0,1fr); } #stationScreenPage .is-reference .ss-prediction { min-height:280px; } #stationScreenPage .ss-runtime-tools { gap:3px; } #stationScreenPage .ss-runtime-tools input { max-width:116px; } #stationScreenPage .ss-runtime h2 { font-size:14px; } } @container station-screen (max-width:360px) { #stationScreenPage .is-reference .ss-top { grid-template-columns:minmax(0,1fr); } #stationScreenPage .ss-host:not(:fullscreen) .ss-head { grid-template-columns:minmax(0,1fr); } #stationScreenPage .ss-head-right { justify-content:center; } } /* 天气参考图：左侧地点、温度与温区，右侧动效及更新时间，底部四项等宽排列。 */ #stationScreenPage .is-reference .ss-weather-designed { display:flex;flex-direction:column;justify-content:space-between;gap:7px;background:radial-gradient(ellipse at 90% 10%,#07529c38,transparent 65%),linear-gradient(130deg,#031a35,#04172a); } #stationScreenPage .is-reference .ss-weather-designed .ss-weather-top { flex:1;min-height:0;align-items:center;gap:6px; } #stationScreenPage .ss-weather-copy { flex:1;min-width:0; } #stationScreenPage .ss-weather-location { display:flex;align-items:center;gap:5px; } #stationScreenPage .ss-weather-location span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600; } #stationScreenPage .ss-weather-location svg { width:19px;height:23px;flex:none;fill:#00bbf2;filter:drop-shadow(0 0 4px #00c6ff66); } #stationScreenPage .ss-weather-location circle { fill:#063553; } #stationScreenPage .ss-weather-designed .ss-weather-copy strong { display:block;font-size:38px;line-height:1.2;white-space:nowrap; } #stationScreenPage .ss-weather-designed .ss-weather-copy small { font-size:18px; } #stationScreenPage .ss-weather-designed .ss-weather-copy em { font-size:16px;margin-left:9px; } #stationScreenPage .ss-weather-range { display:flex;align-items:center;gap:5px;font-size:12px;color:#bed9ee; } #stationScreenPage .is-reference .ss-weather-range .ss-art-icon { width:22px;height:26px; } #stationScreenPage .ss-weather-visual { display:flex;flex-direction:column;align-items:center;min-width:0;flex:0 0 43%; } #stationScreenPage .ss-weather-designed .ss-weather-icon { display:block;height:65px;font-style:normal; } #stationScreenPage .ss-weather-designed .ss-weather-icon > .go-realtime-weather { width:85px;height:65px; } #stationScreenPage .ss-weather-designed .ss-weather-icon .go-weather-scene { --go-weather-scene-scale:.55; } #stationScreenPage .is-reference .ss-weather-designed .ss-weather-icon > .ss-art-icon { width:65px;height:65px; } #stationScreenPage .ss-weather-updated { text-align:center;color:#a9c6dd;font-size:9px;line-height:1.5; } #stationScreenPage .ss-weather-updated span,#stationScreenPage .ss-weather-updated time { display:block; } #stationScreenPage .ss-weather-facts { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #14618c;padding-top:8px; } #stationScreenPage .ss-weather-facts > div { display:flex;justify-content:center;align-items:center;gap:3px;min-width:0;padding:0 3px;border-right:1px solid #12496a; } #stationScreenPage .ss-weather-facts > div:last-child { border:0; } #stationScreenPage .ss-weather-facts section { min-width:0; } #stationScreenPage .ss-weather-facts span { display:block;font-size:10px;color:#aac8df; } #stationScreenPage .ss-weather-facts b { display:block;font-size:12px;line-height:1.5;font-weight:500;overflow-wrap:anywhere; } #stationScreenPage .is-reference .ss-weather-facts .ss-art-icon,#stationScreenPage .ss-weather-facts svg { width:23px;height:27px;flex:0 1 23px;min-width:14px; } #stationScreenPage .ss-weather-facts svg { fill:none;stroke:#ffcd29;stroke-width:2;filter:drop-shadow(0 0 3px #ffc40055); } @container station-screen (max-width:1600px) { #stationScreenPage .is-reference .ss-weather-designed { min-height:180px; } } @container station-screen (max-width:360px) { #stationScreenPage .ss-weather-designed .ss-weather-copy strong { font-size:30px; } #stationScreenPage .ss-weather-location span { font-size:11px; } #stationScreenPage .ss-weather-facts > div { flex-direction:column;gap:1px;text-align:center; } } #stationScreenPage .ss-weather-designed .ss-weather-location { display:flex; } @container station-screen (min-width:701px) and (max-width:1600px) { #stationScreenPage .ss-weather-location span { font-size:16px; } #stationScreenPage .ss-weather-designed .ss-weather-copy strong { font-size:46px; } #stationScreenPage .ss-weather-range { font-size:14px; } #stationScreenPage .ss-weather-updated { font-size:10px; } #stationScreenPage .ss-weather-designed .ss-weather-icon { height:76px; } #stationScreenPage .ss-weather-designed .ss-weather-icon > .go-realtime-weather { width:100px;height:76px; } #stationScreenPage .ss-weather-designed .ss-weather-icon .go-weather-scene { --go-weather-scene-scale:.68; } #stationScreenPage .ss-weather-facts span { font-size:12px; } #stationScreenPage .ss-weather-facts b { font-size:15px; } } #stationScreenPage .ss-sample-dot.is-zoomed { opacity:1;stroke:#d4fff6;stroke-width:1; } #stationScreenPage .ss-runtime-chart .ss-zoom-hint { fill:#89b4d0;font-size:10px;pointer-events:none; } #stationScreenPage .ss-orbit-scene .ss-scene-link { opacity:.7;filter:drop-shadow(0 0 7px #04c6ff); } #stationScreenPage .ss-orbit-scene .ss-self-use-value { fill:#ffca34;font-size:44px;font-weight:700; } /* 数字与标题在原素材坐标中排成一组，整体随可见球体缩放；无字素材避免标题重影。 */ #stationScreenPage .ss-orbit-scene .ss-gauge-readout { pointer-events:none; } #stationScreenPage .ss-orbit-scene .ss-gauge-readout .ss-self-use-value { font-size:58px; } #stationScreenPage .ss-orbit-scene .ss-gauge-readout-label { fill:#f4fbff;font-size:24px;font-weight:700;letter-spacing:-.04em; } /* 能量分析分为操作标题行和图表行，收益与温度各用独立坐标。 */ #stationScreenPage .ss-history > .ss-panel-heading { flex:none;min-height:24px;padding-bottom:3px;margin-bottom:2px;border-bottom:1px solid #14618c66;flex-wrap:wrap;gap:3px 8px; } #stationScreenPage .ss-history .ss-period { flex-wrap:wrap;justify-content:flex-end;gap:3px; } #stationScreenPage .ss-history .ss-temperature-toggle { color:#f7cc4c;border-color:#8c7229; } #stationScreenPage .ss-history .ss-income-toggle { color:#58baff;border-color:#296b9e; } #stationScreenPage .ss-history [data-ss-series][aria-pressed="false"] { opacity:.45; } #stationScreenPage .ss-income-line { fill:none;stroke:#42a5ff;stroke-width:2.2;stroke-linejoin:round; } #stationScreenPage .ss-income-point { fill:#42a5ff;stroke:#d0eaff;stroke-width:1; } #stationScreenPage .ss-income-axis { fill:#6fc6ff;font-size:11px; } #stationScreenPage .hide-income .ss-income-series { display:none; } #stationScreenPage .hide-temperature :is(.go-temperature-line,.go-temperature-point,.is-temperature,.go-history-temperature) { display:none; } #stationScreenPage .ss-history .ss-chart-scroll { min-height:180px; } #stationScreenPage .ss-history .ss-chart-caption { flex:none; } @container station-screen (max-width:1600px) { #stationScreenPage .ss-history { min-height:360px; } } /* 图例选中态沿用曲线颜色，覆盖通用蓝色范围按钮；两列刻度按图例分别显隐。 */ #stationScreenPage .ss-history .ss-period button.ss-temperature-toggle[aria-pressed="true"] { color:#ffdc55;background:#51451b;border-color:#d5ac32;box-shadow:inset 0 0 10px #eabd2826; } #stationScreenPage .ss-history .ss-period button.ss-temperature-toggle[aria-pressed="false"] { color:#d9b850;background:#182329;border-color:#6b612f; } #stationScreenPage .ss-history .ss-period button.ss-temperature-toggle:hover { color:#ffe784;background:#67551d;border-color:#ffdc55; } #stationScreenPage .ss-history .ss-period button.ss-income-toggle[aria-pressed="true"] { color:#7bc9ff;background:#123b60;border-color:#3b96d5; } #stationScreenPage .ss-history.hide-income .ss-income-series,#stationScreenPage .ss-history.hide-temperature .is-temperature { display:none; } /* 全屏品牌组合复用平台原始透明素材，按截图排列人物、海尔字标及新能源。 */ #stationScreenPage .ss-brand { gap:7px; } #stationScreenPage .ss-brand img.ss-brand-mascot { width:58px;height:50px; } #stationScreenPage .ss-brand img.ss-brand-wordmark { width:70px;height:36px; } #stationScreenPage .ss-brand .ss-brand-energy { color:#e7f5ff;font-size:21px;font-weight:500;letter-spacing:0; } @container station-screen (min-width:701px) and (max-width:1600px) { #stationScreenPage .ss-brand { gap:4px; } #stationScreenPage .ss-brand img.ss-brand-mascot { width:45px;height:40px; } #stationScreenPage .ss-brand img.ss-brand-wordmark { width:55px;height:30px; } #stationScreenPage .ss-brand .ss-brand-energy { font-size:18px; } } /* 收益卡片复刻用户效果图；背景与装饰来自附件，文字数值保持实时数据绑定。 */ #stationScreenPage .is-reference .ss-revenue-designed { container-type:inline-size;position:relative;padding:7px 9px 6px;gap:5px;grid-template-rows:minmax(0,13fr) minmax(0,28fr) minmax(0,16fr) minmax(0,10fr) minmax(0,33fr) 10px;border:1px solid #10b8f2;border-radius:12px 12px 18px 18px;background:linear-gradient(#021a3f33,#02152d55),url('/assets/station-screen/revenue/background.png') center/100% 100%;box-shadow:inset 0 0 0 3px #06457b,inset 0 0 14px #00bbff55,0 0 7px #008bda55; } #stationScreenPage .ss-revenue-designed::before { width:26%;left:12px;background:#9dfaff;opacity:.9; } #stationScreenPage .ss-revenue-designed h2 { padding:0;border:0;min-height:0; } #stationScreenPage .ss-revenue-designed h2 img { display:block;width:100%;height:100%;object-fit:fill; } #stationScreenPage .is-reference .ss-revenue-designed .ss-income-main { padding:0 4%;gap:2%; } #stationScreenPage .is-reference .ss-revenue-designed .ss-income-main > div { flex:1 1 58%;container-type:normal; } #stationScreenPage .ss-revenue-designed .ss-income-main span { font-size:clamp(14px,5.8cqw,24px);font-weight:700;color:#f2f8ff; } #stationScreenPage .is-reference .ss-revenue-designed .ss-income-main strong { font-family:Arial,'Microsoft YaHei',sans-serif;font-size:clamp(24px,var(--ss-income-font,23cqw),94px);font-weight:700;line-height:1.05;letter-spacing:-.04em;background:linear-gradient(#fffed1 3%,#fffab0 28%,#ffdf3a 60%,#ffc008 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.5px #ffe89a;filter:drop-shadow(0 2px 1px #7c4f00) drop-shadow(0 0 9px #ffc40066); } #stationScreenPage .is-reference .ss-revenue-designed .ss-income-main > img { width:40%;max-width:none;height:100%;max-height:100%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 5px #00c6ff55);mask-image:radial-gradient(ellipse 70% 75% at center,#000 57%,transparent 85%); } #stationScreenPage .ss-revenue-designed .ss-income-totals { padding:4px 1% 8px;border-bottom:1px solid #16bafa;align-items:center; } #stationScreenPage .ss-revenue-designed .ss-income-totals > div { padding:0 4px;text-align:center;border-color:#00bafa; } #stationScreenPage .ss-revenue-designed .ss-income-totals span { color:#f2f8ff;font-size:clamp(10px,4.4cqw,18px);font-weight:700; } #stationScreenPage .is-reference .ss-revenue-designed .ss-income-totals b { font-family:Arial,'Microsoft YaHei',sans-serif;font-size:clamp(14px,6.6cqw,28px);font-weight:500;line-height:1.6;letter-spacing:-.03em;text-shadow:0 0 6px #82ccff66; } #stationScreenPage .ss-revenue-designed .ss-income-totals > div:last-child b { color:#ffe12d;text-shadow:0 0 8px #ffc60088; } #stationScreenPage .ss-revenue-designed .ss-social-title { margin:0;padding:0 4%;flex-wrap:nowrap;gap:3px; } #stationScreenPage .ss-revenue-designed .ss-social-title h3 { font-size:clamp(13px,5.6cqw,23px);white-space:nowrap; } #stationScreenPage .ss-revenue-designed .ss-social-title span { font-size:clamp(9px,4.5cqw,19px);color:#edf7ff;white-space:nowrap; } #stationScreenPage .is-reference .ss-revenue-designed .ss-environment { gap:6px;align-items:stretch;min-height:0; } #stationScreenPage .ss-revenue-designed .ss-environment > div { display:flex;flex-direction:column;justify-content:flex-start;position:relative;padding:2px 2px 10px;min-height:0;border:1px solid #05a9ec;background:linear-gradient(#053d7844,#03142e99);clip-path:polygon(12% 0,88% 0,100% 10%,100% 90%,88% 100%,12% 100%,0 90%,0 10%);box-shadow:inset 0 0 10px #009df744; } #stationScreenPage .ss-revenue-designed .ss-environment > div::after { content:'';position:absolute;bottom:4px;left:16%;width:68%;height:3px;border-radius:3px;background:linear-gradient(90deg,#00e8ff 14%,transparent 14% 18%,#00eeff 18% 82%,transparent 82% 86%,#00bcff 86%);box-shadow:0 0 6px #00d5ff; } #stationScreenPage .is-reference .ss-revenue-designed .ss-environment i { flex:1;min-height:0;height:auto;margin:-2px -2px 2px;overflow:hidden; } #stationScreenPage .ss-revenue-designed .ss-environment i img { width:100%;height:100%;object-fit:cover; } #stationScreenPage .is-reference .ss-revenue-designed .ss-environment small { color:#f4f9ff;font-size:clamp(9px,3.65cqw,15px);font-weight:700;line-height:1.5;letter-spacing:-.04em; } #stationScreenPage .is-reference .ss-revenue-designed .ss-environment strong { font-family:Arial,'Microsoft YaHei',sans-serif;font-size:clamp(13px,6.1cqw,26px);font-weight:500;line-height:1.4;letter-spacing:-.04em; } #stationScreenPage .is-reference .ss-revenue-designed .ss-environment em { font-size:clamp(8px,2.7cqw,12px);margin-left:1px;letter-spacing:0; } #stationScreenPage .ss-revenue-designed > .ss-footnote { font-size:8px;line-height:1.1;opacity:.7;text-align:center; } @container station-screen (max-width:1600px) { #stationScreenPage .is-reference .ss-revenue-designed { align-self:start;aspect-ratio:1096/1435;min-height:340px;height:auto; } } #stationScreenPage .is-reference .ss-revenue-designed { width:100%;max-width:100%;min-width:0; } /* 收益装饰不参与布局及鼠标交互，速度保持轻缓并尊重系统减少动态效果设置。 */ #stationScreenPage .ss-revenue-effects { position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden;border-radius:inherit; } #stationScreenPage .ss-revenue-border { position:absolute;inset:0;overflow:visible; } #stationScreenPage .ss-revenue-border rect { fill:none;stroke:#9bfaff;stroke-width:2;stroke-dasharray:8 92;filter:drop-shadow(0 0 4px #00ceff);animation:ss-revenue-border 7s linear infinite; } #stationScreenPage .ss-revenue-designed h2 { position:relative; } #stationScreenPage .ss-revenue-arrows { position:absolute;right:5%;top:20%;height:60%;display:flex;gap:3px;pointer-events:none; } #stationScreenPage .ss-revenue-arrows i { display:block;width:8px;height:100%;background:#6deeff;clip-path:polygon(0 0,45% 0,100% 50%,45% 100%,0 100%,55% 50%);opacity:.1;animation:ss-revenue-arrow 3s ease-in-out infinite; } #stationScreenPage .ss-revenue-arrows i:nth-child(2) { animation-delay:.22s; } #stationScreenPage .ss-revenue-arrows i:nth-child(3) { animation-delay:.44s; } #stationScreenPage .ss-revenue-designed .ss-income-main { position:relative; } #stationScreenPage .is-reference .ss-revenue-designed .ss-income-main > img { animation:ss-revenue-float 4s ease-in-out infinite; } #stationScreenPage .ss-revenue-designed .ss-income-main::after { content:'';position:absolute;right:3%;bottom:5%;width:35%;height:16%;border:1px solid #4de8ff;border-radius:50%;box-shadow:0 0 7px #00bfff,inset 0 0 7px #00bfff;pointer-events:none;animation:ss-revenue-ring 5s ease-in-out infinite; } #stationScreenPage .ss-map-spark { position:absolute;width:3px;height:3px;border-radius:50%;background:#85faff;box-shadow:0 0 6px #00cfff;opacity:0;animation:ss-revenue-spark 5.5s ease-in-out infinite; } #stationScreenPage .ss-map-spark.s1 { left:12%;top:23%;animation-delay:-.8s; } #stationScreenPage .ss-map-spark.s2 { left:34%;top:28%;animation-delay:-2.4s; } #stationScreenPage .ss-map-spark.s3 { left:56%;top:20%;animation-delay:-4.1s; } #stationScreenPage .ss-map-spark.s4 { left:18%;top:34%;animation-delay:-3.2s; } #stationScreenPage .ss-revenue-designed .ss-environment i img { animation:ss-revenue-icon 4s ease-in-out infinite; } #stationScreenPage .ss-revenue-designed .ss-environment > div:nth-child(2) i img { animation-duration:3.6s;animation-delay:-1.2s; } #stationScreenPage .ss-revenue-designed .ss-environment > div:nth-child(3) i img { animation-duration:4.8s;animation-delay:-2.4s; } #stationScreenPage .ss-revenue-sweep { position:absolute;left:8%;right:8%;bottom:3px;height:3px;background:linear-gradient(90deg,transparent 35%,#b7ffff 50%,transparent 65%);background-size:300% 100%;animation:ss-revenue-sweep 2.5s linear infinite; } #stationScreenPage .ss-revenue-designed .ss-environment > div::after { background-image:linear-gradient(90deg,#009acf,#b9ffff,#009acf);background-size:300% 100%;animation:ss-revenue-sweep 2.5s linear infinite; } @keyframes ss-revenue-border { to { stroke-dashoffset:-100; } } @keyframes ss-revenue-arrow { 0%,60%,100% { opacity:.1; } 20%,35% { opacity:.85; } } @keyframes ss-revenue-float { 50% { transform:translateY(-3px); } } @keyframes ss-revenue-ring { 50% { transform:translateY(-2px) scaleX(.92);opacity:.45; } } @keyframes ss-revenue-spark { 0%,45%,100% { opacity:0; } 55%,65% { opacity:.7; } } @keyframes ss-revenue-icon { 50% { transform:translateY(-2px);filter:brightness(1.15); } } @keyframes ss-revenue-sweep { from { background-position:150% 0; } to { background-position:-150% 0; } } #stationScreenPage.ss-motion-paused .ss-revenue-designed *,#stationScreenPage.ss-motion-paused .ss-revenue-designed *::after { animation-play-state:paused!important; } @media(prefers-reduced-motion:reduce) { #stationScreenPage .ss-revenue-designed *,#stationScreenPage .ss-revenue-designed *::after { animation:none!important; } #stationScreenPage .ss-map-spark { opacity:.2; } } /* 中央场景与天气自动循环；其他卡片在整卡悬停或键盘聚焦时播放图标动效。 装饰运动不表达功率流向；后台暂停和减少动态效果设置仍优先。 */ /* 天气直接使用详情页原始关键帧、周期和错峰延迟，进入页面即播放。 */ #stationScreenPage :where(:not(.ss-weather-icon .go-weather-scene, .ss-weather-icon .go-weather-scene *)), #stationScreenPage :where(:not(.ss-weather-icon .go-weather-scene, .ss-weather-icon .go-weather-scene *))::before, #stationScreenPage :where(:not(.ss-weather-icon .go-weather-scene, .ss-weather-icon .go-weather-scene *))::after { animation:none!important; } @media (prefers-reduced-motion:no-preference) { #stationScreenPage:not(.ss-motion-paused) .ss-orbit-scene .ss-scene-asset { animation:ss-scene-breathe 3.2s ease-in-out infinite!important; transform-box:fill-box;transform-origin:center; } #stationScreenPage:not(.ss-motion-paused) .ss-orbit-scene .ss-node-grid .ss-scene-asset, #stationScreenPage:not(.ss-motion-paused) .ss-orbit-scene .ss-node-storage .ss-scene-asset { animation-delay:-1.8s!important; } } @media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) { #stationScreenPage:not(.ss-motion-paused) .ss-panel:is(:hover,:focus-within) :is(.ss-art-icon,.ss-income-main > img,.ss-environment i > img,.ss-gauge-content > svg,.ss-weather-facts svg,.ss-weather-location svg,.ss-hour-cell image):not(.ss-weather-icon .ss-art-icon), #stationScreenPage:not(.ss-motion-paused) button:not(:disabled):hover > svg { animation:ss-icon-hover 1.6s ease-in-out infinite!important; transform-box:fill-box;transform-origin:center; } } @keyframes ss-icon-hover { 50% { transform:translateY(-2px);filter:brightness(1.16) drop-shadow(0 0 5px #38dfff80); } } @keyframes ss-scene-breathe { 0%,100% { filter:brightness(.92) drop-shadow(0 0 2px #00b8ff26); } 45%,55% { filter:brightness(1.28) drop-shadow(0 0 12px #00ddffcc) drop-shadow(0 0 22px #008dff77); } } #stationScreenPage.ss-motion-paused *,#stationScreenPage.ss-motion-paused *::before,#stationScreenPage.ss-motion-paused *::after { animation:none!important; } /* 场景图标自动交错发光，仅作装饰；不依赖悬停，也不代表支路有实际采样。 */ @media (prefers-reduced-motion:no-preference) { #stationScreenPage:not(.ss-motion-paused) .ss-orbit-scene .ss-node-solar .ss-scene-asset { animation-delay:-.4s!important; } #stationScreenPage:not(.ss-motion-paused) .ss-orbit-scene .ss-node-load .ss-scene-asset { animation-delay:-2.4s!important; } #stationScreenPage:not(.ss-motion-paused) .ss-orbit-scene .ss-node-inverter .ss-scene-asset { animation-duration:4s!important;animation-delay:-1s!important; } } /* 能量图滚动条缩为3px；轨道透明，默认弱化，仅悬停提高可见度。 */ #stationScreenPage .ss-history .ss-detail-energy .go-history-scroll { scrollbar-width:thin;scrollbar-color:rgba(64,139,181,.2) transparent; } #stationScreenPage .ss-history .ss-detail-energy .go-history-scroll:hover { scrollbar-color:rgba(64,139,181,.45) transparent; } @supports selector(::-webkit-scrollbar) { #stationScreenPage .ss-history .ss-detail-energy .go-history-scroll { scrollbar-width:auto;scrollbar-color:auto; } #stationScreenPage .ss-history .ss-detail-energy .go-history-scroll::-webkit-scrollbar { height:3px;width:3px; } #stationScreenPage .ss-history .ss-detail-energy .go-history-scroll::-webkit-scrollbar-track { background:transparent; } #stationScreenPage .ss-history .ss-detail-energy .go-history-scroll::-webkit-scrollbar-thumb { background:rgba(64,139,181,.2);border:0;border-radius:3px; } #stationScreenPage .ss-history .ss-detail-energy .go-history-scroll::-webkit-scrollbar-thumb:hover { background:rgba(64,139,181,.45); } #stationScreenPage .ss-history .ss-detail-energy .go-history-scroll::-webkit-scrollbar-button { display:none;width:0;height:0; } #stationScreenPage .ss-history .ss-detail-energy .go-history-scroll.is-scrollable .go-history-svg { height:calc(100% - 3px); } } /* 示意图视觉精修；仅调整大屏，不影响原详情页。 */ #stationScreenPage .ss-head { position:relative;border:0;clip-path:none;padding:0 14px 5px; background:url('/assets/station-screen/header/title-decoration.png') center/100% 100% no-repeat; } #stationScreenPage .ss-title { display:flex;align-items:center;justify-content:center;padding:0 8px 5px;border:0;border-radius:0;background:none; } #stationScreenPage .ss-title h1 { color:#e4f7ff;letter-spacing:1px;text-shadow:0 0 4px #00b7ff,0 0 18px #008bdf80; } #stationScreenPage .ss-title > span { display:none; } #stationScreenPage .ss-head-right { padding-bottom:5px; } #stationScreenPage .ss-head-right time { color:#e3eeff;font-size:14px; } #stationScreenPage .ss-head-right button { width:30px;height:28px;padding:4px;border-color:#176a9b;border-radius:5px;background:#02182d99; } /* 示意图视觉精修；仅调整大屏，不影响原详情页。 */ #stationScreenPage .ss-panel { border:1px solid #087cac;border-radius:7px; background:linear-gradient(125deg,#03203a 0%,#02172e 48%,#001327 100%); box-shadow:inset 0 0 20px #0078ce19,inset 0 -2px 7px #008bd61c,0 0 8px #005a8c18; } #stationScreenPage .ss-panel::before { left:10px;width:30px;height:1px;opacity:.8;background:#31d8ff;box-shadow:0 0 5px #00caff; } #stationScreenPage .ss-panel::after { content:'';position:absolute;left:7px;right:7px;bottom:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#0e8dce55,transparent); } #stationScreenPage .ss-flow-panel { background:#031326; } #stationScreenPage .is-reference .ss-revenue-designed { border-radius:15px;background: url('/assets/station-screen/revenue/background.png') center/100% 100% no-repeat; } #stationScreenPage .is-reference .ss-comparison { border-radius:5px;background:linear-gradient(180deg,#052a4a,#021931);border-top-color:#105176; } #stationScreenPage .is-reference .ss-prediction-grid > div { border-color:#0d557d;border-radius:6px;background:radial-gradient(ellipse at 10% 40%,#02343f,#02192f 76%); } #stationScreenPage .is-reference .ss-prediction-grid em { border-radius:4px;border-color:#14628f;background:#011b32; } #stationScreenPage .is-reference .ss-forecast-period { position:relative;z-index:1; } #stationScreenPage .is-reference .ss-forecast-period button:first-child { background:linear-gradient(#007fbc,#00578e);color:#e3f8ff;border-color:#1596cf; } #stationScreenPage .is-reference .ss-use-ring { border-color:#0b5577;box-shadow:inset 0 0 10px #0075a526,0 0 12px #00688e24; } #stationScreenPage .is-reference .ss-use-legend b { color:#e4f1ff; } #stationScreenPage .ss-legend { color:#b0d3ed; } #stationScreenPage .is-reference .ss-seven .ss-legend .is-pending { color:#8eb6d4; } #stationScreenPage .ss-legend i { width:8px;height:8px;background:#00dccc; } /* 示意图视觉精修；仅调整大屏，不影响原详情页。 */ #stationScreenPage .ss-chart-gridline, #stationScreenPage .ss-detail-energy .go-history-grid { stroke:#0871a3;stroke-width:1;stroke-dasharray:3 5;opacity:.8; } #stationScreenPage .ss-bars-svg text, #stationScreenPage .ss-runtime-chart svg text, #stationScreenPage .ss-detail-energy .go-history-axis, #stationScreenPage .ss-detail-energy .go-history-date { fill:#b8def4;font:13px Arial,'Microsoft YaHei',sans-serif; } #stationScreenPage .ss-detail-energy .go-history-baseline { stroke:#2381a5;stroke-width:1; } #stationScreenPage .ss-detail-energy .go-history-axis-title { fill:#e9f4ff;font-size:14px; } #stationScreenPage .ss-detail-energy .go-history-axis.is-temperature { fill:#ffcf39; } #stationScreenPage .ss-detail-energy .go-temperature-line { stroke:#ffce34;stroke-width:1.5; } #stationScreenPage .ss-detail-energy .go-temperature-point { fill:#ffd538;stroke:#164454;stroke-width:1; } #stationScreenPage .ss-detail-energy .ss-income-line { stroke:#32c9fa;stroke-width:1.6; } #stationScreenPage .ss-detail-energy .ss-income-point { fill:#36c9ff;stroke:#e5faff;stroke-width:1; } #stationScreenPage .ss-detail-energy .ss-income-axis { fill:#79d8ff;font:13px Arial,'Microsoft YaHei',sans-serif; } #stationScreenPage .ss-power-line { stroke:#00d8ef;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; } #stationScreenPage .ss-runtime-legend { margin-top:7px;font-size:13px;gap:24px; } /* 运行图说明与标题共行，窄屏只让日期操作换行，把腾出的高度还给绘图区。 */ #stationScreenPage .ss-runtime-heading { align-items:center;flex-wrap:wrap;gap:6px 12px;margin-bottom:4px; } #stationScreenPage .ss-runtime-title-row { display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;flex:1 1 auto; } #stationScreenPage .ss-runtime-title-row h2 { margin:0;flex-shrink:0; } #stationScreenPage .ss-runtime-heading .ss-runtime-legend { margin:0;min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:4px 12px;line-height:1.25; } #stationScreenPage .ss-runtime-heading .ss-runtime-legend > span { white-space:nowrap; } #stationScreenPage .ss-runtime .ss-runtime-heading .ss-runtime-tools { display:flex;flex-direction:row;flex-wrap:nowrap;max-width:none;width:auto;margin-left:auto;flex:0 0 auto; } @media(max-width:600px) { /* 保留原生日期输入的触控高度，小屏通过卡片高度保证功率绘图区可读。 */ #stationScreenPage .is-reference .ss-bottom .ss-panel.ss-runtime { min-height:320px; } #stationScreenPage .ss-runtime-title-row { flex-basis:100%; } #stationScreenPage .ss-runtime-heading .ss-runtime-legend { gap:5px;font-size:10px; } #stationScreenPage .ss-runtime-heading .ss-runtime-legend > span:first-child { font-size:11px; } #stationScreenPage .ss-runtime-heading .ss-runtime-tools { justify-content:flex-end; } } #stationScreenPage .ss-runtime-legend > span:first-child { color:#00c9ff;font-size:15px;font-weight:700; } #stationScreenPage .ss-runtime-legend i { display:none; } #stationScreenPage .ss-runtime-legend .ss-muted { color:#91b7d4; } #stationScreenPage .ss-hourly-source { font-size:12px;color:#a9d0ec;line-height:1.5;min-height:22px;padding-top:1px; } #stationScreenPage .ss-runtime-chart svg .ss-hour-temp { fill:#e8f5ff;font-size:11px; } #stationScreenPage .ss-runtime-chart { min-height:135px; } #stationScreenPage .ss-zoom-hint { opacity:0;transition:opacity .15s; } #stationScreenPage .ss-runtime-chart:hover .ss-zoom-hint, #stationScreenPage .ss-runtime-chart:focus-within .ss-zoom-hint { opacity:1; } #stationScreenPage .ss-history > .ss-panel-heading { min-height:36px;margin:0 -12px 0;padding:0 12px 8px;border-bottom:1px solid #135575; } #stationScreenPage .ss-history-legend { position:absolute;top:66px;right:15px;display:flex;gap:14px;align-items:center;color:#b8ddf6;font-size:12px;z-index:1;pointer-events:none; } #stationScreenPage .ss-history-legend > span { display:flex;align-items:center;gap:6px;white-space:nowrap; } #stationScreenPage .ss-history-legend i { display:inline-block;width:16px;height:7px;border-radius:1px;background:#00c9b6; } #stationScreenPage .ss-history-legend .ss-key-income i, #stationScreenPage .ss-history-legend .ss-key-temperature i { position:relative;height:2px;background:#32c9fa; } #stationScreenPage .ss-history-legend .ss-key-income i::after, #stationScreenPage .ss-history-legend .ss-key-temperature i::after { content:'';position:absolute;left:6px;top:-2px;width:6px;height:6px;border-radius:50%;background:inherit; } #stationScreenPage .ss-history-legend .ss-key-temperature { color:#ffcf39; } #stationScreenPage .ss-history-legend .ss-key-temperature i { background:#ffcf39; } #stationScreenPage .ss-history.hide-income .ss-key-income, #stationScreenPage .ss-history.hide-temperature .ss-key-temperature { opacity:.35; } #stationScreenPage .ss-history .go-history-axis-title.is-temperature, #stationScreenPage .ss-history .ss-income-series > .ss-income-axis:first-child { visibility:hidden; } #stationScreenPage .ss-seven > svg { overflow:visible; } #stationScreenPage .ss-screen { background:radial-gradient(ellipse at 48% 25%,#003b6b45,transparent 65%),linear-gradient(110deg,#001125,#001832 52%,#001126); } #stationScreenPage .is-reference-canvas > .ss-screen { padding-bottom:34px; } @container station-screen (min-width:1601px) { #stationScreenPage .is-reference-canvas h2 { font-size:23px; } #stationScreenPage .is-reference-canvas .ss-prediction .ss-panel-heading h2 { font-size:23px; } #stationScreenPage .is-reference-canvas .ss-right-bottom h2 { font-size:22px; } #stationScreenPage .is-reference-canvas .ss-use-ring { width:96px;height:96px;min-height:96px;border-width:14px; } #stationScreenPage .is-reference-canvas .ss-use-ring span { font-size:13px; } #stationScreenPage .is-reference-canvas .ss-use-legend { font-size:13px;gap:12px; } #stationScreenPage .is-reference-canvas .ss-use-legend b { font-size:16px; } #stationScreenPage .is-reference-canvas .ss-comparison { font-size:13px; } #stationScreenPage .ss-host:not(:fullscreen) .ss-head { grid-template-columns:minmax(210px,1fr) minmax(0,1.75fr) minmax(210px,1fr); } #stationScreenPage .ss-host:not(:fullscreen) .ss-brand { display:flex; } #stationScreenPage .ss-history .ss-chart-scroll { min-height:0; } } @container station-screen (max-width:700px) { #stationScreenPage .ss-head { background-size:100% 100%; } #stationScreenPage .ss-head-right time { font-size:9px; } #stationScreenPage .ss-history-legend { position:static;align-self:flex-end;gap:8px;font-size:10px;margin-top:6px; } #stationScreenPage .ss-runtime-legend { gap:10px;font-size:10px; } #stationScreenPage .ss-runtime-legend > span:first-child { font-size:12px; } #stationScreenPage .ss-hourly-source { font-size:10px; } } /* 缩放提示与功率图例共用一行，窄屏压缩间距，极窄时自然换行而不遮住图表。 */ #stationScreenPage .ss-runtime-legend { gap:4px 10px;align-items:center;flex-wrap:wrap; } #stationScreenPage .ss-forecast-line { fill:none;stroke:#ffca3a;stroke-width:2;stroke-dasharray:7 5;opacity:.9; } #stationScreenPage .ss-forecast-period button[aria-pressed="true"] { color:#fff3a1;border-color:#18c9ff;background:#083e63; } #stationScreenPage .ss-use-ring { background:conic-gradient(#00d8c4 0 var(--ss-use-self,0%),#ffbe3b var(--ss-use-self,0%) calc(var(--ss-use-self,0%) + var(--ss-use-export,0%)),#2076a3 calc(var(--ss-use-self,0%) + var(--ss-use-export,0%)) 100%); } #stationScreenPage .ss-use-ring.is-empty { background:conic-gradient(#1f5b78 0 100%); } #stationScreenPage .ss-use-legend > span:nth-child(3) i { background:#2076a3; } @container station-screen (max-width:700px) { #stationScreenPage .ss-right-bottom { grid-template-rows:220px; } } /* 预测计算有数据时，三项用电图例保持单行数值，环心单独铺底以免文字与色块重叠。 */ #stationScreenPage .is-reference .ss-consumption .ss-use-content { gap:8px;min-height:0; } #stationScreenPage .is-reference .ss-consumption .ss-use-ring:not(.is-empty) { position:relative;width:76px;height:76px;min-height:76px;border:0;box-shadow:none; } #stationScreenPage .ss-use-ring:not(.is-empty)::before { content:'';position:absolute;inset:12px;border-radius:50%;background:#031a30; } #stationScreenPage .ss-use-ring:not(.is-empty) > span { position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;font-size:12px;color:#e4f6ff; } #stationScreenPage .ss-use-ring:not(.is-empty) small { display:block;font-size:9px; } #stationScreenPage .is-reference .ss-consumption .ss-use-legend { min-width:0;font-size:11px;gap:10px; } #stationScreenPage .is-reference .ss-consumption .ss-use-legend b { font-size:12px;white-space:nowrap; } #stationScreenPage .ss-consumption .ss-use-note { flex:none;font-size:10px; } /* 黄色半透明带是回测误差区间；无校准数据时不绘制。 */ #stationScreenPage .ss-forecast-band { fill:#ffca3a;fill-opacity:.16;stroke:none;pointer-events:none; } /* 双柱对比使用独立图例，蓝色预测与绿色实测共享刻度。 */ #stationScreenPage .ss-seven .ss-comparison-forecast-key { opacity:1;color:#b8ddf6; } #stationScreenPage .ss-seven .ss-comparison-forecast-key i { background:#36b6ff;border:0; } #stationScreenPage .ss-comparison-missing { font-size:8px;fill:#8bacc4; } #stationScreenPage .ss-comparison-svg g:focus { outline:none; } #stationScreenPage .ss-comparison-svg g:focus rect,#stationScreenPage .ss-comparison-svg g:hover rect { stroke:#fff;stroke-width:1; } /* 数据与历史使用独立原生弹窗，保持大屏卡片高度和键盘焦点。 */ #stationScreenPage .ss-records-dialog { position:fixed;inset:0;width:min(1100px,92vw);max-width:92vw;max-height:85vh;margin:auto;padding:20px;color:#d9efff;background:#071e32;border:1px solid #178ab0;border-radius:10px;overflow:auto;font:14px/1.6 "Microsoft YaHei",sans-serif; } #stationScreenPage .ss-records-dialog::backdrop { background:#0009; } #stationScreenPage .ss-records-dialog header { display:flex;align-items:center;justify-content:space-between;gap:15px; } #stationScreenPage .ss-records-dialog h2 { font-size:20px; } #stationScreenPage .ss-records-dialog h3 { font-size:16px;margin:18px 0 6px; } #stationScreenPage .ss-records-dialog p { margin:6px 0;white-space:normal;overflow-wrap:anywhere; } #stationScreenPage .ss-records-dialog button { padding:5px 10px;border:1px solid #2388ad;border-radius:4px;background:#123e59;color:#e7faff;cursor:pointer;white-space:nowrap; } #stationScreenPage .ss-records-dialog button:focus-visible { outline:2px solid #5bdcff;outline-offset:2px; } #stationScreenPage .ss-records-scroll { max-height:45vh;overflow:auto; } #stationScreenPage .ss-records-dialog table { width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap; } #stationScreenPage .ss-records-dialog th,#stationScreenPage .ss-records-dialog td { padding:8px;border-bottom:1px solid #214259;text-align:left; } #stationScreenPage .ss-records-dialog th { position:sticky;top:0;background:#10364f;z-index:1; } #stationScreenPage .ss-forecast-period { flex-wrap:wrap; } /* 预测卡片按参考 SVG 资产重排：标题、范围按钮和双色信息卡层级清晰，保留真实数据。 */ #stationScreenPage .is-reference .ss-prediction-redesigned { position:relative;overflow:hidden;padding:17px 18px 15px;background:radial-gradient(ellipse at 18% 18%,#053b58 0%,transparent 43%),linear-gradient(135deg,#031a32,#06152c 58%,#062b47);border:1px solid #18bce8;box-shadow:0 0 0 1px #08749a55,0 0 22px #00a9df25,inset 0 0 24px #0c8cad18; } #stationScreenPage .is-reference .ss-prediction-redesigned::before { content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 8%,#00d7ff 8% 24%,transparent 24% 100%) top 0/100% 3px no-repeat;opacity:.85; } #stationScreenPage .is-reference .ss-prediction-redesigned > .ss-panel-heading { position:relative;align-items:center;margin-bottom:2px;z-index:1; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-panel-heading h2 { font-size:clamp(20px,1.45vw,29px);font-weight:800;letter-spacing:.5px;color:#f5fbff;text-shadow:0 0 8px #b7ecff55; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-tag { margin-left:auto;padding:4px 10px;border:1px solid #3a89b6;border-radius:6px;background:#071d34;color:#c9ecff; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-forecast-period { align-self:flex-end;margin:1px 0 12px;gap:5px; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-forecast-period button { min-height:34px;padding:6px 16px;border:1px solid #197cae;border-radius:7px;background:#061b31;color:#a9ddfb;font-size:14px;font-weight:700; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-forecast-period button[aria-pressed="true"] { background:linear-gradient(#14a7e0,#087ec1);border-color:#31dcff;color:#fff;box-shadow:0 0 10px #00c9ff88; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-records { background:#071b30;color:#aee5ff; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid { gap:12px; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div { position:relative;min-height:142px;padding:15px 15px 13px 102px;border-radius:12px;overflow:hidden; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div::after { content:'';position:absolute;left:0;right:0;bottom:0;height:20px;transform:none;clip-path:polygon(0 30%,50% 100%,100% 25%,100% 100%,0 100%);background:linear-gradient(180deg,transparent,#00d9e844 48%,#00a8e455);border-top:1px solid #27eaff88; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div:first-child { background:radial-gradient(ellipse at 5% 40%,#07513d,#031e36 72%);border-color:#00c9c5;box-shadow:inset 0 0 20px #00ffc61a,0 0 12px #00d7c42c; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div:nth-child(2) { background:radial-gradient(ellipse at 5% 40%,#5a4300,#241c12 72%);border-color:#d6a92a;box-shadow:inset 0 0 20px #ffd21c18,0 0 12px #f5bc3c2c; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div > .ss-art-icon { position:absolute;left:14px;top:31px;width:76px;height:82px;z-index:2;filter:drop-shadow(0 0 9px #00eeff66); } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div:nth-child(2) > .ss-art-icon { filter:drop-shadow(0 0 10px #ffd21c88); } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div > section { position:relative;z-index:3; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid span { font-size:16px;font-weight:700;color:#eaf9ff; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid strong { display:block;margin:8px 0 10px;font-size:clamp(30px,2.25vw,50px);line-height:1;color:#e7ffff;text-shadow:0 0 10px #3befff88;white-space:nowrap; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div:nth-child(2) strong { color:#fff0b7;text-shadow:0 0 10px #ffc92a88; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid strong small { margin-left:4px;font-size:16px;font-weight:500; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid em { display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4;max-width:230px;padding:5px 9px;border:1px solid #1988bb;border-radius:7px;background:#031a30d9;font-size:12px;color:#b5d9ed; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div:nth-child(2) em { border-color:#b18b24; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid em i { font-style:normal;color:#bfe9ff;font-size:16px; } #stationScreenPage .is-reference .ss-prediction-redesigned > .ss-footnote { position:relative;z-index:2;margin:10px 0 0;color:#b8d9e9;font-size:13px; } @container station-screen (max-width:700px) { #stationScreenPage .is-reference .ss-prediction-redesigned { padding:12px; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div { min-height:125px;padding-left:82px; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div > .ss-art-icon { left:8px;top:25px;width:62px;height:70px; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-forecast-period { align-self:stretch;overflow:auto; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-forecast-period button { padding:5px 9px;font-size:11px; } } /* 全屏右侧参考卡片：字号按卡片宽度缩放，内部网格可收缩，避免视口字号与固定画布相互放大。 */ #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-art-right { container-type:inline-size;grid-template-rows:minmax(0,1.04fr) minmax(0,1fr);gap:8px;min-height:0; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-art-right .ss-prediction-redesigned { display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;padding:10px 11px 7px;gap:5px;min-height:0; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned > .ss-panel-heading { margin:0;min-height:0; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-panel-heading h2 { font-size:4.5cqw;line-height:1.15;white-space:nowrap;letter-spacing:0; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-tag { display:none; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-forecast-period { justify-self:end;align-self:center;flex-wrap:nowrap;margin:0;gap:4px; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-forecast-period button { min-height:27px;padding:4px 11px;font-size:2.2cqw;border-radius:4px;white-space:nowrap; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid { min-height:0;gap:8px;margin:0;align-items:stretch; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid > div { display:grid;grid-template-columns:15cqw minmax(0,1fr);align-items:center;gap:3px;min-width:0;min-height:0;padding:8px;border-radius:5px; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid > div > .ss-art-icon { position:relative;inset:auto;width:15cqw;height:16cqw;max-width:100%; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid > div > section { min-width:0; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid span { font-size:2.75cqw;line-height:1.25;white-space:nowrap; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid strong { display:flex;align-items:baseline;gap:4px;margin:7px 0;font-family:'Arial Narrow','Microsoft YaHei',sans-serif;font-size:7.3cqw;line-height:1.1;letter-spacing:-1px; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid strong small { flex:none;font-size:2.2cqw;margin:0;letter-spacing:0; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid em { min-width:0;max-width:none;padding:3px 6px;min-height:22px;line-height:1.2;font-size:1.9cqw;border-radius:4px;white-space:nowrap; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid em i { font-size:2.2cqw; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned > .ss-footnote { margin:0;font-size:1.85cqw;line-height:1.35;white-space:normal; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-right-bottom { grid-template-columns:minmax(0,.73fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:8px;min-height:0; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-right-bottom > .ss-panel { padding:10px 11px;min-width:0;min-height:0; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-right-bottom h2 { font-size:4.3cqw;line-height:1.2;white-space:nowrap; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-consumption .ss-use-content { width:100%;max-width:none;gap:8px;flex:1;min-height:0; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-consumption .ss-use-ring { position:relative;flex:none;width:18cqw;height:18cqw;min-height:18cqw;border:0;margin:0;background:conic-gradient(#00bdf1 0 40%,#008edb 40% 70%,#267fad 70% 100%);box-shadow:0 0 0 5px #07527c77; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-consumption .ss-use-ring:not(.is-empty) { background:conic-gradient(#00d8c4 0 var(--ss-use-self),#ffbe3b var(--ss-use-self) calc(var(--ss-use-self) + var(--ss-use-export)),#2076a3 0 100%); } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-consumption .ss-use-ring::before { content:'';position:absolute;inset:14px;border-radius:50%;background:#073454; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-consumption .ss-use-ring span { position:relative;z-index:1;font-size:2.3cqw;line-height:1.4; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-consumption .ss-use-legend { width:auto;flex:1;font-size:2.1cqw;gap:12px; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-consumption .ss-use-legend b { font-size:2.35cqw;white-space:nowrap; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-consumption .ss-use-note { font-size:1.85cqw;line-height:1.3;white-space:normal;overflow-wrap:anywhere;text-align:center; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-seven .ss-legend { font-size:1.8cqw;gap:6px;flex-wrap:nowrap; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid > div::after { left:0;right:0;bottom:0;height:20px;transform:none;clip-path:polygon(0 30%,50% 100%,100% 25%,100% 100%,0 100%);border-top:0;background:linear-gradient(transparent,#00c7f04d); } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid > div:nth-child(2)::after { background:linear-gradient(transparent,#e1ad3555); } /* 全屏查询以1920设计画布为准，不因浏览器物理宽度触发窄屏重排。 */ #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-screen { container-name:station-screen;container-type:inline-size; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid em::after { content:'ⓘ';flex:none;margin-left:4px;font-size:2.1cqw;color:#9fcde5; } /* 普通中宽页面复用参考素材，但为双列指标保留足够文字空间。 */ @container station-screen (min-width:701px) and (max-width:1600px) { #stationScreenPage .ss-host:not(.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid > div { padding:10px 8px 10px 64px; } #stationScreenPage .ss-host:not(.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid > div > .ss-art-icon { left:8px;width:48px;height:58px; } #stationScreenPage .ss-host:not(.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid span { font-size:13px; } #stationScreenPage .ss-host:not(.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid strong { font-size:26px; } #stationScreenPage .ss-host:not(.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid strong small { font-size:11px; } #stationScreenPage .ss-host:not(.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid em { padding:4px;font-size:10px;white-space:normal; } } /* 数据与历史使用独立原生弹窗，保持大屏卡片高度和键盘焦点。 */ #stationScreenPage .ss-records-dialog { position:fixed;inset:0;width:min(1100px,92vw);max-width:92vw;max-height:85vh;margin:auto;padding:20px;color:#d9efff;background:#071e32;border:1px solid #178ab0;border-radius:10px;overflow:auto;font:14px/1.6 "Microsoft YaHei",sans-serif; } #stationScreenPage .ss-records-dialog::backdrop { background:#0009; } #stationScreenPage .ss-records-dialog header { display:flex;align-items:center;justify-content:space-between;gap:15px; } #stationScreenPage .ss-records-dialog h2 { font-size:20px; } #stationScreenPage .ss-records-dialog h3 { font-size:16px;margin:18px 0 6px; } #stationScreenPage .ss-records-dialog p { margin:6px 0;white-space:normal;overflow-wrap:anywhere; } #stationScreenPage .ss-records-dialog button { padding:5px 10px;border:1px solid #2388ad;border-radius:4px;background:#123e59;color:#e7faff;cursor:pointer;white-space:nowrap; } #stationScreenPage .ss-records-dialog button:focus-visible { outline:2px solid #5bdcff;outline-offset:2px; } #stationScreenPage .ss-records-scroll { max-height:45vh;overflow:auto; } #stationScreenPage .ss-records-dialog table { width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap; } #stationScreenPage .ss-records-dialog th,#stationScreenPage .ss-records-dialog td { padding:8px;border-bottom:1px solid #214259;text-align:left; } #stationScreenPage .ss-records-dialog th { position:sticky;top:0;background:#10364f;z-index:1; } #stationScreenPage .ss-forecast-period { flex-wrap:wrap; } /* 预测卡片按参考 SVG 资产重排：标题、范围按钮和双色信息卡层级清晰，保留真实数据。 */ #stationScreenPage .is-reference .ss-prediction-redesigned { position:relative;overflow:hidden;padding:17px 18px 15px;background:radial-gradient(ellipse at 18% 18%,#053b58 0%,transparent 43%),linear-gradient(135deg,#031a32,#06152c 58%,#062b47);border:1px solid #18bce8;box-shadow:0 0 0 1px #08749a55,0 0 22px #00a9df25,inset 0 0 24px #0c8cad18; } #stationScreenPage .is-reference .ss-prediction-redesigned::before { content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 8%,#00d7ff 8% 24%,transparent 24% 100%) top 0/100% 3px no-repeat;opacity:.85; } #stationScreenPage .is-reference .ss-prediction-redesigned > .ss-panel-heading { position:relative;align-items:center;margin-bottom:2px;z-index:1; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-panel-heading h2 { font-size:clamp(20px,1.45vw,29px);font-weight:800;letter-spacing:.5px;color:#f5fbff;text-shadow:0 0 8px #b7ecff55; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-tag { margin-left:auto;padding:4px 10px;border:1px solid #3a89b6;border-radius:6px;background:#071d34;color:#c9ecff; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-forecast-period { align-self:flex-end;margin:1px 0 12px;gap:5px; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-forecast-period button { min-height:34px;padding:6px 16px;border:1px solid #197cae;border-radius:7px;background:#061b31;color:#a9ddfb;font-size:14px;font-weight:700; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-forecast-period button[aria-pressed="true"] { background:linear-gradient(#14a7e0,#087ec1);border-color:#31dcff;color:#fff;box-shadow:0 0 10px #00c9ff88; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-records { background:#071b30;color:#aee5ff; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid { gap:12px; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div { position:relative;min-height:142px;padding:15px 15px 13px 102px;border-radius:12px;overflow:hidden; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div::after { content:'';position:absolute;left:0;right:0;bottom:0;height:20px;transform:none;clip-path:polygon(0 30%,50% 100%,100% 25%,100% 100%,0 100%);background:linear-gradient(180deg,transparent,#00d9e844 48%,#00a8e455);border-top:1px solid #27eaff88; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div:first-child { background:radial-gradient(ellipse at 5% 40%,#07513d,#031e36 72%);border-color:#00c9c5;box-shadow:inset 0 0 20px #00ffc61a,0 0 12px #00d7c42c; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div:nth-child(2) { background:radial-gradient(ellipse at 5% 40%,#5a4300,#241c12 72%);border-color:#d6a92a;box-shadow:inset 0 0 20px #ffd21c18,0 0 12px #f5bc3c2c; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div > .ss-art-icon { position:absolute;left:14px;top:31px;width:76px;height:82px;z-index:2;filter:drop-shadow(0 0 9px #00eeff66); } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div:nth-child(2) > .ss-art-icon { filter:drop-shadow(0 0 10px #ffd21c88); } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div > section { position:relative;z-index:3; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid span { font-size:16px;font-weight:700;color:#eaf9ff; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid strong { display:block;margin:8px 0 10px;font-size:clamp(30px,2.25vw,50px);line-height:1;color:#e7ffff;text-shadow:0 0 10px #3befff88;white-space:nowrap; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div:nth-child(2) strong { color:#fff0b7;text-shadow:0 0 10px #ffc92a88; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid strong small { margin-left:4px;font-size:16px;font-weight:500; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid em { display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4;max-width:230px;padding:5px 9px;border:1px solid #1988bb;border-radius:7px;background:#031a30d9;font-size:12px;color:#b5d9ed; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div:nth-child(2) em { border-color:#b18b24; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid em i { font-style:normal;color:#bfe9ff;font-size:16px; } #stationScreenPage .is-reference .ss-prediction-redesigned > .ss-footnote { position:relative;z-index:2;margin:10px 0 0;color:#b8d9e9;font-size:13px; } @container station-screen (max-width:700px) { #stationScreenPage .is-reference .ss-prediction-redesigned { padding:12px; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div { min-height:125px;padding-left:82px; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-prediction-grid > div > .ss-art-icon { left:8px;top:25px;width:62px;height:70px; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-forecast-period { align-self:stretch;overflow:auto; } #stationScreenPage .is-reference .ss-prediction-redesigned .ss-forecast-period button { padding:5px 9px;font-size:11px; } } /* 全屏右侧参考卡片：字号按卡片宽度缩放，内部网格可收缩，避免视口字号与固定画布相互放大。 */ #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-art-right { container-type:inline-size;grid-template-rows:minmax(0,1.04fr) minmax(0,1fr);gap:8px;min-height:0; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-art-right .ss-prediction-redesigned { display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;padding:10px 11px 7px;gap:5px;min-height:0; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned > .ss-panel-heading { margin:0;min-height:0; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-panel-heading h2 { font-size:4.5cqw;line-height:1.15;white-space:nowrap;letter-spacing:0; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-tag { display:none; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-forecast-period { justify-self:end;align-self:center;flex-wrap:nowrap;margin:0;gap:4px; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-forecast-period button { min-height:27px;padding:4px 11px;font-size:2.2cqw;border-radius:4px;white-space:nowrap; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid { min-height:0;gap:8px;margin:0;align-items:stretch; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid > div { display:grid;grid-template-columns:15cqw minmax(0,1fr);align-items:center;gap:3px;min-width:0;min-height:0;padding:8px;border-radius:5px; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid > div > .ss-art-icon { position:relative;inset:auto;width:15cqw;height:16cqw;max-width:100%; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid > div > section { min-width:0; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid span { font-size:2.75cqw;line-height:1.25;white-space:nowrap; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid strong { display:flex;align-items:baseline;gap:4px;margin:7px 0;font-family:'Arial Narrow','Microsoft YaHei',sans-serif;font-size:7.3cqw;line-height:1.1;letter-spacing:-1px; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid strong small { flex:none;font-size:2.2cqw;margin:0;letter-spacing:0; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid em { min-width:0;max-width:none;padding:3px 6px;min-height:22px;line-height:1.2;font-size:1.9cqw;border-radius:4px;white-space:nowrap; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid em i { font-size:2.2cqw; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned > .ss-footnote { margin:0;font-size:1.85cqw;line-height:1.35;white-space:normal; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-right-bottom { grid-template-columns:minmax(0,.73fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:8px;min-height:0; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-right-bottom > .ss-panel { padding:10px 11px;min-width:0;min-height:0; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-right-bottom h2 { font-size:4.3cqw;line-height:1.2;white-space:nowrap; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-consumption .ss-use-content { width:100%;max-width:none;gap:8px;flex:1;min-height:0; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-consumption .ss-use-ring { position:relative;flex:none;width:18cqw;height:18cqw;min-height:18cqw;border:0;margin:0;background:conic-gradient(#00bdf1 0 40%,#008edb 40% 70%,#267fad 70% 100%);box-shadow:0 0 0 5px #07527c77; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-consumption .ss-use-ring:not(.is-empty) { background:conic-gradient(#00d8c4 0 var(--ss-use-self),#ffbe3b var(--ss-use-self) calc(var(--ss-use-self) + var(--ss-use-export)),#2076a3 0 100%); } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-consumption .ss-use-ring::before { content:'';position:absolute;inset:14px;border-radius:50%;background:#073454; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-consumption .ss-use-ring span { position:relative;z-index:1;font-size:2.3cqw;line-height:1.4; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-consumption .ss-use-legend { width:auto;flex:1;font-size:2.1cqw;gap:12px; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-consumption .ss-use-legend b { font-size:2.35cqw;white-space:nowrap; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-consumption .ss-use-note { font-size:1.85cqw;line-height:1.3;white-space:normal;overflow-wrap:anywhere;text-align:center; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-seven .ss-legend { font-size:1.8cqw;gap:6px;flex-wrap:nowrap; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid > div::after { left:0;right:0;bottom:0;height:20px;transform:none;clip-path:polygon(0 30%,50% 100%,100% 25%,100% 100%,0 100%);border-top:0;background:linear-gradient(transparent,#00c7f04d); } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid > div:nth-child(2)::after { background:linear-gradient(transparent,#e1ad3555); } /* 全屏查询以1920设计画布为准，不因浏览器物理宽度触发窄屏重排。 */ #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-screen { container-name:station-screen;container-type:inline-size; } #stationScreenPage .ss-host:is(:fullscreen,.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid em::after { content:'ⓘ';flex:none;margin-left:4px;font-size:2.1cqw;color:#9fcde5; } /* 普通中宽页面复用参考素材，但为双列指标保留足够文字空间。 */ @container station-screen (min-width:701px) and (max-width:1600px) { #stationScreenPage .ss-host:not(.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid > div { padding:10px 8px 10px 64px; } #stationScreenPage .ss-host:not(.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid > div > .ss-art-icon { left:8px;width:48px;height:58px; } #stationScreenPage .ss-host:not(.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid span { font-size:13px; } #stationScreenPage .ss-host:not(.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid strong { font-size:26px; } #stationScreenPage .ss-host:not(.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid strong small { font-size:11px; } #stationScreenPage .ss-host:not(.is-reference-canvas) .ss-prediction-redesigned .ss-prediction-grid em { padding:4px;font-size:10px;white-space:normal; } } /* 读数过期或缺失时不点亮对应设备；购售电分别采用相反的路径方向。 */ #stationScreenPage .ss-component-scene .ss-scene-link.is-flowing { opacity:1;filter:none;stroke-dasharray:12 10;animation:ss-meter-flow 1.5s linear infinite; } #stationScreenPage .ss-component-scene .ss-scene-link.is-import { animation-direction:reverse; } #stationScreenPage .ss-component-scene .ss-node-grid.is-unavailable .ss-scene-asset, #stationScreenPage .ss-component-scene .ss-node-load.is-unavailable .ss-scene-asset, #stationScreenPage .ss-component-scene .ss-node-storage.is-unavailable .ss-scene-asset { opacity:.45;filter:grayscale(1);animation:none; } @keyframes ss-meter-flow { to { stroke-dashoffset:-44; } } @media (prefers-reduced-motion:reduce) { #stationScreenPage .ss-component-scene .ss-scene-link { animation:none!important; } } /* 大屏功率水球复用详情的曲线和周期，水面双向流动，外圈白色光点环绕；停动规则由采样状态控制。 */ #stationScreenPage .ss-gauge .go-power-water { position:absolute;left:0;bottom:0;width:100%;height:var(--go-power-level,0%);background:linear-gradient(180deg,#00a9edbc,#0084e6d6 50%,#0066dce0);transition:height 1s cubic-bezier(.22,.61,.36,1); } #stationScreenPage .is-reference .ss-gauge .go-power-waves { position:absolute;z-index:2;left:-100%;top:-12px;width:300%;height:24px;overflow:visible;pointer-events:none; } #stationScreenPage .ss-gauge .go-power-wave-main { fill:#009fe8bd;stroke:#b8fbff;stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #69ecffb8) drop-shadow(0 0 5px #23d3ff6b); } #stationScreenPage .ss-gauge .go-power-wave-secondary { fill:none;stroke:#67e5ff77;stroke-width:1.1;vector-effect:non-scaling-stroke; } #stationScreenPage .is-reference .ss-gauge .go-power-waves.is-high { --ss-wave-duration:3s; } #stationScreenPage .is-reference .ss-gauge .go-power-waves.is-medium { --ss-wave-duration:3.6s; } #stationScreenPage .is-reference .ss-gauge .go-power-waves.is-low { --ss-wave-duration:4.2s; } #stationScreenPage .is-reference .ss-gauge > .ss-power-orbit { position:absolute;inset:-3%;z-index:4;width:106%;height:106%;fill:none;stroke:none;pointer-events:none;opacity:0;transform-origin:50% 50%;filter:drop-shadow(0 0 3px #2dd8fff2) drop-shadow(0 0 7px #259dff94); } #stationScreenPage .ss-gauge .ss-power-orbit-trail { fill:none;stroke:#38ddff;stroke-width:3.2;stroke-linecap:round;stroke-dasharray:58 269;transform:rotate(-90deg);transform-origin:55px 55px; } #stationScreenPage .ss-gauge .ss-power-orbit-head { fill:#f5feff;stroke:#65e9ff;stroke-width:1; } #stationScreenPage .ss-gauge.is-power-active > .ss-power-orbit { opacity:1; } /* 发光管线由独立底线、内芯及流光组成；实际购售电方向控制亮块与箭头，不借用总功率启动缺测支路。 */ #stationScreenPage .ss-flow-branch { --ss-flow-color:#00d5ff;--ss-flow-core:#c5fbff;opacity:1; } #stationScreenPage .ss-flow-grid,#stationScreenPage .ss-flow-load { --ss-flow-color:#ffaa20;--ss-flow-core:#fff0b3; } #stationScreenPage .ss-flow-branch > path { fill:none;stroke-linecap:round; } #stationScreenPage .ss-flow-halo { stroke:var(--ss-flow-color);stroke-width:17;opacity:.2;filter:blur(5px); } #stationScreenPage .ss-flow-track { stroke:var(--ss-flow-color);stroke-width:7;opacity:.65;filter:drop-shadow(0 0 5px var(--ss-flow-color)); } #stationScreenPage .ss-component-scene .ss-flow-branch > .ss-scene-link { stroke:var(--ss-flow-core);stroke-width:1.7;stroke-dasharray:none;opacity:.85;filter:none;animation:none!important; } #stationScreenPage .ss-flow-parcels { stroke:#fff9b6;stroke-width:4;stroke-dasharray:6 34;opacity:0;filter:drop-shadow(0 0 4px var(--ss-flow-color)); } #stationScreenPage .ss-flow-solar .ss-flow-parcels { stroke:#e6ffff; } #stationScreenPage .ss-flow-branch.is-flowing .ss-flow-parcels { opacity:1; } #stationScreenPage .ss-flow-arrow { fill:none;stroke:#fff6cc;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px var(--ss-flow-color)); } #stationScreenPage .ss-flow-solar .ss-flow-arrow { stroke:#e7ffff; } #stationScreenPage .ss-flow-branch.is-unavailable { opacity:.24; } #stationScreenPage .ss-flow-branch.is-unavailable .ss-flow-halo { opacity:0; } #stationScreenPage .ss-flow-branch.is-unavailable .ss-flow-track { opacity:.35;filter:none; } #stationScreenPage .ss-flow-branch.is-unavailable .ss-scene-link { opacity:.3; } #stationScreenPage .ss-flow-reading { pointer-events:none; } #stationScreenPage .ss-orbit-scene .ss-flow-reading text { paint-order:stroke fill;stroke:#03162bd9;stroke-width:3;stroke-linejoin:round;letter-spacing:0; } #stationScreenPage .ss-orbit-scene .ss-flow-reading .ss-flow-reading-name { fill:#48ebff;font-size:15px;font-weight:600; } #stationScreenPage .ss-orbit-scene .ss-flow-reading .ss-flow-reading-value { fill:#ffda4c;font:700 21px "Bahnschrift","Segoe UI",sans-serif; } #stationScreenPage .ss-flow-reading.is-stale { opacity:.45; } @keyframes ss-power-orbit-spin { to { transform:rotate(360deg); } } @keyframes ss-power-wave-main { from { transform:translateX(0); } to { transform:translateX(-64px); } } @keyframes ss-power-wave-secondary { from { transform:translateX(-80px); } to { transform:translateX(0); } } @keyframes ss-flow-waterline { to { stroke-dashoffset:-40; } } @keyframes ss-flow-arrow-shine { 0%,100% { opacity:.65; } 50% { opacity:1; } } @media(prefers-reduced-motion:no-preference) { #stationScreenPage:not(.ss-motion-paused) .ss-gauge.is-power-active > .ss-power-orbit { animation:ss-power-orbit-spin 2.2s linear infinite!important; } #stationScreenPage:not(.ss-motion-paused) .ss-gauge.is-power-active .go-power-wave-main { animation:ss-power-wave-main var(--ss-wave-duration,3.6s) linear infinite!important; } #stationScreenPage:not(.ss-motion-paused) .ss-gauge.is-power-active .go-power-wave-secondary { animation:ss-power-wave-secondary 5s linear infinite!important; } #stationScreenPage:not(.ss-motion-paused) .ss-flow-branch.is-flowing .ss-flow-parcels { animation:ss-flow-waterline 1.6s linear infinite!important; } #stationScreenPage:not(.ss-motion-paused) .ss-flow-branch.is-flowing.is-import .ss-flow-parcels { animation-direction:reverse!important; } #stationScreenPage:not(.ss-motion-paused) .ss-flow-branch.is-flowing .ss-flow-arrow { animation:ss-flow-arrow-shine 1.6s ease-in-out infinite!important; } } /* 缺测图标仍保持静态，减少动态效果或后台状态依赖原有全局停动规则。 */ #stationScreenPage .ss-component-scene .ss-scene-node.is-unavailable .ss-scene-asset { animation:none!important; } /* 附件背景与中央底座在同一 SVG 中按原图锚点定位，容器变形或进入全屏不再独立裁切背景。 */ #stationScreenPage .ss-component-scene .ss-scene-svg { overflow:hidden; } #stationScreenPage .ss-scene-background { pointer-events:none; } /* 品牌与外部框架统一；较窄桌面文字分两行展示，保留电站标题居中。 */ #stationScreenPage .ss-brand .ss-brand-energy { display:flex;align-items:baseline;gap:5px; } #stationScreenPage .ss-brand .ss-brand-platform { color:inherit;font:inherit;letter-spacing:0;white-space:nowrap; } @media(max-width:1100px) { #stationScreenPage .ss-brand img.ss-brand-mascot { width:34px;height:32px; } #stationScreenPage .ss-brand img.ss-brand-wordmark { width:44px;height:28px; } #stationScreenPage .ss-brand .ss-brand-energy { display:block;font-size:14px; } #stationScreenPage .ss-brand .ss-brand-platform { display:block;font-size:11px; } }