:root{--green:#176b45;--green2:#2b8b5e;--mint:#e9f5ed;--ink:#173329;--muted:#6d7d75;--line:#dce8df;--bg:#f4f7f4;--white:#fff;--shadow:0 12px 35px rgba(31,72,48,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,"Microsoft YaHei",Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand .logo{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--green);color:#fff;font-weight:900}.brand b{display:block;font-size:18px}.brand small{display:block;color:var(--muted)}.online{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.online i{width:9px;height:9px;border-radius:50%;background:#d79b3b;box-shadow:0 0 0 4px #f7ead3}.online.ok i{background:#2baa67;box-shadow:0 0 0 4px #daf2e4}.online.bad i{background:#d7564f;box-shadow:0 0 0 4px #f8dddb}nav{height:54px;background:#fff;display:flex;justify-content:center;gap:8px;border-bottom:1px solid var(--line);position:sticky;top:72px;z-index:19}nav button{border:0;background:transparent;color:var(--muted);padding:0 23px;border-bottom:3px solid transparent}nav button.active{color:var(--green);border-color:var(--green);font-weight:800}main{max-width:1180px;margin:auto;padding:28px 20px 55px}.page{display:none}.page.active{display:block}.hero{min-height:205px;border-radius:25px;padding:34px 40px;color:#fff;background:linear-gradient(125deg,#155f3f,#2a8a5c);display:flex;align-items:center;justify-content:space-between;overflow:hidden;box-shadow:var(--shadow)}.hero small{opacity:.8}.hero h1{font-size:34px;margin:8px 0}.hero p{margin:0;opacity:.9}.plant-emoji{font-size:92px;filter:drop-shadow(0 15px 12px #0b3f2945);transform:rotate(4deg)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metrics article{display:flex;gap:13px;align-items:center;background:#fff;padding:17px;border-radius:16px;border:1px solid var(--line)}.metrics .ico{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900}.ico.warm{background:#fff0e7;color:#db7644}.ico.blue{background:#e7f4ff;color:#4086bd}.ico.amber{background:#fff7da;color:#bb8a11}.ico.green{background:var(--mint);color:var(--green)}.metrics small,.metrics em{display:block;color:var(--muted);font-style:normal;font-size:12px}.metrics b{display:block;font-size:22px;margin:2px 0}.cols,.control-grid,.settings-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px;box-shadow:0 4px 18px #1c4c2d08}.panel-head{display:flex;align-items:flex-start;justify-content:space-between}.panel h2{margin:3px 0 8px;font-size:19px}.panel small,.note{color:var(--muted)}.ai .panel-head>span{background:linear-gradient(135deg,#6d55d9,#a559dc);color:#fff;padding:7px 10px;border-radius:10px;font-weight:bold}.ai p{color:#52645b}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{padding:5px 9px;border-radius:20px;background:var(--mint);color:var(--green);font-size:12px}.status{padding:5px 9px;border-radius:20px;background:#f1f4f2;color:var(--muted);font-size:12px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.quick-grid button{border:1px solid var(--line);background:#fbfdfb;border-radius:12px;padding:13px;color:var(--ink)}.quick-grid button:hover{border-color:#92bda3;background:var(--mint)}.quick-grid b{display:block;font-size:21px}.title{display:flex;justify-content:space-between;align-items:end;margin:5px 0 20px}.title h1{margin:2px 0;font-size:29px}.title small,.title p{color:var(--muted)}.plant-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.plant-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;text-align:left;color:var(--ink)}.plant-card:hover,.plant-card.active{border-color:var(--green2);background:var(--mint)}.plant-card span{display:block;font-size:35px}.plant-card b{display:block;font-size:17px;margin:7px 0 2px}.plant-card small{color:var(--muted)}.range .panel-head>span{font-size:42px}.range-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.range-grid div{background:#f5f8f5;border-radius:12px;padding:12px}.range-grid small,.range-grid b{display:block}.range-grid b{font-size:17px}.device-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.device-row h2{margin:3px 0}.toggle input{display:none}.toggle span{display:block;width:47px;height:26px;border-radius:20px;background:#cbd6ce;position:relative;transition:.2s}.toggle span:after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.toggle input:checked+span{background:var(--green2)}.toggle input:checked+span:after{left:24px}.servo{padding-top:18px}.servo>div{display:flex;justify-content:space-between}.servo b{font-size:21px}.panel input[type=range]{width:100%;accent-color:var(--green);margin:12px 0}.auto>label:not(.toggle),.settings-grid label{display:block;margin:14px 0 5px}.primary{display:block;width:100%;border:0;border-radius:11px;padding:13px;background:var(--green);color:#fff;font-weight:bold;margin-top:15px;text-align:center;text-decoration:none}.primary:hover{background:#0f5735}.link{width:auto}.chart{padding:18px}.chart-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.chart-tools button,.text-btn{border:0;background:transparent;color:var(--muted);padding:7px 10px;border-radius:8px}.chart-tools button.active{background:var(--mint);color:var(--green);font-weight:bold}canvas{width:100%;display:block}.history{margin-top:16px}.history-row{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:10px;padding:10px;border-bottom:1px solid var(--line);font-size:13px}.history-row:last-child{border:0}.history-row span{color:var(--muted)}.settings-grid input,.settings-grid select{width:100%;border:1px solid #bccdc1;border-radius:10px;padding:12px;background:#fff}.settings-grid dl{margin-top:18px}.settings-grid dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0}.settings-grid dt{color:var(--muted)}.settings-grid dd{margin:0;font-weight:bold}#toast{position:fixed;right:22px;bottom:22px;background:#173329;color:#fff;padding:12px 17px;border-radius:11px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s;z-index:40}#toast.show{opacity:1;transform:none}footer{text-align:center;padding:25px;color:#85928b;font-size:12px}@media(max-width:800px){header{padding:0 14px}.brand small{display:none}nav{justify-content:flex-start;overflow:auto;padding:0 7px}nav button{padding:0 15px;white-space:nowrap}main{padding:17px 12px 40px}.hero{padding:24px;min-height:170px}.hero h1{font-size:27px}.plant-emoji{font-size:60px}.metrics{grid-template-columns:1fr 1fr}.cols,.control-grid,.settings-grid{grid-template-columns:1fr}.plant-list{grid-template-columns:1fr 1fr}.range-grid{grid-template-columns:1fr 1fr}.title{display:block}.title p{margin-top:4px}.history-row{grid-template-columns:1.2fr 1fr}.history-row span:nth-child(n+3){display:none}}@media(max-width:420px){.metrics{grid-template-columns:1fr}.plant-list{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr 1fr}}
.freshness{display:flex;align-items:center;gap:11px;margin:14px 0 -4px;padding:11px 15px;background:#fff;border:1px solid var(--line);border-radius:14px}.freshness i{width:10px;height:10px;border-radius:50%;background:#d79b3b;box-shadow:0 0 0 4px #f7ead3}.freshness div{display:flex;flex:1;align-items:center;gap:10px;min-width:0}.freshness b{font-size:13px}.freshness small{color:var(--muted)}.freshness>span{font-size:12px;color:var(--muted);background:#f1f4f2;border-radius:20px;padding:4px 9px}.freshness.fresh i{background:#2baa67;box-shadow:0 0 0 4px #daf2e4}.freshness.warn i{background:#d79b3b}.freshness.stale i{background:#d7564f;box-shadow:0 0 0 4px #f8dddb}@media(max-width:420px){.freshness div{display:block}.freshness small{display:block}}.badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;margin-left:3px;border-radius:10px;background:#d7564f;color:#fff;font-size:11px}.period-tabs{display:flex;gap:7px;margin-bottom:14px;flex-wrap:wrap}.period-tabs button{border:1px solid var(--line);background:#fff;color:var(--muted);padding:7px 13px;border-radius:20px}.period-tabs button.active{background:var(--green);border-color:var(--green);color:#fff}.diag-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.diag-grid article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}.diag-grid small,.diag-grid b{display:block}.diag-grid small{color:var(--muted);margin-bottom:5px}.diag-grid b{font-size:18px}.command-list{margin-top:12px}.command-row{display:grid;grid-template-columns:1fr 1fr 1.4fr 1.2fr;gap:10px;align-items:center;padding:11px 6px;border-bottom:1px solid var(--line);font-size:13px}.command-row:last-child{border-bottom:0}.command-row small{color:var(--muted)}.cmd-status{justify-self:start;padding:4px 9px;border-radius:15px;background:#f0f3f1;color:#68776e}.cmd-status.executed{background:#dcf3e5;color:#197346}.cmd-status.delivered{background:#e7f1fa;color:#3678a9}.cmd-status.failed{background:#f9e0de;color:#b9443e}.cmd-status.queued{background:#fff2d9;color:#9a6814}.alert-list{margin-top:12px}.alert-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:14px 4px;border-bottom:1px solid var(--line)}.alert-row:last-child{border-bottom:0}.alert-dot{width:11px;height:11px;border-radius:50%;margin-top:7px;background:#d79b3b}.alert-row.danger .alert-dot{background:#d7564f}.alert-row.ack{opacity:.55}.alert-row b,.alert-row small{display:block}.alert-row p{margin:3px 0;color:var(--muted)}.alert-row button{border:0;background:var(--mint);color:var(--green);border-radius:9px;padding:7px 10px}@media(max-width:800px){.diag-grid{grid-template-columns:1fr 1fr}.command-row{grid-template-columns:1fr 1fr}.command-row>*:nth-child(3){display:none}}@media(max-width:420px){.diag-grid{grid-template-columns:1fr}.alert-row{grid-template-columns:auto 1fr}.alert-row button{grid-column:2}}.plant-tools{display:flex;align-items:center;gap:12px;margin:-5px 0 14px}.plant-tools input,.custom-form input{border:1px solid #bccdc1;border-radius:11px;padding:12px 14px;background:#fff;color:var(--ink)}.plant-tools input{width:min(360px,70vw)}.plant-tools span{color:var(--muted);font-size:13px}.custom-plant{margin:16px 0}.custom-form{display:grid;grid-template-columns:1fr 1.5fr auto;gap:10px;align-items:center}.custom-form .primary{width:auto;margin:0;white-space:nowrap}.ai-button{width:100%;border:0;border-radius:11px;padding:12px;margin-top:15px;background:linear-gradient(135deg,#6049c7,#9b55d2);color:#fff;font-weight:800}.ai-button:disabled,.custom-form button:disabled{opacity:.55;cursor:wait}.ai-meta{display:block;margin-top:8px;color:var(--muted)}.ai-actions{display:grid;gap:8px;margin-top:13px}.ai-action{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #dcd5f2;background:#faf8ff;border-radius:12px}.ai-action b,.ai-action small{display:block}.ai-action small{color:var(--muted);margin-top:2px}.ai-action button,.ai-run-all{border:0;border-radius:9px;padding:8px 11px;background:#6d55d9;color:#fff;white-space:nowrap}.ai-action button:disabled{background:#a9b3ad}.ai-run-all{width:100%;background:var(--green)}
@media(max-width:800px){.custom-form{grid-template-columns:1fr}.custom-form .primary{width:100%}.plant-list{max-height:560px;overflow:auto}.ai-action{align-items:flex-start;flex-direction:column}.ai-action button{width:100%}}

.ota-panel{margin:18px 0}.ota-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.ota-grid>div{background:#f3f8f4;border:1px solid #dfebe2;border-radius:12px;padding:12px}.ota-grid small{display:block;color:#738078;margin-bottom:6px}.ota-grid b{font-size:16px}.ota-badge{background:#e3f3e8;color:#18794e;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.ota-panel .primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:720px){.ota-grid{grid-template-columns:1fr 1fr}}

.alarm-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.alarm-config label{display:block;color:var(--muted);font-size:13px;margin-bottom:5px}.alarm-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.alarm-input-grid input{width:100%;border:1px solid #bccdc1;border-radius:10px;padding:11px;background:#fff;color:var(--ink)}.alarm-live{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-top:10px;border-radius:12px;background:#f2f6f3}.alarm-live i{width:12px;height:12px;border-radius:50%;background:#96a39b}.alarm-live b,.alarm-live small{display:block}.alarm-live small{color:var(--muted)}.alarm-live.active{background:#fff0ef;color:#a93631}.alarm-live.active i{background:#d7564f;box-shadow:0 0 0 5px #f8dddb}.alarm-live.normal i{background:#2baa67;box-shadow:0 0 0 5px #daf2e4}.alarm-buttons{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:16px}.alarm-buttons .primary{margin:0}.alarm-buttons .text-btn{border:1px solid var(--line);background:#fff;border-radius:11px}@media(max-width:800px){.alarm-layout{grid-template-columns:1fr}}@media(max-width:480px){.alarm-input-grid,.alarm-buttons{grid-template-columns:1fr}}

.ota-progress-wrap{margin:14px 0;padding:13px;border-radius:12px;background:#f3f7f4}.ota-progress-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:13px}.ota-progress-head span{color:var(--muted)}.ota-progress-track{height:9px;overflow:hidden;border-radius:8px;background:#dce7df}.ota-progress-track i{display:block;width:0;height:100%;border-radius:8px;background:linear-gradient(90deg,#1f7e52,#45aa72);transition:width .4s}.ota-progress-wrap.waiting .ota-progress-track i{width:35%!important;animation:ota-wait 1.3s ease-in-out infinite alternate}@keyframes ota-wait{from{transform:translateX(-80%)}to{transform:translateX(210%)}}

.firmware-notice{max-width:1140px;margin:16px auto 0;padding:12px 16px;border:1px solid #cce4d4;border-radius:12px;background:#e9f5ed;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.firmware-notice[hidden]{display:none}@media(max-width:720px){.firmware-notice{margin:12px 20px 0;align-items:flex-start}}

.diag-grid b{overflow-wrap:anywhere}