:root{color-scheme:light;font-family:'Segoe UI','Microsoft YaHei',sans-serif;color:#f3eadf;background:#314a61}*{box-sizing:border-box}body{margin:0;min-height:100svh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}.landscape{position:fixed;inset:-2%;background:linear-gradient(90deg,#233b5970,#2a3d5030),linear-gradient(0deg,#243b50d9,transparent 70%),url('/assets/twilight-island.webp') center/cover no-repeat;animation:drift 35s ease-in-out infinite alternate;z-index:-2}.cloud{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 12% at 30% 18%,#e5d2ce18,transparent 90%),radial-gradient(ellipse 40% 9% at 90% 35%,#e5d2ce20,transparent 80%);animation:cloud 25s ease-in-out infinite alternate;z-index:-1}main{max-width:1400px;margin:auto;min-height:100svh;display:grid;grid-template-columns:1fr 420px;grid-template-rows:auto 1fr auto;gap:35px 80px;padding:35px 8vw}.brand{display:flex;align-items:center;gap:13px;font:26px/1.2 SimSun,serif;letter-spacing:.15em;grid-column:1/-1}.brand small{display:block;font:10px/1.8 'Segoe UI',sans-serif;letter-spacing:.14em;margin-top:7px}.seal{border:1px solid #e7d1b69c;border-radius:2px;padding:6px;letter-spacing:0}.welcome{align-self:center;position:relative;padding:20px 0 100px}.overline{font-size:10px;letter-spacing:.23em;color:#e3cbb6}.welcome h1{font:400 clamp(42px,4.2vw,66px)/1.4 SimSun,'Songti SC',serif;letter-spacing:.06em;margin:23px 0}.welcome em{font-style:normal;color:#f3d6b8}.welcome p{font-size:14px;line-height:2;color:#e5ded5}.signature{position:absolute;bottom:0;left:0;font:58px/1 SimSun,serif;color:#e8d0b2aa}.entrance{align-self:center;background:linear-gradient(135deg,#f1ede7f2,#ece5daed);color:#304958;padding:35px;border:1px solid #f3e3d085;border-radius:12px;box-shadow:0 25px 85px #192d464a;backdrop-filter:blur(22px)}.entrance .overline{color:#987655}.entrance h2{font:400 30px/1.4 SimSun,serif;margin:13px 0}.entrance>p{font-size:12px;line-height:1.9;color:#667580}.entrance form{margin-top:25px}.entrance label{display:block;font-size:12px;color:#586c79;margin-top:17px}.entrance input{display:block;width:100%;padding:13px 12px;margin-top:7px;border:1px solid #2e465d2e;background:#fcfaf5;border-radius:4px;outline:none;color:#304958;font-size:16px}.entrance input:focus{border-color:#8c715c;box-shadow:0 0 0 3px #b890681c}#code{letter-spacing:.3em}#submit{display:flex;justify-content:space-between;width:100%;padding:14px 16px;border:1px solid #ac856342;border-radius:5px;background:linear-gradient(120deg,#d2b397,#dfc19f);color:#2c424e;font-size:14px}.secondary{display:flex;gap:20px;margin:15px 0 0}.secondary button{border:0;background:none;padding:4px 0;color:#536a79;font-size:12px}#login-status{min-height:18px;margin:16px 0;font-size:12px;line-height:1.7;color:#854f46;overflow-wrap:anywhere}.entrance .privacy{font-size:11px;padding-top:20px;margin:22px 0 0;border-top:1px solid #3049581c;color:#7a878e}footer{grid-column:1/-1;font-size:10px;letter-spacing:.16em;color:#e9dece9e;padding-top:25px}button:focus-visible{outline:2px solid #566c80;outline-offset:4px}@keyframes drift{to{transform:scale(1.035) translateX(.4%)}}@keyframes cloud{from{transform:translateX(-7%)}to{transform:translateX(7%)}}@media(max-width:900px){main{gap:30px;grid-template-columns:1fr 370px;padding:30px 5vw}.entrance{padding:28px}.welcome h1{font-size:46px}}@media(max-width:700px){main{display:block;padding:27px 6vw}.welcome{padding:35px 0 25px}.welcome h1{font-size:39px;margin:14px 0}.welcome p{font-size:12px}.signature{left:auto;right:5%;bottom:50px}.entrance{max-width:440px;margin:10px auto 0;padding:27px}.welcome .overline{display:none}.welcome br{display:none}.welcome h1 br{display:block}.welcome p br{display:block}footer{font-size:9px;text-align:center;line-height:1.7;margin-bottom:15px}.landscape{background-position:70% center}}@media(prefers-reduced-motion:reduce){.landscape,.cloud{animation:none}}