.desktop-nav{display:none}
.qr-entry{border:1px solid #cfe7dc;background:#fff;color:#087e4c;border-radius:10px;padding:11px 16px;font:inherit;font-weight:600;cursor:pointer;margin-top:10px;width:100%}
.qr-overlay{position:fixed;inset:0;background:#102b2466;z-index:12000;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}
.qr-overlay[hidden]{display:none}
.qr-dialog{width:100%;max-width:440px;max-height:90dvh;overflow:auto;background:white;color:#21372e;border-radius:22px;padding:28px;text-align:center;box-shadow:0 20px 70px #0003}
.qr-dialog h2{font-size:23px;margin:8px 0 12px}.qr-dialog p{font-size:14px;line-height:1.6;margin:10px 0;color:#60746b;overflow-wrap:anywhere}
.qr-dialog .qr-code{background:white;max-width:260px;margin:16px auto}.qr-code svg{display:block;width:100%;height:auto}
.qr-dialog .qr-number{font-size:26px;letter-spacing:6px;font-weight:700;color:#087e4c;margin:14px 0}
.qr-dialog .qr-actions{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}
.qr-dialog button{border:1px solid #d7e7df;background:#f2f8f5;color:#126444;padding:12px 18px;border-radius:10px;font:inherit;cursor:pointer}
.qr-dialog button.primary{background:#0eb373;color:#fff;border-color:#0eb373}.qr-dialog button:disabled{opacity:.5;cursor:default}
.qr-dialog .qr-status{min-height:24px;color:#087e4c}.qr-dialog a{color:#087e4c}.qr-close{float:right;padding:4px 10px!important}.qr-error{color:#b63131!important}
@media(min-width:1000px){
 body{padding:0;display:block;background:#f5f8f7;min-height:100dvh}
 .phone{width:100%;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none;padding-inline-start:224px;background:#f5f8f7}
 .desktop-nav{position:absolute;inset-block:0;inset-inline-start:0;width:224px;background:#fff;border-inline-end:1px solid #e4ece7;display:flex;flex-direction:column;padding:32px 18px;gap:9px;z-index:40}
 .desktop-brand{display:flex;align-items:center;gap:10px;padding:0 12px 32px;font-size:20px;font-weight:750;color:#17392c}
 .desktop-brand img{width:160px;height:42px;object-fit:contain}
 .desktop-nav button{width:100%;text-align:start;border:0;background:transparent;color:#64756c;border-radius:12px;cursor:pointer;padding:15px 18px;font:inherit;font-weight:600;display:flex;align-items:center;gap:13px}
 .desktop-nav button .nav-icon{width:23px;text-align:center;font-size:20px}
 .desktop-nav button:hover{background:#f3f9f6}.desktop-nav button[aria-current=page]{background:#e4f6ed;color:#07965c}
 .desktop-nav .desktop-footer{margin-top:auto;padding:20px 12px 0;color:#82938b;font-size:12px;line-height:1.7}
 .phone:has(#loginPage:not([style*="display: none"])) .desktop-nav{display:none}
 .phone:has(#loginPage:not([style*="display: none"])){padding-inline-start:0}
 .login-page{padding:34px!important;overflow-y:auto!important;background:radial-gradient(ellipse at top,#e4f8ef 0,white 62%);justify-content:flex-start!important}
 .login-page .logo{margin-top:10px!important;width:90px!important;height:90px!important}
 .login-page .lt{margin-top:16px!important}.login-page .lp{max-width:440px;margin-bottom:20px!important}
 .login-page>.login-btn{width:340px;max-width:100%;min-height:48px}.login-page .login-tip{position:static!important;margin-top:22px;padding-bottom:18px}
 .phone:not(.telegram-host) #loginBtn{display:none}
 .screens{min-height:0}.page{background:#f5f8f7;transform:translateX(12px)}
 .topbar{height:76px;background:#fff;border-bottom:1px solid #e4ece7;padding:0 32px}.topbar .title{font-size:21px}.topbar .right{font-size:15px}
 .page>.search{padding:24px 32px 8px}.page>.list{padding:12px 32px 32px}
 .page>.flow-body,.page>.my-body,.page>.mine-body,.page>.api-body,.page>.ticket-body,.page>.settings-detail-body{padding:28px 32px;scrollbar-width:thin}
 .page>.flow-body>*,.page>.settings-detail-body>*{max-width:980px;margin-inline:auto}
 #nodeList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;align-content:start}
 #nodeList>.section-title,#nodeList>.empty{grid-column:1/-1}
 #apiList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
 #apiList>*{min-width:0;margin:0}.api-banner{padding:28px}.api-banner-t{font-size:25px}
 #myBody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-content:start}
 #myBody>:not(.contract){grid-column:1/-1}#myBody>*{min-width:0;margin:0}
 .online-guide-note{margin:18px 32px 0!important}.online-guide-note button{display:inline-block!important;width:auto!important;margin-inline-end:14px}
 .mine-body{max-width:1100px;width:100%;margin:auto}.mine-body .balance-card{padding:28px}
 .chat-body{padding:30px max(32px,calc((100% - 900px)/2))}.chat-empty{max-width:780px;margin:auto}
 .chat-composer{padding:18px max(32px,calc((100% - 900px)/2));background:#fff}.chat-input{min-height:48px}
 .page[data-page=home]>.tabbar{display:none}.chat-suggestions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.chat-suggestion{height:100%;margin:0!important;line-height:1.7}
 #runningStatusBar{flex-shrink:0}.conversation-panel{width:400px;inset-inline-start:auto}
 .modal-mask .modal,.mask .modal{max-width:600px;margin:auto}
}
@media(min-width:1500px){#nodeList{grid-template-columns:repeat(3,minmax(0,1fr))}.page>.flow-body,.page>.mine-body,.page>.api-body,.page>.my-body{padding-inline:48px}}