.desktop-chrome,.desktop-auth-intro{display:none}
@media(min-width:900px){
 body.hejuo-ui{--desktop-side:232px;--desktop-top:80px;padding-left:var(--desktop-side);padding-top:var(--desktop-top);background:var(--soft,#f5f8fa)}
 body.hejuo-ui .app-shell{min-height:calc(100dvh - 80px);background:transparent}
 .desktop-chrome{display:contents}.desktop-sidebar{position:fixed;inset:0 auto 0 0;width:var(--desktop-side);z-index:90;display:flex;flex-direction:column;padding:30px 18px 20px;background:#fff;border-right:1px solid var(--line,#e1e9ed);box-sizing:border-box}
 .desktop-brand{display:block;padding:0 14px}.desktop-brand img{width:140px;height:40px;object-fit:contain;object-position:left}.desktop-sidebar-caption{font-size:11px;color:var(--muted);line-height:1.8;padding:14px 14px 24px}.desktop-navigation{display:flex;flex-direction:column;gap:7px;overflow-y:auto;overscroll-behavior:contain}.desktop-nav-heading{font-size:10px;font-weight:600;letter-spacing:1px;color:var(--muted);margin:20px 14px 8px}
 .desktop-navigation>button{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 14px;background:transparent;border:1px solid transparent;border-radius:11px;color:var(--text);text-align:left;font-size:14px;line-height:1.4}.desktop-navigation>button svg{flex:0 0 21px;width:21px;height:21px}.desktop-navigation>button:hover{background:var(--soft)}.desktop-navigation>button.active{background:var(--ui-mint);color:var(--brand-dark);font-weight:650;border-color:var(--line)}.desktop-navigation>button:disabled{opacity:.45;cursor:default}.desktop-navigation>button[hidden]{display:none!important}
 .desktop-sidebar-footer{margin-top:auto;padding:30px 14px 0;color:var(--muted)}.desktop-sidebar-footer>span{font-size:8px;letter-spacing:1.2px}.desktop-sidebar-footer p{font-size:11px;margin:8px 0 0}
 .desktop-topbar{position:fixed;inset:0 0 auto var(--desktop-side);height:var(--desktop-top);z-index:85;display:flex;justify-content:space-between;align-items:center;padding:0 36px;background:#ffffffed;border-bottom:1px solid var(--line);box-sizing:border-box}.desktop-topbar small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.desktop-topbar h1{font-size:18px;line-height:1.4;margin:0!important;letter-spacing:0!important}.desktop-top-actions{display:flex;gap:10px}.desktop-action{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:11px;color:var(--text);background:#fff}.desktop-action svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}
 body.hejuo-ui #homePage{width:100%!important;max-width:1280px!important;margin:0 auto;padding:28px 36px 40px;min-height:calc(100dvh - 80px)}
 body.hejuo-ui #homePage>.home-shot-top,body.hejuo-ui #homePage .tabbar{display:none!important}
 body.hejuo-ui .home-welcome{padding:30px 34px;min-height:188px;border-radius:20px}.home-welcome h1{font-size:30px!important}.home-welcome p{font-size:14px!important}
 body.hejuo-ui #homePage .home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}body.hejuo-ui #homePage .project-tron{grid-column:auto}body.hejuo-ui #homePage .project-card{min-height:205px;padding:22px;border-radius:17px}body.hejuo-ui #homePage .project-title{font-size:19px}.project-section-head h2{font-size:22px}
 body.hejuo-ui #homePage .project-page-head{top:80px!important;margin-top:0;padding-top:14px;padding-bottom:14px;background:var(--soft)!important;z-index:60}body.hejuo-ui #homePage .project-page-head>button{display:none}body.hejuo-ui #homePage .project-page-head h1{font-size:24px}body.hejuo-ui [data-persistent-head]{top:80px!important}
 body.hejuo-ui .project-section-tabs{max-width:440px;margin-bottom:24px}body.hejuo-ui #homePage :is(.country-menu-grid,.hero-country-grid,.maie-products:has(>.global-country-card),.trumpet-grid:not(.trumpet-package-grid)){grid-template-columns:repeat(3,minmax(0,1fr))}body.hejuo-ui #homePage :is(.maie-products:not(:has(>.global-country-card)),.trumpet-package-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 body.hejuo-ui #homePage:has([data-tab-page="mine"].active){height:calc(100dvh - 80px);min-height:0;padding:28px 36px 30px}body.hejuo-ui #homePage>[data-tab-page="mine"].active{height:100%;min-height:0}body.hejuo-ui [data-tab-page="mine"] .mine-page{grid-template-columns:minmax(250px,.8fr) minmax(0,1.8fr);grid-template-rows:auto minmax(0,1fr);gap:20px 28px}body.hejuo-ui .mine-page>.member-identity{grid-column:1;grid-row:1}body.hejuo-ui .mine-page>.balance-card{grid-column:1;grid-row:2;align-self:start;min-height:180px!important;align-items:flex-start;flex-direction:column}body.hejuo-ui .mine-page>.mine-menu{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px 12px;padding-top:0!important}body.hejuo-ui .mine-menu>h3{grid-column:1/-1}body.hejuo-ui .mine-menu>button{margin-bottom:0;font-size:13px}body.hejuo-ui .member-identity h2{font-size:25px}
 body.hejuo-ui .page:not(#homePage):not(#authPage){width:100%;max-width:1040px;margin:0 auto;padding:24px 36px 100px}body.hejuo-ui #agentPage .agent-summary{grid-template-columns:repeat(4,minmax(0,1fr))}body.hejuo-ui #agentPage .agent-menu{grid-template-columns:repeat(6,minmax(0,1fr))!important}
 body.hejuo-ui :is(#checkoutPage,#rechargePage,#transferPage,#paymentSuccessPage)>.confirm-pay{left:calc(var(--desktop-side) + 36px)!important;right:36px!important;bottom:20px!important;max-width:968px!important;margin-inline:auto}
 body.hejuo-ui #checkoutPage>.checkout-actions{left:var(--desktop-side);right:0;max-width:1040px;margin-inline:auto;padding:12px 36px calc(48px + env(safe-area-inset-bottom,0px))}
 body.hejuo-ui #checkoutPage{padding-bottom:calc(148px + env(safe-area-inset-bottom,0px))!important}
 body.hejuo-ui:has(#authPage:not(.hidden)){padding:0;background:var(--soft)}body:has(#authPage:not(.hidden)) .desktop-chrome{display:none}body:has(#authPage:not(.hidden)) .desktop-auth-intro{display:flex;position:absolute;top:15vh;left:max(40px,calc((100vw - 1100px)/2));width:calc(50% - 80px);max-width:470px;flex-direction:column;color:var(--ui-navy)}.desktop-auth-intro>img{width:168px;height:48px;object-fit:contain;object-position:left;margin-bottom:65px}.desktop-auth-intro>span{font-size:10px;letter-spacing:2px;color:var(--brand-dark)}.desktop-auth-intro h2{font-size:40px;line-height:1.4;margin:20px 0}.desktop-auth-intro p{font-size:15px;line-height:1.9;color:var(--muted)}.desktop-auth-intro>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.desktop-auth-intro b{padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:12px;font-weight:500}
 body.hejuo-ui #authPage{width:430px;max-width:430px;min-height:0;margin:8vh max(36px,calc((100vw - 1100px)/2)) 8vh auto!important;padding:22px 32px 32px!important;border:1px solid var(--line);border-radius:24px;background:#fff!important;box-shadow:0 20px 70px #1537470a}
}
@media(min-width:900px) and (max-width:1199px){body.hejuo-ui #homePage .home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.hejuo-ui [data-tab-page="mine"] .mine-page{grid-template-columns:230px minmax(0,1fr)}body.hejuo-ui .mine-page>.mine-menu{grid-template-columns:minmax(0,1fr)}}

@media(min-width:900px){body.hejuo-ui #homePage .project-tron .project-title{color:#fff!important}body.hejuo-ui #homePage .project-tron .project-description{color:#d8e7f2!important}}

/* Desktop document scrolling: do not add the body padding to sticky offsets again. */
@media(min-width:900px){
 html:has(.desktop-chrome){overflow-x:clip;overflow-y:auto}
 html body.hejuo-ui{overflow:visible!important}
 body.hejuo-ui #homePage>[data-tab-page]>.project-page-head{display:none!important}
 body.hejuo-ui #homePage:has(>[data-tab-page].active){padding-top:20px}
}