:root{--paper:#f3eedf;--ink:#17372a;--leaf:#1d5137;--moss:#759266;--clay:#b64f37;--straw:#c89d45;--line:rgba(23,55,42,.17);--card:rgba(255,253,245,.72);--shadow:0 18px 55px rgba(47,57,34,.09)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Source Han Sans SC','Microsoft YaHei',sans-serif;min-height:100vh}.grain{position:fixed;inset:0;pointer-events:none;opacity:.19;background-image:radial-gradient(#234d35 0.55px,transparent .7px);background-size:7px 7px;mix-blend-mode:multiply}body:before{content:"";position:fixed;width:52vw;height:52vw;border:1px solid rgba(29,81,55,.1);border-radius:47% 53% 42% 58%;right:-20vw;top:-25vw;box-shadow:0 0 0 55px rgba(29,81,55,.025),0 0 0 110px rgba(29,81,55,.018);pointer-events:none}header,main,footer{width:min(1240px,calc(100% - 40px));margin:auto;position:relative}header{padding:64px 0 36px;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line)}h1,h2{font-family:'Noto Serif SC',serif;margin:0}h1{font-size:clamp(2.8rem,7vw,6.7rem);line-height:.9;letter-spacing:-.07em;font-weight:900}h1 span{font-size:.28em;letter-spacing:.18em;margin-left:18px;color:var(--moss)}.eyebrow{font:700 .68rem/1.5 Georgia,serif;letter-spacing:.21em;color:var(--clay);margin:0 0 10px}.lede{margin:22px 0 0;color:#657267;font-family:'Noto Serif SC',serif}.status{min-width:220px;border-left:2px solid var(--leaf);padding:8px 0 8px 20px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px}.status i{width:11px;height:11px;border-radius:50%;background:var(--straw);margin-top:5px;box-shadow:0 0 0 7px rgba(200,157,69,.14)}.status.online i{background:#4b9b65;animation:pulse 2s infinite}.status.offline i{background:var(--clay)}.status small{grid-column:2;color:#7b8278}.warning-band{margin:28px 0;display:grid;grid-template-columns:180px 1fr;background:var(--leaf);color:#fff;border-radius:2px;min-height:72px;overflow:hidden}.warning-band>div:first-child{padding:16px 24px;background:rgba(0,0,0,.13);display:flex;flex-direction:column}.warning-band b{font-family:'Noto Serif SC';font-size:1.2rem}.warning-band span{font-size:.75rem;opacity:.72}.warnings{display:flex;align-items:center;gap:10px;overflow:auto;padding:12px 22px}.warnings em{font-style:normal;border:1px solid rgba(255,255,255,.28);padding:8px 12px;white-space:nowrap;border-radius:99px}.warnings .quiet{opacity:.7}.sensor-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:14px}.sensor{background:var(--card);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);padding:23px;min-height:210px;position:relative;overflow:hidden}.sensor:after{content:"";position:absolute;height:4px;bottom:0;left:0;width:var(--fill,40%);background:var(--moss);transition:width .7s}.sensor.hero{background:var(--leaf);color:#f8f3e5}.sensor .icon{font-family:Georgia;font-size:1.4rem;color:var(--clay)}.sensor.hero .icon{color:#e9c471}.sensor p{font-family:'Noto Serif SC';margin:24px 0 3px}.sensor strong{font:700 clamp(2.3rem,4vw,4.2rem)/1 Georgia,serif;letter-spacing:-.06em}.sensor span{display:block;font-size:.72rem;margin-top:14px;opacity:.65}.workspace{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:16px}.panel{background:var(--card);border:1px solid rgba(255,255,255,.85);box-shadow:var(--shadow);padding:28px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.panel h2{font-size:1.55rem}.panel select,.panel input,.diagnostics select{border:0;border-bottom:1px solid var(--line);background:transparent;padding:9px;color:var(--ink)}canvas{width:100%;max-height:220px}form{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px}label{font-size:.76rem;color:#627068;display:flex;flex-direction:column;gap:4px}input{font:700 1.12rem Georgia!important}.primary,.ghost,.diagnostics button,.mode-btn{border:0;cursor:pointer;font-weight:700}.primary{grid-column:1/-1;background:var(--clay);color:#fff;padding:14px;margin-top:7px}.ghost{background:transparent;border:1px solid var(--line);padding:9px 14px;color:var(--ink)}.control-panel{margin-top:16px}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.control{border:1px solid var(--line);padding:18px;position:relative}.control.active{border-color:var(--clay);box-shadow:inset 0 3px var(--clay)}.control h3{font-family:'Noto Serif SC';margin:0 0 4px}.control .actual{font:700 1.7rem Georgia;color:var(--moss)}.control.active .actual{color:var(--clay)}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:15px}.mode-btn{padding:8px 2px;background:#e8e4d7;color:#56645a;font-size:.68rem}.mode-btn.selected{background:var(--leaf);color:#fff}.safety{font-size:.72rem;color:#7a786d;border-top:1px solid var(--line);margin:22px 0 0;padding-top:15px}.transport-panel{margin-top:16px}.transport-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.transport{padding:20px;border:1px solid var(--line);background:rgba(245,241,225,.45);display:flex;flex-direction:column;gap:7px;min-height:160px}.transport b{font-family:'Noto Serif SC','STSong',serif;font-size:1.05rem}.transport strong{font-size:1.45rem}.transport small{color:#657267;min-height:2.4em}.transport.wifi{border-top:4px solid var(--straw)}.transport.lora{border-top:4px solid var(--clay)}.transport.usb{border-top:4px solid var(--leaf)}.transport button{margin-top:auto}
.diagnostics{border-top:1px solid var(--line);margin:30px 0}.diagnostics>button{background:none;color:var(--ink);width:100%;padding:20px 0;display:flex;justify-content:space-between;font-family:'Noto Serif SC';font-size:1rem}.diagnostics #diagBody{display:none;grid-template-columns:1fr auto;gap:12px;padding-bottom:20px}.diagnostics.open #diagBody{display:grid}.diagnostics pre{grid-column:1/-1;background:#182b22;color:#dce5d4;padding:18px;white-space:pre-wrap;overflow:auto;font-size:.72rem}footer{border-top:1px solid var(--line);padding:25px 0 50px;display:flex;justify-content:space-between;color:#738078;font-size:.68rem}@keyframes pulse{50%{box-shadow:0 0 0 13px rgba(75,155,101,0)}}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--straw);outline-offset:2px}@media(max-width:900px){header{align-items:flex-start;gap:30px}.sensor-grid{grid-template-columns:repeat(2,1fr)}.sensor.hero{grid-column:span 2}.workspace{grid-template-columns:1fr}.controls{grid-template-columns:repeat(2,1fr)}.transport-grid{grid-template-columns:1fr 1fr}.transport.usb{grid-column:span 2}}@media(max-width:570px){header{padding-top:35px;display:block}.status{margin-top:30px}.warning-band{grid-template-columns:1fr}.sensor-grid,.controls,.transport-grid{grid-template-columns:1fr}.transport.usb{grid-column:auto}.sensor.hero{grid-column:auto}.sensor{min-height:175px}form{grid-template-columns:1fr}.workspace .panel,.control-panel{padding:20px}footer{display:block;line-height:2}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}