/* One account surface, independent of page palette and legacy account skins. */
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface.xa-auth-surface{box-sizing:border-box!important;width:min(440px,calc(100vw - 32px))!important;max-width:none!important;max-height:calc(100dvh - 32px)!important;margin:auto!important;padding:24px!important;border:1px solid #ccdef5!important;border-radius:20px!important;color:#263e60!important;background:linear-gradient(145deg,#fff 0%,#f1f7ff 100%)!important;box-shadow:0 24px 80px #24436a30!important;overflow:auto!important;scrollbar-width:thin;color-scheme:light}
body #accountModal{padding:16px!important;background:#263c605e!important;backdrop-filter:blur(8px)}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface::backdrop{background:#263c605e!important;backdrop-filter:blur(8px)}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-form{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;margin:0!important;padding:0!important;width:100%!important;text-align:left!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-form>*{grid-column:1/-1!important;min-width:0}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .dialog-heading{display:block!important;margin:0 36px 4px 0!important;padding:0!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-title{padding-right:20px!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .modal-brand{display:block!important;margin:0 36px 16px 0!important;padding:0!important;text-align:left!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .modal-brand>span{display:none!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-title{display:block!important;margin:0!important;padding:0!important;color:#263e60!important;font:700 22px/1.4 "Microsoft YaHei",sans-serif!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-hint{display:block!important;margin:6px 0 0!important;color:#677e9b!important;font:13px/1.6 "Microsoft YaHei",sans-serif!important}
body .xa-auth-form>#accountDialogHint{margin:0!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-tabs{display:flex!important;gap:4px!important;padding:4px!important;margin:0 0 2px!important;border:1px solid #d7e4f6!important;border-radius:11px!important;background:#eaf2fd!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-tabs button{flex:1!important;height:36px!important;min-height:36px!important;padding:6px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#657c9c!important;box-shadow:none!important;font:600 14px/1.5 "Microsoft YaHei",sans-serif!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-tabs button.active{background:#fff!important;color:#236aca!important;box-shadow:0 2px 8px #28558212!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface label{display:grid!important;gap:6px!important;margin:0!important;color:#486180!important;font:600 13px/1.5 "Microsoft YaHei",sans-serif!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface input:not([type=checkbox]){box-sizing:border-box!important;width:100%!important;height:42px!important;min-height:42px!important;padding:9px 12px!important;border:1px solid #cadcf4!important;border-radius:9px!important;background:#fff!important;color:#263e60!important;outline:none!important;font:400 14px/1.5 "Microsoft YaHei",sans-serif!important;letter-spacing:normal!important;box-shadow:none!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface input::placeholder{color:#91a3bb!important;opacity:1}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface input:focus{border-color:#5797ed!important;box-shadow:0 0 0 3px #398bea15!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .password-control{position:relative!important;width:100%!important;min-width:0}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .password-control input{padding-right:38px!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .password-eye{position:absolute!important;right:4px!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:#6c86ac!important;box-shadow:none!important;border-radius:7px!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .password-eye svg{width:18px!important;height:18px!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .password-eye:hover{background:#e8f1ff!important;color:#236aca!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-code{display:flex!important;gap:8px!important;align-items:center!important;margin:0!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-code input{min-width:0!important;flex:1!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-code button{flex:0 0 auto!important;height:42px!important;min-height:42px!important;padding:8px 12px!important;margin:0!important;border:1px solid #bcd4f5!important;border-radius:9px!important;background:#eaf3ff!important;color:#2868b9!important;box-shadow:none!important;font:500 13px/1.5 "Microsoft YaHei",sans-serif!important;white-space:nowrap!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-code button:hover{background:#dcecff!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-submit{height:42px!important;min-height:42px!important;padding:9px!important;margin:0!important;border:1px solid #2874db!important;border-radius:10px!important;background:#327fe5!important;color:#fff!important;box-shadow:0 5px 14px #327fe521!important;font:600 14px/1.5 "Microsoft YaHei",sans-serif!important;transform:none!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-submit:hover{background:#246dd0!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface button:disabled{opacity:.6!important;cursor:not-allowed!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .account-agreement,body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .agreement{display:flex!important;align-items:flex-start!important;gap:8px!important;font-size:12px!important;font-weight:400!important;line-height:1.6!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface input[type=checkbox]{flex:0 0 auto!important;width:15px!important;height:15px!important;margin:2px 0 0!important;accent-color:#327fe5}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .form-message,body .xa-auth-form>p{min-height:0!important;margin:0!important;color:#667e9c;font-size:12px!important;line-height:1.6!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface p:empty,body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .register-link{display:none!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .account-security-link{justify-self:end!important;width:auto!important;min-height:0!important;margin:0!important;padding:2px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#2868b9!important;font:400 13px/1.6 "Microsoft YaHei",sans-serif!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .account-security-link:hover{color:#174f9d!important;text-decoration:underline}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-close{position:absolute!important;right:16px!important;top:16px!important;display:grid!important;place-items:center!important;width:32px!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0!important;border:0!important;border-radius:9px!important;background:#eaf2fd!important;color:#5b7496!important;font:24px/1 sans-serif!important;box-shadow:none!important;cursor:pointer}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-close:hover{background:#dceaff!important;color:#235caa!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-invite{margin:0!important;color:#6c829e!important;font:12px/1.6 "Microsoft YaHei",sans-serif!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-invite summary{cursor:pointer;list-style-position:inside}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-invite label{margin-top:6px!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface [hidden],body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface label[style*="display: none"]{display:none!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface[data-auth-mode=login] .xa-auth-half{grid-column:1/-1}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface[data-auth-mode=register] .xa-auth-half,body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface.account-security-dialog .xa-auth-half{grid-column:auto!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface button:focus-visible,body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-invite summary:focus-visible{outline:2px solid #327fe5!important;outline-offset:2px}
@media(max-width:480px){body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface.xa-auth-surface{padding:20px!important}body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface[data-auth-mode=register] .xa-auth-half,body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface.account-security-dialog .xa-auth-half{grid-column:1/-1!important}}
