*{box-sizing:border-box}html{background:#081d2d}body{margin:0;min-height:100vh;min-height:100svh;color:#fff8e9;font-family:"Microsoft YaHei","PingFang SC",sans-serif;display:flex;flex-direction:column;isolation:isolate}
.landscape{position:fixed;inset:0;z-index:-2;background:#0b273e url("images/forest-login.png") center/cover no-repeat}.landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(#06162538,#06162508 48%,#06162570)}
header{display:flex;justify-content:space-between;align-items:center;padding:30px 42px}.wordmark{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:14px;letter-spacing:1px}.wordmark small{display:block;font-size:8px;letter-spacing:2px;margin-top:6px;color:#b9c7ca}.wordmark b{font:italic 32px Georgia;border:1px solid #c6d4cd80;border-radius:50%;height:43px;width:43px;display:grid;place-items:center}.edition{font-size:11px;letter-spacing:2px;color:#bbccce}
main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:clamp(28px,7vh,84px) 24px 80px}.entry{width:340px;text-align:center;animation:arrive .8s ease-out}.overline{font-size:11px;letter-spacing:3px;color:#c7d4d6;margin:0 0 16px}h1{font-weight:500;font-size:26px;letter-spacing:2px;margin:0 -30px 12px;text-shadow:0 2px 20px #041827}.intro{font-size:12px;line-height:1.8;color:#cad6da;margin:0 0 30px}
form{display:grid;gap:15px}.field{height:49px;border-radius:28px;background:#fffffff0;display:flex;align-items:center;padding:0 20px;gap:12px;border:1px solid #ffffff60;box-shadow:0 5px 20px #06152218;transition:box-shadow .2s}.field:focus-within{background:#fff;box-shadow:0 0 0 3px #e7c68970}.field svg{width:18px;height:18px;fill:none;stroke:#6c7f84;stroke-width:1.4;flex-shrink:0}.field input{background:none;border:0;outline:0;width:100%;font:14px "Microsoft YaHei",sans-serif;color:#233b46;min-width:0}.field input::placeholder{color:#78898c;font-size:12px}button{height:49px;border:1px solid #b1c8cb70;border-radius:28px;background:#173545e8;backdrop-filter:blur(8px);color:#f6efda;display:flex;justify-content:center;align-items:center;gap:24px;cursor:pointer;font:13px "Microsoft YaHei",sans-serif;letter-spacing:2px;margin-top:5px;transition:background .2s,transform .2s}button:hover{background:#294b58;transform:translateY(-1px)}button:disabled{opacity:.7;cursor:wait}nav{display:flex;justify-content:center;align-items:center;gap:17px;margin-top:23px;font-size:11px;color:#d8ded5}nav a{color:inherit;text-decoration:none;padding:8px 2px;border-bottom:1px solid transparent}nav a:hover{color:#ffe0a4;border-color:#ffe0a4}a:focus-visible,button:focus-visible{outline:2px solid #f5d597;outline-offset:5px}.error{background:#341f25db;color:#ffe4dc;border:1px solid #e0a69970;border-radius:12px;padding:12px;font-size:12px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
footer{text-align:center;padding:0 24px 26px;text-shadow:0 2px 8px #041827}footer:before{content:"";display:block;width:28px;height:1px;background:#e7c58d;margin:auto}footer p{font-size:16px;letter-spacing:5px;margin:14px 0 10px}footer small{font-size:8px;letter-spacing:4px;color:#c5cfc6}.fireflies{position:fixed;inset:0;z-index:-1;pointer-events:none}.fireflies i{position:absolute;width:3px;height:3px;background:#f4d698;border-radius:50%;box-shadow:0 0 9px #f7cf7c;left:30%;top:76%;opacity:0;animation:glow 8s ease-in-out infinite}.fireflies i:nth-child(2){left:65%;top:66%;animation-delay:-2s}.fireflies i:nth-child(3){left:43%;top:84%;animation-delay:-4s}.fireflies i:nth-child(4){left:75%;top:80%;animation-delay:-6s}@keyframes glow{0%,100%{opacity:0;transform:translate(0,10px)}50%{opacity:.8;transform:translate(10px,-18px)}}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:600px){header{padding:23px}.edition{display:none}.wordmark{font-size:12px}.wordmark small{font-size:7px}.wordmark b{width:36px;height:36px;font-size:27px}main{padding-top:7vh;padding-bottom:65px}.entry{width:min(100%,320px)}h1{font-size:23px;margin-left:0;margin-right:0;letter-spacing:1px}.landscape{background-position:53% center}footer p{font-size:13px}footer{padding-bottom:22px}.landscape:after{background:linear-gradient(#06162545,#06162528 60%,#06162570)}}
@media(max-height:650px){main{padding-top:10px;padding-bottom:35px}header{padding-top:18px;padding-bottom:18px}.intro{margin-bottom:20px}footer{padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}