*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a1628;--bg-secondary: #0d1f3c;--bg-panel: rgba(13, 31, 60, .8);--border-color: #1e3a5f;--accent-blue: #00d4ff;--accent-green: #00ff88;--accent-orange: #ff6b35;--accent-red: #ff4757;--accent-yellow: #ffd93d;--accent-cyan: #00e5ff;--text-primary: #ffffff;--text-secondary: #a0c4e8;--glow-blue: 0 0 20px rgba(0, 212, 255, .5);--glow-green: 0 0 20px rgba(0, 255, 136, .5)}body{font-family:Microsoft YaHei,PingFang SC,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;width:100vw;height:100vh}.main-container{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-primary) 0%,#0d1f3c 50%,#0a1628 100%);position:relative;display:flex;flex-direction:column}.bg-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;width:2px;height:2px;background:var(--accent-blue);border-radius:50%;animation:float 15s infinite;opacity:.6}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:.6}50%{transform:translateY(-100px) translate(50px);opacity:.2}}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.header{width:100%;height:60px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10;padding:0 20px}.header-center{flex:0 1 auto;display:flex;justify-content:center;align-items:center}.header-title{font-size:36px;font-weight:700;letter-spacing:6px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-green),var(--accent-blue));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease infinite;text-shadow:0 0 30px rgba(0,212,255,.3);position:relative}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.header:before,.header:after{content:"";position:absolute;top:50%;width:250px;height:2px;background:linear-gradient(90deg,transparent,var(--accent-blue))}.header:before{right:calc(50% + 250px)}.header:after{left:calc(50% + 250px);background:linear-gradient(90deg,var(--accent-blue),transparent)}.header-time{position:absolute;right:25px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--text-secondary)}.header-date{position:absolute;left:25px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--text-secondary)}.content{display:flex;gap:10px;height:calc(100% - 60px);padding:0}.left-panel{width:22%;min-width:280px;display:flex;flex-direction:column;gap:8px;min-height:0}.center-panel{position:relative;flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0}.right-panel{width:22%;min-width:280px;display:flex;flex-direction:column;gap:8px;min-height:0}.panel{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:6px;position:relative;overflow:hidden;display:flex;flex-direction:column}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-blue),transparent);animation:border-glow 3s ease-in-out infinite}@keyframes border-glow{0%,to{opacity:.5}50%{opacity:1}}.panel-header{padding:8px 15px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:8px}.panel-title{font-size:14px;font-weight:700;color:var(--accent-blue);letter-spacing:1px}.panel-title-icon{width:3px;height:14px;background:var(--accent-blue);border-radius:2px;box-shadow:var(--glow-blue)}.panel-content{padding:10px;height:100%;display:flex;flex-direction:column}.panel-chart{flex:1;display:flex;flex-direction:column;min-height:0}.panel-chart .panel-content{padding:8px;flex:1;min-height:0}.power-spheres{display:flex;justify-content:space-around;align-items:flex-end;gap:4px;padding:5px 0}.power-sphere{display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer}.sphere-chart{width:72px;height:72px}.sphere-label{font-size:10px;color:var(--text-secondary);margin-top:2px;text-align:center;letter-spacing:1px}.sphere-unit{font-size:9px;color:var(--text-secondary);margin-top:2px}.realtime-indicator{display:flex;align-items:center;gap:6px;margin-top:4px}.realtime-dot{width:6px;height:6px;background:var(--accent-green);border-radius:50%;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.chart-container{width:100%;height:160px}.chart-container.small{height:140px}.rank-list{display:flex;flex-direction:column;gap:6px}.rank-item{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#00d4ff0d;border-radius:4px;border-left:3px solid var(--accent-blue);transition:all .3s;cursor:pointer}.rank-item.clickable{cursor:pointer}.rank-item.clickable:hover{background:#00d4ff26;transform:translate(5px);box-shadow:0 0 10px #00d4ff33}.rank-hint{font-size:9px;color:#00d4ff80;margin-left:auto;white-space:nowrap}.province-selector{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);color:#00d4ff;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;outline:none;margin-left:10px;font-family:inherit}.province-selector:hover{background:#00d4ff33;border-color:#00d4ff80}.province-selector option{background:#0a1628;color:#e0e0e0}.rank-item:hover{background:#00d4ff1a;transform:translate(5px)}.rank-number{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--accent-blue);color:var(--bg-primary);border-radius:4px;font-size:11px;font-weight:700}.rank-number.top3{background:linear-gradient(135deg,gold,#ff8c00)}.rank-name{flex:1;font-size:12px}.rank-value{font-size:12px;font-weight:700;color:var(--accent-green)}.rank-bar{width:80px;height:4px;background:#00d4ff33;border-radius:2px;overflow:hidden}.rank-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));border-radius:2px;transition:width 1s ease}.map-container{flex:1;display:flex;flex-direction:column;min-height:300px}#china-map{width:100%;height:100%}.map-overlay-stats{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:15px;background:#0a1628e6;padding:12px 20px;border-radius:6px;border:1px solid var(--border-color);z-index:10}.map-stat-group{display:flex;gap:20px}.map-stat-group.wind{border-right:1px solid rgba(0,229,255,.3);padding-right:20px}.map-stat-group.solar{padding-left:5px}.map-stat{text-align:center;min-width:70px}.map-stat-value{font-size:22px;font-weight:700;text-shadow:var(--glow-blue)}.map-stat-value.wind{color:var(--accent-cyan)}.map-stat-value.solar{color:var(--accent-yellow);text-shadow:0 0 20px rgba(255,217,61,.5)}.map-stat-label{font-size:10px;color:var(--text-secondary);margin-top:2px}.map-stat-group-title{font-size:11px;font-weight:700;margin-bottom:5px;display:flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0}.map-stat-group-title.wind{color:var(--accent-cyan)}.map-stat-group-title.solar{color:var(--accent-yellow)}.province-total{color:var(--accent-green);font-weight:700}.weather-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px}.weather-card{background:linear-gradient(135deg,#00d4ff1a,#00ff880d);border:1px solid rgba(0,212,255,.2);border-radius:4px;padding:8px 5px;text-align:center;transition:all .3s}.weather-card:hover{border-color:var(--accent-blue);box-shadow:var(--glow-blue);transform:translateY(-2px)}.weather-icon{font-size:20px;margin-bottom:5px}.weather-label{font-size:10px;color:var(--text-secondary);margin-bottom:3px}.weather-value{font-size:16px;font-weight:700}.weather-unit{font-size:9px;color:var(--text-secondary)}.number-scroll{display:inline-block;animation:number-glow 2s ease-in-out infinite}@keyframes number-glow{0%,to{text-shadow:0 0 10px rgba(0,212,255,.5)}50%{text-shadow:0 0 20px rgba(0,212,255,.8),0 0 30px rgba(0,212,255,.5)}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s}.loading-overlay.hidden{opacity:0;pointer-events:none}.loading-spinner{width:50px;height:50px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:15px;font-size:16px;color:var(--accent-blue);letter-spacing:2px}.map-legend{position:absolute;left:15px;bottom:90px;display:flex;flex-direction:column;gap:10px;z-index:10;background:#0a1628e6;padding:12px 15px;border-radius:6px;border:1px solid var(--border-color)}.legend-title{font-size:11px;font-weight:700;color:var(--text-secondary);margin-bottom:5px;border-bottom:1px solid rgba(30,58,95,.5);padding-bottom:5px}.legend-item{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary)}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.wind{background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan)}.legend-dot.solar{background:var(--accent-yellow);box-shadow:0 0 8px var(--accent-yellow)}.legend-size{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(30,58,95,.5)}.legend-size-title{font-size:10px;color:var(--text-secondary)}.legend-size-item{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--text-secondary)}.legend-size-dot{border-radius:50%;background:#ffffff4d;border:1px solid rgba(255,255,255,.2)}.legend-ripple{position:relative}.legend-ripple:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;border:1px solid var(--accent-cyan);animation:ripple 1.5s ease-out infinite}@keyframes ripple{0%{width:12px;height:12px;opacity:1}to{width:28px;height:28px;opacity:0}}.back-to-china-btn{position:absolute;top:72px;right:12px;z-index:100;background:linear-gradient(135deg,#00d4ff33,#00d4ff1a);border:1px solid #00d4ff;color:#00d4ff;padding:8px 16px;border-radius:20px;font-size:12px;cursor:pointer;display:none;align-items:center;gap:6px;transition:all .3s;box-shadow:0 0 15px #00d4ff4d}.back-to-china-btn:hover{background:linear-gradient(135deg,#00d4ff66,#00d4ff33);transform:scale(1.05);box-shadow:0 0 25px #00d4ff80}.back-to-china-btn.show{display:flex}.toast{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#0a1628f2;border:1px solid #ff6b35;color:#ff6b35;padding:12px 24px;border-radius:8px;font-size:14px;z-index:9999;opacity:0;transition:opacity .3s;box-shadow:0 4px 20px #ff6b354d}.toast.show{opacity:1}.province-title,.province-title.show{display:none!important}.map-tabs{display:flex;gap:4px;margin-left:12px}.map-tab{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);color:#8ab4d6;padding:3px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s}.map-tab.active{background:#00d4ff40;border-color:#00d4ff;color:#00d4ff}.map-tab:hover{background:#00d4ff33}.weather-layer-bar{position:absolute;top:72px;left:50%;transform:translate(-50%);display:none;gap:6px;z-index:10;background:#0a1628d9;padding:6px 12px;border-radius:6px;border:1px solid rgba(0,212,255,.2)}.weather-layer-bar.show{display:flex}.layer-btn,.range-btn{background:#00d4ff14;border:1px solid rgba(0,212,255,.2);color:#8ab4d6;padding:4px 10px;border-radius:3px;font-size:11px;cursor:pointer;transition:all .2s}.layer-btn.active,.range-btn.active{background:#00d4ff33;border-color:#00d4ff;color:#00d4ff}.layer-btn:hover,.range-btn:hover{background:#00d4ff26}.layer-range-group{margin-left:8px;padding-left:8px;border-left:1px solid rgba(0,212,255,.2);display:flex;gap:4px}.weather-timeline{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:15;display:none;align-items:center;gap:10px;background:#0a1628e6;padding:8px 16px;border-radius:6px;border:1px solid rgba(0,212,255,.2)}.weather-timeline.show{display:flex}.timeline-play-btn{width:28px;height:28px;border-radius:50%;background:#00d4ff33;border:1px solid rgba(0,212,255,.4);color:#00d4ff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s}.timeline-play-btn:hover{background:#00d4ff4d}.timeline-play-btn.playing{animation:pulse 2s infinite}.timeline-slider-container{flex:1;display:flex;flex-direction:column;gap:4px}.timeline-labels{display:flex;justify-content:space-between;font-size:10px;color:#6a8fa8;width:300px}.timeline-slider{width:300px;height:4px;-webkit-appearance:none;background:#00d4ff33;border-radius:2px;outline:none}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#00d4ff;cursor:pointer;box-shadow:0 0 10px #00d4ff99}.timeline-current-time{font-size:12px;color:#00d4ff;font-weight:700;min-width:80px}.weather-color-scale{position:absolute;right:10px;bottom:10px;z-index:10;background:#0a1628d9;padding:8px 10px;border-radius:4px;border:1px solid rgba(0,212,255,.2)}.weather-color-scale-title{font-size:10px;color:#8ab4d6;margin-bottom:4px}.weather-color-scale-bar{width:120px;height:10px;border-radius:3px}.weather-color-scale-labels{display:flex;justify-content:space-between;font-size:9px;color:#6a8fa8;margin-top:2px}.weather-layer-bar{top:12px;right:12px;left:auto;transform:none;flex-direction:column;gap:8px;padding:10px}.layer-btn,.range-btn{padding:6px 12px;font-size:12px;text-align:left}.layer-range-group{margin-left:0;padding-left:0;border-left:none;border-top:1px solid rgba(0,212,255,.2);padding-top:8px;flex-direction:column;gap:6px}.station-toggle-group{border-top:1px solid rgba(0,212,255,.2);padding-top:8px;display:flex;flex-direction:column;gap:6px}.station-toggle-btn{background:#00d4ff14;border:1px solid rgba(0,212,255,.2);color:#8ab4d6;padding:4px 10px;border-radius:3px;font-size:11px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.station-toggle-btn.active{background:#00d4ff33;border-color:#00d4ff;color:#00d4ff}.station-toggle-btn .dot{width:8px;height:8px;border-radius:50%}.station-toggle-btn.wind .dot{background:#00b4ff}.station-toggle-btn.solar .dot{background:#ffb800}.wind-legend{position:absolute;right:10px;bottom:40px;z-index:10;background:#0a1628d9;padding:8px;border-radius:4px;border:1px solid rgba(0,212,255,.2)}.main-tabs{display:flex;justify-content:center;gap:4px;padding:10px 0;background:#0d1f3c99;border-bottom:1px solid rgba(0,212,255,.2);flex-shrink:0}.main-tab{padding:8px 32px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);color:var(--text-secondary);cursor:pointer;font-size:14px;transition:all .3s;border-radius:4px}.main-tab:hover{background:#00d4ff33;color:var(--text-primary)}.main-tab.active{background:linear-gradient(135deg,#00d4ff4d,#00d4ff1a);border-color:var(--accent-blue);color:var(--accent-blue);font-weight:700;box-shadow:0 0 15px #00d4ff4d}.tab-content{height:100%;display:none;flex:1;min-height:0;overflow:hidden}.tab-content.active{display:block}.power-prediction-layout{display:flex;height:100%;padding:8px;gap:8px}.weather-fullscreen{width:100%;height:100%;position:relative}.weather-fullscreen #weather-fullscreen-map{width:100%;height:100%}.weather-control-panel{position:absolute;top:16px;right:16px;background:#0d1f3ce6;border:1px solid rgba(0,212,255,.3);border-radius:8px;padding:12px 16px;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:140px}.weather-control-panel .weather-layer-btn{display:block;width:100%;padding:6px 16px;margin-bottom:6px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);color:var(--text-secondary);cursor:pointer;border-radius:4px;font-size:12px;transition:all .2s;text-align:left}.weather-control-panel .weather-layer-btn:hover{background:#00d4ff33}.weather-control-panel .weather-layer-btn.active{background:var(--accent-blue);color:#000;font-weight:700}.weather-control-panel .control-title{color:var(--accent-blue);font-size:13px;font-weight:700;margin-bottom:8px;text-align:center}.weather-control-panel .control-section{margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,212,255,.2)}.weather-control-panel .station-toggle{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;color:var(--text-secondary);cursor:pointer}.weather-fullscreen-timeline{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:60%;background:#0d1f3ce6;border:1px solid rgba(0,212,255,.3);border-radius:8px;padding:12px 20px;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.asset-selector{width:100%;padding:10px 15px}.select-row{display:flex;gap:10px;align-items:flex-end}.select-item{flex:1}.select-item label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:5px}.custom-select{position:relative;padding:6px 10px;background:#00d4ff14;border:1px solid rgba(0,212,255,.3);border-radius:5px;cursor:pointer;font-size:12px;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center;transition:all .2s}.custom-select:hover{background:#00d4ff26;border-color:var(--accent-blue)}.select-arrow{font-size:9px;color:var(--text-secondary);transition:transform .2s}.custom-select.open .select-arrow{transform:rotate(180deg)}.select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:3px;background:#0d1f3cfa;border:1px solid rgba(0,212,255,.3);border-radius:5px;max-height:180px;overflow-y:auto;z-index:1000;display:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.custom-select.open .select-dropdown{display:block}.select-option{padding:6px 10px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.select-option:hover{background:#00d4ff33;color:var(--text-primary)}.select-option.active{background:#00d4ff4d;color:var(--accent-blue);font-weight:700}.select-dropdown::-webkit-scrollbar{width:3px}.select-dropdown::-webkit-scrollbar-track{background:#00d4ff1a}.select-dropdown::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:2px}.tree-children{display:none;padding-left:20px}.tree-children.expanded{display:block}.tree-dropdown-header{margin-left:auto;position:relative;z-index:100}.tree-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:4px;cursor:pointer;font-size:12px;color:var(--text-primary);transition:all .2s}.tree-dropdown-trigger:hover{background:#00d4ff33;border-color:#00d4ff80}.tree-dropdown-trigger .arrow{font-size:10px;color:var(--text-secondary)}.tree-dropdown-panel{position:absolute;top:100%;right:0;margin-top:4px;min-width:280px;max-height:400px;overflow-y:auto;background:#0a1628fa;border:1px solid rgba(0,212,255,.3);border-radius:6px;box-shadow:0 4px 20px #00000080;z-index:1000;display:none}.tree-dropdown-header.open .tree-dropdown-panel{display:block}.tree-node{padding:8px 12px;cursor:pointer;font-size:12px;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;border-left:2px solid transparent}.tree-node:hover{background:#00d4ff1a}.tree-node.active{background:#00d4ff26;border-left-color:var(--accent-cyan);color:var(--accent-cyan)}.tree-node .node-left{display:flex;align-items:center;gap:6px}.tree-node .node-arrow{font-size:10px;color:var(--text-secondary);transition:transform .2s}.tree-node.expanded>.node-arrow{transform:rotate(90deg)}.tree-children{display:none;background:#0003}#weatherTab{height:calc(100vh - 60px)!important;min-height:600px!important;width:100%!important;position:relative!important;z-index:1!important}#weatherTab.active{display:block!important;visibility:visible!important}.weather-fullscreen{width:100%!important;height:100%!important;min-height:500px!important;position:relative!important}#weather-fullscreen-map{width:100%!important;height:calc(100vh - 100px)!important;min-height:400px!important;position:relative!important;z-index:1!important}.top5-tabs{display:flex;gap:8px;margin-bottom:10px}.top5-tab{flex:1;padding:6px 12px;text-align:center;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:4px;cursor:pointer;font-size:12px;color:var(--text-secondary);transition:all .2s}.top5-tab.active{background:#00d4ff33;border-color:#00d4ff80;color:var(--accent-cyan)}.top5-tab:hover{background:#00d4ff26}.top5-list-container{position:relative}.header{display:flex!important;align-items:center!important;justify-content:space-between!important;height:56px!important;padding:0 24px!important;position:relative!important;z-index:100!important}.header-left{flex:0 0 auto;display:flex;align-items:center}.header-center{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.header-right{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.header-date{font-size:12px;color:var(--text-secondary)}.header-time{font-size:16px;color:var(--accent-cyan);font-weight:700;font-family:Courier New,monospace}.main-tabs-inline{display:flex;gap:4px;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);border-radius:8px;padding:4px}.main-tabs-inline .main-tab{padding:8px 20px;font-size:14px;border-radius:6px;margin:0;cursor:pointer;transition:all .3s;color:var(--text-secondary);background:transparent;border:none;min-width:auto}.main-tabs-inline .main-tab.active{background:linear-gradient(135deg,#00d4ff33,#0f83);color:#fff;box-shadow:0 2px 8px #00d4ff4d}.main-tabs{display:none!important}.cascade-selector{position:absolute!important;top:12px!important;left:12px!important;z-index:20!important}.cascade-trigger{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 14px!important;background:#0a1628e6!important;border:1px solid rgba(0,212,255,.3)!important;border-radius:6px!important;cursor:pointer!important;font-size:13px!important;color:var(--text-primary)!important;transition:all .3s!important;min-width:260px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.cascade-trigger:hover{border-color:var(--accent-blue)!important;box-shadow:0 0 12px #00d4ff4d!important}.cascade-arrow{margin-left:auto!important;font-size:10px!important;color:var(--text-secondary)!important}.cascade-dropdown{position:absolute!important;top:calc(100% + 4px)!important;left:0!important;display:none!important;background:#0a1628f2!important;border:1px solid rgba(0,212,255,.3)!important;border-radius:6px!important;box-shadow:0 4px 20px #00000080!important;overflow:hidden!important;min-width:540px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;z-index:100!important}.cascade-dropdown.show{display:flex!important}.cascade-col{flex:1!important;max-height:380px!important;overflow-y:auto!important;border-right:1px solid rgba(255,255,255,.1)!important}.cascade-col:last-child{border-right:none!important}.cascade-col-title{padding:10px 14px!important;font-size:12px!important;color:var(--accent-blue)!important;background:#00d4ff14!important;font-weight:600!important;position:sticky!important;top:0!important;z-index:1!important}.cascade-item{padding:8px 14px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:13px!important;transition:background .2s!important;border-bottom:1px solid rgba(255,255,255,.03)!important}.cascade-item:hover{background:#00d4ff1f!important}.cascade-item.active{background:#00d4ff33!important;color:var(--accent-blue)!important}.cascade-item .item-icon{margin-right:6px!important;font-size:12px!important}.cascade-item .item-name{flex:1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.cascade-item .item-value{font-size:11px!important;color:var(--text-secondary)!important;margin-left:8px!important}.sub-arrow{font-size:10px!important;color:var(--text-secondary)!important;margin-left:8px!important}.cascade-col::-webkit-scrollbar{width:6px!important}.cascade-col::-webkit-scrollbar-track{background:#0003!important}.cascade-col::-webkit-scrollbar-thumb{background:#00d4ff4d!important;border-radius:3px!important}.today-power-box{top:56px!important}.accuracy-panel{padding:4px 0!important}.accuracy-item{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:10px 14px!important;margin-bottom:8px!important;background:#00d4ff0d!important;border-radius:6px!important;border-left:3px solid var(--accent-blue)!important}.accuracy-gauge-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0;height:100%}.accuracy-gauge-title{color:#00d4ff;font-size:14px;margin-bottom:15px;font-weight:700}.accuracy-gauge-wrapper{display:flex;gap:20px;justify-content:center;width:100%}.accuracy-gauge-item{display:flex;flex-direction:column;align-items:center;flex:1}.accuracy-gauge-chart{width:100px;height:100px}.accuracy-gauge-label{color:#a0b4d0;font-size:12px;margin-top:8px}.accuracy-gauge-value{color:#00d4ff;font-size:18px;font-weight:700;margin-top:4px}.accuracy-station-name{color:#fff;font-size:13px;margin-bottom:10px;text-align:center;padding:5px 10px;background:#00d4ff1a;border-radius:4px;border:1px solid rgba(0,212,255,.3)}.accuracy-item.solar{border-left-color:var(--accent-orange)!important;background:#ff6b350d!important}.accuracy-label{font-size:12px!important;color:var(--text-secondary)!important}.accuracy-value{font-size:22px!important;font-weight:700!important;color:var(--accent-blue)!important}.accuracy-item.solar .accuracy-value{color:var(--accent-orange)!important}.accuracy-unit{font-size:12px!important;color:var(--text-secondary)!important;margin-left:2px!important}.accuracy-desc{font-size:10px!important;color:var(--accent-green)!important;margin-top:2px!important}.weather-popup{position:absolute!important;background:#0a1628f2!important;border:1px solid var(--accent-blue)!important;border-radius:8px!important;padding:14px 18px!important;font-size:12px!important;color:var(--text-primary)!important;box-shadow:0 4px 20px #00d4ff4d!important;z-index:100!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;min-width:200px!important;pointer-events:none!important}.weather-popup-title{font-size:14px!important;font-weight:700!important;color:var(--accent-blue)!important;margin-bottom:10px!important;padding-bottom:6px!important;border-bottom:1px solid rgba(0,212,255,.3)!important}.weather-popup-row{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:6px!important}.weather-popup-label{color:var(--text-secondary)!important;display:flex!important;align-items:center!important;gap:6px!important}.weather-popup-value{font-weight:600!important;color:#fff!important}.weather-popup-value.temp{color:#ff6b6b!important}.weather-popup-value.wind{color:#4ecdc4!important}.weather-popup-value.rain{color:#45b7d1!important}.asset-selector,.map-tabs,.map-container .panel-header{display:none!important}.top5-tabs{display:flex;gap:4px;margin-bottom:8px}.top5-tab{flex:1;padding:6px 12px;text-align:center;font-size:12px;color:var(--text-secondary);background:#00d4ff0d;border:1px solid rgba(0,212,255,.15);border-radius:4px;cursor:pointer;transition:all .2s}.top5-tab.active{background:#00d4ff26;color:#fff;border-color:#00d4ff66}.top5-list-container{max-height:180px;overflow-y:auto}.top5-list{display:none}.top5-list.active{display:block}.top5-list::-webkit-scrollbar{width:4px}.top5-list::-webkit-scrollbar-track{background:#00d4ff0d}.top5-list::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:2px}.tree-dropdown{position:absolute;top:15px;left:15px;z-index:100;min-width:200px}.tree-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#0a1628f2;border:1px solid rgba(0,212,255,.3);border-radius:6px;cursor:pointer;font-size:13px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s}.tree-dropdown-trigger:hover{border-color:#00d4ff99;box-shadow:0 0 10px #00d4ff33}.tree-dropdown-trigger .arrow{font-size:10px;color:var(--text-secondary);transition:transform .2s}.tree-dropdown.open .tree-dropdown-trigger .arrow{transform:rotate(180deg)}.tree-dropdown-panel{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:#0a1628fa;border:1px solid rgba(0,212,255,.3);border-radius:6px;max-height:350px;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tree-dropdown.open .tree-dropdown-panel{display:block}.tree-node{padding:6px 12px;cursor:pointer;font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:6px;transition:all .15s}.tree-node:hover{background:#00d4ff1a;color:#fff}.tree-node.selected{background:#00d4ff33;color:var(--accent-blue)}.tree-node .expand-icon{width:12px;text-align:center;font-size:10px;transition:transform .2s}.tree-node.expanded .expand-icon{transform:rotate(90deg)}.tree-node .node-icon{font-size:14px}.tree-children{display:none}.tree-children.show{display:block}.tree-children .tree-node{padding-left:28px}.tree-children .tree-children .tree-node{padding-left:44px}.tree-dropdown-panel::-webkit-scrollbar{width:4px}.tree-dropdown-panel::-webkit-scrollbar-track{background:#00d4ff0d}.tree-dropdown-panel::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:2px}.asset-selector,.cascade-selector{display:none!important;visibility:hidden!important;height:0!important;width:0!important;overflow:hidden!important;position:absolute!important;left:-9999px!important}.asset-selector{display:none!important}.top5-item{display:flex;align-items:center;gap:10px;padding:6px 8px;margin-bottom:4px;background:#00d4ff08;border-radius:4px;transition:all .2s}.top5-item:hover{background:#00d4ff14}.top5-rank{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border-radius:4px;background:#ffffff1a;color:var(--text-secondary);flex-shrink:0}.top5-item.top1 .top5-rank{background:linear-gradient(135deg,gold,#ff8c00);color:#fff}.top5-item.top2 .top5-rank{background:linear-gradient(135deg,silver,gray);color:#fff}.top5-item.top3 .top5-rank{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff}.top5-info{flex:1;min-width:0}.top5-name{font-size:12px;color:#fff;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top5-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.top5-bar-inner{height:100%;border-radius:2px;transition:width .5s ease}.top5-value{font-size:12px;color:var(--accent-cyan);font-weight:700;flex-shrink:0}.accuracy-item{margin-bottom:10px}.accuracy-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.accuracy-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:2px}.accuracy-bar-inner{height:100%;border-radius:3px;transition:width .5s ease}.accuracy-value{font-size:11px;color:#fff;text-align:right;font-weight:700}.tree-selector{position:absolute!important;top:12px!important;left:12px!important;z-index:20!important;display:flex!important;gap:1px!important;background:#0a1628f2!important;border:1px solid rgba(0,212,255,.3)!important;border-radius:4px!important;overflow:hidden!important;box-shadow:0 4px 15px #00000080!important}.tree-col{width:130px!important;max-height:280px!important;overflow-y:auto!important;border-right:1px solid rgba(0,212,255,.15)!important}.tree-col:last-child{border-right:none!important}.tree-col-title{padding:6px 10px!important;font-size:11px!important;color:var(--accent-cyan)!important;background:#00325080!important;border-bottom:1px solid rgba(0,212,255,.2)!important;font-weight:700!important;position:sticky!important;top:0!important;z-index:1!important}.tree-item{padding:6px 10px!important;font-size:12px!important;color:var(--text-primary)!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;transition:all .2s ease!important;border-bottom:1px solid rgba(255,255,255,.04)!important}.tree-item:hover{background:#00d4ff26!important;color:var(--accent-cyan)!important}.tree-item.active{background:#00d4ff40!important;color:var(--accent-cyan)!important;border-left:2px solid var(--accent-cyan)!important;padding-left:8px!important}.tree-item .item-left{display:flex!important;align-items:center!important;gap:5px!important;flex:1!important;min-width:0!important}.tree-item .item-icon{font-size:11px!important;flex-shrink:0!important}.tree-item .item-name{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important}.tree-item .item-value{font-size:10px!important;color:var(--text-secondary)!important;flex-shrink:0!important}.tree-item .sub-arrow{font-size:9px!important;color:var(--text-secondary)!important;flex-shrink:0!important}.tree-item.active .sub-arrow{color:var(--accent-cyan)!important}.tree-col::-webkit-scrollbar{width:3px!important}.tree-col::-webkit-scrollbar-track{background:#ffffff08!important}.tree-col::-webkit-scrollbar-thumb{background:#00d4ff4d!important;border-radius:2px!important}.today-power-center{position:absolute!important;top:12px!important;left:50%!important;transform:translate(-50%)!important;z-index:15!important;background:#0a1628e6!important;padding:8px 20px!important;border-radius:4px!important;border:1px solid rgba(0,212,255,.2)!important;text-align:center!important;min-width:180px!important}.today-power-center .power-label{font-size:11px!important;color:var(--text-secondary)!important;margin-bottom:3px!important}.today-power-center .power-value{font-size:24px!important;font-weight:700!important;color:var(--accent-green)!important;line-height:1!important}.today-power-center .power-unit{font-size:11px!important;color:var(--accent-green)!important;margin-left:3px!important}.today-power-center .power-status{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;margin-top:3px!important}.today-power-center .status-dot{width:5px!important;height:5px!important;background:var(--accent-green)!important;border-radius:50%!important;animation:pulse 2s infinite!important}.today-power-center .status-text{font-size:9px!important;color:var(--accent-green)!important}.accuracy-panel{position:absolute!important;top:12px!important;right:12px!important;z-index:15!important;background:#0a1628f2!important;border:1px solid rgba(0,212,255,.3)!important;border-radius:4px!important;padding:10px 14px!important;min-width:180px!important;box-shadow:0 4px 15px #00000080!important}.accuracy-panel.hidden{display:none!important}.accuracy-panel-title{font-size:12px!important;color:var(--accent-cyan)!important;font-weight:700!important;margin-bottom:8px!important;padding-bottom:5px!important;border-bottom:1px solid rgba(0,212,255,.2)!important}.accuracy-row{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:4px 0!important;border-bottom:1px solid rgba(255,255,255,.04)!important}.accuracy-row:last-child{border-bottom:none!important}.accuracy-label{font-size:11px!important;color:var(--text-secondary)!important}.accuracy-value{font-size:14px!important;font-weight:700!important;color:var(--accent-green)!important}.accuracy-value.warn{color:#ff9800!important}.accuracy-bar{height:3px!important;background:#ffffff1a!important;border-radius:2px!important;margin-top:3px!important;overflow:hidden!important}.accuracy-bar-fill{height:100%!important;background:linear-gradient(90deg,var(--accent-green),#00e676)!important;border-radius:2px!important;transition:width .5s ease!important}.accuracy-bar-fill.warn{background:linear-gradient(90deg,#ff9800,#ffc107)!important}.cascade-selector{display:none!important}.header .header-date,.header .header-time{position:static!important;transform:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;font-size:14px!important;color:#a0c4e8!important;text-align:right!important;padding:0!important;margin:0!important;width:auto!important}.header-right{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;gap:4px!important;height:100%!important;padding-right:20px!important}.header-left{display:flex!important;align-items:center!important;padding-left:20px!important;height:100%!important}.header-center{flex:1!important;display:flex!important;justify-content:center!important;align-items:center!important}.header{display:flex!important;align-items:center!important;justify-content:space-between!important}.header:before,.header:after{display:none!important}#weatherTab{height:calc(100vh - 60px)!important;width:100%!important;display:none;position:relative}#weatherTab.active{display:block!important}.weather-fullscreen{width:100%!important;height:100%!important;position:relative}#weather-fullscreen-map{width:100%!important;height:calc(100vh - 80px)!important;min-height:500px!important;display:block}.weather-control-panel{position:absolute;top:20px;right:20px;background:#0d1f3ce6;border:1px solid rgba(0,212,255,.3);border-radius:8px;padding:15px;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.weather-layer-btn{display:block;width:100%;padding:8px 12px;margin-bottom:6px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:4px;color:#a0c4e8;cursor:pointer;font-size:12px;text-align:left;transition:all .2s}.weather-layer-btn:hover{background:#00d4ff33;color:#fff}.weather-layer-btn.active{background:#00d4ff4d;border-color:var(--accent-blue);color:#00d4ff;font-weight:700}.control-section{margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,212,255,.2)}.control-title{font-size:12px;color:#a0c4e8;margin-bottom:10px;font-weight:700}.station-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:#a0c4e8;cursor:pointer;margin-bottom:8px}.station-toggle input{cursor:pointer}html,body,#root{width:100%;height:100%}#root{overflow:hidden}