:root{--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--bg:#f4f6f8;--card:#fff;--card-soft:#f8fafc;--text:#202735;--sub:#7d8794;--muted:#9aa3af;--line:#edf1f6;--line-strong:#dfe6ef;--pv:#4f7fd9;--mppt:#e4a33c;--batt:#45a96b;--batt-out:#d97745;--load:#d96b58;--danger:#d95f4f;--offline:#a1aab6;--shadow-card:0 8px 22px #18233e0d;--shadow-card-strong:0 10px 28px #18233e0f;--shadow-icon:0 8px 20px #1f293714, inset 0 0 0 1px #e5ebf2e6;--shadow-soft:0 3px 12px #1f29370a;--radius-lg:18px;--radius-card:16px;--radius-mid:14px;--radius-sm:10px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--t-fast:.16s ease;--t-base:.25s ease}[data-theme=dark]{--bg:#111827;--card:#1a2433;--card-soft:#202c3e;--text:#eef3f9;--sub:#aab5c4;--muted:#7f8b9d;--line:#2b394c;--line-strong:#3b4a61;--shadow-card:0 8px 22px #00000038;--shadow-card-strong:0 10px 28px #00000047;--shadow-icon:0 8px 20px #00000038, inset 0 0 0 1px #ffffff12;--shadow-soft:0 3px 12px #0000002e}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);transition:background var(--t-base),color var(--t-base);font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}svg{display:block}.icon{stroke:currentColor;fill:none;width:20px;height:20px}.icon-sm{width:16px;height:16px}.icon-lg{width:28px;height:28px}.shell{width:min(100%,430px);min-height:100vh;margin:0 auto}.shell-wide{width:min(100%,1120px)}.status-bar{height:28px;color:var(--muted);justify-content:space-between;padding:8px 16px 0;font-size:11px;display:flex}.nav{justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 12px;display:flex;position:relative}.nav-title{letter-spacing:-.2px;font-size:17px;font-weight:800}.nav-left,.nav-right{gap:8px;display:flex;position:absolute;top:3px}.nav-left{left:10px}.nav-right{right:10px}.page{padding:0 10px calc(18px + env(safe-area-inset-bottom))}.page-spacious{padding-top:10px}.card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid color-mix(in srgb,var(--line) 78%,transparent);padding:14px}.card-lg{border-radius:var(--radius-lg);box-shadow:var(--shadow-card-strong)}.card+.card{margin-top:10px}.section-title{letter-spacing:-.2px;align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:800;display:flex}.sub{color:var(--sub)}.muted{color:var(--muted)}.caption{color:var(--muted);font-size:12px}.icon-btn{border:1px solid var(--line);width:44px;min-width:44px;height:44px;color:var(--sub);box-shadow:var(--shadow-soft);transition:transform var(--t-fast),color var(--t-fast),border-color var(--t-fast);background:#ffffffdb;border-radius:14px;justify-content:center;align-items:center;display:inline-flex}[data-theme=dark] .icon-btn{background:#1a2433e6}.icon-btn:hover{color:var(--pv);border-color:color-mix(in srgb,var(--pv) 36%,var(--line));transform:translateY(-1px)}.lang-btn{min-width:66px;padding:0 10px;font-size:11px;font-weight:800}.btn{background:var(--card);height:44px;min-height:44px;color:var(--text);box-shadow:var(--shadow-soft),inset 0 0 0 1px var(--line);white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:12px;font-weight:800;display:inline-flex}.btn-primary{color:#4f67b0;box-shadow:var(--shadow-soft),inset 0 0 0 1px #dce8ff;background:#eef4ff}.btn-danger{color:#c95f4d;box-shadow:var(--shadow-soft),inset 0 0 0 1px #ffe1d0;background:#fff1ed}.btn-block{width:100%}.btn-square{width:44px;padding:0}.btn-sm{height:44px;min-height:44px;padding:0 12px;font-size:11px}.btn:active{transform:translateY(1px)}.node-icon{background:var(--card);width:64px;height:64px;box-shadow:var(--shadow-icon);color:var(--pv);border-radius:19px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.node-icon.small{border-radius:15px;width:50px;height:50px}.node-icon.round{border-radius:50%}.info-chip{background:color-mix(in srgb,var(--card) 93%,transparent);box-shadow:var(--shadow-soft);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:10px;padding:6px 8px}.status-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.status-dot.online{background:var(--batt);box-shadow:0 0 0 3px #45a96b24}.status-dot.offline{background:var(--offline)}.status-dot.fault{background:var(--danger);box-shadow:0 0 0 3px #d95f4f24}.status-pill{color:var(--sub);border:1px solid var(--line);white-space:nowrap;background:#f7f9fcf0;border-radius:999px;padding:4px 10px;font-size:11px}[data-theme=dark] .status-pill{background:#202c3ef0}.field{margin-bottom:14px}.field label{color:var(--sub);margin-bottom:7px;font-size:12px;font-weight:700;display:block}.input-wrap{position:relative}.input{border:1px solid var(--line-strong);background:color-mix(in srgb,var(--card) 92%,var(--bg));width:100%;height:44px;color:var(--text);border-radius:14px;outline:none;padding:0 12px;box-shadow:inset 0 1px #ffffff61}.input:focus{border-color:#bcd0f4;box-shadow:0 0 0 4px #4f7fd91c}.input.with-left{padding-left:42px}.input-left,.input-right{color:var(--muted);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.input-left{left:13px}.input-right{background:0 0;border:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px;right:8px}.check{min-height:44px;color:var(--sub);align-items:center;gap:8px;font-size:12px;display:flex}.check input{accent-color:var(--pv)}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-card{background:var(--card);min-height:118px;box-shadow:var(--shadow-card);border-radius:16px;padding:13px;position:relative;overflow:hidden}.stat-card:after{content:"";background:color-mix(in srgb,var(--tone,var(--pv)) 10%,transparent);border-radius:50%;width:92px;height:92px;position:absolute;top:-30px;right:-28px}.stat-head{color:var(--sub);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.stat-ico{background:color-mix(in srgb,var(--tone,var(--pv)) 12%,var(--card));width:32px;height:32px;color:var(--tone,var(--pv));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone,var(--pv)) 18%,transparent);border-radius:11px;justify-content:center;align-items:center;display:flex}.stat-val{letter-spacing:-.2px;margin-top:13px;font-size:30px;font-weight:800;line-height:1}.stat-val span{color:var(--sub);margin-left:2px;font-size:12px}.stat-meta{color:var(--muted);margin-top:7px;font-size:11px}.flow-chip{border:1px solid var(--line);-webkit-overflow-scrolling:touch;background:#fffffff0;border-radius:999px;gap:5px;padding:4px;display:flex;overflow-x:auto;box-shadow:0 5px 16px #1f29370f}[data-theme=dark] .flow-chip{background:#1a2433f0}.flow-chip button{min-height:36px;color:var(--sub);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:0 11px;font-size:11px}.flow-chip button.active{color:#4f67b0;background:#eef4ff;font-weight:800}.flow-chip button.warn{color:#c95f4d;background:#fff1ed;font-weight:800}.legend{background:var(--card);box-shadow:var(--shadow-card);border-radius:14px;margin-top:10px;padding:12px 13px}.legend-row{color:var(--sub);align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.legend-row:last-child{margin-bottom:0}.lg{border-radius:999px;flex:none;width:20px;height:5px;display:block}@media (width>=768px){.shell{width:min(100%,760px)}.shell-wide{width:min(100%,1180px)}.page{padding:8px 18px 26px}.desktop-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:12px;display:grid}.stat-grid{grid-template-columns:repeat(4,1fr)}}