/* 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}}

body .xa-auth-form > .xa-auth-registered:not([hidden]) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 12px;
  margin: -5px 0 0 !important;
  padding: 5px 10px;
  border-radius: 8px;
  background: #eaf2fd;
  color: #3a567b;
  font-size: 13px;
}
body .xa-auth-form > .form-message:empty { display: none !important; }
body :is(#loginDialog, #accountModal .modal-card).xa-auth-surface.xa-auth-surface.xa-auth-surface.xa-auth-surface[data-auth-mode=register] {
  width: min(440px, calc(100vw - 24px)) !important;
  padding: 18px !important;
  scrollbar-gutter: auto;
  scrollbar-width: none;
  overscroll-behavior: contain;
}
body :is(#loginDialog, #accountModal .modal-card).xa-auth-surface[data-auth-mode=register]::-webkit-scrollbar {
  display: none;
}
body :is(#loginDialog, #accountModal .modal-card).xa-auth-surface.xa-auth-surface.xa-auth-surface[data-auth-mode=register] .xa-auth-form {
  gap: 8px 12px !important;
}
body :is(#loginDialog, #accountModal .modal-card).xa-auth-surface.xa-auth-surface.xa-auth-surface[data-auth-mode=register] label {
  gap: 4px !important;
}
body :is(#loginDialog, #accountModal .modal-card).xa-auth-surface.xa-auth-surface.xa-auth-surface[data-auth-mode=register] .xa-auth-tabs button {
  height: 28px !important;
  min-height: 28px !important;
}
body :is(#loginDialog, #accountModal .modal-card).xa-auth-surface.xa-auth-surface.xa-auth-surface[data-auth-mode=register] .xa-auth-tabs {
  padding: 3px !important;
}
.xa-auth-password-hint {
  color: #586e8a;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.45;
}
body :is(#loginDialog, #accountModal .modal-card).xa-auth-surface.xa-auth-surface.xa-auth-surface[data-auth-mode=register] .xa-auth-close {
  width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  border-radius: 8px !important;
  background: transparent !important;
  font-size: 19px !important;
}
body :is(#loginDialog, #accountModal .modal-card).xa-auth-surface.xa-auth-surface.xa-auth-surface[data-auth-mode=register] .xa-auth-close:hover {
  background: #e4effd !important;
}
body .xa-auth-surface[data-auth-mode=register] .xa-auth-half { align-content: start; }
body :is(#loginDialog, #accountModal .modal-card).xa-auth-surface.xa-auth-surface.xa-auth-surface[data-auth-mode=register] .xa-auth-hint { display: none !important; }