/* 账号界面共用赛事站的冷灰表面、Rajdhani 字标和橙色动作。 */
:is(.acct-veil,.acct-entry,.auth-page){
  --account-bg:#161d27;--account-input:#111821;--account-line:#34404e;
  --account-text:#f3f5f7;--account-muted:#a7b0bd;--account-accent:#f5a623;
  --account-ease:cubic-bezier(.16,1,.3,1);color:var(--account-text);color-scheme:dark;
}
:is(.acct-veil,.auth-page) ::selection{background:#f5a623;color:#241706}
:is(.acct-veil,.auth-page) button{font-family:inherit}
:is(.acct-veil,.auth-page) :is(button,a):focus-visible,.acct-entry:focus-visible{outline:2px solid var(--account-accent);outline-offset:4px}
:is(.acct-veil,.auth-page) button:disabled{cursor:default}
.acct-entry{position:fixed;left:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 44px);padding:7px 16px 7px 8px;border:1px solid var(--account-line);border-radius:999px;background:#171f2a;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 8px 24px -10px #000;transition:transform .2s var(--account-ease),border-color .2s,background .2s}
.acct-entry__ava{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#293341;color:#c6ced8;overflow:hidden}
.acct-entry__ava img,.lp__ava img,.pick__ava img{display:block;width:100%;height:100%;object-fit:cover}
#acctEntryTxt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-veil{position:fixed;inset:0;z-index:70;display:none;background:rgba(5,9,15,.76);backdrop-filter:blur(5px);opacity:0;transition:opacity .22s ease}
.acct-veil.is-open{display:block}.acct-veil.is-shown{opacity:1}
.lp{position:absolute;left:50%;top:50%;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);transform:translate(-50%,-50%);overflow-y:auto;overscroll-behavior:contain;border-radius:16px;background:var(--account-bg);box-shadow:0 24px 80px -18px rgba(0,0,0,.8);scrollbar-width:thin;scrollbar-color:#47525f transparent;animation:accountOpen .34s var(--account-ease) both}
.acct-veil:not(.is-shown) .lp{animation:none}
@keyframes accountOpen{from{opacity:.4;transform:translate(-50%,calc(-50% + 10px)) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.account-brand{display:flex;align-items:center;gap:10px;padding:19px 28px;border-bottom:1px solid #29333f;color:#d1d8e0;font:600 15px/1.2 Rajdhani,sans-serif;letter-spacing:.035em}
.account-brand img{width:27px;height:27px;border-radius:5px}
.account-brand b{color:var(--account-accent);font-weight:600}
.lp__x{position:absolute;right:15px;top:10px;width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:none;border:0;color:var(--account-muted);cursor:pointer;transition:color .18s,background .18s,transform .18s}
.lp__head{display:flex;align-items:center;gap:15px;padding:27px 28px 0}
.lp__ava{width:48px;height:48px;flex:0 0 auto;border:1px solid #675333;border-radius:14px;display:grid;place-items:center;background:#28251f;color:#ffc04d;overflow:hidden;transition:background .25s,border-color .25s}
.lp__head h2{margin:0;font-size:24px;line-height:1.35;font-weight:600;letter-spacing:-.025em;text-wrap:balance}
.lp__head p{margin:5px 0 0;color:var(--account-muted);font-size:13px;line-height:1.6;text-wrap:pretty}
.lp__head p:empty{display:none}
.lp form{display:grid;gap:10px;padding:26px 28px 0}
.acct-label{display:block;color:#c5ced8;font-size:13px;line-height:1.5;margin:5px 0 -3px}
.lpf{display:flex;position:relative;align-items:center;gap:11px;min-height:52px;padding:0 14px;background:var(--account-input);border:1px solid var(--account-line);border-radius:10px;transition:border-color .18s,background .18s,box-shadow .18s}
.lpf:focus-within{border-color:var(--account-accent);background:#19202a;box-shadow:none}
.lpf>svg{flex-shrink:0;color:#a7b0bd;transition:color .18s}
.lpf:focus-within>svg{color:#ffc04d}
.lpf input{min-width:0;width:100%;flex:1;padding:14px 0;border:0;outline:0;background:none;color:var(--account-text);font-family:inherit;font-size:16px;line-height:1.4;caret-color:var(--account-accent)}
.site-front .lpf input:focus-visible,.auth-page .lpf input:focus-visible,.site-front .otp input:focus-visible{outline:none}
.site-front .lpf__eye:focus-visible,.auth-page .lpf__eye:focus-visible{outline:none;background:#2b3035;color:#ffc04d}
.lpf input::placeholder{color:#929eae;opacity:1}
.lpf input:autofill{box-shadow:0 0 0 1000px var(--account-input) inset;-webkit-text-fill-color:var(--account-text)}
.lpf__eye{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;margin-right:-10px;border:0;border-radius:7px;background:none;color:#a7b0bd;cursor:pointer;transition:color .18s,background .18s}
:is(.acct-veil,.auth-page) input::-ms-reveal{display:none}
.lp__hint{display:none;align-items:flex-start;gap:8px;margin:2px 0 0;padding:10px 12px;background:#332024;border-radius:8px;color:#ffaaa3;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.lp__hint.is-on{display:flex}.lp__hint svg{flex-shrink:0;margin-top:4px}
.lp__go{position:relative;min-height:50px;margin-top:10px;padding:14px 40px;border:0;border-radius:10px;background:linear-gradient(180deg,#ffc04d,#f5a623);color:#241706;cursor:pointer;font-size:16px;font-weight:600;line-height:1.4;box-shadow:0 5px 14px -9px rgba(0,0,0,.45);transition:background .18s,filter .18s,box-shadow .22s,transform .18s var(--account-ease)}
.lp__go::after{content:"";position:absolute;right:21px;top:calc(50% - 4px);width:8px;height:8px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.65;transition:transform .22s var(--account-ease)}
.lp__go:disabled{opacity:.65}.lp__go.is-loading{background:#303c4b;color:#d6dce4;cursor:wait;box-shadow:none;opacity:1}
.lp__go.is-loading::after,.lp__go.is-done::after{opacity:0}
.lp__goLabel{display:block;transition:opacity .15s,transform .18s}
.lp__mark{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;opacity:0}
.lp__mark svg{position:absolute;inset:0;width:26px;height:26px}
.lp__markRing circle{fill:none;stroke:#d2dae5;stroke-width:2;stroke-linecap:round;stroke-dasharray:42 18}
.lp__markTick{opacity:0}.lp__markTick path{fill:none;stroke:#10291c;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.lp__go.is-loading .lp__goLabel,.lp__go.is-done .lp__goLabel{opacity:0;transform:translateY(3px)}
.lp__go.is-loading .lp__mark,.lp__go.is-done .lp__mark{opacity:1}
.lp__go.is-loading .lp__markRing{animation:accountSpin .8s linear infinite}
.lp__go.is-done{background:#3fd37c}.lp__go.is-done .lp__markTick{opacity:1}.lp__go.is-done .lp__markRing{opacity:0}
@keyframes accountSpin{to{transform:rotate(360deg)}}
.lp__foot{display:flex;align-items:center;justify-content:center;padding:18px 28px 22px;color:var(--account-muted);font-size:13px;line-height:1.7}
.lp__foot [data-foot="login"]{display:flex;justify-content:space-between;align-items:center;width:100%;gap:16px}
.lp__foot [data-foot="otp"]{display:flex;justify-content:space-between;gap:18px;width:100%;align-items:center}
.lp__foot a,.acct-text,.auth-back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:#b4becc;text-decoration:none;text-underline-offset:5px;cursor:pointer;transition:color .18s,background .18s}
.lp__foot [data-jump="reg"]{color:#e8b15a}
.acct-text{background:none;border:0;padding:0 10px;font:inherit}
.lp__resend{justify-self:center;min-width:154px;min-height:44px;padding:8px 14px;border:0;border-radius:8px;background:none;color:#e8b15a;cursor:pointer;font:inherit;font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums;transition:color .18s,background .18s,transform .18s}
.lp__resend:disabled{color:#a7b0bd;cursor:default}
.otp-help{color:var(--account-muted);font-size:14px;line-height:1.7;margin:0 0 6px;text-wrap:pretty}
.otp-help strong{display:block;font-size:16px;font-weight:500;color:var(--account-text);overflow-wrap:anywhere;margin-bottom:8px}
.otp{display:flex;gap:8px;margin:6px 0}
.otp input{width:100%;min-width:0;height:56px;flex:1;text-align:center;font:600 25px/1 Rajdhani,sans-serif;background:var(--account-input);color:var(--account-text);border:1px solid var(--account-line);border-radius:9px;outline:none;caret-color:var(--account-accent);transition:border-color .18s,background .18s,transform .18s}
.otp input:focus{border-color:var(--account-accent);background:#28251f;transform:translateY(-2px)}
.pick{display:flex;align-items:center;gap:18px;padding:0 0 14px;margin-bottom:6px;border-bottom:1px solid #29333f}
.pick__ava{position:relative;width:78px;height:78px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border:1px dashed #768497;border-radius:50%;padding:0;background:var(--account-input);color:#b4becc;cursor:pointer;transition:transform .25s var(--account-ease),border-color .18s,background .18s}
.pick__tip{font:inherit;font-size:14px;line-height:1.8;background:none;border:0;text-align:left;padding:0;color:#e8b15a;cursor:pointer;transition:color .18s}
.pick__tip small{color:#a7b0bd;font-size:13px}
.acct-center{display:grid;gap:12px;padding:25px 28px 0}
.acct-center__identity{display:grid;gap:8px;padding-bottom:14px;overflow-wrap:anywhere}
.acct-center__identity strong{font-size:26px;font-weight:600;line-height:1.4}
.acct-center__identity span{font-size:14px;color:var(--account-muted);line-height:1.6}
.acct-notice{margin:2px 0 0;font-size:14px;line-height:1.8;color:#9be2b7;text-wrap:pretty}
.acct-notice:not(:empty){padding:13px 15px;border:1px solid #335044;border-radius:10px;background:#192b25;animation:accountNotice .3s var(--account-ease)}
.acct-notice:empty{display:none}
.acct-secondary{min-height:48px;padding:12px 18px;border:1px solid #46515f;border-radius:10px;background:transparent;color:#c4cdd9;font:inherit;font-size:14px;cursor:pointer;transition:color .18s,border-color .18s,background .18s,transform .18s}
.done{padding:32px 28px;text-align:center}.done .tick{margin:0 auto 20px;width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#203b2d;color:#72dc9b}.done .tick path{stroke:currentColor;stroke-width:2;fill:none}
.done h3{font-size:23px;margin:0 0 8px}.done p{font-size:14px;line-height:1.7;color:var(--account-muted);margin:0}
.lp [data-view]:not([hidden]){animation:accountView .25s var(--account-ease) both}
@keyframes accountView{from{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes accountNotice{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){
  .acct-entry:hover{transform:translateY(-2px);border-color:#ac8244;background:#1e2834}
  .lp__go:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 9px 21px -12px rgba(0,0,0,.55)}
  .lp__go:not(:disabled):hover::after{transform:translateX(3px) rotate(45deg)}
  .lp__x:hover,.lpf__eye:hover{color:#ffc04d;background:#2b3035}
  .lp__foot a:hover,.acct-text:hover,.pick__tip:hover,.auth-back:hover{color:#ffe0a3;text-decoration:underline}
  .acct-secondary:not(:disabled):hover{background:#222b35;border-color:#798695;color:#f3f5f7;transform:translateY(-1px)}
  .lp__resend:not(:disabled):hover{background:#30291e;color:#ffe0a3}
  .pick__ava:hover{transform:scale(1.04);border-color:var(--account-accent);background:#28251f}
}
:is(.lp__go,.acct-secondary,.acct-entry,.lp__resend):not(:disabled):active{transform:translateY(0) scale(.98);transition-duration:.08s}
/* 独立重置页：同一套表单与按钮，在宽屏中加入站点品牌。 */
.auth-page{min-height:100dvh;margin:0;padding:32px;display:flex;flex-direction:column;background:#0d1118}
.auth-masthead{width:100%;max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px}
.auth-masthead .account-brand{padding:0;border:0;font-size:17px}.auth-masthead .account-brand img{width:34px;height:34px}
.auth-masthead a{color:#bbc4d0;font-size:14px;text-decoration:none}
.auth-layout{width:100%;max-width:960px;margin:auto;display:grid;grid-template-columns:1fr 440px;gap:80px;align-items:center;padding:55px 0}
.auth-context{position:relative}.auth-context__logo{width:72px;height:72px;border-radius:12px;margin-bottom:26px}
.auth-context__title{margin:0;font:600 clamp(48px,6vw,74px)/.98 Rajdhani,sans-serif;letter-spacing:-.025em;color:#f3f5f7}.auth-context__title span{display:block;color:#f5a623}
.auth-context p{margin:22px 0 0;color:#a7b0bd;font-size:16px;line-height:1.8}
.reset-card{min-width:0;border-radius:16px;background:var(--account-bg);padding:30px 30px 20px;box-shadow:0 24px 65px -20px #000;animation:accountView .45s var(--account-ease) both}
.reset-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.reset-card .lp__ava{width:48px;height:48px}
.reset-card h1{font-size:25px;line-height:1.4;font-weight:600;letter-spacing:-.025em;margin:0;text-wrap:balance}
.reset-card p{font-size:14px;line-height:1.8;color:#a7b0bd;margin:0 0 23px;text-wrap:pretty}
.reset-card form{display:grid;gap:10px}.reset-card #resetError{margin:14px 0 0;color:#ffaaa3;padding:10px 13px;background:#332024;border-radius:8px}
.reset-card #resetStatus{margin:14px 0 0;color:#9be2b7}.reset-card #resetStatus:empty{display:none}
.reset-card .auth-back{display:flex;font-size:14px;margin-top:20px}
.reset-card[data-state="success"] .lp__ava{color:#85e4a8;border-color:#467657;background:#203b2d;animation:accountNotice .4s var(--account-ease)}
.reset-card[data-state="invalid"] .lp__ava{color:#c8d1dd;border-color:#465464;background:#242e3b}
.reset-card[data-state="success"] .auth-back{background:#f5a623;color:#241706;border-radius:10px;font-weight:600;min-height:48px;text-decoration:none}
.auth-footer{max-width:1120px;width:100%;margin:0 auto;color:#a7b0bd;font-size:13px;line-height:1.7}
.password-checks{display:flex;gap:8px 16px;flex-wrap:wrap;margin:2px 0 7px;font-size:13px;color:#a7b0bd;list-style:none;padding:0}
.password-checks li{display:flex;gap:6px;align-items:center}.password-checks svg{width:14px;height:14px;stroke:#768598;fill:none;stroke-width:1.8}
.password-checks .is-met{color:#9be2b7}.password-checks .is-met svg{stroke:#9be2b7}
@media(max-width:850px){.auth-layout{max-width:440px;grid-template-columns:1fr;gap:0;padding:36px 0}.auth-context{display:none}.auth-page{padding:24px}.auth-masthead{max-width:440px}.auth-masthead>a{display:none}.auth-footer{max-width:440px;text-align:center}}
@media(max-width:420px){.lp{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.account-brand{padding:17px 22px}.lp__head{padding:23px 22px 0;gap:12px}.lp__head h2{font-size:22px}.lp__head p{font-size:13px}.lp form,.acct-center{padding:22px 22px 0}.lp__foot{padding:14px 22px 18px}.otp{gap:6px}.otp input{height:50px}.auth-page{padding:20px 14px}.reset-card{padding:26px 22px 18px}.auth-masthead .account-brand{font-size:15px}.pick{gap:12px}.pick__ava{width:66px;height:66px}}
@media(prefers-reduced-motion:reduce){:is(.acct-veil,.auth-page,.acct-entry),:is(.acct-veil,.auth-page) *{animation:none!important;transition:none!important}.lp [data-view]{transform:none!important}}