.login-screen{color:#202427;background:#eeeae2 url(/login-background-v1.png?v=2) 50%/cover no-repeat;grid-template-columns:minmax(0,1fr) clamp(420px,36vw,480px);gap:clamp(44px,7vw,140px);min-height:100svh;padding:clamp(36px,5vw,80px);display:grid}.login-story{align-items:center;min-width:0;display:grid;position:relative}.login-brand{letter-spacing:-.045em;align-items:center;gap:13px;font-size:23px;font-weight:750;display:inline-flex;position:absolute;top:0;left:0}.login-brand small{letter-spacing:.09em;font-size:14px;font-weight:650}.login-brand-mark{color:#fff;background:#202825;border-radius:12px;place-items:center;width:44px;height:44px;font-size:25px;font-weight:800;display:grid}.login-brand-copy{flex-direction:column;gap:3px;display:flex}.login-brand-subtitle{color:#89948c;letter-spacing:.025em;font-size:11px;font-weight:500}.login-story-main{margin:0}.login-story h1{letter-spacing:-.065em;margin:0;font-size:clamp(40px,3.5vw,60px);font-weight:720;line-height:1.18}.login-story h1 span{color:#62aa78}.login-story-main>p{color:#68736c;max-width:660px;margin:24px 0 0;font-size:16px;line-height:1.85}.login-story-steps{color:#39463d;white-space:nowrap;border-top:1px solid #d2d8ce;align-items:center;gap:10px;width:fit-content;max-width:100%;margin-top:46px;padding:16px 0 0;font-size:12px;display:flex}.login-story-steps span{align-items:center;gap:5px;display:inline-flex}.login-story-steps b{color:#4c8a60;font-size:11px;font-weight:700}.login-story-steps i{background:#bdc9bf;flex:none;width:12px;height:1px}.login-panel{justify-content:center;align-items:flex-start;min-width:0;padding-top:max(4px,50svh - 310px - clamp(36px,5vw,80px));display:flex}.login-panel-wrap{width:min(100%,480px)}.login-card{background:#fff;border:1px solid #dfe5df;border-radius:22px;width:100%;padding:clamp(28px,3vw,38px);box-shadow:0 3px 9px #17231b09,0 25px 65px #17231b12}.login-card-height{transition:height .34s cubic-bezier(.22,.8,.22,1);overflow:hidden}.login-method-panel{animation:.28s cubic-bezier(.2,.75,.2,1) both login-method-enter}@keyframes login-method-enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.login-heading{margin-bottom:30px}.login-heading h2{color:#1d2420;letter-spacing:-.045em;margin:0 0 10px;font-size:32px;font-weight:740;line-height:1.14}.login-heading p{color:#7e8780;margin:0;font-size:14px}.login-tabs{background:#f5f6f5;border-radius:11px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:26px;padding:4px;display:grid;position:relative}.login-tabs:before{content:"";background:#fff;border-radius:8px;width:calc(33.3333% - 5.33333px);transition:transform .3s cubic-bezier(.22,.8,.22,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 1px 5px #17231b0e}.login-tabs[data-tab=phone]:before{transform:translate(calc(100% + 4px))}.login-tabs[data-tab=wechat]:before{transform:translate(calc(200% + 8px))}.login-tabs button{color:#7f8982;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:39px;padding:0 4px;font-size:13px;font-weight:600;transition:color .2s;position:relative}.login-tabs button.active{color:#1e2822}.login-phone-methods{border-bottom:1px solid #e7ebe8;gap:8px;margin:-2px 0 22px;display:flex;position:relative}.login-phone-methods:after{content:"";background:#29342c;width:80px;height:2px;transition:transform .24s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-1px;left:0}.login-phone-methods[data-method=password]:after{transform:translate(88px)}.login-phone-methods button{color:#929a94;cursor:pointer;background:0 0;border:0;width:80px;padding:0 0 11px;font-size:13px;transition:color .18s;position:relative}.login-phone-methods button.active{color:#29342c;font-weight:700}.login-form{gap:20px;display:grid}.login-form label{color:#38443b;gap:9px;min-width:0;font-size:13px;font-weight:650;display:grid}.login-form label>span em{color:#9aa49e;margin-left:7px;font-size:11px;font-style:normal;font-weight:400}.login-label-row{justify-content:space-between;align-items:center;display:flex}.login-label-row button{color:#929a94;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:400}.login-label-row button:hover{color:#555f57;text-decoration:underline}.login-input{color:#8d9991;background:#fff;border:1px solid #dce4de;border-radius:11px;align-items:center;gap:11px;min-width:0;height:52px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.login-input:focus-within{border-color:#202825;box-shadow:0 0 0 1px #202825}.login-input input{color:#1c2820;width:0;min-width:0;height:100%;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px;font-weight:450}.login-input input::placeholder{color:#a7b0a9}.login-input input:disabled{cursor:not-allowed}.login-input button{color:#748078;cursor:pointer;background:0 0;border:0;flex:none}.login-input button:hover:not(:disabled){color:#1c2820}.login-code-input{background:#f6f8f6}.login-code-input button{color:#9da8a0;white-space:nowrap;cursor:not-allowed;border-left:1px solid #dce4de;padding-left:10px;font-size:12px}.login-eye{place-items:center;padding:3px;display:grid}.login-primary{color:#fff;cursor:pointer;background:#202825;border:0;border-radius:11px;justify-content:center;align-items:center;height:52px;margin-top:6px;font-size:15px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.login-primary:hover:not(:disabled){background:#355742;transform:translateY(-1px)}.login-primary:disabled{cursor:not-allowed;background:#b4beb7}.login-feedback{border-radius:9px;margin:16px 0 0;padding:11px 13px;font-size:12px;line-height:1.55}.login-feedback.error{color:#a84637;background:#fff0ee}.login-feedback.success{color:#326b46;background:#eaf6ee}.login-switch{color:#88948b;justify-content:center;align-items:center;gap:5px;margin-top:19px;font-size:13px;display:flex}.login-switch button{color:#293e30;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.login-switch button:hover{text-decoration:underline}.login-wechat{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:245px;display:flex}.login-wechat-icon{background:#26ad6d;border-radius:17px;place-items:center;width:62px;height:62px;margin-bottom:17px;display:grid}.login-wechat h3{margin:0;font-size:17px}.login-wechat p{color:#8b968d;margin:8px 0 20px;font-size:13px}.login-wechat-button{color:#9aa59d;cursor:not-allowed;background:#f5f7f5;border:1px solid #e2e8e3;border-radius:10px;min-height:42px;padding:0 20px;font-size:13px}.login-legal{color:#929a94;text-align:center;margin-top:22px;font-size:12px;line-height:1.6}.login-legal span{color:#636e66;text-underline-offset:3px;text-decoration:underline}@media (max-width:1000px){.login-story h1{font-size:clamp(30px,3.4vw,38px)}.login-story-steps{gap:7px;font-size:11px}.login-story-steps i{width:8px}}@media (max-width:960px){.login-screen{background-position:top;flex-direction:column;justify-content:flex-start;align-items:center;gap:28px;padding:max(36px,50svh - 315px) 26px 36px;display:flex}.login-story{width:min(100%,480px);display:flex}.login-brand{font-size:20px;position:static}.login-story-main{display:none}.login-panel{width:100%;padding-top:0}.login-panel-wrap{width:min(100%,480px)}}@media (max-width:560px){.login-screen{gap:24px;padding:max(22px,50svh - 310px) 16px 22px}.login-card{border-radius:18px;padding:24px 20px}.login-heading h2{font-size:29px}.login-tabs button{font-size:12px}}@media (prefers-reduced-motion:reduce){.login-screen *,.login-tabs:before,.login-phone-methods:after{transition-duration:0s!important;animation-duration:0s!important}}