.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.92fr) minmax(360px,.68fr);gap:22px;align-items:stretch;padding:clamp(28px,5vw,64px);color:#171717;background:radial-gradient(circle at 14% 18%,rgba(34,184,159,.22),transparent 32%),radial-gradient(circle at 88% 8%,rgba(22,119,255,.16),transparent 28%),linear-gradient(135deg,#f7fbf8,#f3f5f9 52%,#fbfaf5)}.login-card,.wechat-card{border:1px solid rgba(23,23,23,.07);border-radius:34px;background:rgba(255,255,255,.86);box-shadow:0 28px 78px rgba(24,51,47,.12);backdrop-filter:blur(22px)}.login-card{padding:clamp(28px,4vw,48px)}.login-brand{display:flex;align-items:center;gap:16px;margin-bottom:28px}.login-brand img{width:62px;height:62px;border-radius:20px;box-shadow:0 18px 42px rgba(36,168,147,.18)}.login-brand span{color:#168c7b;font-size:13px;font-weight:760;letter-spacing:.12em}.login-brand h1{margin:4px 0 0;font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.04em}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;margin-bottom:24px;border-radius:22px;background:#eef3f1}.login-primary,.login-tabs button,.qr-fallback{border:0;font:inherit;cursor:pointer}.login-tabs button{min-height:46px;border-radius:17px;color:rgba(23,23,23,.58);background:transparent}.login-tabs button.active{color:#fff;font-weight:760;background:linear-gradient(135deg,#22b89f,#1677ff);box-shadow:0 14px 30px rgba(31,148,160,.22)}.login-card form{display:grid;gap:16px}.login-card label{display:grid;gap:8px;color:rgba(23,23,23,.62);font-size:14px;font-weight:680}.login-card input{width:100%;height:52px;padding:0 15px;border:1px solid rgba(23,23,23,.09);border-radius:18px;color:#171717;background:rgba(247,249,248,.96);outline:0}.login-card input:focus{border-color:rgba(36,168,147,.55);box-shadow:0 0 0 4px rgba(36,168,147,.12)}.login-primary{height:54px;margin-top:6px;border-radius:18px;color:#fff;font-weight:780;background:linear-gradient(135deg,#22b89f,#1677ff);box-shadow:0 18px 40px rgba(31,148,160,.24)}.login-primary:disabled{opacity:.58;cursor:not-allowed}.login-message{margin-top:16px;padding:13px 15px;border-radius:16px;color:#a33a18;background:#fff3ed}.login-message.info{color:#087a68;background:rgba(34,184,159,.12)}.login-message.success{color:#137333;background:#e9f8ef}.login-message.error{color:#a33a18;background:#fff3ed}.wechat-card{position:relative;min-height:520px;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,46px);text-align:center}.wechat-card>*{position:relative;z-index:1}.qr-box{width:min(100%,304px);height:328px;display:grid;place-items:center;margin:0 auto 28px;overflow:hidden;border:1px solid rgba(23,23,23,.07);border-radius:30px;background:linear-gradient(90deg,rgba(23,23,23,.08) 1px,transparent 0),linear-gradient(rgba(23,23,23,.08) 1px,transparent 0),#fff;background-size:22px 22px;box-shadow:inset 0 0 0 12px #fff,0 24px 56px rgba(24,51,47,.12)}.qr-box.ready{background:#fff;box-shadow:0 24px 56px rgba(24,51,47,.12)}.qr-box iframe{width:382px;height:428px;border:0;background:#fff;transform:translateY(-32px) scale(.82);transform-origin:top center}.qr-box span{display:grid;place-items:center;width:138px;height:138px;padding:18px;border-radius:26px;color:#fff;font-size:18px;font-weight:820;background:linear-gradient(135deg,#22c55e,#16a34a)}.wechat-card h2{margin:0 0 10px;font-size:28px;letter-spacing:-.03em}.wechat-card p{color:rgba(23,23,23,.58);line-height:1.8}.qr-fallback{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;margin-top:10px;border-radius:999px;color:#087a68;font-size:14px;font-weight:760;text-decoration:none;background:transparent}.qr-fallback[hidden]{display:none}.wechat-callback-card{max-width:980px;min-height:520px;align-self:center;justify-self:center}.callback-progress{display:flex;gap:10px;margin:22px 0 10px}.callback-progress span{width:44px;height:8px;border-radius:999px;background:linear-gradient(135deg,#22b89f,#1677ff);animation:callbackPulse 1.2s ease-in-out infinite}.callback-progress span:nth-child(2){animation-delay:.15s}.callback-progress span:nth-child(3){animation-delay:.3s}.wechat-callback-card[data-status=success] .callback-progress span{animation:none;background:#22b89f}.wechat-callback-card[data-status=error] .callback-progress span{animation:none;background:#f97316}.retry-login{width:260px;margin-top:18px}.retry-login[hidden]{display:none}@keyframes callbackPulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media (max-width:900px){.login-shell{grid-template-columns:1fr;padding:18px}}