/*
  File: css/rawp-login.css
  Version: RAWP-MOBILE-M2.1.9.8-CSS-FINAL-POLISH
  Updated: 2026-06-14
  Notes: 登录页缓存版本号同步。
*/
:root{
  --login-bg:#07111f;
  --login-panel:rgba(13,27,48,.84);
  --login-panel-strong:rgba(10,20,36,.92);
  --login-border:rgba(133,243,222,.28);
  --login-border-strong:rgba(133,243,222,.64);
  --login-text:#edf7ff;
  --login-muted:#9fb1cb;
  --login-soft:#6c7d96;
  --login-accent:#8ff8df;
  --login-accent-2:#ffd95c;
  --login-danger:#ff6b7a;
  --login-danger-bg:rgba(255,95,116,.13);
  --login-ok:#8ff8c4;
  --login-ok-bg:rgba(69,212,150,.13);
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body.rawp-login-page{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px 28px 78px;
  color:var(--login-text);
  font-family:"Microsoft YaHei",Arial,sans-serif;
  background:var(--login-bg);
  overflow:hidden;
  position:relative;
}
.rawp-login-bg{position:fixed;inset:-18px;z-index:0;overflow:hidden;background:linear-gradient(135deg,#07111f,#102744 58%,#06101e)}
.rawp-login-bg img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:blur(4px) saturate(1.18) contrast(1.1) brightness(1.03);transform:scale(1.022);opacity:.92;display:block}
body.rawp-login-page::after{
  content:"";
  position:fixed;
  inset:0;
  background:
    radial-gradient(circle at 50% 48%,rgba(8,20,38,.12) 0%,rgba(8,16,31,.48) 50%,rgba(3,7,14,.78) 100%),
    linear-gradient(180deg,rgba(4,10,20,.22),rgba(4,9,18,.64));
  z-index:1;
}
.rawp-login-shell{
  width:min(1120px,100%);
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(340px,430px);
  gap:34px;
  align-items:center;
  position:relative;
  z-index:2;
}
.rawp-login-hero{min-width:0;padding:16px 0 16px 8px;text-shadow:0 10px 30px rgba(0,0,0,.32)}
.rawp-login-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}
.rawp-login-mark{width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:8px;box-shadow:none;overflow:hidden}
.rawp-login-mark img{width:54px;height:54px;display:block;object-fit:contain}
.rawp-login-brand-text{min-width:0}
.rawp-login-brand-title{font-size:25px;line-height:1.18;font-weight:900;color:#f4fbff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rawp-login-brand-sub{font-size:13px;color:#a8b7cd;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rawp-login-hero-title{font-size:38px;font-weight:900;line-height:1.18;color:#ffe06e;margin:0 0 12px 0;letter-spacing:-.02em}
.rawp-login-hero-desc{font-size:15px;line-height:1.9;color:#afbdd2;max-width:620px;margin:0}
.rawp-login-hero-note{margin-top:0;color:#8293ad;font-size:12px;line-height:1.7;max-width:620px}.rawp-login-hero-note:empty{display:none}
.rawp-login-card{
  width:100%;
  background:linear-gradient(180deg,var(--login-panel),var(--login-panel-strong));
  border:1px solid var(--login-border);
  box-shadow:0 26px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(14px);
  padding:26px;
  position:relative;
}
.rawp-login-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--login-accent),rgba(143,248,223,.08))}
.rawp-login-card-head{margin-bottom:20px}
.rawp-login-title{font-size:23px;font-weight:900;color:#f4fbff;line-height:1.25}
.rawp-login-sub{font-size:13px;color:var(--login-muted);margin-top:7px;line-height:1.55}
.rawp-login-msg{padding:10px 12px;margin:0 0 14px 0;font-size:13px;line-height:1.5;border:1px solid transparent;background:rgba(255,255,255,.06);color:#dbeafe}
.rawp-login-err{background:var(--login-danger-bg);border-color:rgba(255,107,122,.35);color:#ffd5dc}
.rawp-login-ok{background:var(--login-ok-bg);border-color:rgba(143,248,196,.28);color:#d4ffe9}
.rawp-login-field{margin:13px 0}
.rawp-login-field label{display:block;font-size:13px;color:#c3d0e4;margin-bottom:7px;font-weight:700}
.rawp-login-field input{
  width:100%;
  height:42px;
  border:1px solid rgba(163,187,220,.22);
  background:rgba(5,13,26,.7);
  color:#f7fbff;
  padding:0 12px;
  outline:none;
  font-size:15px;
  border-radius:0;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.rawp-login-field input:focus{border-color:var(--login-border-strong);box-shadow:0 0 0 3px rgba(143,248,223,.11);background:rgba(5,14,28,.88)}
.rawp-login-captcha-row{display:grid;grid-template-columns:1fr 112px 62px;gap:10px;align-items:end}
.rawp-login-captcha-q{height:42px;display:flex;align-items:center;padding:0 12px;border:1px solid rgba(163,187,220,.18);background:rgba(255,255,255,.055);color:#ffe06e;font-weight:900;letter-spacing:.02em;white-space:nowrap}
.rawp-login-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;opacity:0}
.rawp-login-btn{width:100%;height:44px;border:0;background:linear-gradient(135deg,#9afce6,#63dac9);color:#061827;font-weight:900;cursor:pointer;margin-top:12px;font-size:16px;letter-spacing:.08em;box-shadow:0 12px 32px rgba(99,218,201,.22)}
.rawp-login-btn:hover{filter:brightness(1.04)}
.rawp-login-btn:disabled{opacity:.72;cursor:wait;filter:grayscale(.15)}
.rawp-login-links{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;font-size:13px;color:#8fa1bb}
.rawp-login-links a{color:#9afce6;text-decoration:none;font-weight:800}
.rawp-login-links a:hover{text-decoration:underline}
.rawp-login-foot{font-size:12px;color:#8293ad;margin-top:18px;line-height:1.65;border-top:1px solid rgba(163,187,220,.14);padding-top:14px}

.rawp-login-captcha-refresh{height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(143,248,223,.24);background:rgba(143,248,223,.08);color:#9afce6;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}
.rawp-login-captcha-refresh:hover{background:rgba(143,248,223,.14);text-decoration:none}
.rawp-login-footer{position:fixed;left:18px;right:18px;bottom:16px;z-index:2;color:rgba(207,220,238,.7);font-size:12px;line-height:1.6;text-align:center}
.rawp-login-footer .site-footer__inner{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.rawp-login-footer a{color:rgba(154,252,230,.82);text-decoration:none}
.rawp-login-footer a:hover{text-decoration:underline;color:#9afce6}
@media (max-width:860px){
  body.rawp-login-page{overflow:auto;padding:20px 20px 92px}
  .rawp-login-shell{grid-template-columns:1fr;gap:18px}
  .rawp-login-hero{padding:0;text-align:left}
  .rawp-login-hero-title{font-size:28px}
  .rawp-login-hero-desc,.rawp-login-hero-note{display:none}
  .rawp-login-card{padding:22px}
  .rawp-login-captcha-row{grid-template-columns:1fr 104px;gap:8px}
  .rawp-login-captcha-refresh{grid-column:1 / -1;height:36px}
  .rawp-login-footer{position:relative;left:auto;right:auto;bottom:auto;margin-top:18px}
}
@media (max-aspect-ratio:3/4){
  .rawp-login-bg img{object-fit:cover;object-position:center center}
}

@media (max-width:640px){
  html,body{min-height:100dvh}
  body.rawp-login-page{display:block;overflow:auto;padding:calc(14px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));min-height:100dvh}
  .rawp-login-bg{inset:0}.rawp-login-bg img{filter:blur(2px) saturate(1.08) contrast(1.04) brightness(.92);transform:scale(1.01);opacity:.78}
  body.rawp-login-page::after{background:linear-gradient(180deg,rgba(4,10,20,.40),rgba(4,9,18,.82))}
  .rawp-login-shell{width:100%;min-height:auto;display:block;position:relative;z-index:2}
  .rawp-login-hero{padding:2px 2px 12px;text-align:left}
  .rawp-login-brand{gap:10px;margin-bottom:12px}.rawp-login-mark{width:46px;height:46px;border-radius:6px}.rawp-login-mark img{width:46px;height:46px}
  .rawp-login-brand-title{font-size:20px;line-height:1.22}.rawp-login-brand-sub{font-size:12px;color:#b7c4d6;margin-top:3px}
  .rawp-login-hero-title{font-size:24px;line-height:1.2;margin:0 0 4px}.rawp-login-hero-desc{display:block;font-size:13px;line-height:1.55;max-width:none;color:#c0cad9;margin:0}.rawp-login-hero-note{display:none}
  .rawp-login-card{padding:18px 15px 16px;border-color:rgba(143,248,223,.35);box-shadow:0 18px 50px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06)}
  .rawp-login-card-head{margin-bottom:14px}.rawp-login-title{font-size:21px}.rawp-login-sub{font-size:12px;margin-top:4px}
  .rawp-login-field{margin:11px 0}.rawp-login-field label{font-size:13px;margin-bottom:6px}.rawp-login-field input{height:46px;font-size:16px;padding:0 11px}
  .rawp-login-captcha-row{grid-template-columns:88px minmax(0,1fr);gap:8px}.rawp-login-captcha-q{height:46px;justify-content:center;padding:0 8px}.rawp-login-captcha-refresh{grid-column:1 / -1;height:38px;font-size:13px}.rawp-login-btn{height:48px;font-size:17px;margin-top:13px}.rawp-login-links{font-size:13px;align-items:flex-start;gap:8px}.rawp-login-foot{font-size:11px;line-height:1.55;margin-top:14px;padding-top:12px}.rawp-login-footer{position:relative;left:auto;right:auto;bottom:auto;margin-top:14px;font-size:10.5px;line-height:1.55}.rawp-login-footer .site-footer__inner{gap:6px 10px}
}
@media (max-width:360px){.rawp-login-brand-title{font-size:18px}.rawp-login-hero-title{font-size:22px}.rawp-login-card{padding:16px 13px}.rawp-login-captcha-row{grid-template-columns:82px minmax(0,1fr)}}