.login-page{--login-accent:#ff7849;--login-accent-hover:#f56835;--login-accent-ring:#ff784959;--login-input-bg:#f3f4f6;--login-text:#111827;--login-label:#374151;--login-placeholder:#9ca3af;--login-hint:#9ca3af;--login-link:#5b9bd5;--login-card-shadow:0 18px 50px #0f172a14;min-height:100dvh;padding-top:max(1rem, env(safe-area-inset-top));padding-bottom:max(1rem, env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative;overflow:hidden}.login-page__bg{z-index:0;background:#f8fafc url(/login/bg.png) 50%/cover no-repeat;position:absolute;inset:0}.login-page__inner{z-index:1;flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1rem 1.25rem 0;display:flex;position:relative}@media (min-width:1024px){.login-page__inner{flex-direction:row;align-items:center;gap:2rem;padding:2rem 3rem}}.login-page__hero{flex:1;justify-content:center;align-items:center;min-height:0;display:none}@media (min-width:1024px){.login-page__hero{display:flex}}.login-page__hero-img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-width:520px;height:auto}.login-page__main{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}@media (min-width:1024px){.login-page__main{flex:0 0 440px;max-width:440px}}.login-card{width:100%;max-width:400px;box-shadow:var(--login-card-shadow);background:#fff;border-radius:20px;padding:2rem 1.75rem 1.75rem}.login-card__brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:1.75rem;display:flex}.login-card__brand-link{color:inherit;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;transition:opacity .15s;display:inline-flex}.login-card__brand-link:hover{opacity:.85}.login-card__logo{object-fit:cover;border-radius:14px;width:56px;height:56px}.login-card__title{letter-spacing:-.02em;color:var(--login-text);margin-top:.75rem;font-size:1.375rem;font-weight:700}.login-card__subtitle{color:var(--login-hint);margin-top:.35rem;font-size:.875rem}.login-field{margin-bottom:1.25rem}.login-field__label{color:var(--login-label);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.login-input-wrap{background:var(--login-input-bg);border:2px solid #0000;border-radius:12px;align-items:center;gap:.5rem;padding:0 .875rem;transition:border-color .15s,box-shadow .15s;display:flex}.login-input-wrap:focus-within{border-color:var(--login-accent);box-shadow:0 0 0 3px var(--login-accent-ring);background:#fff}.login-input-wrap__icon{color:#b0b5bf;flex-shrink:0;width:18px;height:18px}.login-input-wrap__input{min-width:0;color:var(--login-text);background:0 0;border:none;outline:none;flex:1;padding:.85rem 0;font-size:1rem}.login-input-wrap__input::placeholder{color:var(--login-placeholder)}.login-input-wrap--code{padding-right:.35rem}.login-code-btn{color:var(--login-accent);white-space:nowrap;cursor:pointer;background:#fff;border:none;border-radius:10px;flex-shrink:0;padding:.45rem .75rem;font-size:.8125rem;font-weight:600;transition:opacity .15s,background .15s}.login-code-btn:hover:not(:disabled){background:#fff7f4}.login-code-btn:disabled{cursor:not-allowed;opacity:.45}.login-code-btn--counting{color:var(--login-hint);background:0 0;font-weight:500}.login-agree{color:var(--login-hint);cursor:pointer;align-items:flex-start;gap:.5rem;margin-top:.25rem;font-size:.8125rem;line-height:1.5;display:flex}.login-agree input{width:1rem;height:1rem;accent-color:var(--login-accent);cursor:pointer;flex-shrink:0;margin-top:.2rem}.login-agree a{color:var(--login-link);text-decoration:none}.login-agree a:hover{text-decoration:underline}.login-submit{background:var(--login-accent);color:#fff;cursor:pointer;border:none;border-radius:9999px;width:100%;margin-top:1.25rem;padding:.9rem 1rem;font-size:1rem;font-weight:600;transition:background .15s,opacity .15s}.login-submit:hover:not(:disabled){background:var(--login-accent-hover)}.login-submit:disabled{cursor:not-allowed;opacity:.45}.login-divider{color:var(--login-hint);align-items:center;gap:.75rem;margin:1.5rem 0 1rem;font-size:.8125rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.login-wechat{justify-content:center;display:flex}.login-wechat__btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:border-color .15s,box-shadow .15s;display:flex}.login-wechat__btn:hover:not(:disabled){border-color:#d1d5db;box-shadow:0 4px 12px #0000000f}.login-wechat__btn:disabled{opacity:.5;cursor:not-allowed}.login-wechat__btn img{object-fit:contain;width:28px;height:28px}.login-msg{text-align:center;margin-top:.75rem;font-size:.8125rem;line-height:1.5}.login-msg--error{color:#dc2626}.login-msg--note{color:var(--login-hint)}.login-footer{z-index:1;padding:1.5rem 1rem max(.75rem, env(safe-area-inset-bottom));text-align:center;color:#666;margin-top:auto;font-size:12px;position:relative}.login-mp-block{border-top:1px solid #f3f4f6;margin-top:1.25rem;padding-top:1.25rem}.login-mp-block p{text-align:center;color:var(--login-hint);font-size:.8125rem}.login-mp-btn{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9999px;width:100%;margin-top:.75rem;padding:.75rem;font-size:.875rem;font-weight:500}