:root{--bg:#fff6e9;--card:#fff;--text:#15181c;--sub:#7b8087;--line:#ece7df;--green:#28b957;--green-dark:#1d9d48;--orange:#f15a24;--orange-dark:#ef3f1f;--blue:#168df2;--purple:#7f62d9;--red:#f33b1f;--shadow:0 8px 24px #35271414;--radius-xl:28px;--radius-lg:22px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{min-height:100vh;color:var(--text);-webkit-user-select:none;user-select:none;background:#e8e5e0;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,sans-serif}#root{width:100%;min-height:100vh}.phone{aspect-ratio:852/1847;background:radial-gradient(circle at 82% 12%,#ffe2bee6,#0000 36%),linear-gradient(#fff3df 0%,#fffaf2 56%,#fff9f0 100%);width:min(100vw,430px);max-height:100vh;position:relative;overflow:hidden;box-shadow:0 18px 60px #0000002e}.screen{height:100%;padding:14px 16px calc(18px + var(--safe-bottom));scrollbar-width:none;overflow:hidden}.screen-stack{flex-direction:column;height:100%;min-height:0;display:flex}.screen-stack>.schedule-page,.screen-stack>.placeholder-page{flex:1}.screen::-webkit-scrollbar{display:none}.home-scroll{scrollbar-width:none;flex:auto;min-height:0;padding-bottom:12px;overflow-y:auto}.home-scroll::-webkit-scrollbar{display:none}.status-bar{letter-spacing:.2px;justify-content:space-between;align-items:center;height:28px;padding:0 14px;font-size:15px;font-weight:700;display:flex}.system-icons{align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.signal{align-items:end;gap:2px;height:13px;display:inline-flex}.signal i{background:#111;border-radius:2px;width:3px;display:block}.signal i:first-child{height:5px}.signal i:nth-child(2){height:7px}.signal i:nth-child(3){height:10px}.signal i:nth-child(4){height:12px}.wifi-icon{width:17px;height:13px}.battery{color:#fff;text-align:center;background:#111;border-radius:5px;min-width:31px;height:16px;padding:0 3px;font-size:12px;line-height:16px}.hero{min-height:166px;padding:30px 8px 0;position:relative}.hero-title{letter-spacing:-1px;margin:0 0 12px;font-size:33px;font-weight:850;line-height:1}.hero-subtitle{color:#68707a;margin:0;font-size:17px;font-weight:500}.elder-illust{pointer-events:none;width:190px;height:146px;position:absolute;top:13px;right:-6px}.plants{pointer-events:none;width:130px;height:54px;position:absolute;bottom:-2px;left:-20px}.card{border-radius:var(--radius-xl);box-shadow:var(--shadow);background:#fffffff5;border:1px solid #ebe3d8b8}.state-card{z-index:2;margin-top:-8px;padding:17px 18px 18px;position:relative}.state-top{justify-content:space-between;align-items:center;gap:14px;display:flex}.state-title{letter-spacing:-.3px;font-size:22px;font-weight:780}.state-pill{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:94px;min-height:34px;padding:0 14px;font-size:18px;font-weight:760;transition:background .2s;display:inline-flex}.state-pill.powered-on{color:#168a43;background:#e9f8ee;border-color:#28b95738}.state-pill.working{color:#0b76d8;background:#e8f4ff;border-color:#168df238}.state-pill.offline{color:#6c727b;background:#f0f2f4;border-color:#6c727b2e}.state-pill.fault{color:#d93a20;background:#fff0ec;border-color:#f33b1f33}.state-pill.powered-off{color:#7c838b;background:#f2f3f4;border-color:#7c838b2e}.state-dot{background:currentColor;border-radius:999px;width:8px;height:8px}.state-line{background:var(--line);height:1px;margin:15px 0 14px}.recent-row{color:#9a9da2;align-items:center;gap:12px;width:100%;min-height:24px;font-size:17px;font-weight:600;display:flex}.recent-row.fault{color:var(--red)}.recent-icon{opacity:.72;flex:0 0 24px;width:24px;height:24px}.temp-card{margin-top:16px;padding:42px 22px 34px;position:relative}.temp-main{justify-content:center;align-items:baseline;gap:18px;margin-bottom:34px;display:flex}.temp-label{color:#6f737a;white-space:nowrap;align-items:center;gap:8px;font-size:18px;font-weight:640;display:flex;position:absolute;top:18px;left:22px}.temp-label-svg{color:#f1733c;width:18px;height:18px}.temp-value{color:var(--orange);letter-spacing:-3px;text-align:center;font-size:72px;font-weight:830;line-height:.9;transition:all .15s}.temp-value.inactive{color:#c0c4cb}.temp-value .unit{letter-spacing:-1px;margin-left:3px;font-size:31px;font-weight:740}.stepper{grid-template-columns:1fr 1fr;gap:24px;display:grid}.step-btn{color:#1d1f22;cursor:pointer;background:#fff;border:1.5px solid #e1dfdc;border-radius:21px;justify-content:center;align-items:center;height:66px;font-family:inherit;font-size:43px;line-height:1;transition:transform .1s,background .1s,opacity .2s;display:flex;box-shadow:inset 0 -2px #00000005}.step-btn:active:not(:disabled){background:#fafafa;transform:scale(.98)}.step-btn:disabled{opacity:.45;cursor:not-allowed}.section-title{letter-spacing:-.4px;margin:16px 8px 10px;font-size:23px;font-weight:820}.control-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tile{color:#fff;text-align:center;cursor:pointer;border:0;border-radius:20px;justify-content:center;align-items:center;min-height:82px;padding:18px 12px;font-family:inherit;transition:transform .1s,background .18s,color .18s,box-shadow .18s;display:flex;box-shadow:0 8px 20px #1c3e4e1a}.tile:active:not(:disabled){transform:scale(.97)}.tile:disabled{cursor:not-allowed}.tile.green{background:linear-gradient(135deg,#37c86c 0%,#20af51 100%)}.tile.blue{background:linear-gradient(135deg,#279cf7 0%,#087ee9 100%)}.tile.green.is-off,.tile.blue.is-off{color:#6b737c;background:linear-gradient(135deg,#f4f6f8 0%,#e7ebef 100%);box-shadow:0 8px 18px #505c6814}.tile.purple{background:linear-gradient(135deg,#9379e3 0%,#7558d6 100%)}.tile.orange{background:linear-gradient(135deg,#ff7d4b 0%,#f45f28 100%)}.tile.orange.is-empty{color:#826a5d;background:linear-gradient(135deg,#f5eee9 0%,#eaded6 100%);box-shadow:0 8px 18px #765e4e14}.tile.sterilize.no-flow{color:#26606a;background:linear-gradient(135deg,#eef7f7 0%,#dcedef 100%);box-shadow:0 8px 18px #2f677214}.tile.sterilize.has-flow{color:#868c94;background:linear-gradient(135deg,#f2f3f4 0%,#e3e6e9 100%);box-shadow:0 8px 18px #505c680f}.tile-title{letter-spacing:-.4px;white-space:nowrap;font-size:21px;font-weight:800;line-height:1.1}.tile-badge{background:#ffffffd1;border-radius:999px;justify-content:center;align-items:center;min-width:48px;height:26px;margin-top:9px;padding:0 14px;font-size:16px;font-weight:720;line-height:1;display:inline-flex}.tile.green .tile-badge{color:#20a84e}.tile.blue .tile-badge{color:#0b76d8}.tile.purple .tile-badge{color:#7254d2}.tile.orange .tile-badge{color:#e95a21}.tile.sterilize .tile-badge{color:#28707d}.tile.sterilize.has-flow .tile-badge{color:#858c94}.tile.green.is-off .tile-badge,.tile.blue.is-off .tile-badge{color:#69717a;background:#fff}.voice-row{border-radius:22px;flex-direction:column;align-items:stretch;gap:14px;padding:16px 18px;display:flex}.voice-head{align-items:center;gap:14px;display:flex}.voice-icon{color:#1b92f4;background:#e9f4ff;border-radius:50%;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.voice-icon svg{width:26px;height:26px}.voice-title{flex:1;font-size:22px;font-weight:760}.voice-actions{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.voice-action-btn{color:#1d1f22;cursor:pointer;background:#fff;border:1.5px solid #e1dfdc;border-radius:18px;height:54px;font-family:inherit;font-size:20px;font-weight:800;transition:transform .1s,background .1s,border-color .15s}.voice-action-btn:active{background:#fafafa;transform:scale(.98)}.voice-action-btn.active{color:#0b76d8;background:#e8f4ff;border-color:#168df273}.switch{cursor:pointer;background:#d9dce0;border:0;border-radius:999px;flex:0 0 66px;width:66px;height:36px;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:28px;height:28px;transition:all .18s;position:absolute;top:4px;left:4px;box-shadow:0 2px 5px #00000029}.switch.on{background:var(--green)}.switch.on:after{left:34px}.switch.small{flex-basis:48px;width:48px;height:28px}.switch.small:after{width:22px;height:22px;top:3px;left:3px}.switch.small.on:after{left:23px}.bottom{z-index:5;background:linear-gradient(#fff9f000 0%,#fff9f0 35%);flex:none;margin-top:0;padding-top:12px;position:relative}.off-illustration{flex-direction:column;justify-content:center;align-items:center;margin:14px 0 6px;display:flex}.off-illustration svg,.off-illustration-img{opacity:.95;border-radius:24px;width:240px;max-width:100%;height:auto}.off-illustration-text{color:#9a9da2;margin-top:10px;font-size:18px;font-weight:760}.shutdown{color:#fff;cursor:pointer;background:linear-gradient(#ff431f 0%,#ed3218 100%);border:0;border-radius:18px;justify-content:center;align-items:center;gap:18px;width:100%;height:70px;font-family:inherit;font-size:26px;font-weight:800;transition:background .2s,box-shadow .2s;display:flex;box-shadow:0 10px 20px #ef411c38}.shutdown.off{background:linear-gradient(#30c567 0%,#23a952 100%);box-shadow:0 10px 20px #28b95738}.shutdown svg{width:31px;height:31px}.shutdown:active{transform:scale(.98)}.home-indicator{opacity:.92;background:#000;border-radius:999px;width:150px;height:5px;margin:12px auto 0}.schedule-page{flex-direction:column;height:100%;display:flex}.schedule-header{z-index:10;background:linear-gradient(#fff3df 0%,#fffaf2 100%);justify-content:space-between;align-items:center;padding:10px 0 16px;display:flex;position:sticky;top:0}.schedule-title{letter-spacing:-.4px;font-size:23px;font-weight:820}.back-btn{color:var(--blue);cursor:pointer;background:0 0;border:none;padding:8px 4px;font-family:inherit;font-size:18px;font-weight:600}.schedule-save-btn{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:10px 22px;font-family:inherit;font-size:17px;font-weight:700;transition:transform .1s,background .1s}.schedule-save-btn:active{background:#0b76d8;transform:scale(.95)}.schedule-tip{color:#9a9da2;padding-bottom:14px;font-size:16px;font-weight:600}.schedule-tip strong{color:var(--blue)}.schedule-list{flex-direction:column;flex:1;gap:12px;padding-bottom:32px;display:flex;overflow-y:auto}.schedule-item{box-shadow:var(--shadow);background:#fffffff5;border:1px solid #ebe3d8b8;border-radius:20px;padding:18px 20px;transition:all .2s}.schedule-item.enabled{border-color:#168df266}.schedule-item-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.schedule-item-label{color:var(--text);font-size:19px;font-weight:760}.schedule-item-body{flex-direction:column;gap:12px;display:flex}.schedule-item-body.disabled{opacity:.35;pointer-events:none}.schedule-item-row{justify-content:space-between;align-items:center;display:flex}.schedule-item-sub{color:var(--sub);font-size:17px;font-weight:600}.schedule-time-input{color:var(--text);text-align:center;background:#fafafa;border:1.5px solid #e1dfdc;border-radius:12px;width:130px;padding:8px 14px;font-family:inherit;font-size:19px;font-weight:600}.schedule-time-input:focus{border-color:var(--blue);outline:none}.schedule-action-group{gap:10px;display:flex}.schedule-action-btn{color:var(--sub);cursor:pointer;background:#fafafa;border:1.5px solid #e1dfdc;border-radius:14px;min-width:80px;padding:10px 24px;font-family:inherit;font-size:17px;font-weight:600;transition:all .15s}.schedule-action-btn:disabled{opacity:.5;cursor:not-allowed}.schedule-action-btn.active.on{border-color:var(--green);color:#1d9d48;background:#e8f8ed;font-weight:750}.schedule-action-btn.active.off{border-color:var(--red);color:var(--red);background:#ffebeb;font-weight:750}.placeholder-page{flex-direction:column;height:100%;display:flex}.placeholder-header{align-items:center;gap:12px;padding:10px 0 16px;display:flex}.placeholder-title{letter-spacing:-.4px;font-size:23px;font-weight:820}.placeholder-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.placeholder-icon{opacity:.45;font-size:64px}.placeholder-text{color:var(--sub);font-size:21px;font-weight:600}.placeholder-sub{color:#9a9da2;font-size:17px;font-weight:500}@media (width<=390px){.phone{aspect-ratio:auto;width:100vw;height:100vh}.hero-title{font-size:30px}.elder-illust{width:174px;right:-18px}.temp-value{font-size:64px}.tile-title{font-size:19px}}.app-layout{justify-content:center;align-items:flex-start;gap:20px;max-width:1420px;min-height:100vh;margin:0 auto;padding:24px;display:flex}@media (width<=900px){.app-layout{flex-direction:column;align-items:center;gap:16px;padding:12px}}.feature-list-panel{background:#ffffffeb;border:1px solid #0000000f;border-radius:20px;flex:0 0 300px;max-height:calc(100vh - 48px);padding:18px;position:sticky;top:24px;overflow-y:auto;box-shadow:0 4px 24px #0000000d}.feature-list-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:14px;display:flex}.feature-list-title{letter-spacing:-.2px;margin:0;font-size:18px;font-weight:820;line-height:1.2}.feature-list-count{color:#777;background:#f0eeeb;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:24px;font-size:13px;font-weight:800;display:inline-flex}.feature-list-items{flex-direction:column;gap:10px;display:flex}.feature-list-item{width:100%;min-height:88px;color:var(--text);text-align:left;cursor:pointer;background:#faf9f7;border:1.5px solid #0000;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 13px;font-family:inherit;transition:background .16s,border-color .16s,box-shadow .16s,transform .1s;display:flex}.feature-list-item:hover{background:#f4f1ed}.feature-list-item:active{transform:scale(.985)}.feature-list-item.active{background:#e8f4ff;border-color:#168df261;box-shadow:0 8px 18px #168df214}.feature-list-id{color:#7b8087;background:#f0eeeb;border-radius:10px;flex:0 0 34px;justify-content:center;align-items:center;height:34px;font-size:13px;font-weight:820;display:inline-flex}.feature-list-item.active .feature-list-id{background:var(--blue);color:#fff}.feature-list-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.feature-list-copy strong{font-size:16px;font-weight:820;line-height:1.2}.feature-list-copy>span:not(.feature-list-scenarios){color:var(--sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.feature-list-scenarios{flex-wrap:wrap;gap:6px;padding-top:4px;display:flex}.feature-mini-btn{color:#666;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #0000001a;border-radius:7px;height:26px;padding:0 8px;font-family:inherit;font-size:12px;font-weight:760}.feature-mini-btn.active{color:#0b76d8;background:#fff;border-color:#168df273}@media (width<=1100px) and (width>=901px){.app-layout{gap:14px;padding:18px}.feature-list-panel{flex-basis:260px;padding:16px}.prd-panel{min-width:320px}}@media (width<=900px){.feature-list-panel{width:min(100%,430px);max-height:none;position:static}}@keyframes pulseHighlight{0%{box-shadow:0 0 #168df280}70%{box-shadow:0 0 0 12px #168df200}to{box-shadow:0 0 #168df200}}.highlight-pulse{animation:1.5s ease-out pulseHighlight;position:relative}.prd-feature{cursor:pointer;transition:background .15s}.prd-feature:hover{background:#f0eeeb}.prd-feature:active{background:#e8e5e0}.prd-feature.editing{cursor:default;background:#faf9f7}.prd-edit-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:2px 6px;font-family:inherit;font-size:14px;transition:all .15s}.prd-inline-scenarios+.prd-edit-btn{margin-left:0}.prd-edit-btn:hover{color:#168df2;background:#e8f4ff}.prd-edit-form{flex-direction:column;gap:6px;margin-top:4px;display:flex}.prd-edit-label{color:#999;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.prd-edit-input{color:#333;resize:vertical;background:#fff;border:1.5px solid #ddd;border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.5}.prd-edit-input:focus{border-color:#168df2;outline:none;box-shadow:0 0 0 3px #168df21a}.prd-edit-actions{gap:8px;margin-top:4px;display:flex}.prd-save-btn{color:#fff;cursor:pointer;background:#168df2;border:none;border-radius:6px;padding:5px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s}.prd-save-btn:hover{background:#0b76d8}.prd-cancel-btn{color:#666;cursor:pointer;background:#fff;border:1.5px solid #ddd;border-radius:6px;padding:5px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.prd-cancel-btn:hover{background:#f5f5f5;border-color:#ccc}.prd-panel{background:#fffffff0;border:1px solid #0000000f;border-radius:20px;flex:1;min-width:340px;max-width:440px;max-height:calc(100vh - 48px);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;position:sticky;top:24px;overflow-y:auto;box-shadow:0 4px 24px #0000000f}@media (width<=900px){.prd-panel{width:min(100%,430px);min-width:0;max-height:none;position:static}}.prd-panel::-webkit-scrollbar{width:4px}.prd-panel::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}.prd-inner{padding:24px 24px 32px}.prd-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.prd-title{letter-spacing:-.3px;color:#111;margin:0;font-size:20px;font-weight:800}.prd-version{color:#666;background:#f0f0f0;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:700}.prd-body{flex-direction:column;gap:24px;display:flex}.prd-section{flex-direction:column;gap:10px;display:flex}.prd-section-title{text-transform:uppercase;letter-spacing:.5px;color:#888;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:800;display:flex}.prd-section-count{color:#888;background:#f0f0f0;border-radius:4px;margin-left:auto;padding:1px 8px;font-size:12px;font-weight:700}.prd-card{background:#faf9f7;border:1px solid #0000000f;border-radius:12px;padding:16px 18px}.prd-card-title{color:#222;margin:0 0 6px;font-size:17px;font-weight:800}.prd-card-desc{color:#666;margin:0;font-size:14px;line-height:1.6}.prd-card-desc strong{color:#333}.prd-feature-detail{background:#faf9f7;border:1px solid #0000000f;border-radius:12px;padding:16px}.prd-feature-detail-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.prd-feature-info-block.detail{margin-left:0}.prd-features{background:#e8e5e0;border:1px solid #e8e5e0;border-radius:12px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.prd-feature{background:#faf9f7;padding:14px 16px}.prd-feature-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.prd-feature-id{color:#fff;background:#444;border-radius:4px;flex-shrink:0;padding:1px 7px;font-size:11px;font-weight:800}.prd-feature-name{color:#222;font-size:15px;font-weight:750}.prd-inline-scenarios{align-items:center;gap:4px;margin-left:auto;display:flex}.prd-mini-btn{color:#666;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #0000001a;border-radius:6px;height:24px;padding:0 7px;font-family:inherit;font-size:11px;font-weight:700}.prd-mini-btn.active{color:#0b76d8;background:#e8f4ff;border-color:#168df273}.prd-feature-info-block{flex-direction:column;gap:6px;margin-left:44px;display:flex}.prd-feature-info{background:#fff;border:1px solid #0000000d;border-radius:8px;padding:9px 10px;display:block}.prd-info-label{color:#168df2;background:#e8f4ff;border-radius:3px;align-self:flex-start;padding:1px 6px;font-size:11px;font-weight:700;line-height:1.5}.prd-feature-info p{color:#555;white-space:pre-line;margin:0;font-size:13px;line-height:1.55}.prd-rules{background:#e8e5e0;border:1px solid #e8e5e0;border-radius:12px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.prd-rule-item{background:#faf9f7;gap:12px;padding:14px 16px;display:flex}.prd-rule-num{color:#168df2;background:#e8f4ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:12px;font-weight:800;display:flex}.prd-rule-item strong{color:#333;font-size:14px;font-weight:700}.prd-rule-item p{color:#666;margin:3px 0 0;font-size:13px;line-height:1.5}.prd-milestones{background:#e8e5e0;border:1px solid #e8e5e0;border-radius:12px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.prd-milestone{background:#faf9f7;gap:12px;padding:14px 16px;display:flex}.prd-milestone.done{background:#f6faf5}.prd-milestone-dot{background:#d9dce0;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.prd-milestone.done .prd-milestone-dot{background:#28b957}.prd-milestone strong{color:#333;font-size:14px;font-weight:700}.prd-milestone p{color:#666;margin:3px 0 0;font-size:13px;line-height:1.5}