:root{--wine:#722c41;--wine-deep:#321b23;--gold:#bd985b;--ink:#211a1d;--muted:#796e72;--line:#e7dfe0;--paper:#fffdfa;--soft:#f7f3f2}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}body{min-height:100vh;min-height:100dvh;background:#1b1115}a{color:inherit;text-decoration:none}.member-auth{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 8% 5%,#6e304038 0,transparent 30%),radial-gradient(circle at 94% 88%,#b28c4b20 0,transparent 32%),linear-gradient(135deg,#180f13,#2d1b21 60%,#452532)}.member-card{width:min(1030px,100%);min-height:650px;display:grid;grid-template-columns:42% 58%;overflow:hidden;border:1px solid #ffffff22;border-radius:30px;background:var(--paper);box-shadow:0 36px 110px #08040688}.member-card.register{width:min(1120px,100%);grid-template-columns:35% 65%}.auth-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:48px 46px;color:#fff;background:linear-gradient(152deg,#2c1920,#6e2d41)}.auth-story:after{content:"图鉴";position:absolute;right:-28px;bottom:58px;color:#ffffff0b;font:700 130px/1 "Songti SC",serif;writing-mode:vertical-rl}.auth-brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px;width:max-content}.auth-brand i{display:grid;width:52px;height:52px;place-items:center;border:1px solid #d7bd8a82;border-radius:16px 4px;color:#f0d49e;font:600 23px "Songti SC",serif;font-style:normal}.auth-brand b{font-size:18px;letter-spacing:.12em}.story-copy{position:relative;z-index:1}.story-copy small,.form-kicker{color:#d2ad70;font:700 11px Georgia,serif;letter-spacing:.2em}.story-copy h2{max-width:340px;margin:13px 0 17px;font:500 38px/1.35 "Songti SC","Microsoft YaHei",serif;letter-spacing:.04em}.story-copy p{max-width:315px;margin:0;color:#e5dadd;font-size:14px;line-height:1.85}.story-points{position:relative;z-index:1;display:grid;gap:12px;color:#dacdd1;font-size:12px}.story-points span{display:flex;align-items:center;gap:9px}.story-points i{width:6px;height:6px;border-radius:50%;background:#d2ad70;box-shadow:0 0 0 5px #d2ad7017}.auth-form-panel{display:flex;flex-direction:column;justify-content:center;padding:48px 68px}.register .auth-form-panel{padding:40px 58px}.auth-form-panel h1{margin:8px 0 7px;font-size:32px;letter-spacing:.02em}.auth-lead{margin:0 0 26px;color:var(--muted);font-size:14px}.auth-error{margin:0 0 17px;padding:11px 13px;border:1px solid #edc9cf;border-radius:10px;background:#fff3f4;color:#a03548;font-size:13px}.member-form{display:grid;gap:17px}.member-form.two-col{grid-template-columns:1fr 1fr;column-gap:15px}.field{display:grid;gap:7px}.field.full,.submit.full{grid-column:1/-1}.field>span{color:#4b4044;font-size:13px;font-weight:700}.input{position:relative}.input input{width:100%;height:50px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:14px inherit;outline:0;transition:border-color .18s,box-shadow .18s}.input input:focus{border-color:#a45a70;box-shadow:0 0 0 4px #8a3e5412}.input.has-action input{padding-right:66px}.input button{position:absolute;right:5px;top:5px;height:40px;padding:0 11px;border:0;border-radius:7px;background:#f5eff0;color:var(--wine);font-size:12px;font-weight:700;cursor:pointer}.field small,.field-status{color:#998d91;font-size:11px;line-height:1.5}.captcha-wrap{display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:9px}.captcha-image{position:relative;height:50px;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#f8f2ef;cursor:pointer}.captcha-image img{display:block;width:100%;height:100%;object-fit:cover}.captcha-image i{position:absolute;right:5px;bottom:1px;color:var(--wine);font:800 15px sans-serif}.submit{height:51px;margin-top:3px;border:0;border-radius:10px;background:linear-gradient(110deg,#68273b,#97475f);color:#fff;font:700 15px "Microsoft YaHei",sans-serif;letter-spacing:.06em;cursor:pointer;box-shadow:0 11px 26px #6f2a3f33;transition:.18s}.submit:hover{transform:translateY(-1px);box-shadow:0 15px 30px #6f2a3f44}.submit:disabled{opacity:.7;cursor:wait;transform:none}.auth-switch{margin:20px 0 0;text-align:center;color:#8e8286;font-size:13px}.auth-switch a{color:var(--wine);font-weight:800}.auth-home{display:inline-flex;margin-top:17px;color:#998c90;font-size:12px}.password-meter{height:3px;overflow:hidden;border-radius:3px;background:#eee7e7}.password-meter i{display:block;width:0;height:100%;background:#b65358;transition:.2s}.password-meter[data-level="2"] i{width:50%;background:#c99a4e}.password-meter[data-level="3"] i{width:100%;background:#4e9b72}.security-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:17px 0 0;color:#9a8f92;font-size:11px}.security-note i{width:6px;height:6px;border-radius:50%;background:#56a277}
.mobile-auth{display:block;min-height:100vh;min-height:100dvh;padding:18px 16px max(26px,env(safe-area-inset-bottom));background:radial-gradient(circle at 100% 0,#ead8dd 0,transparent 32%),linear-gradient(180deg,#faf7f5,#f1ebea)}.mobile-auth .mobile-top{display:flex;align-items:center;justify-content:space-between}.mobile-auth .auth-brand i{width:38px;height:38px;border-color:#8a3a5260;border-radius:12px 4px;background:linear-gradient(145deg,#8b3048,#5b1e30);color:#fff;font-size:18px}.mobile-auth .auth-brand b{font-size:16px;color:#2d2226}.mobile-back{padding:8px 11px;border:1px solid #ded3d2;border-radius:999px;background:#ffffffb5;color:#76676c;font-size:11px}.mobile-heading{padding:40px 4px 19px}.mobile-heading small{color:#a37a43;font:700 9px Georgia,serif;letter-spacing:.2em}.mobile-heading h1{margin:8px 0 7px;font-size:29px;line-height:1.2}.mobile-heading p{margin:0;color:#82767a;font-size:12px;line-height:1.65}.mobile-panel{padding:22px 18px 20px;border:1px solid #e4dad8;border-radius:20px;background:#fffffff2;box-shadow:0 18px 48px #37222a13}.mobile-panel .member-form{gap:14px}.mobile-panel .input input{height:48px;font-size:13px}.mobile-panel .captcha-wrap{grid-template-columns:minmax(0,1fr) 126px}.mobile-panel .captcha-image{height:48px}.mobile-panel .submit{height:49px}.mobile-foot{padding:23px 4px 2px;text-align:center;color:#aaa0a3;font-size:9px;letter-spacing:.08em}@media(max-width:860px){.member-card{grid-template-columns:36% 64%}.auth-story{padding:38px 30px}.auth-form-panel{padding:45px 42px}}@media(max-width:680px){.member-auth{padding:18px}.member-card{display:block;min-height:0;border-radius:22px}.auth-story{min-height:150px;padding:25px}.story-copy h2{font-size:27px;margin:8px 0}.story-copy p,.story-points{display:none}.auth-form-panel{padding:30px 24px}.member-form.two-col{grid-template-columns:1fr}.field.full,.submit.full{grid-column:auto}}