*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,"Microsoft YaHei",sans-serif;color:#172238}button,input{font:inherit}.hidden{display:none!important}.message{min-height:24px;color:#d63447;font-size:14px}.entry-page{min-height:100vh;display:grid;place-items:center;background:#fff}.entry-card{text-align:center;transform:translateY(-4vh)}.entry-card h1{font-size:34px;font-weight:500;margin:0 0 34px}.entry-card form{display:flex;box-shadow:0 8px 28px #1a56a018}.entry-card input{width:310px;height:46px;border:1px solid #c7cfda;border-right:0;padding:0 14px;outline:0;border-radius:5px 0 0 5px}.entry-card input:focus{border-color:#315efb}.entry-card button{width:92px;border:0;background:#315efb;color:#fff;border-radius:0 5px 5px 0;cursor:pointer}.select-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#f8fbff,#eef5ff)}.select-card{width:min(900px,92vw);padding:50px;background:#fff;border:1px solid #e4eaf2;border-radius:18px;box-shadow:0 28px 70px #204a8018;text-align:center}.select-card h1{font-size:30px;margin:0 0 44px}.entry-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px}.entry-columns section{padding:12px 28px 28px;border-radius:14px;background:#f7faff}.entry-columns h2{font-size:26px}.entry-columns a{display:block;margin:14px 0;padding:15px;color:#fff;background:linear-gradient(135deg,#1877e8,#0b54bd);text-decoration:none;border-radius:8px;box-shadow:0 7px 15px #1665c52f;transition:.18s}.entry-columns section:last-child a{background:linear-gradient(135deg,#16a179,#08755a)}.entry-columns a:hover{transform:translateY(-2px);filter:brightness(1.08)}
.login-page{min-height:100vh;background:#b9dff5;display:grid;place-items:center;overflow:hidden}.night-scene{position:relative;width:min(1480px,100vw);height:min(950px,100vh);min-height:650px;overflow:hidden;background:radial-gradient(circle at 55% 35%,#243f59 0,#101d2b 28%,#050b13 70%)}.stars{position:absolute;inset:0;background-image:radial-gradient(#fff 0 1px,transparent 1.5px),radial-gradient(#aee0ff 0 1px,transparent 1.6px);background-size:83px 97px,127px 149px;background-position:13px 25px,41px 7px;opacity:.7}.mountains{position:absolute;left:-5%;right:-5%;bottom:0;height:35%;background:linear-gradient(170deg,transparent 0 30%,#090f16 31%),linear-gradient(195deg,transparent 0 38%,#0c131c 39%);filter:drop-shadow(0 -20px 35px #e8aa4e55)}.city{position:absolute;left:0;right:0;bottom:4%;height:18%;background:repeating-linear-gradient(92deg,transparent 0 16px,#f4c867 17px 19px,transparent 20px 31px);opacity:.4;filter:blur(2px)}.login-panel{position:absolute;right:5%;top:32%;width:560px;max-width:90vw;padding:44px 48px;background:#77a5cbcc;border:5px solid #c9e7fb;border-radius:12px;color:#fff;box-shadow:0 28px 60px #0008;backdrop-filter:blur(5px)}.login-panel form{display:grid;grid-template-columns:1fr auto;gap:15px 18px;align-items:center}.login-panel h1,.login-panel .init-note,.login-panel .message{grid-column:1/-1}.login-panel h1{margin:0 0 22px;font-size:32px;text-align:left}.login-panel label{grid-column:1;display:grid;grid-template-columns:90px 1fr;align-items:center;font-size:21px;font-weight:600}.login-panel input{height:38px;border:1px solid #6d7e8e;border-radius:3px;padding:0 10px;min-width:0}.login-panel button{grid-column:2;grid-row:2/4;align-self:stretch;width:92px;border:0;border-radius:8px;color:#fff;font-size:22px;font-weight:700;background:linear-gradient(#0aa6dd,#0871c0);cursor:pointer}.login-panel #initForm{grid-template-columns:1fr}.login-panel #initForm label{grid-column:1}.login-panel #initForm button{grid-column:1;grid-row:auto;width:auto;padding:12px}.init-note{margin:-12px 0 12px;color:#eef8ff;font-size:14px}.login-panel .message{color:#fff4a8;margin:0}
@media(max-width:720px){.entry-columns{grid-template-columns:1fr;gap:22px}.select-card{padding:28px}.login-panel{right:5%;left:5%;width:auto;padding:30px 24px}.login-panel form{grid-template-columns:1fr}.login-panel label{grid-column:1}.login-panel button{grid-column:1;grid-row:auto;width:100%;height:46px}.entry-card input{width:230px}}