html,body,#__next{min-height:100%;margin:0;padding:0}*{box-sizing:border-box}
:root{--green:#008a4b;--green-weak:#d6efdf;--ink:#17312b;--muted:#607a74;--line:#e5e5e5;--warn:#d89a21;--danger:#cb3e3e;--radius-lg:18px;--radius-md:14px}body{color:var(--ink);background:linear-gradient(#f2faf6 0%,#fff 30%,#f7faf8 100%);font-family:Microsoft YaHei,Noto Sans SC,PingFang SC,sans-serif}.top-bar{color:#fff;text-align:center;background:radial-gradient(circle at 12% 16%, #1fb06d 0%, var(--green) 45%, #04683a 100%);padding:24px 20px 30px}.top-bar h1{letter-spacing:1px;margin:0;font-size:clamp(20px,2.1vw,32px)}.top-bar p{color:#def6e8;margin:10px 0 0;font-size:14px}.main-content{max-width:1500px;margin:-12px auto 0;padding:0 18px 22px}.dashboard-section{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;grid-template-columns:repeat(5,minmax(220px,1fr));gap:14px;padding:16px;animation:.7s both rise-in;display:grid;box-shadow:0 8px 28px #04683a14}.gauge-card{border:1px solid var(--line);border-radius:var(--radius-md);text-align:center;background:linear-gradient(160deg,#fbfdfc 0%,#f2f8f4 100%);padding:10px 8px 12px}.gauge-title{min-height:22px;font-size:15px;font-weight:700}.gauge{width:100%;height:168px}.modules-section{grid-template-columns:minmax(420px,1.2fr) minmax(320px,1fr);gap:14px;margin-top:14px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;padding:16px;box-shadow:0 6px 20px #054a2c0d}.panel-header{border-bottom:1px dashed #d8e7de;justify-content:space-between;align-items:flex-end;margin-bottom:12px;padding-bottom:10px;display:flex}.panel-header h2{margin:0;font-size:20px}.panel-header span{color:var(--muted);font-size:12px}.module-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.module-card{border-radius:var(--radius-md);text-align:left;background:linear-gradient(#fff 0%,#f4faf7 100%);border:1px solid #d9ebdf;padding:12px;transition:transform .2s,border-color .2s,box-shadow .2s}.module-card:hover{border-color:#abdcc0;transform:translateY(-2px);box-shadow:0 10px 20px #04683a1f}.module-card-head{grid-template-columns:58px 1fr;align-items:center;gap:10px;display:grid}.module-icon{letter-spacing:.6px;-webkit-user-select:none;user-select:none;border:1px solid #cfe1d8;border-radius:14px;place-items:center;width:58px;height:58px;font-size:18px;font-weight:800;display:grid}.module-icon.is-running{color:#fff;background:#06884b;border-color:#06884b}.module-icon.is-stopped{color:#17312b;background:#fff}.module-title-wrap{min-width:0}.module-card h3{margin:0;font-size:16px}.module-card p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.5}.module-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.module-toggle{min-width:72px}.module-toggle.is-running{background:#0b7f49}.module-toggle-placeholder{color:var(--muted);font-size:12px}.module-link-btn{cursor:pointer;color:#0c6f41;background:#e9f5ef;border:1px solid #cce5d8;border-radius:10px;justify-content:center;align-items:center;padding:6px 11px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.module-link-btn:hover,.module-link-btn:focus-visible{background:#ddf0e7;border-color:#a7d4bd}.right-stack{gap:14px;display:grid}.metric-row{justify-content:space-between;align-items:center;margin:10px 0;display:flex}.metric-label{color:var(--muted);font-size:14px}.metric-value{font-size:18px;font-weight:700}.bar-track{background:#e9f2ed;border-radius:999px;width:100%;height:11px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#26af6f,#008a4b);width:75%;height:100%;transition:width .3s}.resin-state{margin-top:12px}.resin-status-wrap{align-items:center;gap:8px;display:flex}.state-dot{border-radius:50%;width:11px;height:11px}.state-dot.healthy{background:var(--green)}.state-dot.warn{background:var(--warn)}.state-dot.error{background:var(--danger)}.state-text.healthy{color:var(--green)}.state-text.warn{color:var(--warn)}.state-text.error{color:var(--danger)}.runtime-info{color:var(--muted);margin-top:2px;font-size:13px}.salt-control{border-top:1px dashed #d8e7de;margin-top:12px;padding-top:10px}.salt-control label{color:var(--muted);font-size:14px}.input-with-btn{grid-template-columns:1fr 126px;gap:8px;margin-top:8px;display:grid}.input-with-btn input,.field-control input[type=number]{border:1px solid #c9dfd2;border-radius:10px;outline:none;width:100%;padding:9px 10px;font-size:14px}button{cursor:pointer;border:none;border-radius:10px;padding:9px 12px;font-size:14px}#confirm-salt,.toggle-btn,.tiny-btn{background:var(--green);color:#fff}.tiny-btn{padding:6px 10px;font-size:12px}.toggle-btn{margin-top:10px}.battery-layout{grid-template-columns:170px 1fr;align-items:center;gap:12px;display:grid}.battery-ring-wrap{width:160px;height:160px;margin:0 auto;position:relative}.battery-ring{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#e7f0ea;stroke-width:10px}.ring-progress{fill:none;stroke:var(--green);stroke-width:10px;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:69px;transition:stroke-dashoffset .35s}.battery-percent{place-items:center;font-size:28px;font-weight:800;display:grid;position:absolute;inset:0}.dialog{z-index:60;background:#08211673;place-items:center;display:grid;position:fixed;inset:0}.dialog-content{background:#fff;border:1px solid #d4e7db;border-radius:18px;width:min(92vw,520px);padding:18px;animation:.25s pop-in}.dialog-title{color:var(--green);margin:0 0 14px;font-size:20px}.field{margin-bottom:10px}.field label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.field-control{align-items:center;gap:10px;display:flex}.field-control input[type=range]{width:100%;accent-color:var(--green)}.field-control span{text-align:right;width:140px;font-weight:700}.switch-field{border-top:1px dashed #d8e7de;justify-content:space-between;align-items:center;margin-top:8px;padding-top:10px;display:flex}.switch-field label{margin:0}.switch-field input{accent-color:var(--green);transform:scale(1.18)}.dialog-actions{justify-content:flex-end;margin-top:8px;display:flex}.ghost-btn{color:#31574a;background:#eef5f1}.settings-page{place-items:center;min-height:100vh;padding:26px 18px;display:grid}.settings-panel{width:min(760px,100%)}.settings-panel h1{color:var(--green);margin:0;font-size:28px}.settings-subtitle{color:var(--muted);margin:8px 0 14px}.back-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}small{color:var(--muted);margin-top:6px;display:block}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1320px){.dashboard-section{grid-template-columns:repeat(3,minmax(200px,1fr))}}@media (max-width:1040px){.dashboard-section{grid-template-columns:repeat(2,minmax(200px,1fr))}.modules-section{grid-template-columns:1fr}}@media (max-width:720px){.dashboard-section,.module-grid,.battery-layout,.input-with-btn{grid-template-columns:1fr}}