.login-view{position:fixed;inset:0;background:linear-gradient(160deg,#FFE3EC 0%,#F3E8FF 45%,#EAF0FF 100%);display:flex;align-items:center;justify-content:center;padding:22px;overflow:auto;z-index:50}
.login-card{width:100%;max-width:380px;background:#fff;border-radius:26px;padding:28px 22px 24px;box-shadow:0 24px 60px rgba(168,85,247,.16)}
.login-logo{width:80px;height:80px;border-radius:23px;display:block;margin:0 auto 12px;box-shadow:0 12px 26px rgba(255,92,138,.3)}
.login-h{text-align:center;font-size:23px;font-weight:900;letter-spacing:.5px}
.login-s{text-align:center;color:var(--sub);font-size:12.5px;margin:6px 0 22px}
.field{margin-bottom:12px}
.field label{display:block;font-size:12px;font-weight:700;color:#6B7280;margin-bottom:6px;padding-left:3px}
.seg{display:flex;background:#F1F3F8;border-radius:14px;padding:4px;margin-bottom:18px}
.seg div{flex:1;text-align:center;padding:9px 0;border-radius:11px;font-size:14px;font-weight:700;color:#8A8F9C;transition:.18s}
.seg div.on{background:#fff;color:var(--pink);box-shadow:0 3px 10px rgba(20,21,26,.08)}
.gender-pick{display:flex;gap:10px;margin-bottom:12px}
.gender-pick div{flex:1;text-align:center;padding:11px 0;border-radius:13px;background:#F8F9FC;border:1.5px solid var(--line);font-weight:700;font-size:13.5px;color:#8A8F9C;transition:.15s}
.gender-pick div.on{border-color:#FFC3D6;background:#FFF0F5;color:var(--pink)}
.login-tip{text-align:center;font-size:11.5px;color:#A3A8B4;margin-top:14px;line-height:1.6}