:root{color:#17211b;font-synthesis:none;background:#eef2ef;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}body{min-width:320px}.site-stage{background:#e9eeeb;justify-content:center;min-height:100vh;display:flex}.mobile-app{background:#f6f8f7;width:min(100%,520px);min-height:100vh;position:relative;box-shadow:0 0 0 1px #122c1d0f,0 14px 50px #14261b17}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #e1e7e3;align-items:center;gap:11px;height:68px;padding:10px 16px;display:flex;position:sticky;top:0}.brand-mark{color:#fff;background:#368c53;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.brand-mark img,.auth-brand>span img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.topbar-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.topbar-title strong{font-size:17px}.topbar-title span{color:#718078;align-items:center;gap:5px;font-size:11px;display:flex}.topbar-title i{background:#c45555;border-radius:50%;width:7px;height:7px}.topbar-title i.online{background:#43a55f;box-shadow:0 0 0 3px #e6f5eb}.icon-btn{cursor:pointer;background:#fff;border:1px solid #dce4df;border-radius:7px;place-items:center;width:36px;height:36px;display:grid}.h5-announcement{color:#704f11;background:#fff6dc;border-bottom:1px solid #ecdda9;align-items:flex-start;gap:8px;min-height:38px;padding:8px 14px;font-size:11px;line-height:1.55;display:flex}.h5-announcement svg{flex:none;margin-top:2px}.h5-announcement span{white-space:pre-line}.app-scroll{min-height:calc(100vh - 138px);padding:14px 14px calc(86px + env(safe-area-inset-bottom))}.page-stack{flex-direction:column;gap:12px;display:flex}.connection-hero{color:#fff;background:#5b6760;border-radius:8px;align-items:center;gap:12px;min-height:92px;padding:16px;display:flex}.connection-hero.is-online{background:#193f29}.connection-icon{background:#ffffff21;border:1px solid #ffffff26;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.connection-hero>div:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.connection-hero span{color:#ffffffb8;font-size:11px}.connection-hero strong{font-size:17px}.connection-hero small{color:#ffffffb8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.connection-hero .connection-pill{color:#fff;border:1px solid #ffffff40;border-radius:999px;padding:4px 8px}.metric-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.metric-grid>*{text-align:left;background:#fff;border:1px solid #e0e7e3;border-radius:7px;flex-direction:column;gap:3px;min-width:0;padding:13px;display:flex}.metric-grid button{cursor:pointer}.metric-grid span{color:#6f7c74;font-size:11px}.metric-grid strong{font-size:23px;line-height:1.1}.metric-grid strong.metric-word{font-size:17px}.metric-grid small{color:#8a958e;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.section-title{justify-content:space-between;align-items:center;min-height:28px;margin-top:4px;display:flex}.section-title h2{margin:0;font-size:15px}.section-title button{color:#4f7d5d;cursor:pointer;background:0 0;border:0;align-items:center;font-size:12px;display:flex}.list-panel{background:#fff;border:1px solid #e0e7e3;border-radius:7px;overflow:hidden}.task-line{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf1ee;align-items:center;gap:10px;width:100%;padding:12px;display:flex}.task-line:last-child{border-bottom:0}.task-line>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.task-line strong,.task-line small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-line small{color:#7a877f}.task-state{color:#65726a;align-items:center;gap:5px;font-size:11px;display:inline-flex}.task-state i{background:#a9b1ac;border-radius:50%;width:7px;height:7px}.task-state.running{color:#2f8b4d}.task-state.running i{background:#3ba45a}.task-state.paused{color:#a26f18}.task-state.paused i{background:#d39b35}.line-value{color:#748078;align-items:center;font-size:11px;display:flex}.discovery-strip{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.discovery-strip a{min-width:0;color:inherit;background:#fff;border:1px solid #e0e7e3;border-radius:7px;flex-direction:column;gap:5px;padding:7px;text-decoration:none;display:flex}.discovery-strip img,.discovery-strip .image-placeholder{aspect-ratio:4/3;object-fit:cover;background:#eef2ef;border-radius:5px;width:100%}.discovery-strip strong{height:35px;font-size:12px;line-height:1.45;overflow:hidden}.discovery-strip span{color:#d8582d;font-weight:700}.segmented{background:#e7ece9;border-radius:7px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.segmented button{color:#66736b;cursor:pointer;background:0 0;border:0;border-radius:5px;height:34px}.segmented button.active{color:#1e6538;background:#fff;font-weight:700;box-shadow:0 1px 3px #172a1e14}.h5-bulk-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.h5-bulk-actions button{justify-content:center;min-height:40px}.task-card{background:#fff;border:1px solid #dfe6e1;border-radius:8px;overflow:hidden}.task-card>header{border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:center;min-height:61px;padding:11px 12px;display:flex}.task-card>header>div{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-width:0;display:grid}.task-card>header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-card>header small{color:#8b958f}.task-conditions{scrollbar-width:none;gap:6px;padding:9px 12px;display:flex;overflow-x:auto}.task-conditions span{white-space:nowrap;color:#5d6c63;background:#f1f5f2;border-radius:4px;padding:4px 7px;font-size:10px}.snapshot-row{grid-template-columns:68px 1fr;gap:10px;padding:4px 12px 12px;display:grid}.snapshot-image{aspect-ratio:1;color:#87928b;background:#edf1ee;border-radius:6px;place-items:center;width:68px;display:grid;overflow:hidden}.snapshot-image img{object-fit:cover;width:100%;height:100%}.snapshot-row>div:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.snapshot-row span,.snapshot-row small{color:#7b877f;font-size:10px}.snapshot-row strong{max-height:35px;font-size:12px;line-height:1.4;overflow:hidden}.task-error{color:#a33f3f;background:#fff1f0;border-radius:5px;margin:0 12px 10px;padding:7px 9px;font-size:11px}.task-card>footer{border-top:1px solid #edf1ee;justify-content:space-between;align-items:center;gap:8px;min-height:54px;padding:8px 12px;display:flex}.task-card>footer>span{color:#728078;align-items:center;gap:5px;font-size:10px;display:flex}.task-card>footer>div{gap:7px;display:flex}.task-rule-line{border-top:1px solid #edf1ee;flex-wrap:wrap;gap:5px;padding:8px 12px;display:flex}.task-rule-line span{color:#66756c;background:#f1f5f2;border-radius:4px;padding:4px 6px;font-size:9px}.task-card>footer.task-action-grid{grid-template-columns:repeat(3,1fr);gap:7px;padding:9px 12px 11px;display:grid}.task-action-grid button{min-width:0;padding:0 5px;font-size:10px}.task-action-grid .danger-action{color:#b34545;border-color:#e7c8c8}.icon-btn.disabled{pointer-events:none;opacity:.4}.primary-btn,.secondary-btn{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 11px;display:inline-flex}.primary-btn{color:#fff;background:#3f9558;border:1px solid #3f9558}.secondary-btn{color:#405047;background:#fff;border:1px solid #d7dfda}.primary-btn:disabled{opacity:.48;cursor:not-allowed}.fab{z-index:12;right:max(18px,50vw - 242px);bottom:calc(78px + env(safe-area-inset-bottom));color:#fff;cursor:pointer;background:#328a4f;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:fixed;box-shadow:0 8px 24px #226a394d}.page-intro{background:#eaf4ed;border:1px solid #d6e8db;border-radius:7px;align-items:baseline;gap:8px;min-height:62px;padding:13px;display:flex}.page-intro strong{color:#277743;font-size:26px}.page-intro span{color:#607067;font-size:12px}.discovery-card{color:inherit;background:#fff;border:1px solid #e0e6e2;border-radius:7px;grid-template-columns:112px 1fr;gap:11px;padding:9px;text-decoration:none;display:grid}.discovery-card>img,.discovery-card>.image-placeholder{object-fit:cover;background:#eef2ef;border-radius:5px;place-items:center;width:112px;height:112px;display:grid}.discovery-card>div{flex-direction:column;gap:4px;min-width:0;display:flex}.discovery-card>div>span{color:#398654;font-size:10px}.discovery-card strong{max-height:38px;font-size:13px;line-height:1.45;overflow:hidden}.discovery-card p{color:#6e7a73;max-height:30px;margin:0;font-size:10px;line-height:1.45;overflow:hidden}.discovery-card footer{justify-content:space-between;align-items:flex-end;gap:5px;margin-top:auto;display:flex}.discovery-card b{color:#d8582d}.discovery-card small{color:#7c8981;text-align:right;font-size:9px}.ai-page{grid-template-rows:1fr auto;min-height:calc(100vh - 166px);display:grid}.ai-stream{flex-direction:column;gap:10px;padding:2px 0 12px;display:flex;overflow-y:auto}.message{align-items:flex-start;gap:7px;max-width:90%;display:flex}.message.user{align-self:flex-end}.message>span{color:#fff;background:#46965d;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.message p{white-space:pre-wrap;background:#fff;border:1px solid #e0e6e2;border-radius:7px;margin:0;padding:10px 11px;font-size:12px;line-height:1.65}.message.user p{background:#e5f3e9;border-color:#d4e8da}.message p svg{vertical-align:middle;margin-right:6px}.ai-composer{bottom:calc(64px + env(safe-area-inset-bottom));z-index:10;background:#f6f8f7;grid-template-columns:1fr 42px;gap:7px;padding-top:9px;display:grid;position:sticky}.ai-composer textarea{resize:none;border:1px solid #d8e0db;border-radius:7px;outline:none;height:66px;padding:10px}.ai-composer textarea:focus{border-color:#559d6a;box-shadow:0 0 0 3px #47975e1a}.ai-composer button{color:#fff;background:#3c9155;border:0;border-radius:7px;place-items:center;width:42px;display:grid}.ai-composer button:disabled{opacity:.45}.draft-card{background:#fff;border:1px solid #cfe2d5;border-radius:7px;margin-left:35px;padding:12px}.draft-card header{color:#388052;align-items:center;gap:7px;display:flex}.draft-card h3{margin:10px 0;font-size:15px}.draft-card>div{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px;display:grid}.draft-card>div span{color:#7c8880;flex-direction:column;gap:3px;font-size:10px;display:flex}.draft-card b{color:#26352c;font-size:11px}.profile-panel{background:#fff;border:1px solid #dfe6e1;border-radius:8px;place-items:center;padding:22px;display:grid}.profile-panel>div{color:#33864e;background:#e4f2e8;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.profile-panel strong{margin-top:9px}.profile-panel span{color:#78847d;margin-top:4px;font-size:11px}.info-list,.log-list{background:#fff;border:1px solid #dfe6e1;border-radius:7px;overflow:hidden}.info-list>div{border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:center;min-height:48px;padding:0 12px;display:flex}.info-list>div:last-child{border:0}.info-list span{color:#66736b;align-items:center;gap:8px;display:flex}.info-list b{text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:55%;font-size:11px;overflow:hidden}.success{color:#31844d}.danger{color:#bd4b4b}.log-list>div{border-bottom:1px solid #edf1ee;grid-template-columns:8px 1fr auto;align-items:start;gap:8px;padding:10px 11px;display:grid}.log-list>div:last-child{border:0}.log-dot{background:#58a56d;border-radius:50%;width:7px;height:7px;margin-top:5px}.log-dot.error{background:#cf5757}.log-dot.warn{background:#d39a37}.log-list p{flex-direction:column;gap:3px;min-width:0;margin:0;display:flex}.log-list strong{font-size:11px}.log-list small{color:#78847d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.log-list time{color:#8b958f;font-size:9px}.logout-btn{color:#b54848;cursor:pointer;background:#fff;border:1px solid #ead5d5;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:42px;display:flex}.bottom-nav{z-index:30;width:min(100%,520px);height:calc(64px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border-top:1px solid #dfe5e1;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#76827b;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.bottom-nav button>span{place-items:center;width:30px;height:26px;display:grid;position:relative}.bottom-nav button b{color:#fff;background:#d45a4c;border-radius:8px;place-items:center;min-width:15px;height:15px;padding:0 3px;font-size:8px;display:grid;position:absolute;top:-3px;right:-6px}.bottom-nav button small{font-size:9px}.bottom-nav button.active{color:#277b46;font-weight:700}.toast{z-index:80;left:50%;bottom:calc(78px + env(safe-area-inset-bottom));color:#fff;text-align:center;background:#19221df0;border-radius:6px;width:max-content;max-width:min(86vw,430px);padding:9px 13px;font-size:11px;position:fixed;transform:translate(-50%);box-shadow:0 8px 25px #0000002e}.empty-state{color:#89948d;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:7px;min-height:110px;display:flex}.loading{color:#68766d;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:55vh;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-shade{z-index:60;background:#111c156b;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.task-modal{width:min(100%,520px);max-height:88vh;padding:15px 15px calc(18px + env(safe-area-inset-bottom));background:#fff;border-radius:10px 10px 0 0;overflow-y:auto}.task-modal>header{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.task-modal>header>div{align-items:center;gap:8px;display:flex}.task-modal form{grid-template-columns:1fr 1fr;gap:10px;display:grid}.task-modal label,.auth-card label{color:#5f6d64;flex-direction:column;gap:5px;font-size:11px;display:flex}.task-modal label small{color:#87948c;font-size:9px}.task-modal label.wide,.task-modal .wide{grid-column:1/-1}.region-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.region-picker select{min-width:0}.task-modal input,.task-modal select,.auth-card input{color:#1f2d25;background:#fff;border:1px solid #d6dfd9;border-radius:6px;outline:none;width:100%;height:39px;padding:0 9px}.task-modal input:focus,.task-modal select:focus,.auth-card input:focus{border-color:#559d6a;box-shadow:0 0 0 3px #46935c1a}.modal-save{height:42px;margin-top:4px}.auth-stage{background:#edf1ef;place-items:center;min-height:100vh;padding:18px;display:grid}.auth-card{background:#fff;border:1px solid #dbe3de;border-radius:8px;width:min(100%,420px);padding:26px;box-shadow:0 18px 55px #192e2117}.auth-brand{align-items:center;gap:10px;display:flex}.auth-brand>span{color:#fff;background:#378e53;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.auth-brand>div{flex-direction:column;display:flex}.auth-brand strong{font-size:17px}.auth-brand small{color:#718078}.auth-copy{margin:30px 0 21px}.auth-copy h1{margin:0 0 5px;font-size:24px}.auth-copy p{color:#718078;margin:0;font-size:12px;line-height:1.6}.auth-card form{flex-direction:column;gap:14px;display:flex}.password-field{position:relative}.password-field input{padding-right:42px}.password-field button{color:#68766d;background:0 0;border:0;place-items:center;width:34px;height:33px;display:grid;position:absolute;top:3px;right:3px}.auth-submit{color:#fff;cursor:pointer;background:#3c9256;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;height:42px;margin-top:2px;display:flex}.auth-switch{color:#327c49;cursor:pointer;background:0 0;border:0;margin:17px auto 0;display:block}.h5-denied{text-align:center}.h5-denied .auth-brand{text-align:left}.denied-icon{color:#a35e25;background:#fff2e6;border-radius:50%;place-items:center;width:62px;height:62px;margin:34px auto 14px;display:grid}.h5-denied h1{margin:0 0 9px;font-size:22px}.h5-denied>p{color:#718078;margin:0;font-size:12px;line-height:1.75}.denied-plan{background:#f3f6f4;border:1px solid #e0e7e2;border-radius:7px;justify-content:space-between;align-items:center;margin:22px 0;padding:12px;display:flex}.denied-plan span{color:#758178;font-size:11px}.denied-plan strong{color:#2f7f49}@media (width>=700px){.site-stage{padding:22px 0}.mobile-app{border-radius:10px;min-height:calc(100vh - 44px);overflow:hidden}.bottom-nav{border-radius:0 0 10px 10px;bottom:22px}.fab{bottom:100px}.modal-shade{align-items:center}.task-modal{border-radius:9px;max-height:min(84vh,760px)}}@media (width<=360px){.app-scroll{padding-left:10px;padding-right:10px}.discovery-card{grid-template-columns:92px 1fr}.discovery-card>img,.discovery-card>.image-placeholder{width:92px;height:100px}.task-card>footer{flex-direction:column;align-items:flex-start}.task-card>footer>div{width:100%}.task-card>footer button{flex:1}}