/* V2.6.10 登录页视觉与本机凭据交互专项优化 */
body.login-screen{
  --login-navy:#063261;
  --login-blue:#1268c5;
  --login-blue-bright:#2d86df;
  --login-orange:#f5a623;
  --login-ink:#153a5f;
  --login-muted:#73869a;
  --login-line:#d8e5f1;
  --login-soft:#f5f9fd;
  background:#edf4fa!important;
}

body.login-screen .login-refresh{
  grid-template-columns:minmax(0,1.15fr) minmax(460px,.85fr)!important;
  background:#edf4fa!important;
}

body.login-screen .login-refresh .refined-login-hero{
  isolation:isolate;
  padding:34px clamp(38px,4.4vw,68px) 78px!important;
  background:
    radial-gradient(circle at 14% 9%,rgba(70,163,255,.32),transparent 34rem),
    radial-gradient(circle at 82% 74%,rgba(22,130,207,.22),transparent 30rem),
    linear-gradient(142deg,#0b5baa 0%,#084982 42%,#052f5c 73%,#03264c 100%)!important;
}

body.login-screen .login-refresh .refined-login-hero:before{
  opacity:.07!important;
  background-size:58px 58px!important;
}

body.login-screen .login-refresh .refined-login-hero:after{
  right:-310px!important;
  bottom:-430px!important;
  width:860px!important;
  height:860px!important;
  opacity:.72;
}

.login-refresh .hero-aura{
  position:absolute;
  z-index:-1;
  inset:17% -24% auto auto;
  width:62%;
  height:54%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(56,163,245,.12),transparent 68%);
  pointer-events:none;
}

.login-refresh .refined-login-brand{
  display:flex!important;
  align-items:center!important;
  gap:19px!important;
}

.login-refresh .refined-login-brand .hero-logo{
  width:244px!important;
  flex:none;
}

.login-refresh .refined-login-brand-copy{
  display:grid;
  gap:2px;
  min-width:0;
  padding:4px 0 4px 19px;
  border-left:1px solid rgba(255,255,255,.24);
}

.login-refresh .refined-login-brand-copy span{
  color:rgba(255,255,255,.58);
  font-size:9px;
  font-weight:700;
  letter-spacing:.18em;
}

.login-refresh .refined-login-brand-copy b{
  color:#fff;
  font-size:13px;
  line-height:1.45;
  white-space:nowrap;
}

.login-refresh .refined-login-main{
  max-width:760px!important;
  margin-top:clamp(44px,7.2vh,76px)!important;
}

.login-refresh .refined-login-main .eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  color:#b9dbff!important;
  font-size:10px!important;
  font-weight:800;
  letter-spacing:.2em!important;
}

.login-refresh .refined-login-main .eyebrow:before{
  content:"";
  width:24px;
  height:2px;
  border-radius:999px;
  background:var(--login-orange);
  box-shadow:0 0 14px rgba(245,166,35,.42);
}

.login-refresh .refined-login-main h1{
  margin:17px 0 14px!important;
  color:#fff;
  font-size:clamp(44px,4.15vw,58px)!important;
  font-weight:800;
  letter-spacing:-.045em;
}

.login-refresh .refined-login-main h1 em{
  color:#ffc857!important;
}

.login-refresh .refined-login-main>p{
  max-width:720px;
  margin:0;
  color:rgba(231,243,255,.7)!important;
  font-size:13px!important;
  line-height:1.75!important;
}

.login-refresh .login-feature-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:24px!important;
}

.login-refresh .login-feature-grid article{
  min-width:0;
  padding:13px 12px!important;
  border-color:rgba(255,255,255,.15)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.075)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(5px);
}

.login-refresh .login-feature-grid article>span{
  color:#c5e4ff!important;
  background:rgba(44,142,226,.24)!important;
}

.login-refresh .login-feature-grid b{color:#fff!important;font-size:12px!important}
.login-refresh .login-feature-grid small{color:rgba(225,240,255,.58)!important;font-size:10px!important}

.login-refresh .login-warm-line{
  margin-top:13px!important;
  border-color:rgba(255,200,87,.19)!important;
  background:linear-gradient(90deg,rgba(245,166,35,.1),rgba(255,255,255,.07))!important;
}

.login-refresh .login-warm-line>span{
  color:#ffc857!important;
  background:rgba(245,166,35,.13)!important;
}

.login-refresh .login-warm-line small{color:rgba(255,222,159,.72)!important}
.login-refresh .login-warm-line b{color:#fff!important}

.login-refresh .refined-login-foot{
  align-items:center;
  color:rgba(220,236,252,.43)!important;
}

.login-refresh .refined-login-foot span:last-child{
  display:flex;
  align-items:center;
  gap:6px;
}

.login-refresh .refined-login-foot .ui-icon{width:13px;height:13px}

body.login-screen .login-refresh .refined-login-side{
  position:relative;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-width:0;
  padding:66px clamp(28px,3.5vw,54px) 34px!important;
  background:
    radial-gradient(circle at 90% 4%,rgba(87,169,244,.2),transparent 23rem),
    linear-gradient(155deg,#f8fbfe 0%,#edf4fa 58%,#e9f1f8 100%)!important;
}

.login-refresh .login-side-heading{
  position:absolute;
  top:28px;
  left:clamp(30px,3.5vw,54px);
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--login-muted);
}

.login-refresh .login-side-heading span{
  font-size:8px;
  font-weight:800;
  letter-spacing:.16em;
}

.login-refresh .login-side-heading b{
  padding-left:10px;
  border-left:1px solid #cfdae5;
  color:#42617f;
  font-size:10px;
}

body.login-screen .login-refresh .refined-login-card{
  position:relative;
  width:min(492px,100%)!important;
  padding:27px 27px 23px!important;
  overflow:hidden;
  border:1px solid rgba(207,222,235,.96)!important;
  border-top:3px solid var(--login-orange)!important;
  border-radius:23px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 24px 70px rgba(24,68,108,.14),0 2px 7px rgba(24,68,108,.04)!important;
}

.login-refresh .login-card-headline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:22px;
  margin-bottom:11px;
}

.login-refresh .login-kicker{
  margin:0!important;
  color:#2975bd!important;
  font-size:10px!important;
  font-weight:800;
  letter-spacing:.04em;
}

.login-refresh .saved-login-badge{
  display:inline-flex;
  align-items:center;
  gap:4px;
  flex:none;
  padding:4px 8px;
  border:1px solid #caeadb;
  border-radius:999px;
  color:#18835c;
  background:#f0faf5;
  font-size:9px;
  font-weight:700;
}

.login-refresh .saved-login-badge .ui-icon{width:12px;height:12px}

.login-refresh .login-title{
  gap:12px!important;
  margin-bottom:15px!important;
}

.login-refresh .login-mark{
  width:48px!important;
  height:48px!important;
  flex:none;
  border:1px solid #d7e9fa;
  color:#1670ce!important;
  background:linear-gradient(145deg,#eef7ff,#e3f0fc)!important;
  box-shadow:inset 0 1px 0 #fff;
}

.login-refresh .login-mark .ui-icon{width:22px;height:22px}

.login-refresh .login-title h2{
  color:var(--login-ink)!important;
  font-size:24px!important;
  letter-spacing:-.02em;
}

.login-refresh .login-title p{
  color:#8798a9!important;
  font-size:11px!important;
}

.login-refresh .login-cloud-status{
  margin-bottom:14px!important;
  padding:10px 11px!important;
  border-color:#cfe9dd!important;
  border-radius:12px!important;
  background:#f1faf6!important;
}

.login-refresh .login-cloud-status.warning-banner{
  border-color:#f0dfbb!important;
  background:#fff9ee!important;
}

.login-refresh .login-field{
  display:block;
  margin-bottom:11px!important;
}

.login-refresh .login-field>label{
  display:block;
  margin:0 0 6px;
  color:#4e6982;
  font-size:11px;
  font-weight:700;
}

.login-refresh .login-field .input-with-icon{
  position:relative;
}

.login-refresh .login-field input{
  height:47px!important;
  min-height:47px!important;
  padding-right:13px!important;
  border:1px solid var(--login-line)!important;
  border-radius:12px!important;
  color:#234661!important;
  background:#f9fbfd!important;
  box-shadow:inset 0 1px 2px rgba(21,58,95,.025);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

.login-refresh .login-field input::placeholder{color:#9aabbb}

.login-refresh .login-field input:focus{
  border-color:#72ade5!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(45,134,223,.1)!important;
}

.login-refresh .login-password-wrap input{padding-right:48px!important}

.login-refresh .login-password-toggle{
  position:absolute;
  z-index:2;
  top:50%;
  right:7px;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  padding:0;
  transform:translateY(-50%);
  border:0;
  border-radius:9px;
  color:#7990a6;
  background:transparent;
  cursor:pointer;
  transition:color .18s ease,background .18s ease;
}

.login-refresh .login-password-toggle:hover,
.login-refresh .login-password-toggle:focus-visible,
.login-refresh .login-password-toggle.is-visible{
  color:#176fc8;
  background:#edf5fc;
  outline:none;
}

.login-refresh .login-password-toggle:focus-visible{box-shadow:0 0 0 3px rgba(45,134,223,.14)}
.login-refresh .login-password-toggle .ui-icon{width:18px;height:18px}

.login-refresh .credential-preference{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:stretch;
  gap:7px;
  margin:1px 0 12px;
}

.login-refresh .remember-password{
  min-width:0;
  margin:0!important;
  padding:9px 10px!important;
  border:1px solid #d9e6f1;
  border-radius:11px!important;
  color:#42627f;
  background:#f5f9fc!important;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease;
}

.login-refresh .remember-password:hover{border-color:#bfd6e9;background:#f1f7fc!important}
.login-refresh .remember-password input{accent-color:#247bd3}
.login-refresh .remember-password b{color:#315879;font-size:11px!important}
.login-refresh .remember-password small{color:#8295a8!important;font-size:9px!important}

.login-refresh .clear-saved-credential{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  width:58px;
  padding:4px;
  border:1px solid #e3e9ef;
  border-radius:11px;
  color:#7c8e9f;
  background:#fff;
  font-size:9px;
  font-weight:700;
  cursor:pointer;
}

.login-refresh .clear-saved-credential:hover,
.login-refresh .clear-saved-credential:focus-visible{
  border-color:#efc5c5;
  color:#bd4f55;
  background:#fff7f7;
  outline:none;
}

.login-refresh .clear-saved-credential .ui-icon{width:15px;height:15px}

.login-refresh .login-submit{
  min-height:47px!important;
  border-radius:12px!important;
  background:linear-gradient(105deg,#2e87df,#1768c4)!important;
  box-shadow:0 10px 24px rgba(30,111,200,.22)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}

.login-refresh .login-submit:hover:not(:disabled){
  transform:translateY(-1px);
  filter:saturate(1.05);
  box-shadow:0 13px 28px rgba(30,111,200,.27)!important;
}

.login-refresh .login-submit:focus-visible{outline:3px solid rgba(45,134,223,.22);outline-offset:2px}

.login-refresh .login-local-note{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-top:11px;
  padding:8px 10px;
  border-radius:10px;
  color:#74889b;
  background:#f5f8fb;
}

.login-refresh .login-local-note>span{display:grid;place-items:center;flex:none;margin-top:1px;color:#6e8faa}
.login-refresh .login-local-note .ui-icon{width:15px;height:15px}
.login-refresh .login-local-note p{margin:0;font-size:9px;line-height:1.55}
.login-refresh .login-note{margin-top:9px!important;color:#9aa9b7!important;font-size:9px!important}

@media(min-width:1101px) and (max-height:730px){
  body.login-screen .login-refresh .refined-login-hero{padding-top:28px!important;padding-bottom:62px!important}
  .login-refresh .refined-login-main{margin-top:32px!important}
  .login-refresh .refined-login-main h1{font-size:44px!important}
  .login-refresh .login-feature-grid{margin-top:17px!important}
  .login-refresh .login-warm-line{margin-top:10px!important;padding-top:9px!important;padding-bottom:9px!important}
  body.login-screen .login-refresh .refined-login-card{padding-top:22px!important;padding-bottom:20px!important}
  .login-refresh .login-cloud-status{margin-bottom:11px!important;padding-top:8px!important;padding-bottom:8px!important}
  .login-refresh .login-field{margin-bottom:9px!important}
  .login-refresh .login-field input{height:44px!important;min-height:44px!important}
  .login-refresh .login-local-note{margin-top:9px;padding-top:7px;padding-bottom:7px}
}

@media(max-width:1100px){
  body.login-screen .login-refresh{display:block!important}
  body.login-screen .login-refresh .refined-login-side{
    justify-content:flex-start!important;
    gap:0;
    padding:calc(21px + env(safe-area-inset-top)) 18px calc(32px + env(safe-area-inset-bottom))!important;
    background:
      radial-gradient(circle at 88% 2%,rgba(79,173,255,.22),transparent 220px),
      linear-gradient(180deg,#07386e 0,#0b559a 128px,#edf4fa 128px,#f6f9fc 100%)!important;
  }
  .login-refresh .login-side-heading{display:none}
  .login-refresh .mobile-login-logo{width:min(216px,58vw)!important;margin:1px auto 16px!important}
  body.login-screen .login-refresh .refined-login-card{width:min(100%,470px)!important;padding:24px 22px 21px!important}
}

@media(max-width:620px){
  body.login-screen .login-refresh .refined-login-side{
    padding:calc(14px + env(safe-area-inset-top)) 12px calc(24px + env(safe-area-inset-bottom))!important;
    background:
      radial-gradient(circle at 88% 2%,rgba(79,173,255,.2),transparent 180px),
      linear-gradient(180deg,#07386e 0,#0b559a 106px,#edf4fa 106px,#f6f9fc 100%)!important;
  }
  .login-refresh .mobile-login-logo{width:min(188px,54vw)!important;margin:0 auto 12px!important}
  body.login-screen .login-refresh .refined-login-card{padding:18px 16px 16px!important;border-radius:18px!important}
  .login-refresh .login-card-headline{margin-bottom:8px}
  .login-refresh .login-title{margin-bottom:11px!important}
  .login-refresh .login-title h2{font-size:20px!important}
  .login-refresh .login-cloud-status{margin-bottom:10px!important;padding:8px 9px!important}
  .login-refresh .login-field{margin-bottom:9px!important}
  .login-refresh .login-field>label{margin-bottom:4px;font-size:11px}
  .login-refresh .login-field input{height:44px!important;min-height:44px!important;font-size:16px!important}
  .login-refresh .credential-preference{margin-bottom:10px}
  .login-refresh .remember-password{padding:7px 9px!important}
  .login-refresh .clear-saved-credential{width:54px}
  .login-refresh .login-submit{min-height:44px!important}
  .login-refresh .login-local-note{margin-top:9px;padding:7px 9px}
  .login-refresh .login-note{margin-top:7px!important}
}

@media(max-width:370px){
  .login-refresh .saved-login-badge span{display:none}
  .login-refresh .login-card-headline{gap:6px}
  .login-refresh .clear-saved-credential{width:48px}
  .login-refresh .clear-saved-credential span{font-size:8px}
}

@media(max-width:620px) and (max-height:720px){
  .login-refresh .login-kicker,
  .login-refresh .login-local-note,
  .login-refresh .login-note{display:none!important}
  .login-refresh .login-card-headline{min-height:0;margin:0}
  .login-refresh .mobile-login-logo{width:min(164px,48vw)!important;margin-bottom:8px!important}
  body.login-screen .login-refresh .refined-login-card{padding-top:14px!important;padding-bottom:14px!important}
}

@media(prefers-reduced-motion:reduce){
  .login-refresh *,
  .login-refresh *:before,
  .login-refresh *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}