:root{--brand-red:#c32430;--primary:#009dcc;--primary-hover:#008bb7;--ink:#30363b;--muted:#91979b;--line:#dce0e3;--error:#b92735;--font:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:#f3f5f7}body{margin:0;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #82cce2;outline-offset:4px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block;flex-shrink:0}[hidden]{display:none!important}.app-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px 20px}.account-card{width:min(100%,570px);min-height:720px;padding:22px 48px 25px;display:flex;flex-direction:column;background:white;border:1px solid #e4e7ea;border-radius:6px;box-shadow:0 10px 36px #2a39450c}.card-header{display:flex;align-items:center;justify-content:space-between;color:#a1a7ac;font-size:12px;letter-spacing:.5px}.card-header button{border:0;padding:8px;background:transparent;color:#949da3;font-size:12px}.card-header button:hover{color:var(--primary)}.brand{display:flex;align-items:baseline;justify-content:center;gap:12px;color:var(--brand-red);margin:61px 0 81px;white-space:nowrap;line-height:1.2}.brand-bea{font-family:Arial,sans-serif;font-size:47px;font-weight:400;letter-spacing:1px}.brand-chinese{font-size:35px;font-weight:500;letter-spacing:2px}.views{width:100%;min-height:266px}.view{animation:fade-in .2s ease}.field{margin-bottom:26px}.field label{display:block;color:#62696e;font-size:14px;margin-bottom:10px}.input-row{height:47px;display:flex;align-items:center;gap:3px;border-bottom:1px solid var(--line);transition:border-color .15s}.input-row:focus-within{border-color:var(--primary);box-shadow:0 1px 0 var(--primary)}.input-row input{width:100%;min-width:0;height:100%;border:0;outline:0;background:transparent;font-size:17px;color:#30363b;padding:0 4px 0 0;border-radius:0}.input-row input::placeholder{color:#bec4c8;font-size:15px}.icon-button{display:grid;place-items:center;flex-shrink:0;border:0;background:transparent;color:#9ba3a8;padding:8px;border-radius:5px;min-width:36px;min-height:36px}.icon-button:hover{color:#59656e;background:#f4f7f8}.clear-button .icon{width:19px;height:19px}#toggle-password[aria-pressed=true]{color:var(--primary)}.password-field{margin-bottom:35px}.field-error{font-size:12px;line-height:1.5;margin:8px 0 0;color:var(--error)}.input-row:has([aria-invalid=true]){border-color:var(--error);box-shadow:none}.primary-button{width:100%;height:49px;border:0;border-radius:5px;background:var(--primary);color:#fff;font-size:16px;letter-spacing:1px;font-weight:400;transition:background .15s}.primary-button:hover{background:var(--primary-hover)}.primary-button:active{background:#007ca4}.card-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3px 5px;margin:20px -15px 0;color:#92999e;font-size:12px;line-height:1.8}.card-footer a{white-space:nowrap}.prototype-note{margin:auto 0 0;padding-top:45px;color:#aeb5ba;text-align:center;font-size:10px;line-height:1.7}.notice-copy{font-size:14px;color:#62696e;line-height:1.85;margin:0 0 16px}.notice-copy:last-of-type{margin-bottom:36px}.primary-button.as-link{display:grid;place-items:center;text-decoration:none}.primary-button.as-link:hover{text-decoration:none}.back-button{border:0;padding:0;background:none;color:#8c979d;font-size:12px;margin-bottom:24px}.back-button:hover{color:var(--primary)}h1{font-size:27px;font-weight:500;line-height:1.5;margin:0 0 13px}h1:focus{outline:0}.description{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 36px}.success-view{text-align:center;padding-top:1px}.success-icon{display:grid;place-items:center;border-radius:50%;width:64px;height:64px;margin:0 auto 24px;background:#eaf6f1;color:#3a9a76}.success-icon .icon{width:33px;height:33px;stroke-width:2}.success-view .description{margin-bottom:17px}.success-note{color:#a9b0b5;font-size:11px;line-height:1.8;margin:0}.success-mode .card-footer{margin-top:20px}html[lang=en] .brand-chinese{font-family:var(--font)}html[lang=en] .card-footer{font-size:11px}html[lang=en] .primary-button{letter-spacing:0}@keyframes fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){html{background:#fff}.app-shell{padding:0;align-items:start}.account-card{border:0;border-radius:0;box-shadow:none;width:100%;max-width:570px;min-height:100vh;min-height:100dvh;margin:auto;padding:20px clamp(24px,8vw,48px) 26px}.brand{margin-top:62px;margin-bottom:76px}.prototype-note{padding-top:50px}.card-header{font-size:11px}}
@media(max-width:380px){.brand{gap:8px}.brand-bea{font-size:39px}.brand-chinese{font-size:29px;letter-spacing:1px}.card-footer{font-size:11px}.input-row input{font-size:16px}.views{min-height:265px}}
@media(max-height:740px) and (min-width:621px){.app-shell{padding:20px}.account-card{min-height:620px}.brand{margin-top:36px;margin-bottom:49px}.prototype-note{padding-top:35px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}