body{background:radial-gradient(ellipse at 8% 65%,#e2e9ec,transparent 48%),radial-gradient(ellipse at 94% 10%,#f4e9df,transparent 45%),#f5f4f1;color:#202b38;min-height:100vh}a{color:#345d7c}header{max-width:1200px;padding:28px 32px}.brand{display:flex;gap:12px;align-items:center;letter-spacing:2px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:#a34e3c;border-radius:10px;color:#fff;font:23px Georgia,"SimSun",serif;box-shadow:0 4px 9px #a34e3c22}main.login-layout{max-width:1080px;margin:46px auto 32px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:76px;padding:0 32px;background:none;border:0;border-radius:0}.brand-panel{padding:10px 0}.eyebrow{font-size:12px;letter-spacing:3px;color:#63717c;margin:0 0 24px}.brand-panel h2{font-size:39px;line-height:1.55;letter-spacing:1px;font-weight:600;margin:0 0 16px}.brand-description{font-size:15px;color:#68737d;margin:0}.artwork{position:relative;width:340px;height:260px;margin:32px 0 20px}.paper{position:absolute;width:210px;height:232px;border-radius:8px;background:#fffefa;box-shadow:0 16px 35px #283c4d18}.paper-back{left:72px;top:6px;transform:rotate(12deg);background:linear-gradient(135deg,#e4e9eb,#f6f7f6);border:1px solid #fff}.paper-front{left:33px;top:9px;transform:rotate(-9deg);padding:26px;border:1px solid #fff}.paper-caption{font-size:13px;font-weight:600;letter-spacing:5px;color:#697681}.paper-line{height:3px;background:#e3e7e7;margin-top:13px;width:76%}.paper-line.long{margin-top:24px;width:100%}.paper-line.short{width:55%}.seal-mark{position:absolute;right:25px;bottom:32px;border:2px solid #b96652;color:#b96652;border-radius:12px;padding:0 7px;font:46px/1.2 "SimSun",serif;transform:rotate(6deg);box-shadow:inset 0 0 0 3px #fffefa,inset 0 0 0 4px #b9665280}.paper-bottom{position:absolute;bottom:22px;left:25px;font-size:8px;letter-spacing:2px;color:#87929a}.art-orbit{position:absolute;bottom:0;right:20px;width:72px;height:72px;border-radius:50%;border:1px solid #a5b6bd70;z-index:-1}.brand-foot{font-size:12px;letter-spacing:2px;color:#75818a;margin:22px 0 0}.login-card{background:linear-gradient(145deg,#fffffffa,#ffffffed);border:1px solid #fff;border-radius:28px;padding:40px;box-shadow:0 24px 65px #263e5010,0 2px 8px #263e5005}.card-topline{display:flex;align-items:center;gap:12px;color:#7b858e;font-size:12px;letter-spacing:2px;margin-bottom:16px}.card-topline span{height:1px;width:32px;background:#b5c1c9}h1{font-size:29px;font-weight:650}.intro{color:#6b747c;margin-bottom:28px}label{font-size:13px;font-weight:550}input:not([type=hidden]){border-color:#dfe4e8;background:#f8fafb;font-size:14px;color:#202b38;transition:border-color .18s,box-shadow .18s}input::placeholder{color:#79838c}input:focus{outline:none;border-color:#4f718c;box-shadow:0 0 0 3px #4f718c18;background:#fff}.help{margin-top:8px}.help a{font-size:13px}button{border:1px solid #253e53;background:linear-gradient(110deg,#29445b,#36566d);min-height:52px;font-size:15px;font-weight:550;letter-spacing:3px;box-shadow:0 6px 14px #29445b20;transition:box-shadow .18s}button:hover{background:#243e54;box-shadow:0 8px 20px #29445b30}a:focus-visible,button:focus-visible{outline-color:#345d7c}.register{font-size:13px;padding-top:13px;border-top:1px solid #edf0f2}.register a{margin-left:5px}footer{text-align:center;padding:16px 24px 28px;font-size:11px;letter-spacing:2px;color:#707b84}@media(max-width:850px){main.login-layout{gap:32px;padding:0 24px}.brand-panel h2{font-size:30px}.artwork{transform:scale(.85);transform-origin:left center;width:280px}.login-card{padding:30px}}@media(max-width:680px){header{padding:22px 24px}main.login-layout{display:block;max-width:480px;margin:20px auto 16px;padding:0 20px}.brand-panel{display:none}.login-card{padding:32px 26px;border-radius:24px}h1{font-size:27px}footer{padding-top:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.wechat-option{text-align:center;margin:14px 0 0}.wechat-option a{display:block;padding:10px;border:1px solid #dce6df;border-radius:10px;color:#247346;font-size:14px;background:#f5faf7}