:root{font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Segoe UI",system-ui,sans-serif;color:#eef3ff;background:#0a1020;color-scheme:dark;font-size:14px}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 65% 0,#1a2950 0,transparent 58%),#0a1020}.entrance{width:min(1080px,100%);min-height:620px;display:grid;grid-template-columns:1.05fr 1fr;border-radius:18px;overflow:hidden;box-shadow:0 24px 75px #0007;border:1px solid #465879}.introduction{background:linear-gradient(145deg,#172542,#10182c);color:#f1f4ff;padding:52px 44px 36px;position:relative;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:1.5px;color:#92d7e8}h1{font:700 44px/1.3 "Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;letter-spacing:2px;margin:26px 0 20px}h1 span{display:block;font-size:23px;font-weight:500;letter-spacing:2px;margin-top:11px}.introduction p{font-size:15px;line-height:1.8;color:#c9d8ef;max-width:28em}.journey{position:absolute;bottom:30px;letter-spacing:1px;color:#c0d1eb;font-size:12px}.stage-art{height:255px;position:relative;margin:25px -44px -36px;background:radial-gradient(ellipse at 50% 100%,#34436f 0,transparent 63%);border-bottom:1px solid #7793c766;transform:perspective(700px) rotateX(7deg)}.stage-art:after{content:"";position:absolute;left:5%;right:5%;bottom:35px;height:1px;background:#7893c966}.stage-art i{position:absolute;top:-25px;width:130px;height:265px;background:linear-gradient(#8995e12b,#6cd8ec14);clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);transform-origin:top}.stage-art i:nth-child(1){left:10%;transform:rotate(-18deg)}.stage-art i:nth-child(2){left:40%;background:linear-gradient(#9d86ed36,#7a63d217)}.stage-art i:nth-child(3){right:10%;transform:rotate(18deg)}.stage-art b{position:absolute;bottom:36px;left:24%;height:70px;width:13px;background:#9fb8d4;border-radius:13px 13px 3px 3px;box-shadow:0 15px 16px #050a18}.stage-art b:before{content:"";display:block;border-radius:50%;width:12px;height:12px;background:#d8d7ec;position:absolute;top:-15px}.stage-art b:nth-of-type(2){left:37%;height:65px;background:#aaa0da}.stage-art b:nth-of-type(3){left:50%;height:78px;background:#81c1d0}.stage-art b:nth-of-type(4){left:63%;height:69px;background:#c3a4ce}.stage-art b:nth-of-type(5){left:76%;height:74px;background:#bbbadb}.login-panel{background:#142039;padding:83px 48px 48px}.login-panel h2{font-size:27px;line-height:1.4;font-weight:600;margin:18px 0 12px;color:#f0f4ff}.login-panel p{font-size:14px;color:#c4d2e9;line-height:1.8}form{margin-top:30px;display:grid;gap:18px}label{display:grid;gap:9px;font-size:14px;color:#e7edfc}input{font:16px "Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;padding:12px;border:1px solid #687da2;background:#0d172c;border-radius:8px;color:#f1f5ff;width:100%;min-height:46px}input:focus-visible,button:focus-visible{outline:3px solid #78d8eb;outline-offset:3px}button{background:#6d4cdb;color:#fff;border:1px solid #ad91f2;border-radius:8px;min-height:48px;padding:12px 17px;font:600 15px "Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;text-align:left;cursor:pointer}button:hover:not(:disabled){background:#7957e5;border-color:#c8b4ff}button span{float:right}button:disabled{opacity:.7;cursor:wait}#login-status{font-size:13px;color:#ffbdce;min-height:24px;line-height:1.7}.login-panel small{display:block;color:#bdcce6;font-size:12px;margin-top:17px;line-height:1.8}@media(max-width:800px){body{padding:18px}.entrance{grid-template-columns:1fr;min-height:0;max-width:560px}.introduction{padding:27px}.introduction h1{font-size:32px;margin:15px 0 12px}.introduction h1 span{font-size:20px}.stage-art,.journey{display:none}.login-panel{padding:32px 27px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
