/* hejuo member experience — account, authentication and menu destinations. */
body.hejuo-ui{--member-ink:#143444;--member-muted:#566d79;--member-line:#dce7e9;--member-mint:#5cddbd}
body.hejuo-ui .member-eyebrow{display:block;font-size:10px;font-weight:700;line-height:1.5;letter-spacing:1.8px;color:#337566}
/* Account overview: identity and wallet stay still, only the menu scrolls. */
body.hejuo-ui [data-tab-page="mine"] .mine-page{grid-template-rows:auto auto minmax(0,1fr);gap:12px}
body.hejuo-ui .member-identity{position:relative;padding:6px 0 0;min-width:0}
body.hejuo-ui .member-identity h2{margin:7px 0 3px;font-size:21px;line-height:1.35;letter-spacing:-.5px;color:var(--member-ink);overflow-wrap:anywhere}
body.hejuo-ui .member-identity .mine-user-id{display:flex;align-items:center;gap:8px;margin:0;color:var(--member-muted);font-size:11px}
body.hejuo-ui .member-identity .mine-user-id strong{font-weight:500;color:var(--member-ink);overflow-wrap:anywhere}
body.hejuo-ui .member-identity .copy-icon-btn{background:transparent!important;border:0!important}
body.hejuo-ui .mine-page>.balance-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:108px!important;margin:0;padding:20px!important;border-radius:20px;background:#123444;box-shadow:none;overflow:hidden}
body.hejuo-ui .mine-page>.balance-card:after{content:"";position:absolute;width:120px;height:120px;right:70px;top:-65px;border:22px solid #60dcbc12;border-radius:50%;pointer-events:none}
body.hejuo-ui .mine-page>.balance-card>div{position:relative;z-index:1;min-width:0}
body.hejuo-ui .balance-card strong{display:block;color:#fff;font-size:32px;line-height:1.2;letter-spacing:-1px;font-variant-numeric:tabular-nums}
body.hejuo-ui .balance-card span{color:#d2e4e6;font-size:12px}
body.hejuo-ui .balance-card #rechargeEntry{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;min-height:40px;padding:10px 14px;border:0;background:#62dfbf;border-radius:12px;flex-shrink:0}
body.hejuo-ui .balance-card #rechargeEntry :is(span,b){color:#123444;font-size:13px;font-weight:650}
body.hejuo-ui .mine-page>.mine-menu{margin:0!important;padding:0 2px 16px!important;background:transparent;border:0;border-radius:0;box-shadow:none;scrollbar-width:thin}
body.hejuo-ui .mine-menu>h3{margin:18px 4px 8px;font-size:11px;font-weight:650;letter-spacing:.7px;color:#55717b}
body.hejuo-ui .mine-menu>h3:first-child{margin-top:0}
body.hejuo-ui .mine-menu>button{display:grid!important;grid-template-columns:38px minmax(0,1fr) 14px!important;gap:12px!important;align-items:center!important;width:100%;min-height:74px;padding:14px!important;margin:0 0 7px;border:1px solid #e0e9eb!important;border-radius:16px!important;background:#fff;box-shadow:none;text-align:left}
body.hejuo-ui .mine-menu>button:hover{border-color:#9bcfbe!important;background:#fafffd}
body.hejuo-ui .mine-menu .mine-icon{display:grid!important;place-items:center;width:38px!important;height:38px!important;border-radius:12px!important;background:#eef6f3!important;color:#226756!important;box-shadow:none!important}
body.hejuo-ui .mine-menu .mine-icon::before,body.hejuo-ui .mine-menu .mine-icon::after{display:none!important}
body.hejuo-ui .mine-menu .mine-icon svg{display:block;width:21px;height:21px;position:static;transform:none}
body.hejuo-ui .member-menu-copy{display:grid;gap:3px;min-width:0}
body.hejuo-ui .member-menu-copy strong{font-size:14px;font-weight:650;color:var(--member-ink);line-height:1.5}
body.hejuo-ui .member-menu-copy small{font-size:11px;line-height:1.55;color:var(--member-muted);white-space:normal;overflow-wrap:anywhere}
body.hejuo-ui .mine-menu>button>b{color:#7c939b;font-size:20px;font-weight:400;line-height:1}
/* Auth: spacious introduction, concentrated form and clear field labels. */
body.hejuo-ui #authPage{box-sizing:border-box;min-height:100dvh;padding:16px 22px 28px;background:radial-gradient(ellipse at 100% 0%,#d8f4ea 0,transparent 50%),#f3f7f8}
body.hejuo-ui #authPage .topbar{display:flex;justify-content:space-between;align-items:center;min-height:38px;margin:0 0 26px;padding:0;background:transparent}
body.hejuo-ui #authPage .ghost-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d7e4e5;border-radius:12px;background:#ffffffb8;color:#193c4b;font-size:25px}
body.hejuo-ui #authPage .lang-pill{padding:8px 12px;border:1px solid #cbded8;border-radius:20px;background:#ffffffb8;color:#235b50;font-size:11px}
body.hejuo-ui #authPage .member-auth-intro{position:relative;text-align:left;margin:0;padding:4px 66px 22px 0!important;min-height:114px}
body.hejuo-ui #authPage .brand-logo-img{position:absolute;right:0;top:4px;width:48px!important;height:48px!important;margin:0!important;border-radius:14px}
body.hejuo-ui #authPage #authTitle{margin:12px 0 9px;font-size:32px;font-weight:750;line-height:1.2;letter-spacing:-1px;color:#143444}
body.hejuo-ui #authPage #authSubtitle{margin:0;color:#516c76;font-size:12px;line-height:1.8;max-width:270px}
body.hejuo-ui .member-auth-panel{padding:22px 18px;border:1px solid #e0e9ea;border-radius:24px;background:#fff;box-shadow:0 14px 40px #14344406}
body.hejuo-ui #authPage .auth-form{margin:0;padding:0;display:grid;gap:16px}
body.hejuo-ui #authPage .auth-form .field{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;row-gap:8px;margin:0;padding:0;border:0!important;min-height:0;height:auto;background:transparent!important;box-shadow:none!important;border-radius:0}
body.hejuo-ui .member-field-label{display:block;grid-column:1/-1;color:#284b59;font-size:12px;font-weight:600;line-height:1.5}
body.hejuo-ui #authPage .auth-form .field input{box-sizing:border-box;grid-row:2;grid-column:1/-1;width:100%;min-width:0;height:48px;margin:0;padding:12px 14px;border:1px solid #d8e5e7!important;border-radius:12px;background:#f8fafb!important;color:#143444;font-size:14px;line-height:1.5;outline:none}
body.hejuo-ui #authPage .auth-form .password-field input{padding-right:48px}
body.hejuo-ui #authPage .field .password-toggle{position:absolute;right:7px;bottom:5px;top:auto;width:38px;height:38px;transform:none;margin:0;display:grid;place-items:center}
body.hejuo-ui #authPage .auth-form :is(.captcha-field,.code-field,.invite-code-field) input{grid-column:1;padding-right:12px}
body.hejuo-ui #authPage .field :is(.captcha,.code-btn,.field-tag){position:static;grid-column:2;grid-row:2;align-self:stretch;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:72px;max-width:128px;height:auto;min-height:48px;padding:8px 10px;margin:0;border:1px solid #d8e5e7;border-radius:12px;font-size:12px;line-height:1.5;white-space:normal;transform:none}
body.hejuo-ui #authPage .field .code-btn{background:#eaf7f1;color:#225c4f;font-weight:600}
body.hejuo-ui #authPage .field .field-tag{min-width:50px;background:#f4f8f9;color:#5a717b;border:0}
body.hejuo-ui #authPage .field input:focus{background:#fff!important;border-color:#328f76!important;box-shadow:0 0 0 3px #49b99815}
body.hejuo-ui #authPage #submitBtn{display:flex;align-items:center;justify-content:center;width:100%;min-height:49px;margin:4px 0 0;border:0;border-radius:13px;background:#143444;color:#fff;font-size:14px;font-weight:650;line-height:1.5;box-shadow:none}
body.hejuo-ui #authPage .form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;font-size:11px;color:#516975}
body.hejuo-ui #authPage .auth-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:18px 0 0;border-top:1px solid #e6eef0;font-size:12px;color:#536d78}
body.hejuo-ui #authPage .auth-footer button{padding:4px;color:#22725b;font-weight:700}
body.hejuo-ui .member-auth-signoff{margin:22px 0 0;text-align:center;font-size:11px;line-height:1.8;color:#597680}
/* Destination framework: same navigation, individual editorial introduction. */
body.hejuo-ui :is(#rechargePage,#couponPage,#myCouponPage,#incomePage,#invitePage,#incomeDetailPage,#transferPage,#accountPage,#agentPage,#contactPage,#settingsPage,#passwordPage,#faqPage){box-sizing:border-box;padding:12px 20px 32px;background:#f4f8f9;color:#143444}
body.hejuo-ui :is(#rechargePage,#couponPage,#myCouponPage,#incomePage,#invitePage,#incomeDetailPage,#transferPage,#accountPage,#agentPage,#contactPage,#settingsPage,#passwordPage,#faqPage)>.region-top{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px;min-height:52px;margin:0 0 16px;padding:0 0 8px;border-bottom:1px solid #dfe9ec;background:#f4f8f9}
body.hejuo-ui :is(#rechargePage,#couponPage,#myCouponPage,#incomePage,#invitePage,#incomeDetailPage,#transferPage,#accountPage,#agentPage,#contactPage,#settingsPage,#passwordPage,#faqPage)>.region-top h1{position:static;transform:none;text-align:center;font-size:16px;line-height:1.4;font-weight:650;color:#173b4a;margin:0;min-width:0}
body.hejuo-ui :is(#rechargePage,#couponPage,#myCouponPage,#incomePage,#invitePage,#incomeDetailPage,#transferPage,#accountPage,#agentPage,#contactPage,#settingsPage,#passwordPage,#faqPage)>.region-top>button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #dce7e9;border-radius:12px;background:#fff;color:#1b4655;font-size:25px;line-height:1;box-shadow:none}
body.hejuo-ui .member-page-intro{margin:0 0 24px;padding:8px 2px 0}
body.hejuo-ui .member-page-intro h2{margin:11px 0 9px;font-size:25px;font-weight:720;line-height:1.4;letter-spacing:-.7px;color:#143444}
body.hejuo-ui .member-page-intro p{margin:0;color:#566d79;font-size:12px;line-height:1.9}
body.hejuo-ui :is(.recharge-block,.custom-recharge,.recharge-pay,.promo-personal-note,.invite-share-panel,.invite-overview,.account-info-card,.settings-list,.contact-list,.transfer-form,.transfer-route,.password-form){box-sizing:border-box;margin:0 0 14px;padding:20px;border:1px solid #dfe8eb;border-radius:18px;background:#fff;box-shadow:none}
body.hejuo-ui :is(.recharge-block,.custom-recharge,.recharge-pay,.transfer-form) h2{margin:0 0 15px;color:#224552;font-size:14px;font-weight:650}
body.hejuo-ui .recharge-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.hejuo-ui .recharge-options button{display:flex;align-items:center;justify-content:center;min-height:55px;padding:10px 7px;border:1px solid #dce7e9;border-radius:12px;background:#f8fafb;color:#244a59;font-size:13px;line-height:1.5;box-shadow:none}
body.hejuo-ui .recharge-options button.active{background:#e8f8f1;border-color:#5cae96;color:#165944;box-shadow:inset 0 0 0 1px #5cae96}
body.hejuo-ui .custom-recharge>input{box-sizing:border-box;width:100%;height:58px;margin:4px 0;padding:12px 14px;background:#f8fafb;border:1px solid #dbe7e8;border-radius:12px;color:#173c4b;font-size:24px}
body.hejuo-ui .custom-recharge>p{font-size:11px;line-height:1.8;color:#5a717b;margin:8px 0}
body.hejuo-ui .promo-personal-note>h2,body.hejuo-ui .promo-personal-note>p{display:none}
body.hejuo-ui .promo-personal-note .promo-code-controls{gap:10px;margin:0;flex-wrap:wrap}
body.hejuo-ui .promo-personal-note .promo-code-controls input{flex:1 1 150px;min-height:48px;background:#f8fafb;border-radius:12px}
body.hejuo-ui .promo-personal-note .promo-code-controls button{flex:0 0 auto;min-height:48px;padding:12px 18px;background:#143444;border-radius:12px;color:#fff}
body.hejuo-ui .coupon-card-row{display:grid;grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;gap:10px;padding:18px;margin:0 0 14px;border:1px solid #dfe8eb;border-radius:16px;background:#fff;font-size:13px;color:#244956}
body.hejuo-ui :is(#couponPage,#myCouponPage) .usable-coupon{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:20px;margin:0 0 12px;border:1px solid #d9e8e3;border-left:4px solid #77bba4;border-radius:15px;background:#fff;box-shadow:none}
body.hejuo-ui :is(#couponPage,#myCouponPage) .usable-coupon>div{min-width:0;overflow-wrap:anywhere}
body.hejuo-ui :is(#couponPage,#myCouponPage) .usable-coupon strong{font-size:14px;line-height:1.6;color:#234b58}
body.hejuo-ui :is(#couponPage,#myCouponPage) .usable-coupon span{display:block;margin-top:6px;color:#597681;font-size:11px;line-height:1.7}
body.hejuo-ui :is(#couponPage,#myCouponPage) .usable-coupon>b{font-size:25px;line-height:1.2;letter-spacing:-.5px;color:#21664f}
body.hejuo-ui :is(#couponPage,#myCouponPage) .usable-coupon>button{grid-column:1/-1;width:100%;min-height:38px;padding:9px;border:1px solid #cce2d9;border-radius:10px;background:#f1faf6;color:#24664f;font-size:12px;line-height:1.5}
body.hejuo-ui :is(#couponPage,#myCouponPage) .usable-coupon.active{background:#f0faf5;border-color:#71b69e}
body.hejuo-ui #couponPage .coupon-card-row{box-shadow:none;color:#244956}
body.hejuo-ui #couponPage .coupon-card-row strong{color:#244956}
body.hejuo-ui #incomeList.has-income{padding:0;background:transparent;border:0}
body.hejuo-ui #incomeList .income-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:11px;padding:18px 14px;margin:0 0 9px;border:1px solid #dfe8eb;border-radius:16px;background:#fff}
body.hejuo-ui .income-row-icon{width:32px;height:32px;border-radius:10px;background:#eaf5f0;color:#276a56}
body.hejuo-ui .income-row>div{min-width:0;overflow-wrap:anywhere}
body.hejuo-ui .income-row strong{font-size:13px;line-height:1.6;color:#244957}
body.hejuo-ui .income-row :is(time,small){display:block;margin-top:5px;font-size:10px;line-height:1.7;color:#5d7680}
body.hejuo-ui .income-row>b{font-size:13px;font-variant-numeric:tabular-nums;line-height:1.6}
body.hejuo-ui .income-row .plus{color:#197456}body.hejuo-ui .income-row .minus{color:#244957}
body.hejuo-ui .account-profile{padding:0;margin:0 0 20px;background:transparent;border:0;text-align:left}
body.hejuo-ui .account-avatar{display:grid;place-items:center;width:62px;height:62px;margin:0 0 16px;border-radius:20px;background:#dff4eb;color:#226752;font-size:26px;font-weight:700;box-shadow:none}
body.hejuo-ui .account-profile .account-info-card{padding:4px 18px;text-align:left;background:#fff;border:1px solid #dfe8eb;border-radius:18px}
body.hejuo-ui .account-info-card>div{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:16px 0;min-width:0;border-bottom:1px solid #edf1f3}
body.hejuo-ui .account-info-card>div:last-child{border:0}
body.hejuo-ui .account-info-card>div>span{flex:0 0 100%;font-size:11px;color:#5b7580}
body.hejuo-ui .account-info-card strong{font-size:14px;font-weight:550;color:#1b4252;overflow-wrap:anywhere;min-width:0;flex:1}
body.hejuo-ui #accountLogout{position:static;inset:auto;transform:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0;border:1px solid #cddfe0;border-radius:13px;background:#fff;color:#244b58;font-size:14px;font-weight:600}
body.hejuo-ui #accountDelete{position:static;inset:auto;transform:none;box-sizing:border-box;display:block;min-height:44px;margin:20px auto 0;padding:10px 18px;border:0;background:transparent;color:#965345;font-size:12px;text-decoration:none}
body.hejuo-ui :is(.settings-list,.contact-list){padding:4px 16px}
body.hejuo-ui .settings-list>:is(button,div){box-sizing:border-box;width:100%;min-height:64px;padding:18px 0;margin:0;border:0;border-bottom:1px solid #e8eff1;border-radius:0;background:transparent;box-shadow:none;color:#224957;font-size:14px}
body.hejuo-ui .settings-list>:last-child{border-bottom:0}
body.hejuo-ui .settings-list strong{color:#5b7680;font-size:12px;font-weight:500}
body.hejuo-ui .contact-list>button{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 32px;gap:4px 12px;align-items:center;width:100%;min-height:86px;padding:17px 0;border:0;border-bottom:1px solid #e6eef0;border-radius:0;background:transparent;text-align:left;box-shadow:none}
body.hejuo-ui .contact-list>button:last-child{border-bottom:0}
body.hejuo-ui .contact-list .contact-icon{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf6f2;color:#2b705b;font-size:20px}
body.hejuo-ui .contact-list strong{grid-column:2;font-size:14px;color:#224957;overflow-wrap:anywhere}
body.hejuo-ui .contact-list em{grid-column:2;font-style:normal;font-size:11px;color:#597480;overflow-wrap:anywhere;white-space:normal}
body.hejuo-ui .contact-list :is(b,.copy-icon-btn){grid-column:3;grid-row:1/3;justify-self:end;color:#5e7b85}
body.hejuo-ui .contact-icon svg{display:block;width:21px;height:21px}
body.hejuo-ui .contact-icon:has(svg)::before,body.hejuo-ui .contact-icon:has(svg)::after{content:none!important;display:none!important}
body.hejuo-ui .region-top>button:has(>svg)::before,body.hejuo-ui .region-top>button:has(>svg)::after{content:none!important;display:none!important}
body.hejuo-ui .region-top>button>svg{display:block;width:20px;height:20px;flex-shrink:0}
body.hejuo-ui .password-form{display:grid;gap:18px;padding:20px 18px}
body.hejuo-ui .password-form>label{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:0;height:auto;margin:0;padding:0;background:transparent;border:0;border-radius:0}
body.hejuo-ui .password-form>label input{box-sizing:border-box;width:100%;height:48px;grid-row:2;grid-column:1/-1;padding:12px 14px;border:1px solid #d9e5e8;border-radius:12px;background:#f8fafb;color:#183e4f;font-size:13px;min-width:0}
body.hejuo-ui .password-form>.password-line input{padding-right:46px}
body.hejuo-ui .password-form .password-toggle{position:absolute;right:7px;bottom:5px;top:auto;transform:none;width:38px;height:38px;display:grid;place-items:center}
body.hejuo-ui .password-form>:is(.inline-action,.captcha-line) input{grid-column:1}
body.hejuo-ui .password-form :is(#passwordSendCode,#passwordCaptchaBtn){position:static;grid-row:2;grid-column:2;box-sizing:border-box;min-height:48px;width:auto;max-width:130px;padding:8px 10px;line-height:1.5;border:1px solid #d9e5e8;border-radius:12px;background:#edf7f2;color:#22604e;font-size:11px;white-space:normal;transform:none}
body.hejuo-ui #passwordResetBtn{display:flex;justify-content:center;align-items:center;width:100%;min-height:48px;margin:2px 0 0;padding:12px;border:0;border-radius:12px;background:#143444;color:#fff;font-size:14px;line-height:1.5}
body.hejuo-ui .faq-list{display:grid;gap:12px;padding:0;margin:0;counter-reset:faq}
body.hejuo-ui .faq-list>.faq-item{counter-increment:faq;padding:0;margin:0;border:1px solid #dfe8eb;border-radius:16px;background:#fff;box-shadow:none;overflow:hidden}
body.hejuo-ui .faq-item>summary{display:grid;grid-template-columns:24px minmax(0,1fr) 18px;gap:8px;align-items:center;padding:17px 16px;list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
body.hejuo-ui .faq-item>summary::-webkit-details-marker{display:none}
body.hejuo-ui .faq-item>summary::marker{content:""}
body.hejuo-ui .faq-item>summary:before{content:counter(faq,decimal-leading-zero);color:#418273;font-size:11px;font-weight:700}
body.hejuo-ui .faq-item>summary>strong{min-width:0;font-size:14px;line-height:1.6;color:#224957;overflow-wrap:anywhere}
body.hejuo-ui .faq-item>summary>svg{width:18px;height:18px;color:#418273;transition:transform .18s ease}
body.hejuo-ui .faq-item[open]>summary>svg{transform:rotate(180deg)}
body.hejuo-ui .faq-item>summary:focus-visible{outline:2px solid #287c6a;outline-offset:-4px;border-radius:15px}
body.hejuo-ui .faq-item[open]>summary{padding-bottom:10px}
body.hejuo-ui .faq-item>p{margin:0;padding:0 42px 18px 48px;color:#526d79;font-size:12px;line-height:1.9;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){body.hejuo-ui .faq-item>summary>svg{transition:none}}
body.hejuo-ui #invitePage .invite-intro{padding:22px;border:0;border-radius:20px;background:#143444;margin:8px 0 18px}
body.hejuo-ui #invitePage .invite-intro>span{color:#6de0c2;font-size:9px;letter-spacing:1.7px}
body.hejuo-ui #invitePage .invite-intro h2{color:#fff;font-size:26px;line-height:1.4;margin:12px 0 9px}
body.hejuo-ui #invitePage .invite-intro p{color:#d2e4e6;font-size:12px;line-height:1.9;margin:0}
body.hejuo-ui .simple-invite-code{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 20px;padding:14px;border:1px dashed #b7d7cd;border-radius:12px;background:#f1faf6}
body.hejuo-ui .simple-invite-code strong{font-size:24px;letter-spacing:2px;color:#1b5948;overflow-wrap:anywhere;min-width:0}
body.hejuo-ui .simple-invite-code button{min-height:36px;padding:8px 12px;border:1px solid #c3ded3;border-radius:9px;background:#fff;color:#246b54;font-size:12px}
body.hejuo-ui .invite-share-panel>label{font-size:11px;font-weight:600;color:#55717c}
body.hejuo-ui #inviteLinkField{box-sizing:border-box;width:100%;height:44px;margin:9px 0 12px;padding:12px;border:1px solid #dae7e9;border-radius:10px;background:#f8fafb;color:#526d79;font-size:11px}
body.hejuo-ui .simple-invite-primary{width:100%;min-height:46px;background:#143444;color:white;border:0;border-radius:12px;font-size:13px}
body.hejuo-ui .simple-invite-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.hejuo-ui .simple-invite-stats>div{min-width:0;text-align:center;padding:16px 2px;border-radius:12px;background:#f3f8f7}
body.hejuo-ui .simple-invite-stats strong{color:#1c5145;font-size:22px}
body.hejuo-ui .simple-invite-stats span{display:block;color:#586f78;font-size:10px;line-height:1.7;margin-top:5px}
body.hejuo-ui .transfer-route{display:grid;grid-template-columns:1fr 32px 1fr;align-items:center;gap:10px;padding:20px 16px}
body.hejuo-ui .transfer-route>div{min-width:0}.hejuo-ui .transfer-route strong{font-size:14px;color:#244a58}
body.hejuo-ui .transfer-route>button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#eaf5ef;color:#2c735d}
body.hejuo-ui .transfer-form>label{display:flex;align-items:center;gap:8px;padding:8px 0;border:0;border-bottom:1px solid #d7e6e7;background:transparent;border-radius:0}
body.hejuo-ui .transfer-form input{min-width:0;width:100%;height:50px;border:0;background:transparent;color:#153e4e;font-size:24px;padding:8px 0}
body.hejuo-ui .transfer-form label button{flex-shrink:0;min-height:36px;padding:8px 10px;border:0;border-radius:10px;background:#edf7f2;color:#28674f;font-size:11px}
body.hejuo-ui .transfer-form>p{font-size:12px;color:#5b7680}
/* Secondary dialogs use equal-sized actions, with no inherited fixed positioning. */
body.hejuo-ui :is(.account-delete-dialog,.app-download-dialog,.rebate-dialog){box-sizing:border-box;width:calc(100% - 40px);max-width:400px;max-height:82dvh;padding:22px;border:1px solid #d9e6e8;border-radius:22px;background:#fff;color:#214553;box-shadow:0 24px 80px #12344426}
body.hejuo-ui .account-delete-sheet{padding:0;background:transparent;box-shadow:none}
body.hejuo-ui .account-delete-sheet h2{font-size:20px;line-height:1.5;color:#173d4c;margin:0 0 12px}
body.hejuo-ui .account-delete-sheet p{font-size:13px;line-height:1.9;color:#58717b}
body.hejuo-ui .account-delete-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}
body.hejuo-ui .account-delete-actions button{position:static;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:46px;height:auto;padding:11px;border:1px solid #d4e3e5;border-radius:12px;background:#f7fafb;color:#345867;font-size:13px;line-height:1.5;white-space:normal}
body.hejuo-ui #accountDeleteConfirm{background:#a44837;color:white;border-color:#a44837}
body.hejuo-ui .app-download-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 0 15px;border-bottom:1px solid #e5edef}
body.hejuo-ui .app-download-dialog header h2{font-size:16px;margin:0;color:#214553}
body.hejuo-ui .app-download-body{padding:24px 0 4px;text-align:center}.hejuo-ui .app-download-body p{font-size:12px;line-height:1.9;color:#59747f}
body.hejuo-ui .rebate-card{padding:0;box-shadow:none;background:transparent}.hejuo-ui .rebate-card h2{font-size:20px}.hejuo-ui .rebate-card li{font-size:12px;line-height:1.9;color:#536f7b;margin:8px 0}
body.hejuo-ui #rebateClose{min-height:46px;width:100%;margin-top:18px;border:0;border-radius:12px;background:#143444;color:#fff}
body.hejuo-ui .support-chat-dialog{border:1px solid #dce8e9;border-radius:22px;background:#f4f8f9}.hejuo-ui .support-chat-shell>header{background:#fff;border-bottom:1px solid #e1eaec}
body.hejuo-ui .support-chat-compose{background:#fff;border-top:1px solid #dfe9eb;padding:14px}.hejuo-ui .support-chat-compose textarea{border:1px solid #d8e5e8;border-radius:12px;background:#f8fafb;color:#204756}
body.hejuo-ui #agentPage :is(.agent-card,.agent-summary,.agent-price-card,.agent-stat-card){border:1px solid #dfe8eb;border-radius:16px;background:#fff;box-shadow:none}
body.hejuo-ui #agentPage .agent-summary{padding:18px;gap:12px;background:#143444;color:#fff}
body.hejuo-ui #agentPage .agent-summary strong{color:#fff;font-size:24px}
body.hejuo-ui #agentPage .agent-summary span{color:#d2e6e3;font-size:11px}
body.hejuo-ui #agentPage .agent-menu{display:flex;gap:8px;overflow:auto;padding:0 0 8px;margin:16px 0}
body.hejuo-ui #agentPage .agent-menu button{flex-shrink:0;padding:10px 14px;min-height:40px;border:1px solid #d8e7e7;border-radius:11px;background:#fff;color:#355d67;font-size:12px}
body.hejuo-ui #agentPage .agent-menu button.active{background:#143444;border-color:#143444;color:#fff}
body.hejuo-ui #agentPage .agent-card{padding:18px}
body.hejuo-ui #agentPage .agent-card-head h2{font-size:15px;color:#234b58}
body.hejuo-ui #agentPage .agent-inline-input{border:1px solid #dbe7e8;border-radius:12px;background:#f8fafb;padding:10px}
body.hejuo-ui #agentPage .agent-save-btn{min-height:46px;border:0;border-radius:12px;background:#143444;color:#fff;font-size:13px}
body.hejuo-ui :is(#authPage,#passwordPage,#couponPage) input::placeholder{color:#738892;opacity:1}
body.hejuo-ui :is(#authPage,#passwordPage,#couponPage,#settingsPage,#accountPage,.mine-menu) button:focus-visible{outline:3px solid #61bca0;outline-offset:3px}
body.hejuo-ui #authPage .hidden,body.hejuo-ui .password-form .hidden{display:none!important}
/* Preserve room below fixed page CTAs and the platform's existing empty-state style. */
body.hejuo-ui :is(#rechargePage,#transferPage){padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
@media(max-width:350px){body.hejuo-ui #authPage{padding-left:16px;padding-right:16px}.hejuo-ui .member-auth-panel{padding:20px 14px}body.hejuo-ui .member-identity h2{font-size:18px}body.hejuo-ui .member-page-intro h2{font-size:23px}body.hejuo-ui .mine-menu>button{padding:12px!important;gap:10px!important}.hejuo-ui .member-menu-copy small{font-size:10px}}

/* 菜单按需加载反馈，失败可在原位重试。 */
body.hejuo-ui .menu-load-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;color:#326453;font-size:12px;background:#edf6f2;border:1px solid #dbe9e3;border-radius:12px;margin:0 0 12px}
body.hejuo-ui .menu-load-status button,body.hejuo-ui .home-data-retry{border:1px solid #c5dbd2;border-radius:10px;padding:8px 14px;background:#fff;color:#20644f}
body.hejuo-ui #faqPage[aria-busy="true"] .faq-list{visibility:hidden}

/* Larger, centered verification characters in account forms. */
body.hejuo-ui #authPage .field #captchaBtn,
body.hejuo-ui .password-form #passwordCaptchaBtn{
 display:flex;align-items:center;justify-content:center;
 width:110px;min-width:110px;max-width:110px;min-height:48px;
 padding:4px 8px;font-size:26px;font-weight:800;line-height:1.2;
 letter-spacing:3px;white-space:nowrap;text-align:center;transform:none;
}
@media(max-width:360px){
 body.hejuo-ui #authPage .field #captchaBtn,
 body.hejuo-ui .password-form #passwordCaptchaBtn{width:100px;min-width:100px;max-width:100px;font-size:24px;letter-spacing:2px}
}