#pg-auth[hidden],#pg-auth [hidden]{display:none!important}
#pg-auth{position:fixed;inset:0;z-index:30;overflow-y:auto;overscroll-behavior:contain;background:#001e18;color:#f8e7ae;text-align:left;font-family:"PingFang SC","Microsoft YaHei",sans-serif;-webkit-overflow-scrolling:touch}
#pg-auth *{box-sizing:border-box}
#pg-auth .auth-scene{width:100%;max-width:480px;min-height:100%;margin:auto;position:relative;background:#003b2e url('login-emerald-bg.webp?v=2026100106') top center/100% auto no-repeat;padding-bottom:22%;container-type:inline-size}
#pg-auth .auth-hero{height:119cqw}
#pg-auth .auth-form{margin:0 6.8%;padding:0;border:0}
#pg-auth button,#pg-auth input{font:inherit;-webkit-tap-highlight-color:transparent}
#pg-auth button{cursor:pointer;touch-action:manipulation}
#pg-auth .auth-tabs{display:flex;gap:1.5cqw;margin-bottom:4.4cqw}
#pg-auth .auth-tab{flex:1;min-height:44px;height:10.6cqw;border:1px solid #73aa77;border-radius:10px;background:#003b2ed9;color:#c0dfcd;font-size:clamp(17px,3.8cqw,21px);letter-spacing:2px;font-weight:600}
#pg-auth .auth-tab[aria-selected=true]{background:#b88123 url('login-gold-button.webp?v=2026100106') center/100% 100% no-repeat;border-color:#ffdd78;color:#fff9dd;text-shadow:0 1px 2px #85571b;box-shadow:0 0 10px #e8c15b33}
#pg-auth .auth-field{display:flex;align-items:center;gap:4cqw;min-height:48px;height:12cqw;margin-bottom:3.4cqw;padding:0 4cqw;background:#003226d9;border:1px solid #e1c371;border-radius:12px}
#pg-auth .auth-icon{width:25px;height:25px;flex-shrink:0;background-color:#f6dc85;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}
#pg-auth .auth-phone{--icon:url('login-icons/device-mobile.svg')}
#pg-auth .auth-lock{--icon:url('login-icons/lock.svg')}
#pg-auth input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#fff7de;font-size:clamp(16px,3.7cqw,20px);padding:12px 0;box-shadow:none;border-radius:0}
#pg-auth input::placeholder{color:#b6c6ba;opacity:1}
#pg-auth input:-webkit-autofill{-webkit-text-fill-color:#fff7de;transition:background-color 999999s}
#pg-auth .auth-field:focus-within{border-color:#ffe69c;box-shadow:0 0 0 2px #eec86466}
#pg-auth .auth-eye{flex-shrink:0;display:grid;place-items:center;background:transparent;border:0;width:44px;height:44px;margin-right:-10px}
#pg-auth .auth-eye .auth-icon{width:27px;height:27px;--icon:url('login-icons/eye.svg')}
#pg-auth .auth-eye[aria-pressed=true] .auth-icon{--icon:url('login-icons/eye-off.svg')}
#pg-auth .auth-forgot{display:block;margin:-1cqw auto 3cqw;padding:8px 12px;min-height:44px;background:transparent;border:0;text-decoration:underline;text-underline-offset:5px;color:#f4d579;font-size:16px}
#pg-auth .auth-submit{display:block;width:104%;margin:0 -2%;min-height:58px;height:14cqw;border:0;background:#d2a332 url('login-gold-button.webp?v=2026100106') center/100% 100% no-repeat;border-radius:28px;color:#422607;font-size:clamp(23px,5cqw,28px);font-weight:700;letter-spacing:4px;text-shadow:0 1px #fff1a5}
#pg-auth button:focus-visible{outline:3px solid #fff3b1;outline-offset:3px}
#pg-auth button:active{filter:brightness(.9)}
#pg-auth button:disabled{cursor:wait;opacity:.65}
#pg-auth .auth-back{display:block;min-height:44px;margin:3cqw auto 0;background:transparent;border:0;color:#e1ca8b;font-size:15px}
#pg-auth .auth-title{font-size:22px;text-align:center;margin:0 0 5cqw;color:#ffe59c}
#pg-auth[data-mode=register] .auth-hero,#pg-auth[data-mode=reset] .auth-hero{height:117cqw}
#pg-auth[data-mode=register] .auth-submit,#pg-auth[data-mode=reset] .auth-submit{margin-top:5cqw}
#pg-auth .auth-toast{position:fixed;left:50%;bottom:12%;transform:translateX(-50%);width:max-content;max-width:min(86vw,400px);padding:12px 20px;background:#102e26f5;border:1px solid #c5ad63;border-radius:10px;color:#fff4ce;z-index:5;text-align:center;font-size:15px;line-height:1.6;box-shadow:0 4px 20px #0008}
#pg-auth .auth-dialog{position:fixed;inset:0;z-index:6;display:grid;place-items:center;padding:24px;background:#0009}
#pg-auth .auth-dialog-box{max-width:360px;width:100%;padding:24px;background:#063d2f;border:1px solid #d0b360;border-radius:16px;line-height:1.6;white-space:pre-line}
#pg-auth .auth-dialog-buttons{display:flex;gap:12px;margin-top:24px}
#pg-auth .auth-dialog-buttons button{flex:1;min-height:44px;border:1px solid #dfc27b;border-radius:8px;background:#cda340;color:#241a08}
#pg-auth .auth-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@supports not (height:1cqw){#pg-auth .auth-hero{height:119vw;max-height:571px}#pg-auth .auth-field{height:54px;margin-bottom:14px}#pg-auth .auth-tabs{margin-bottom:18px}#pg-auth .auth-submit{height:62px}#pg-auth .auth-forgot{margin-bottom:24px}}
@media(min-width:600px){#pg-auth .auth-scene{padding-bottom:100px;min-height:100vh}}