*{box-sizing:border-box;margin:0;padding:0}
body{background:#fff7fa;color:#33202a;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background-image:url("../shared/assets/bg_mecha_sm.webp");background-size:cover;background-position:center top;background-attachment:fixed;background-repeat:no-repeat;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,247,250,.72) 0%,rgba(255,247,250,.66) 45%,rgba(255,247,250,.76) 100%)}
.box{position:relative;z-index:1;width:100%;max-width:380px;background:rgba(255,255,255,.88);border:1px solid #f0d8e0;border-radius:22px;padding:30px 26px 26px;box-shadow:0 8px 32px rgba(225,29,72,.1)}
.logo{text-align:center;margin-bottom:6px}.logo img{width:72px;height:72px;border-radius:18px}h1{font-size:20px;text-align:center;letter-spacing:2px;margin:10px 0 4px}h1 span{color:#e11d48}.sub{text-align:center;font-size:12px;color:#8a6474;margin-bottom:20px}
.tabs{display:flex;gap:6px;background:#f6ecf0;border-radius:14px;padding:4px;margin-bottom:18px}.tabs button{flex:1;border:none;background:transparent;font-size:13px;font-weight:600;color:#8a6474;padding:8px 0;border-radius:11px;cursor:pointer;transition:all .15s;font-family:inherit}.tabs button.on{background:#fff;color:#e11d48;box-shadow:0 1px 4px rgba(225,29,72,.12)}
label{display:block;font-size:12px;font-weight:700;color:#63404f;margin:12px 0 5px}input,.nameSelect{width:100%;padding:11px 14px;font-size:15px;border-radius:12px;border:1.5px solid #f0ccd9;background:#fff;color:#33202a;outline:none;font-family:inherit;transition:border-color .15s}input:focus,.nameSelect:focus{border-color:#e11d48}
.inviteRow{display:flex;gap:8px}.inviteRow input{flex:1}.verifyBtn{padding:0 16px;border-radius:12px;border:1.5px solid #f0ccd9;background:#fff;color:#9f1239;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit;white-space:nowrap}.verifyBtn:disabled{opacity:.6;cursor:default}
.btn{width:100%;margin-top:20px;padding:13px;font-size:15px;font-weight:700;color:#fff;border:none;border-radius:14px;cursor:pointer;font-family:inherit;background:linear-gradient(135deg,#e11d48,#9f1239);transition:transform .12s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:default}
.msg{margin-top:14px;font-size:13px;text-align:center;min-height:18px;font-weight:600}.msg.err{color:#c2185b}.msg.ok{color:#047857}.tip{margin-top:16px;font-size:11px;color:#a88394;text-align:center;line-height:1.8}.hide{display:none}.foot{text-align:center;margin-top:14px;font-size:11px;color:#a88394}.rememberRow{display:flex;align-items:center;font-size:12.5px;color:#8a6474;cursor:pointer;margin:10px 0 2px;line-height:1.6}.rememberRow input{width:auto;margin-right:7px;vertical-align:-1px}.forgetRow{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:9px;color:#c4a9b4}.forgetRow a{font-size:11.5px;color:#a88394;text-decoration:underline}.recoveryNote{margin:12px 0 0;padding:10px 12px;border:1px solid #f0ccd9;border-radius:10px;background:#fff7fa;color:#82566a;font-size:12px;line-height:1.7}
@media (max-width:420px){body{padding:14px}.box{padding:26px 20px 22px;border-radius:18px}.logo img{width:64px;height:64px}}