@charset "UTF-8";/* ==========================================================================
   AiKa SUP · 独立页  sup-pages.css
   登录 / 注册 / 注册完成 / 找回密码 / 404 / APP 下载 / 维护页 / 后台登录
   这些页面不走外壳，各自内联样式，这里统一接管
   ========================================================================== */
/* ---------- 通用居中容器 ---------- */
:root .lg-wrapper, :root .reg-wrapper, :root .fp-wrapper, :root .login-wrap, :root .maint-wrap, :root .download-container{
  position:relative;z-index:1;
  min-height:100vh;display:flex!important;align-items:center;justify-content:center;
  padding:32px 16px;box-sizing:border-box;
}:root .lg-card, :root .reg-card, :root .fp-card, :root .login-card, :root .maint-card, :root .lg-box, :root .reg-box{
  width:100%;max-width:500px;box-sizing:border-box;
  background:var(--s-surface)!important;
  border:1px solid var(--s-line-2)!important;
  border-radius:20px!important;
  box-shadow:var(--s-sh-3)!important;
  padding:38px 34px 32px!important;
  position:relative;
  animation:s-fade .35s var(--s-ease);
}:root .maint-card{max-width:520px;text-align:center}:root .login-card{max-width:460px;padding:36px 32px 30px!important}/* ---------- 页头（图标/站点名） ---------- */
:root .lg-header, :root .reg-header, :root .fp-header, :root .login-header{
  text-align:center;margin-bottom:26px;
  border:none!important;background:transparent!important;padding:0!important;
}:root .lg-avatar, :root .reg-avatar, :root .login-logo, :root .header-icon{
  width:56px;height:56px;margin:0 auto 14px;
  border-radius:16px!important;
  display:grid!important;place-items:center;
  background:var(--s-fill)!important;color:var(--s-fill-t)!important;
  font-size:27px!important;font-weight:700;letter-spacing:0!important;line-height:1;padding-bottom:1px;
  box-shadow:0 6px 20px rgba(0,0,0,.18)!important;
  overflow:hidden;border:none!important;
}:root .lg-avatar img, :root .reg-avatar img, :root .login-logo img{width:100%;height:100%;object-fit:cover;border-radius:16px}:root .lg-header h1, :root .reg-header h1, :root .fp-header h1, :root .lg-title, :root .fp-title, :root .login-header h1, :root .login-title{
  font-size:21px!important;font-weight:650!important;color:var(--s-text)!important;
  letter-spacing:-.2px;margin:0 0 6px!important;
}:root .lg-header p, :root .reg-header p, :root .fp-header p, :root .lg-sub, :root .fp-sub, :root .login-header p, :root .login-sub{
  font-size:12.5px!important;color:var(--s-text-3-ink)!important;margin:0!important;line-height:1.6;
}/* ---------- 表单字段 ---------- */
:root .lg-field, :root .reg-field, :root .fp-field, :root .form-item, :root .lg-body .field{
  margin-bottom:15px;position:relative;
}:root .lg-field>label, :root .reg-field>label, :root .fp-field>label, :root .form-item>label{
  display:block!important;font-size:12.5px!important;font-weight:500!important;
  color:var(--s-text-2)!important;margin:0 0 7px!important;text-align:left!important;
}:root .input-wrap, :root .input-row{
  position:relative;display:flex!important;align-items:center;
  height:46px!important;
  border:1px solid var(--s-line)!important;
  border-radius:12px!important;
  background:var(--s-sunken)!important;
  padding:0 13px!important;
  transition:var(--s-t-fast);
}
/* 兼容写法：.input-icon 直接当外框用（部分页面如此），单独给框样式 */
:root .input-icon:has(input){
  position:relative;display:flex!important;align-items:center;
  height:46px!important;
  border:1px solid var(--s-line)!important;
  border-radius:12px!important;
  background:var(--s-sunken)!important;
  padding:0 13px!important;
  transition:var(--s-t-fast);
}
/* 图标位：只占宽度、不画框，垂直居中 */
:root .input-icon{
  display:inline-flex!important;align-items:center;justify-content:center;
  width:20px;min-width:20px;flex:0 0 20px;
  height:auto!important;align-self:center;
  border:none!important;border-radius:0!important;
  background:transparent!important;padding:0!important;
  margin-right:10px;
  color:var(--s-text-3-ink)!important;font-size:14px;line-height:1;
  transition:color var(--s-t-fast);
}:root .input-wrap:focus-within .input-icon, :root .input-row:focus-within .input-icon{color:var(--s-accent-ink)!important}
:root .input-wrap:focus-within, :root .input-row:focus-within{
  border-color:var(--s-accent-line)!important;
  background:var(--s-surface)!important;
  box-shadow:var(--s-accent-ring)!important;
}:root .input-wrap .icon, :root .input-row .icon, :root .input-icon .icon, :root .input-wrap>i.fa, :root .input-row>i.fa{
  width:18px;flex:0 0 18px;text-align:center;
  color:var(--s-text-3-ink)!important;font-size:15px;margin-right:10px;
  position:static!important;transform:none!important;
}:root .lg-field input, :root .reg-field input, :root .fp-field input, :root .form-item input, :root .lg-body input, :root .reg-body input, :root .fp-body input, :root .input-wrap input, :root .input-row input, :root .input-icon input{
  flex:1;min-width:0;width:100%!important;
  height:100%!important;padding:0!important;margin:0!important;
  border:none!important;background:transparent!important;
  color:var(--s-text)!important;font-size:14px!important;line-height:44px!important;
  box-shadow:none!important;outline:none!important;
  -webkit-appearance:none;appearance:none;
}:root .input-wrap input::placeholder, :root .input-row input::placeholder{color:var(--s-text-3-ink)!important}:root .input-wrap input:-webkit-autofill, :root .input-row input:-webkit-autofill{
  -webkit-text-fill-color:var(--s-text);
  -webkit-box-shadow:0 0 0 1000px var(--s-surface) inset!important;
  transition:background-color 9999s ease-out;
}/* 验证码 */
:root .input-wrap .code-img, :root .reg-field .code-img, :root .input-row img.code{
  height:30px;width:auto;border-radius:6px;cursor:pointer;margin-left:8px;flex:0 0 auto;
}/* ---------- 按钮 ---------- */
:root .lg-btn, :root .reg-btn, :root .fp-btn, :root .btn-login, :root .btn-submit, :root .lg-body .btn, :root .btn-register, :root .reg-submit, :root input.btn-register{
  display:flex!important;align-items:center;justify-content:center;gap:7px;
  width:100%!important;height:46px!important;
  margin-top:6px;padding:0 18px!important;
  border:none!important;border-radius:12px!important;
  background:var(--s-fill)!important;color:var(--s-fill-t)!important;
  font-size:14.5px!important;font-weight:650!important;letter-spacing:1px;
  cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.12),0 8px 24px rgba(0,0,0,.14)!important;
  transition:var(--s-t-fast);
}:root .lg-btn:hover, :root .reg-btn:hover, :root .fp-btn:hover, :root .btn-login:hover, :root .btn-submit:hover, :root .btn-register:hover, :root input.btn-register:hover{
  background:var(--s-fill-h)!important;transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(0,0,0,.16),0 12px 30px rgba(0,0,0,.18)!important;
}:root .lg-btn:active, :root .btn-login:active{transform:none;box-shadow:var(--s-sh-1)!important}:root .lg-btn:disabled, :root .btn-login:disabled{opacity:.5!important;cursor:not-allowed;transform:none!important}:root .fp-btn-primary{background:var(--s-fill)!important;color:var(--s-fill-t)!important}:root .fp-btn-ghost{background:transparent!important;color:var(--s-text-2)!important;border:1px solid var(--s-line)!important;box-shadow:none!important}:root .fp-btn-ghost:hover{background:var(--s-hover)!important;color:var(--s-text)!important;box-shadow:none!important}/* 输入框内的小按钮（发送验证码） */
:root .addon-btn, :root .send-code, :root .sendCode, :root .input-wrap .btn-send, :root .input-row .btn-send{
  position:static!important;flex:0 0 auto;margin-left:8px;
  height:30px!important;padding:0 11px!important;
  border-radius:8px!important;border:1px solid var(--s-line)!important;
  background:var(--s-surface)!important;color:var(--s-accent-ink)!important;
  font-size:12.5px!important;font-weight:500!important;line-height:1!important;
  cursor:pointer;white-space:nowrap;box-shadow:none!important;width:auto!important;
}:root .addon-btn:hover, :root .send-code:hover{background:var(--s-accent-bg)!important;border-color:var(--s-accent-line)!important}:root .addon-btn:disabled, :root .send-code:disabled{opacity:.5!important;cursor:not-allowed;color:var(--s-text-3-ink)!important}/* ---------- 提示 / 链接 ---------- */
:root .lg-tip, :root .reg-tip, :root .fp-tip, :root .login-tip, :root .lg-alert, :root .fp-alert, :root .reg-alert{
  padding:11px 13px!important;border-radius:10px!important;
  background:var(--s-surface-2)!important;border:1px solid var(--s-line-2)!important;
  color:var(--s-text-2)!important;font-size:12.5px!important;line-height:1.6!important;
  margin:0 0 15px!important;
}:root .fp-alert{background:var(--s-accent-bg)!important;border-color:var(--s-accent-line)!important;color:var(--s-accent-d)!important}:root .lg-links, :root .reg-links, :root .fp-links{
  display:flex!important;align-items:center;justify-content:space-between;
  gap:10px;margin-top:18px!important;font-size:12.5px!important;color:var(--s-text-3-ink)!important;
}:root .lg-links a, :root .reg-links a, :root .fp-links a{color:var(--s-text-2)!important;font-weight:500}:root .lg-links a:hover, :root .fp-links a:hover{color:var(--s-accent-ink)!important}:root .login-footer, :root .lg-footer{
  margin-top:22px!important;padding-top:16px!important;
  border-top:1px solid var(--s-line-2)!important;
  text-align:center!important;font-size:12px!important;color:var(--s-text-3-ink)!important;
  background:transparent!important;
}:root .login-footer a{color:var(--s-text-2)!important}/* 邮箱联想 */
:root .email-suggest-wrap{position:relative}:root #emailSuggestList, :root .email-suggest-list{
  position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;
  background:var(--s-glass)!important;
  -webkit-backdrop-filter:var(--s-blur);backdrop-filter:var(--s-blur);
  border:1px solid var(--s-line)!important;border-radius:12px!important;
  box-shadow:var(--s-sh-3)!important;padding:5px!important;margin:0!important;
  max-height:230px;overflow-y:auto;list-style:none;
}:root #emailSuggestList li, :root .email-suggest-list li{
  padding:8px 11px!important;border-radius:8px!important;
  font-size:13px!important;color:var(--s-text-2)!important;cursor:pointer;
}:root #emailSuggestList li:hover, :root .email-suggest-list li:hover{background:var(--s-hover)!important;color:var(--s-text)!important}/* 背景图（登录页） */
:root .lg-bg{
  position:fixed!important;inset:0;width:100%!important;height:100%!important;
  object-fit:cover;z-index:0;opacity:.5!important;
  filter:grayscale(1) contrast(.92) brightness(1.06);
}:root .lg-overlay{
  position:fixed!important;inset:0;z-index:0;
  background:linear-gradient(180deg,rgba(242,242,245,.86),rgba(242,242,245,.96))!important;
  backdrop-filter:blur(2px);
}/* ---------- 404 ---------- */
:root .card.code-card, :root .wb-404, :root .err-card{
  max-width:480px;margin:0 auto;text-align:center;
  background:var(--s-surface)!important;border:1px solid var(--s-line-2)!important;
  border-radius:20px!important;box-shadow:var(--s-sh-3)!important;
  padding:44px 34px 34px!important;position:relative;z-index:1;
}:root .blob{position:absolute!important;border-radius:50%!important;filter:blur(50px)!important;opacity:.4!important;pointer-events:none;z-index:0}:root .blob.b1{background:rgba(18,185,129,.30)!important}:root .blob.b2{background:rgba(0,0,0,.10)!important}:root .blob.b3{background:rgba(18,185,129,.18)!important}:root .blob.b4{background:rgba(0,0,0,.06)!important}:root .code{font-size:76px!important;font-weight:800!important;letter-spacing:-4px;line-height:1!important;
  color:var(--s-text)!important;-webkit-text-fill-color:var(--s-text);background:none!important;margin-bottom:8px}:root .badge-404, :root .card .badge{
  display:inline-flex!important;align-items:center;gap:5px;
  padding:4px 11px!important;border-radius:var(--s-r-pill)!important;
  background:var(--s-accent-bg)!important;color:var(--s-accent-d)!important;
  font-size:11.5px!important;font-weight:600!important;margin-bottom:14px;
}:root .btns{display:flex!important;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}:root .btns .btn{min-width:120px}/* ---------- APP 下载 ---------- */
:root .download-container{flex-direction:column}:root .app-icon{
  width:88px!important;height:88px!important;border-radius:22px!important;
  display:grid!important;place-items:center;font-size:38px!important;
  background:var(--s-surface)!important;border:1px solid var(--s-line-2)!important;
  box-shadow:var(--s-sh-3)!important;margin:0 auto 20px!important;
}:root .app-title{font-size:23px!important;font-weight:700!important;color:var(--s-fill-t)!important;text-align:center;margin:0 0 7px!important}:root .app-subtitle{font-size:13px!important;color:var(--s-fill-t)!important;opacity:.75;text-align:center;margin:0 0 26px!important;line-height:1.7}:root .download-buttons{display:flex!important;flex-direction:column;gap:11px!important;width:100%;max-width:340px}:root .download-btn{
  display:flex!important;align-items:center;justify-content:center;gap:9px;
  height:50px!important;border-radius:13px!important;
  background:var(--s-fill)!important;color:var(--s-fill-t)!important;
  font-size:14.5px!important;font-weight:600!important;text-decoration:none!important;
  box-shadow:0 2px 6px rgba(0,0,0,.12),0 8px 24px rgba(0,0,0,.14)!important;
  transition:var(--s-t-fast);
}:root .download-btn:hover{background:var(--s-fill-h)!important;color:var(--s-fill-t)!important;transform:translateY(-1px)}:root .download-btn.ios-btn, :root .download-btn.pc-btn{
  background:var(--s-surface)!important;color:var(--s-text)!important;
  border:1px solid var(--s-line)!important;box-shadow:var(--s-sh-1)!important;
}:root .download-btn.ios-btn:hover, :root .download-btn.pc-btn:hover{background:var(--s-surface-2)!important;color:var(--s-text)!important}:root .download-hint{
  margin-top:22px!important;font-size:12px!important;color:var(--s-text-3-ink)!important;
  text-align:center;line-height:1.8;max-width:340px;
}/* ---------- 维护页 ---------- */
:root .maint-card{padding:44px 36px!important}:root .maint-icon{width:74px!important;height:74px!important;margin:0 auto 22px!important;display:grid;place-items:center;
  border-radius:22px!important;background:var(--s-accent-bg)!important;color:var(--s-accent-ink)!important}:root .maint-icon svg{width:36px!important;height:36px!important;stroke:var(--s-accent-h)!important;fill:none!important;stroke-width:1.6}:root .maint-title{font-size:21px!important;font-weight:650!important;color:var(--s-text)!important;margin:0 0 10px!important;text-align:center}:root .maint-msg{font-size:13.5px!important;color:var(--s-text-2)!important;line-height:1.8!important;text-align:center;margin:0!important}:root .maint-spinner{display:inline-block;width:12px;height:12px;margin-right:6px;
  border:2px solid var(--s-line-3);border-top-color:var(--s-accent);border-radius:50%;
  animation:s-spin .8s linear infinite;vertical-align:-1px}:root .maint-footer{margin-top:26px!important;padding-top:18px!important;border-top:1px solid var(--s-line-2)!important;
  font-size:12px!important;color:var(--s-text-3-ink)!important;text-align:center}/* ---------- 后台登录 ---------- */
:root .login-wrap{
  background:var(--s-bg);
  flex-direction:column;
}:root .login-header{text-align:center;margin-bottom:24px}:root .login-logo{
  width:54px!important;height:54px!important;border-radius:16px!important;
  background:var(--s-fill)!important;color:var(--s-fill-t)!important;
  display:grid!important;place-items:center;font-size:22px;font-weight:800;
  margin:0 auto 14px!important;box-shadow:0 6px 20px rgba(0,0,0,.18)!important;
}:root .login-card .form-item{margin-bottom:15px}:root .login-card .input-wrap{height:46px!important}:root .btn-login{letter-spacing:3px!important}/* 轻提示 / 遮罩 */
:root .toast-mask{
  position:fixed!important;inset:0;z-index:4000;display:none;
  align-items:center;justify-content:center;background:rgba(0,0,0,.24);
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
}:root .toast-mask.show, :root .toast-mask.active{display:flex!important}:root .toast-box, :root .toast{
  min-width:150px;max-width:78vw;padding:16px 22px!important;
  border-radius:14px!important;background:var(--s-glass)!important;
  -webkit-backdrop-filter:var(--s-blur);backdrop-filter:var(--s-blur);
  border:1px solid var(--s-line)!important;box-shadow:var(--s-sh-3)!important;
  font-size:13.5px!important;color:var(--s-text)!important;text-align:center;
}:root .loading-mask{
  position:fixed!important;inset:0;z-index:4001;display:none;
  align-items:center;justify-content:center;background:rgba(242,242,245,.6);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
}:root .loading-mask.show, :root .loading-mask.active{display:flex!important}:root .spinner{
  width:30px;height:30px;border-radius:50%;
  border:3px solid var(--s-line-3);border-top-color:var(--s-accent);
  animation:s-spin .75s linear infinite;
}

/* ---------- 移动端 ---------- */
@media (max-width:520px){:root .lg-card, :root .reg-card, :root .fp-card, :root .login-card, :root .maint-card{
    padding:30px 22px 26px!important;border-radius:18px!important;max-width:100%;
  }:root .lg-wrapper, :root .reg-wrapper, :root .fp-wrapper, :root .login-wrap, :root .maint-wrap{padding:20px 14px}:root .lg-header h1, :root .reg-header h1, :root .fp-header h1, :root .login-header h1{font-size:19px!important}:root .code{font-size:62px!important}:root .download-btn{height:48px!important}
}/* ---------- 补：独立页遗漏的小按钮类（发送验证码 / 复制） ---------- */
:root .btn-send-code, :root .send-btn, :root .send-code, :root .addon-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  height:34px!important;padding:0 14px!important;
  border:1px solid var(--s-accent-line)!important;
  border-radius:var(--s-r-xs)!important;
  background:var(--s-accent-bg)!important;
  color:var(--s-accent-ink)!important;
  font-size:13px!important;font-weight:600!important;
  cursor:pointer;white-space:nowrap;
  transition:background-color .18s,color .18s,border-color .18s;
}:root .btn-send-code:hover, :root .send-btn:hover, :root .send-code:hover, :root .addon-btn:hover{
  background:var(--s-accent-fill)!important;color:var(--s-fill-t)!important;border-color:var(--s-accent-fill)!important;
}:root .btn-send-code:disabled, :root .send-btn:disabled, :root .send-code:disabled, :root .addon-btn:disabled{
  opacity:.55!important;cursor:not-allowed!important;
  background:var(--s-surface-2)!important;color:var(--s-text-3-ink)!important;border-color:var(--s-line)!important;
}/* regok 复制按钮 */
:root .cp{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  height:30px!important;padding:0 12px!important;
  border:1px solid var(--s-line)!important;border-radius:var(--s-r-xs)!important;
  background:var(--s-surface)!important;color:var(--s-text-2)!important;
  font-size:12.5px!important;font-weight:500!important;cursor:pointer;
  transition:background-color .18s,color .18s;
}:root .cp:hover{background:var(--s-hover)!important;color:var(--s-text)!important}