.home-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;font-family:Microsoft YaHei,PingFang SC,sans-serif;background:#050a14;color:#e0e6ed}.home-root *{margin:0;padding:0;box-sizing:border-box}.globe-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.globe-background__canvas{display:block;width:100%;height:100%}.dashboard{position:relative;z-index:2;height:100vh;padding:12px;pointer-events:none}.main-grid{display:grid;grid-template-columns:var(--home-layout-col-left) var(--home-layout-col-center) var(--home-layout-col-right);gap:12px;height:100%;align-items:stretch;pointer-events:none}.center-col{display:flex;flex-direction:column;gap:12px;min-height:0;flex:1}.header{flex:1;flex-shrink:0;text-align:center}.center-col .panel.center-area{flex:var(--map-height-ratio, 6.5);min-height:0}.header-title-wrap{position:relative;display:inline-block;padding:14px 40px 24px;background:linear-gradient(180deg,#0a162866,#0a0e1a33);border:1px solid rgba(0,242,255,.35);clip-path:polygon(8% 0,92% 0,98% 100%,2% 100%);box-shadow:0 0 15px #00f2ff26}.header-title-wrap h1{font-size:24px;font-weight:300;letter-spacing:10px;color:#fff;text-shadow:0 0 15px rgba(0,242,255,.8)}.header-line{position:absolute;bottom:8px;left:0;height:2px;width:0;background:linear-gradient(90deg,transparent,#00f2ff,#00f2ff,transparent);box-shadow:0 0 10px #00f2ff;animation:lineScan 3s ease-in-out infinite}@keyframes lineScan{0%{width:0;left:10%}50%{width:80%;left:10%}to{width:0;left:90%}}.header .total-kwh{display:flex;align-items:center;justify-content:center;font-family:Orbitron,monospace;font-size:48px;font-weight:700;color:#fff;letter-spacing:4px;margin-top:12px;text-shadow:0 0 20px rgba(0,242,255,.8),0 0 40px rgba(0,242,255,.4)}.header .total-kwh .unit-block{display:flex;flex-direction:column;align-items:flex-start;margin-left:10px;font-family:Microsoft YaHei,sans-serif;font-weight:400;color:#90a4ae}.header .total-kwh .unit-block .unit{font-size:12px}.header .total-kwh .unit-block .label{font-size:11px;margin-top:2px}.panel{background:#0d1b2ab3;border:1px solid rgba(79,195,247,.2);border-radius:8px;padding:12px;box-shadow:0 4px 24px #0000004d;min-height:0;overflow:auto}.main-grid>.panel:first-child,.main-grid>.panel:last-child{border-radius:0 0 8px 8px}.panel.panel-left{background:transparent;border:none;box-shadow:none;padding:16px 0 0;display:flex;flex-direction:column;gap:12px;min-height:0}.panel.panel-left .left-module{flex-shrink:1;flex-basis:0;min-height:0;display:flex;flex-direction:column;overflow:auto}.panel.panel-left .left-module:nth-child(1){flex-grow:var(--home-left-mod-1, 1)}.panel.panel-left .left-module:nth-child(2){flex-grow:var(--home-left-mod-2, 1)}.panel.panel-left .left-module:nth-child(3){flex-grow:var(--home-left-mod-3, 1)}.panel.panel-left .left-module:nth-child(4){flex-grow:var(--home-left-mod-4, 1)}.panel.panel-left .chart-section,.panel.panel-right .chart-section{min-height:0;display:flex;flex-direction:column}.panel.panel-left .chart-section .chart-box,.panel.panel-right .chart-section .chart-box{flex:1;min-height:0;height:auto;margin-bottom:0}.panel.panel-left .left-module:first-child{justify-content:center;overflow:hidden}.panel.panel-left .left-module--project-device .tech-title{flex-shrink:0}.panel.panel-left .left-module--project-device .left-module-project-metrics{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.panel.panel-left .left-module--project-device .left-module-project-metrics .progress-item:last-child{margin-bottom:0}.panel.panel-left .left-module--project-device .progress-item{display:flex;flex-direction:row;align-items:stretch;gap:6px}.panel.panel-left .left-module--project-device .progress-item-icon{flex-shrink:0;display:flex;align-items:flex-end;align-self:stretch;justify-content:center;width:30px;padding-bottom:1px}.panel.panel-left .left-module--project-device .progress-item-icon .icon{width:22px;height:22px;color:#00f2ff;filter:drop-shadow(0 0 4px rgba(0,242,255,.9))}.panel.panel-left .left-module--project-device .progress-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.panel.panel-left .left-module--project-device .progress-item-head{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px;width:100%}.panel.panel-left .left-module--project-device .progress-item-caption{font-size:var(--home-project-metric-label-px, 12px);color:#b0bec5;line-height:1.2}.panel.panel-left .left-module--carbon .tech-title{flex-shrink:0}.panel.panel-left .left-module--carbon .left-module-carbon-body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.panel.panel-left .left-module--carbon .ring-box{margin-bottom:0}.panel.panel-left,.panel.panel-right{pointer-events:auto}.panel.panel-right{background:transparent;border:none;box-shadow:none;padding:16px 0 0;display:flex;flex-direction:column;gap:12px;min-height:0}.panel.panel-right .right-module{flex-shrink:1;flex-basis:0;min-height:0;display:flex;flex-direction:column;justify-content:center;overflow:auto}.panel.panel-right .right-module:nth-child(1){flex-grow:var(--home-right-mod-1, 1)}.panel.panel-right .right-module:nth-child(2){flex-grow:var(--home-right-mod-2, 1)}.panel.panel-right .right-module:nth-child(3){flex-grow:var(--home-right-mod-3, 1)}.panel.panel-right .right-module:nth-child(2){justify-content:flex-start}.panel.panel-right .right-module:nth-child(2) .tech-title{flex-shrink:0}.panel.panel-right .right-module:nth-child(2) .chart-box{flex:1;min-height:0;height:auto;margin-bottom:0}.panel.panel-right .right-module:nth-child(3){justify-content:flex-start}.panel.panel-right .right-module:nth-child(3) .tech-title{flex-shrink:0}.panel.panel-right .right-module:nth-child(3) .chart-box{flex:1;min-height:0;height:auto;margin-bottom:0}.panel.panel-right .right-module--today-overview{justify-content:flex-start;flex-shrink:0;flex-basis:auto}.panel.panel-right .right-module--today-overview .ring-box--today-rate{flex-shrink:0;margin-bottom:10px}.panel.panel-right .right-module-today-stats{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:8px 12px;width:100%;flex-shrink:0;position:relative;z-index:1}.panel.panel-right .today-stat-cell,.map-footer--page-bottom .footer-stat-cell{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;min-width:0;width:100%;align-self:start}.map-footer--page-bottom .footer-stat-cell{align-self:center;width:auto;flex:0 1 auto}.panel.panel-right .today-stat-value-line,.map-footer--page-bottom .footer-stat-value-line{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:6px}.panel.panel-right .today-stat-num,.panel.panel-left .left-module--project-device .progress-item-value,.map-footer--page-bottom .footer-stat-num{font-family:Orbitron,monospace;font-size:var(--home-metric-value-px, 22px);font-weight:600;color:#fff;letter-spacing:.4px;text-shadow:0 0 12px rgba(0,242,255,.35)}.panel.panel-right .today-stat-unit,.map-footer--page-bottom .footer-stat-unit{font-size:12px;font-weight:500;color:#ffffffc7}.panel.panel-right .today-stat-caption,.map-footer--page-bottom .footer-stat-caption{font-size:var(--home-today-stats-caption-px, 18px);color:#ffffffe0;line-height:1.2;margin:0;padding:0}.tech-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.tech-title .tech-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,242,255,.6);border-radius:4px;clip-path:polygon(8% 0,92% 0,100% 20%,100% 80%,92% 100%,8% 100%,0 80%,0 20%);background:#00f2ff14;box-shadow:0 0 12px #00f2ff4d,inset 0 0 8px #00f2ff1a;flex-shrink:0}.tech-title .tech-icon svg{width:14px;height:14px;color:#00f2ff;filter:drop-shadow(0 0 4px rgba(0,242,255,.9))}.tech-title .tech-text{font-size:var(--home-tech-title-text-px, 14px);color:#fff;font-weight:500;text-shadow:0 0 10px rgba(0,242,255,.5);letter-spacing:1px}.tech-title .tech-line{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.tech-title .tech-line .line-solid{width:24px;height:1px;background:linear-gradient(90deg,#00f2ff,#00f2ffb3);box-shadow:0 0 8px #00f2ff99}.tech-title .tech-line .slash{font-size:11px;color:#00f2ffe6;letter-spacing:3px;text-shadow:0 0 10px rgba(0,242,255,.8)}.tech-title .tech-line .line-fade{flex:1;height:1px;background:linear-gradient(90deg,rgba(0,242,255,.5),transparent)}.panel.center-area{background:transparent;border:none;box-shadow:none;padding:0}.center-area{display:flex;flex-direction:column;gap:6px;min-height:0;flex:1}.map-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto}.map-fullscreen .chart-box{width:100%;height:100%}.map-footer{display:flex;justify-content:center;align-items:flex-start;gap:var(--home-map-footer-gap, 20px);padding:0;background:transparent;border-radius:0}.map-footer--page-bottom{position:fixed;left:50%;bottom:var(--home-map-footer-bottom-vh, 1.2vh);transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);z-index:3;pointer-events:none;padding:12px 28px;background:#0d1b2ab8;border:1px solid rgba(0,242,255,.32);border-radius:12px;box-shadow:0 0 28px #00f2ff38,0 8px 32px #00000073,inset 0 0 24px #00f2ff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ring-box{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.ring-box .value{font-size:28px;font-weight:700;color:#00e676}.ring-box .label{color:#90a4ae;margin-top:4px}.panel.panel-left .left-module:first-child .ring-box>.label,.panel.panel-right .ring-box>.label{font-size:var(--home-saving-rate-label-px, 12px)}.panel.panel-right .ring-box--today-rate>.label{color:#ffffffe6;margin-top:8px}.panel.panel-right .ring-box .ring-today-chart{width:var(--home-ring-today-chart-px, 200px);height:var(--home-ring-today-chart-px, 200px);max-height:none;margin:0 auto}.rate-pill{position:relative;display:flex;align-items:center;justify-content:center;width:140px;height:44px;margin-bottom:8px;background:radial-gradient(ellipse 80% 60% at 50% 50%,#00f2ff1f,#0064780f,#00325005);border:1px solid rgba(0,242,255,.45);border-radius:44px;box-shadow:0 0 18px #00f2ff59,inset 0 0 20px #00f2ff0f;transform:perspective(200px) rotateX(5deg)}.rate-pill .rate-num{position:relative;z-index:1;font-size:36px;font-weight:700;color:#00e676;text-shadow:0 0 15px rgba(0,230,118,.9);font-family:Orbitron,monospace}.rate-pill .rate-pct{position:relative;z-index:1;font-size:16px;color:#00e676;vertical-align:super;margin-left:2px;opacity:.95}.carbon-hud{position:relative;display:flex;align-items:center;justify-content:center;width:165px;height:90px;margin:0 auto 8px}.carbon-hud:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:45px;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(0,242,255,.1) 0%,rgba(0,80,100,.05) 50%,transparent 70%);border:2px solid rgba(0,242,255,.45);box-shadow:0 0 25px #00f2ff59,inset 0 0 30px #00f2ff0f;transform:perspective(180px) rotateX(8deg)}.carbon-hud:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:37px;border:1px solid rgba(0,242,255,.2);box-shadow:inset 0 0 20px #00f2ff14;transform:perspective(180px) rotateX(8deg)}.carbon-hud .carbon-val{position:relative;z-index:1;text-align:center;font-family:Orbitron,monospace;font-weight:700;color:#fff;text-shadow:0 0 12px rgba(0,242,255,.9);line-height:1.3;padding:0 8px}.carbon-hud .carbon-val .num{font-size:var(--carbon-font-size, 40px);letter-spacing:.2px}.carbon-hud .carbon-val .unit{font-size:11px;color:#ffffffd9;margin-left:2px}.progress-item{margin-bottom:12px}.progress-item .bar{height:10px;background:repeating-linear-gradient(90deg,rgba(79,195,247,.08) 0,rgba(79,195,247,.08) 4px,transparent 4px,transparent 8px);border-radius:5px;overflow:hidden;border:1px solid rgba(79,195,247,.2)}.progress-item .bar .fill{height:100%;background:repeating-linear-gradient(90deg,#4fc3f7 0,#4fc3f7 3px,#4fc3f74d 3px,#4fc3f74d 6px);box-shadow:0 0 15px #4fc3f799,inset 0 0 8px #4fc3f74d;border-radius:5px;transition:width .5s ease}.stat-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.stat-row .val{color:#4fc3f7;font-weight:600}.chart-box{height:180px;margin-bottom:12px}.chart-box.small{height:140px}.home-nav-link{position:fixed;top:16px;right:16px;z-index:100;padding:8px 16px;background:#4fc3f733;border:1px solid rgba(79,195,247,.5);border-radius:6px;color:#4fc3f7;text-decoration:none;font-size:14px;pointer-events:auto}.home-nav-link:hover{background:#4fc3f74d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}#root{min-height:100vh}#root:has(.home-root){padding:0}#root:not(:has(.home-root)){padding:2rem}