:root{--bg:#f0f2f5;--card:#fff;--card-hover:#f8fafc;--text:#1f2937;--text-secondary:#6b7280;--border:#e5e7eb;--primary:#3b82f6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--pv:#f59e0b;--grid:#6366f1;--batt:#10b981;--load:#ef4444;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}[data-theme=dark]{--bg:#0f172a;--card:#1e293b;--card-hover:#334155;--text:#f1f5f9;--text-secondary:#94a3b8;--border:#334155;--primary:#60a5fa;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--pv:#fbbf24;--grid:#818cf8;--batt:#34d399;--load:#f87171}body{background:var(--bg);color:var(--text);margin:0;transition:background .3s,color .3s}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:#0f172a}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#475569}.lp-wrapper{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;display:flex}.lp-hero{color:#1e293b;background:linear-gradient(145deg,#e8f4fd 0%,#d0ebfb 40%,#bfe8fa 70%,#e8f4fd 100%);justify-content:center;align-items:center;width:34%;min-width:240px;display:flex;position:relative;overflow:hidden}.lp-hero-bg{pointer-events:none;position:absolute;inset:0}.lp-hero-orb{filter:blur(90px);border-radius:50%;position:absolute}.lp-orb-1{background:radial-gradient(circle,#03a9f440 0%,#0000 75%);width:280px;height:280px;top:-12%;left:-10%}.lp-orb-2{background:radial-gradient(circle,#4caf502e 0%,#0000 75%);width:200px;height:200px;top:52%;right:-10%}.lp-orb-3{background:radial-gradient(circle,#ff980026 0%,#0000 75%);width:120px;height:120px;bottom:8%;left:20%}.lp-hero-content{z-index:1;width:100%;max-width:340px;padding:20px;position:relative}.lp-brand{align-items:center;gap:8px;margin-bottom:14px;display:flex}.lp-logo-icon{letter-spacing:-.5px;background:linear-gradient(135deg,#52c41a,#13c11c);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;font-weight:800;display:flex}.lp-logo-text{letter-spacing:1px;font-size:16px;font-weight:700}.lp-hero-title{color:#0c4a6e;margin-bottom:8px;font-size:20px;font-weight:800;line-height:1.3}.lp-hero-desc{color:#334155;margin-bottom:14px;font-size:12px;line-height:1.5}.lp-features{flex-direction:column;gap:8px;display:flex}.lp-feature{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffa6;border:1px solid #94a3b833;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;transition:all .2s;display:flex}.lp-feature:hover{background:#ffffffd9;transform:translate(4px)}.lp-f-icon{text-align:center;flex-shrink:0;width:28px;font-size:18px}.lp-feature strong{color:#1e293b;font-size:13px;font-weight:600;line-height:1.3;display:block}.lp-feature span{color:#64748b;font-size:11px}.lp-footer-note{color:#94a3b8;margin-top:auto;padding-top:14px;font-size:10px}.kawaii-row{justify-content:center;gap:12px;padding:10px 0 0;display:flex;position:relative}.kawaii-char{transition:transform .25s cubic-bezier(.4,0,.2,1);position:relative}.kawaii-char:hover{transform:scale(1.08)translateY(-3px)}.kawaii-char svg{filter:drop-shadow(0 3px 6px #0000001f);transition:filter .2s}.kawaii-char:hover svg{filter:drop-shadow(0 5px 12px #0000002e)}.lp-form-area:focus-within .kawaii-char{animation:.5s kawaii-shake}@keyframes kawaii-shake{0%,to{transform:translateY(0)}25%{transform:translateY(-2px)rotate(-2deg)}75%{transform:translateY(-2px)rotate(2deg)}}.lp-card-area{background:#f8fafc;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px 16px;display:flex}.lp-card{background:#fff;border-radius:16px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 4px 24px #0f172a12,0 1px 3px #0f172a0a}.lp-tabs{gap:1px;padding:14px 16px 0;display:flex}.lp-tab{color:#94a3b8;cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:8px 8px 0 0;flex:1;padding:8px 3px;font-size:12px;font-weight:600;transition:all .2s}.lp-tab:hover{color:#475569;background:#3b82f60a}.lp-tab.active{color:#1890ff;background:#fff;box-shadow:0 -2px 8px #0f172a08}.lp-form-area{padding:16px 20px 18px}.lp-form-header h2{color:#1e293b;margin-bottom:2px;font-size:18px;font-weight:700}.lp-form-header p{color:#94a3b8;margin-bottom:12px;font-size:12px}.lp-form{flex-direction:column;gap:14px;display:flex}.lp-field label{color:#475569;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.lp-input{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:all .2s}.lp-input:focus{background:#fff;border-color:#1890ff;box-shadow:0 0 0 3px #1890ff1a}.lp-input::placeholder{color:#cbd5e1}.lp-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px;font-size:13px}.lp-kick{color:#d97706;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:10px 12px;font-size:13px}.lp-btn{color:#fff;cursor:pointer;letter-spacing:2px;background:linear-gradient(135deg,#1890ff,#0070e0);border:none;border-radius:10px;margin-top:4px;padding:12px;font-size:15px;font-weight:700;transition:all .2s}.lp-btn:hover{background:linear-gradient(135deg,#0070e0,#005bb5);box-shadow:0 4px 14px #1890ff59}.lp-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.lp-guide-area{text-align:center;flex-direction:column;align-items:center;padding:20px 20px 16px;display:flex}.lp-guide-icon{margin-bottom:6px;font-size:30px}.lp-guide-area h3{color:#1e293b;margin-bottom:4px;font-size:15px;font-weight:700}.lp-guide-area p{color:#64748b;max-width:300px;font-size:12px;line-height:1.5}.lp-guide-sub{margin-top:-4px;margin-bottom:12px;color:#94a3b8!important;font-size:11px!important}.lp-guide-btn{color:#fff;background:linear-gradient(135deg,#1890ff,#0070e0);border-radius:8px;align-items:center;gap:4px;margin-top:12px;padding:9px 22px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #1890ff40}.lp-guide-btn:hover{background:linear-gradient(135deg,#0070e0,#005bb5);transform:translateY(-1px);box-shadow:0 4px 8px #1890ff4d}.lp-dev-table-wrap{width:100%;margin:16px 0 4px}.lp-dev-table{border-collapse:collapse;border:1px solid #e2e8f0;border-radius:8px;width:100%;overflow:hidden}.lp-dev-table td{color:#334155;border-top:1px solid #f1f5f9;padding:10px 14px;font-size:13px}.lp-dev-table td:first-child{color:#1890ff;background:#f8fafc;width:110px;font-weight:700}.lp-dev-table tr:last-child td:first-child{border-bottom-left-radius:7px}.lp-dev-table tr:last-child td:last-child{border-bottom-right-radius:7px}.lp-card-footer{color:#94a3b8;text-align:center;margin-top:16px;font-size:12px}.lp-contact-link{cursor:pointer;color:#1890ff;transition:color .2s}.lp-contact-link:hover{color:#0070e0;text-decoration:underline}.lp-footer-sep{margin:0 6px}.lp-contact-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;animation:.2s lp-fade-in;display:flex;position:fixed;inset:0}@keyframes lp-fade-in{0%{opacity:0}to{opacity:1}}.lp-contact-panel{background:#fff;border-radius:16px;width:90%;max-width:480px;animation:.3s lp-slide-up;overflow:hidden;box-shadow:0 12px 40px #0000002e}@keyframes lp-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.lp-contact-head{color:#1e293b;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 22px;font-size:16px;font-weight:700;display:flex}.lp-contact-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .15s;display:flex}.lp-contact-close:hover{color:#334155;background:#e2e8f0}.lp-contact-body{text-align:center;padding:24px 22px 28px}.lp-contact-desc{color:#64748b;margin-bottom:20px;font-size:14px}.lp-contact-qrs{justify-content:center;gap:32px;display:flex}.lp-contact-qr-item{flex-direction:column;align-items:center;gap:8px;display:flex}.lp-contact-qr-img{object-fit:contain;border:2px solid #e2e8f0;border-radius:10px;width:180px;height:180px}.lp-contact-qr-item:last-child .lp-contact-qr-img{border-color:#22c55e59}.lp-contact-qr-item span{color:#94a3b8;font-size:13px}[data-theme=dark] .lp-contact-panel{background:#1e293b}[data-theme=dark] .lp-contact-head{color:#e2e8f0;border-color:#334155}[data-theme=dark] .lp-contact-close{color:#94a3b8;background:#334155}[data-theme=dark] .lp-contact-close:hover{color:#e2e8f0;background:#475569}[data-theme=dark] .lp-contact-desc{color:#94a3b8}[data-theme=dark] .lp-contact-qr-img{border-color:#334155}[data-theme=dark] .lp-card-area{background:#0f172a}[data-theme=dark] .lp-card{background:#1e293b;box-shadow:0 4px 24px #0000004d}[data-theme=dark] .lp-tab{color:#64748b}[data-theme=dark] .lp-tab:hover{color:#94a3b8;background:#94a3b80f}[data-theme=dark] .lp-tab.active{color:#58a6ff;box-shadow:none;background:#0f172a;border:1px solid #21262d}[data-theme=dark] .lp-form-header h2,[data-theme=dark] .lp-guide-area h3{color:#e2e8f0}[data-theme=dark] .lp-guide-area p{color:#94a3b8}[data-theme=dark] .lp-input{color:#e2e8f0;background:#0f172a;border-color:#334155}[data-theme=dark] .lp-input:focus{border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff26}[data-theme=dark] .lp-input::placeholder{color:#475569}[data-theme=dark] .lp-dev-table{border-color:#334155}[data-theme=dark] .lp-dev-table td{color:#cbd5e1;border-top-color:#21262d}[data-theme=dark] .lp-dev-table td:first-child{color:#58a6ff;background:#0f172a}[data-theme=dark] .lp-card-footer{color:#475569}@media (width<=860px){.lp-hero{display:none}.lp-card-area{padding:16px 12px}.lp-card{box-shadow:0 2px 12px #0f172a0f}}@media (width<=480px){.lp-tab{padding:6px 1px;font-size:10px}.lp-form-area{padding:14px}.lp-guide-area{padding:16px 14px 14px}.lp-guide-icon{font-size:24px}.lp-dev-table td{padding:6px 8px;font-size:11px}.lp-card{max-width:unset;border-radius:12px}}:root{--gw-bg:#f5f7fa;--gw-card:#fff;--gw-border:#e8ecf0;--gw-border2:#f0f2f5;--gw-text:#1d2129;--gw-text2:#4e5969;--gw-text3:#86909c;--gw-primary:#1890ff;--gw-primary-light:#e8f4fd;--gw-green:#00b42a;--gw-green-light:#e8ffea;--gw-orange:#ff7d00;--gw-orange-light:#fff7e8;--gw-red:#f53f3f;--gw-red-light:#ffece8;--gw-yellow:#ffb400;--gw-yellow-light:#fffbe6;--gw-radius:10px;--gw-shadow:0 1px 4px #0000000f;--gw-shadow-hover:0 6px 16px #00000014}[data-theme=dark]{--gw-bg:#0d1117;--gw-card:#161b22;--gw-border:#21262d;--gw-border2:#161b22;--gw-text:#e6edf3;--gw-text2:#8b949e;--gw-text3:#6e7681;--gw-primary:#58a6ff;--gw-primary-light:#58a6ff1f;--gw-green:#3fb950;--gw-green-light:#3fb9501f;--gw-orange:#d29922;--gw-orange-light:#d299221f;--gw-red:#f85149;--gw-red-light:#f851491f;--gw-yellow:#e3b341;--gw-yellow-light:#e3b3411f;--gw-shadow:0 1px 4px #0003;--gw-shadow-hover:0 6px 16px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--gw-bg);color:var(--gw-text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif}.gw-app-shell{flex-direction:column;min-height:100vh;display:flex}.gw-header{background:var(--gw-card);border-bottom:1px solid var(--gw-border);z-index:999;justify-content:space-between;align-items:center;height:56px;padding:0 28px;display:flex;position:sticky;top:0}.gw-header-left{align-items:center;gap:20px;display:flex}.gw-logo{cursor:default;align-items:center;gap:8px;display:flex}.gw-logo-icon{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#52c41a,#13c11c);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:17px;font-weight:800;display:flex}.gw-logo-text{color:var(--gw-text);letter-spacing:1.5px;font-size:17px;font-weight:700}.gw-station-sel{border:1px solid var(--gw-border);background:var(--gw-bg);color:var(--gw-text);cursor:pointer;border-radius:8px;outline:none;min-width:170px;padding:6px 14px;font-size:13px;font-weight:500}.gw-station-sel:focus{border-color:var(--gw-primary)}.gw-nav{gap:6px;display:flex}.gw-nav-btn{color:var(--gw-text2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:7px 18px;font-size:13px;font-weight:500;transition:all .2s}.gw-nav-btn:hover{color:var(--gw-primary);background:var(--gw-primary-light)}.gw-nav-btn.active{background:var(--gw-primary);color:#fff;border-color:var(--gw-primary);font-weight:600}.gw-header-right{align-items:center;gap:12px;display:flex}.gw-theme-btn{cursor:pointer;width:34px;height:34px;color:var(--gw-text2);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:17px;transition:all .2s;display:flex}.gw-theme-btn:hover{background:var(--gw-border2)}.gw-logout-btn{border:1px solid var(--gw-border);color:var(--gw-red);cursor:pointer;background:0 0;border-radius:8px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.gw-logout-btn:hover{background:var(--gw-red-light);border-color:var(--gw-red)}.gw-main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px 28px}.page-container{animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pc-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.pc-header h2{color:var(--gw-text);font-size:20px;font-weight:700}.pc-btn-sm{border:1px solid var(--gw-border);background:var(--gw-card);color:var(--gw-primary);cursor:pointer;border-radius:6px;padding:6px 16px;font-size:13px;transition:all .2s}.pc-btn-sm:hover{background:var(--gw-primary-light)}.web-empty{text-align:center;color:var(--gw-text3);background:var(--gw-card);border-radius:var(--gw-radius);border:1px solid var(--gw-border);padding:48px 20px;font-size:14px}.web-empty-lg{text-align:center;color:var(--gw-text3);padding:80px 20px;font-size:15px}.kick-banner{background:var(--gw-yellow-light);color:#960;text-align:center;border-bottom:1px solid #ffb40040;padding:8px 24px;font-size:13px;font-weight:500}.hero-area{align-items:stretch;gap:20px;display:flex}.energy-flow{background:var(--gw-card);border-radius:var(--gw-radius);border:1px solid var(--gw-border);width:380px;min-width:360px;box-shadow:var(--gw-shadow);flex-direction:column;flex-shrink:0;gap:0;padding:20px;display:flex}.ef-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ef-title{color:var(--gw-text);font-size:15px;font-weight:600}.ef-badge{letter-spacing:.5px;border-radius:12px;padding:2px 12px;font-size:11px;font-weight:500}.ef-badge.charge{background:var(--gw-green-light);color:var(--gw-green)}.ef-badge.discharge{background:var(--gw-orange-light);color:var(--gw-orange)}.ef-badge.idle{background:var(--gw-border2);color:var(--gw-text3)}.ef-body{flex-direction:column;align-items:center;gap:0;display:flex}.ef-node-card{background:var(--gw-bg);border:1px solid var(--gw-border2);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:2px;width:130px;padding:14px 24px;transition:all .25s;display:flex}.ef-node-card:hover{box-shadow:var(--gw-shadow-hover);transform:translateY(-1px)}.efn-icon{margin-bottom:2px;font-size:26px;line-height:1}.efn-label{color:var(--gw-text3);font-size:12px;font-weight:500}.efn-value{font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-size:26px;font-weight:800;line-height:1.15}.efn-unit,.efn-sub{color:var(--gw-text3);font-size:11px}.ef-node-card.solar .efn-value{color:var(--gw-orange)}.ef-node-card.inverter .efn-value{color:var(--gw-primary)}.ef-node-card.battery .efn-value{color:var(--gw-green)}.ef-node-card.battery-charging .efn-value{color:var(--gw-red)}.ef-node-card.battery-discharging .efn-value{color:var(--gw-green)}.ef-node-card.load .efn-value{color:var(--gw-orange)}.ef-arrow-down{flex-direction:column;align-items:center;padding:4px 0 2px;display:flex}.ef-arrow-down.short{padding:2px 0}.ef-line-v{background:var(--gw-border);width:2px;height:28px}.ef-arrow-down.short .ef-line-v{height:18px}.ef-arrow-head{border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0}.ef-arrow-head.down{border-top:6px solid var(--gw-border)}.ef-fork{justify-content:center;align-items:flex-start;gap:0;width:100%;margin-top:0;display:flex;position:relative}.ef-branch-left,.ef-branch-right{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.ef-branch-left{padding-right:8px}.ef-branch-right{padding-left:8px}.ef-h-connector{align-items:center;width:120px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.ef-line-h{background:var(--gw-border);height:2px}.ef-line-h.left-part,.ef-line-h.right-part{width:60px}.ef-footer{border-top:1px dashed var(--gw-border);justify-content:space-around;margin-top:auto;padding-top:16px;display:flex}.ef-foot-item{flex-direction:column;align-items:center;gap:2px;display:flex}.ef-foot-label{color:var(--gw-text3);font-size:11px}.ef-foot-value{color:var(--gw-text);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.stat-grid{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.stat-card{background:var(--gw-card);border-radius:var(--gw-radius);border:1px solid var(--gw-border);box-shadow:var(--gw-shadow);flex-direction:column;gap:10px;padding:16px 18px;transition:all .2s;display:flex}.stat-card:hover{box-shadow:var(--gw-shadow-hover)}.sc-top{align-items:center;gap:8px;display:flex}.sc-icon{font-size:19px}.sc-title{color:var(--gw-text);font-size:14px;font-weight:600}.sc-main{align-items:baseline;gap:4px;display:flex}.sc-big-num{font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-size:30px;font-weight:800;line-height:1}.sc-main-unit{color:var(--gw-text3);font-size:13px;font-weight:500}.sc-bottom{gap:0;display:flex}.sc-col{flex-direction:column;flex:1;gap:1px;display:flex}.sc-sub-label{color:var(--gw-text3);font-size:11px}.sc-sub-val{color:var(--gw-text);font-variant-_numeric:tabular-nums;font-size:14px;font-weight:600}.sc-sub-unit{color:var(--gw-text3);font-size:10px}.sc-big-num.solar{color:var(--gw-orange)}.sc-big-num.blue{color:var(--gw-primary)}.sc-big-num.green{color:var(--gw-green)}.sc-big-num.orange{color:var(--gw-orange)}.sc-big-num.red{color:var(--gw-red)}.green{color:var(--gw-green)!important}.red{color:var(--gw-red)!important}.orange{color:var(--gw-orange)!important}.blue{color:var(--gw-primary)!important}.inv-chart-wrap{background:var(--gw-card);border-radius:var(--gw-radius);border:1px solid var(--gw-border);box-shadow:var(--gw-shadow);margin-top:20px;overflow:hidden}.ic-header{border-bottom:1px solid var(--gw-border);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.ic-tabs{gap:4px;display:flex}.ic-tab{border:1px solid var(--gw-border);background:var(--gw-card);color:var(--gw-text2);cursor:pointer;border-radius:14px;padding:4px 14px;font-size:12px;font-weight:500;transition:all .2s}.ic-tab.active{background:var(--gw-primary);color:#fff;border-color:var(--gw-primary)}.ic-tab:hover:not(.active){border-color:var(--gw-primary);color:var(--gw-primary)}.ic-date-nav{align-items:center;gap:6px;margin-left:auto;display:flex}.ic-arrow{border:1px solid var(--gw-border);background:var(--gw-card);width:26px;height:26px;color:var(--gw-text2);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.ic-arrow:hover{border-color:var(--gw-primary);color:var(--gw-primary)}.ic-date{color:var(--gw-text);text-align:center;min-width:100px;font-size:13px;font-weight:500}.ic-ranges{gap:3px;display:flex}.ic-range{background:var(--gw-bg);color:var(--gw-text3);cursor:pointer;border:none;border-radius:10px;padding:3px 10px;font-size:11px;font-weight:500;transition:all .2s}.ic-range.active{background:var(--gw-primary-light);color:var(--gw-primary)}.ic-chart-container{padding:8px 4px 4px;position:relative}.ic-canvas{width:100%}.ic-loading,.ic-empty{color:var(--gw-text3);z-index:2;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.inv-detail-wrap{margin-top:14px}.id-content{flex-direction:column;gap:14px;display:flex}.id-row{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.id-card{background:var(--gw-card);border-radius:var(--gw-radius);border:1px solid var(--gw-border);box-shadow:var(--gw-shadow);overflow:hidden}.id-card-title{color:var(--gw-text);background:var(--gw-bg);border-bottom:1px solid var(--gw-border);padding:10px 16px;font-size:13px;font-weight:600}.id-card-body{background:var(--gw-border2);grid-template-columns:repeat(2,1fr);gap:1px;padding:8px;display:grid}.id-field{background:var(--gw-card);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.id-field label{color:var(--gw-text3);font-size:11px}.id-field span{color:var(--gw-text);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.id-full{grid-column:1/-1}.id-inline-info{flex-wrap:wrap;gap:8px;padding:12px 16px;display:flex}.ii-tag{background:var(--gw-bg);border:1px solid var(--gw-border2);border-radius:6px;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.ii-tag label{color:var(--gw-text3);font-size:11px}.ii-tag span{color:var(--gw-text);font-size:13px;font-weight:600}.ii-tag.mono span{font-family:Courier New,monospace;font-size:11px}.bms-monitor{background:var(--gw-card);border-radius:var(--gw-radius);border:1px solid var(--gw-border);min-height:460px;box-shadow:var(--gw-shadow);gap:0;animation:.25s fadeIn;display:flex;overflow:hidden}.bm-left{border-right:1px solid var(--gw-border);background:var(--gw-bg);flex-direction:column;flex-shrink:0;gap:10px;width:360px;min-width:320px;padding:18px 20px;display:flex}.bm-status-row{justify-content:center;gap:6px;display:flex}.bm-stat{color:var(--gw-text3);background:var(--gw-card);border:1px solid var(--gw-border2);border-radius:12px;align-items:center;gap:3px;padding:3px 10px;font-size:12px;font-weight:500;display:flex}.bm-stat.on{font-weight:600}.bm-stat.on.ch{background:var(--gw-red-light);color:var(--gw-red);border-color:#f53f3f40}.bm-stat.on.ds{background:var(--gw-green-light);color:var(--gw-green);border-color:#00b42a40}.bm-stat.on.bl{background:var(--gw-primary-light);color:var(--gw-primary);border-color:#1890ff40}.bm-gauges{justify-content:center;gap:8px;display:flex}.bm-gauge-item{flex-direction:column;align-items:center;width:90px;display:flex}.bmg-val{color:var(--gw-text);font-variant-numeric:tabular-nums;margin-top:-8px;font-size:20px;font-weight:800;line-height:1}.bmg-val small{color:var(--gw-text3);margin-left:1px;font-size:11px;font-weight:500}.bmg-label{color:var(--gw-text3);margin-top:2px;font-size:11px;font-weight:500}.bm-time-est{text-align:center;color:var(--gw-text2);background:var(--gw-card);border:1px dashed var(--gw-border);border-radius:10px;padding:3px 10px;font-size:12px}.bm-info-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.bmi{background:var(--gw-card);border:1px solid var(--gw-border2);border-radius:6px;flex-direction:column;gap:1px;padding:6px 10px;display:flex}.bmi-l{color:var(--gw-text3);font-size:10px;font-weight:500}.bmi-v{color:var(--gw-text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;line-height:1.2}.bmi-v small{color:var(--gw-text3);margin-left:1px;font-size:10px;font-weight:500}.bmi-v.green{color:var(--gw-green)}.bmi-v.red{color:var(--gw-red)}.bm-right{flex-direction:column;flex:1;gap:14px;padding:18px 20px;display:flex;overflow-x:auto}.bmr-section{flex-direction:column;gap:6px;display:flex}.bmr-title{color:var(--gw-text);font-size:13px;font-weight:600}.bmr-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.bmr-summary{gap:10px;font-size:11px;font-weight:500;display:flex}.bmr-summary .high{color:var(--gw-green)}.bmr-summary .low{color:var(--gw-red)}.bmr-summary span{color:var(--gw-text3)}.bmr-cell-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:4px;display:grid}.bmr-cell{background:var(--gw-bg);border:1px solid var(--gw-border2);cursor:default;border-radius:6px;flex-direction:column;align-items:center;gap:1px;padding:4px 2px;transition:all .15s;display:flex}.bmr-cell:hover{border-color:var(--gw-primary)}.bmr-cell.high{background:var(--gw-green-light);border-color:#00b42a59}.bmr-cell.low{background:var(--gw-red-light);border-color:#f53f3f59}.bmr-cell-idx{color:var(--gw-text3);font-size:9px;font-weight:600;line-height:1}.bmr-cell-bar{background:var(--gw-border2);border-radius:2px;align-items:flex-end;width:20px;height:24px;display:flex;position:relative;overflow:hidden}.bmr-cell-fill{background:var(--gw-primary);border-radius:0 0 2px 2px;width:100%;min-height:2px;transition:height .4s}.bmr-cell.high .bmr-cell-fill{background:var(--gw-green)}.bmr-cell.low .bmr-cell-fill{background:var(--gw-red)}.bmr-cell-v{color:var(--gw-text);font-variant-numeric:tabular-nums;font-size:10px;font-weight:700;line-height:1}.bmr-cell-u{color:var(--gw-text3);font-size:8px;line-height:1}.bmr-cell-avg{color:var(--gw-text3);text-align:center;margin-top:2px;font-size:11px}.bmr-temps{flex-wrap:wrap;gap:6px;display:flex}.bmr-temp{background:var(--gw-bg);border:1px solid var(--gw-border2);border-radius:6px;flex-direction:column;align-items:center;gap:1px;min-width:56px;padding:6px 12px;display:flex}.bmr-temp.mos{background:var(--gw-orange-light);border-color:#ff7d0026}.bmr-temp-idx{color:var(--gw-text3);font-size:10px;font-weight:500}.bmr-temp-val{color:var(--gw-text);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.bmr-info{border-top:1px dashed var(--gw-border);flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px;display:flex}.bmr-info-tag{background:var(--gw-bg);color:var(--gw-text2);border-radius:4px;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.bmr-info-tag label{color:var(--gw-text3)}.bmr-info-status{color:var(--gw-text3);font-size:12px}.bc-dot{border-radius:50%;width:7px;height:7px}.bc-dot.on{background:var(--gw-green)}.bc-dot.off{background:var(--gw-text3)}.bms-area{margin-top:24px}.ba-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.ba-header h3{color:var(--gw-text);font-size:17px;font-weight:700}.ba-count{background:var(--gw-primary-light);color:var(--gw-primary);border-radius:10px;padding:2px 10px;font-size:12px;font-weight:500}.bms-list{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:14px;display:grid}.msg-tabs-web{gap:6px;margin-bottom:14px;display:flex}.msg-tab{border:1px solid var(--gw-border);background:var(--gw-card);color:var(--gw-text2);cursor:pointer;border-radius:18px;padding:6px 16px;font-size:13px;transition:all .2s}.msg-tab.active{background:var(--gw-primary);color:#fff;border-color:var(--gw-primary)}.msg-tab:hover:not(.active){border-color:var(--gw-primary);color:var(--gw-primary)}.msg-list-web{flex-direction:column;gap:8px;display:flex}.msg-card{background:var(--gw-card);border:1px solid var(--gw-border);cursor:pointer;border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;transition:all .2s;display:flex}.msg-card:hover{border-color:var(--gw-primary)}.msg-card.unread{border-left:3px solid var(--gw-primary)}.msg-card-header{align-items:center;gap:8px;font-size:13px;display:flex}.msg-card-header strong{color:var(--gw-text);flex:1}.msg-time{color:var(--gw-text3);font-size:11px}.msg-card-body{color:var(--gw-text2);font-size:13px;line-height:1.5}.solar-tabs-web{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.sol-tab{border:1px solid var(--gw-border);background:var(--gw-card);color:var(--gw-text2);cursor:pointer;border-radius:18px;padding:6px 16px;font-size:13px;transition:all .2s}.sol-tab.active{background:var(--gw-primary);color:#fff;border-color:var(--gw-primary)}.sol-tab:hover:not(.active){border-color:var(--gw-primary);color:var(--gw-primary)}.smart-cards-web{flex-direction:column;gap:10px;display:flex}.scard{background:var(--gw-card);border-radius:var(--gw-radius);border:1px solid var(--gw-border);box-shadow:var(--gw-shadow);padding:16px}.scard-primary{border-left:3px solid var(--gw-primary)}.scard-title{color:var(--gw-text);margin-bottom:8px;font-size:14px;font-weight:600}.scard-body{color:var(--gw-text2);font-size:13px;line-height:1.7}.fc-main{text-align:center;padding:10px 0}.fc-kwh{color:var(--gw-primary);font-size:36px;font-weight:700}.fc-meta{color:var(--gw-text3);margin-top:4px;font-size:13px;display:block}.alert-row{background:var(--gw-bg);border:1px solid var(--gw-border2);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.alert-row.high{border-left:3px solid var(--gw-red)}.alert-row.medium{border-left:3px solid var(--gw-yellow)}.alert-row.info{border-left:3px solid var(--gw-primary)}.alert-row strong{color:var(--gw-text);flex:0 0 80px}.me-profile-card{background:var(--gw-card);border-radius:var(--gw-radius);border:1px solid var(--gw-border);box-shadow:var(--gw-shadow);align-items:center;gap:16px;margin-bottom:16px;padding:24px;display:flex}.me-avatar-lg{background:var(--gw-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:26px;font-weight:700;display:flex}.me-info-lg{flex:1}.me-name-lg{color:var(--gw-text);font-size:18px;font-weight:700}.me-vip-lg{color:var(--gw-text2);margin-top:4px;font-size:13px}.me-expire-lg{color:var(--gw-text3);margin-left:8px}.settings-section{background:var(--gw-card);border-radius:var(--gw-radius);border:1px solid var(--gw-border);box-shadow:var(--gw-shadow);margin-bottom:16px;overflow:hidden}.ss-title{color:var(--gw-text2);text-transform:uppercase;letter-spacing:.5px;padding:12px 16px 8px;font-size:13px;font-weight:600}.setting-row{cursor:pointer;border-bottom:1px solid var(--gw-border2);align-items:center;padding:14px 16px;transition:background .2s;display:flex}.setting-row:last-child{border-bottom:none}.setting-row:hover{background:var(--gw-bg)}.setting-icon{margin-right:12px;font-size:18px}.setting-label{color:var(--gw-text);flex:1;font-size:14px}.setting-val{color:var(--gw-text2);font-size:13px}.pw-field{padding:4px 16px 8px}.pw-input{border:1px solid var(--gw-border);background:var(--gw-bg);width:100%;color:var(--gw-text);border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.pw-input:focus{border-color:var(--gw-primary)}.save-btn{background:var(--gw-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:calc(100% - 32px);margin:8px 16px 14px;padding:10px;font-size:14px;font-weight:600;transition:background .2s;display:block}.save-btn:hover{background:#1677cc}.save-btn:disabled{opacity:.5;cursor:not-allowed}.save-msg{text-align:center;color:var(--gw-primary);padding:0 16px 14px;font-size:13px}.logout-btn{width:100%;color:var(--gw-red);cursor:pointer;text-align:center;border-radius:var(--gw-radius);background:0 0;border:none;padding:14px;font-size:14px;font-weight:600;transition:background .2s;display:block}.logout-btn:hover{background:var(--gw-red-light)}.contact-page{flex-direction:column;gap:20px;animation:.25s fadeIn;display:flex}.contact-hero{text-align:center;background:var(--gw-card);border-radius:var(--gw-radius);border:1px solid var(--gw-border);box-shadow:var(--gw-shadow);padding:32px 20px}.contact-icon{margin-bottom:12px;font-size:48px}.contact-hero h2{color:var(--gw-text);margin-bottom:6px;font-size:22px;font-weight:700}.contact-hero p{color:var(--gw-text3);max-width:400px;margin:0 auto;font-size:14px;line-height:1.6}.contact-qrs{background:var(--gw-card);border-radius:var(--gw-radius);border:1px solid var(--gw-border);box-shadow:var(--gw-shadow);flex-wrap:wrap;justify-content:center;gap:24px;padding:24px;display:flex}.contact-qr-card{background:var(--gw-bg);border:1px solid var(--gw-border2);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;display:flex}.contact-qr-img{object-fit:contain;border:2px solid #60a5fa4d;border-radius:10px;width:150px;height:150px}.contact-qr-card:last-child .contact-qr-img{border-color:#22c55e4d}.contact-qr-label{color:var(--gw-text);font-size:15px;font-weight:600}.contact-qr-hint{color:var(--gw-text3);font-size:12px}.contact-info-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.contact-info-card{background:var(--gw-card);border-radius:var(--gw-radius);border:1px solid var(--gw-border);box-shadow:var(--gw-shadow);align-items:center;gap:10px;padding:14px 16px;display:flex}.ci-icon{flex-shrink:0;font-size:22px}.contact-info-card strong{color:var(--gw-text3);margin-bottom:1px;font-size:11px;display:block}.contact-info-card div{color:var(--gw-text);font-size:13px;font-weight:600;line-height:1.4}.contact-tips{background:var(--gw-card);border-radius:var(--gw-radius);border:1px solid var(--gw-border);box-shadow:var(--gw-shadow);padding:20px 24px}.contact-tips h3{color:var(--gw-text);margin-bottom:12px;font-size:16px;font-weight:700}.contact-tips ul{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.contact-tips li{color:var(--gw-text2);padding-left:18px;font-size:13px;line-height:1.7;position:relative}.contact-tips li:before{content:"";background:var(--gw-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:0}.contact-tips strong{color:var(--gw-text)}@media (width<=1150px){.hero-area{flex-direction:column}.energy-flow{width:100%;min-width:unset}.stat-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.stat-grid{grid-template-columns:repeat(2,1fr)}.id-row,.bms-list{grid-template-columns:1fr}.gw-main-content{padding:16px}.gw-header{flex-wrap:wrap;gap:8px;height:auto;padding:12px 16px}.gw-nav{order:3;width:100%;margin-top:4px;overflow-x:auto}.bms-monitor{flex-direction:column;min-height:auto}.bm-left{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--gw-border)}.bm-right{width:100%;min-width:unset}.contact-info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.gw-nav{display:none}.stat-grid{grid-template-columns:1fr}.ef-fork{flex-direction:column;align-items:center;gap:0}.ef-branch-left,.ef-branch-right{padding:0}.ef-h-connector{display:none}.bm-gauges{flex-wrap:wrap}.bm-info-grid{grid-template-columns:1fr}.bmr-cell-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr))}.contact-qrs{flex-direction:column;align-items:center;gap:16px;padding:20px 16px}.contact-info-grid{grid-template-columns:1fr}}