.hn .mb-auth .auth{grid-template-columns:minmax(0,1fr);grid-template-areas:"form""art";gap:16px;max-width:560px;margin:20px auto 48px;display:grid}.hn .mb-auth .auth-main{grid-area:form;min-width:0}.hn .mb-auth .auth-art{flex-direction:column;grid-area:art;gap:10px;min-width:0;margin:0;display:flex}.hn .mb-auth .form-card{flex-direction:column;gap:16px;padding:20px;display:flex}.hn .mb-auth .auth-panel{flex-direction:column;gap:16px;display:flex}.hn .mb-auth .auth-head{flex-direction:column;gap:8px;display:flex}.hn .mb-auth .auth-head h1{font-size:22px;line-height:1.4}.hn .mb-auth .auth-head p{color:var(--hn-soft);margin:0;font-size:13px;line-height:1.7}.hn .mb-auth .auth-fields{flex-direction:column;gap:14px;display:flex}.hn .mb-auth .auth-row{justify-content:flex-end;font-size:13px;display:flex}.hn .mb-auth .check a{text-underline-offset:2px;text-decoration:underline}.hn .mb-auth .check input[aria-invalid=true]{outline:2px solid var(--mb-warn);outline-offset:2px}.hn .mb-auth .fine{margin:0}.hn .mb-auth .fine.center{text-align:center}.hn .mb-auth .fine a{text-underline-offset:2px;text-decoration:underline}.hn .mb-auth .notice{margin:0;line-height:1.6}.hn .mb-auth .link-btn{font-size:13px}.hn .mb-auth .link-btn:disabled{opacity:.6;cursor:default;text-decoration:none}.hn .mb-auth .btn{white-space:normal;text-align:center;height:auto;min-height:52px;padding:10px 20px;line-height:1.35}.hn .mb-auth .btn-light svg{flex-shrink:0}.hn .mb-auth .unlock-banner{background:#d4b06a1f;border:1px solid #d4b06a73;border-radius:14px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.hn .mb-auth .unlock-banner small{color:var(--hn-gold);font-size:12px}.hn .mb-auth .unlock-banner b{font-family:var(--hn-serif);overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:16px;line-height:1.5;display:-webkit-box;overflow:hidden}.hn .mb-auth .unlock-banner span{color:var(--hn-muted);font-size:12px;line-height:1.6}.hn .mb-auth .welcome{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:28px 20px;display:flex}.hn .mb-auth .welcome h1{font-size:24px;line-height:1.4}.hn .mb-auth .welcome>p{color:var(--hn-soft);overflow-wrap:anywhere;margin:0;font-size:14px}.hn .mb-auth .welcome .notice{text-align:left;width:100%}.hn .mb-auth .badge{border:1px solid var(--hn-gold);width:72px;height:72px;color:var(--hn-gold-l);font-family:var(--hn-serif);background:#d4b06a29;border-radius:50%;justify-content:center;align-items:center;font-size:30px;font-weight:700;display:flex}.hn .mb-auth .gift{text-align:left;gap:10px;width:100%;display:grid}.hn .mb-auth .gift>div{border:1px solid var(--hn-line);background:var(--hn-card-2);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.hn .mb-auth .gift svg{flex-shrink:0}.hn .mb-auth .gift b{overflow-wrap:anywhere;line-height:1.5;display:block}.hn .mb-auth .gift small{color:var(--hn-soft);overflow-wrap:anywhere;margin-top:2px;font-size:12px;line-height:1.6;display:block}.hn .mb-auth .art-frame{border:1px solid var(--hn-line);background:var(--hn-card);border-radius:18px;position:relative;overflow:hidden;box-shadow:0 18px 48px #00000059}.hn .mb-auth .art-frame img{max-width:none;height:auto;display:block}.hn .mb-auth .art-hot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;margin:0;padding:0;position:absolute}.hn .mb-auth .art-hot:hover{background:#ffffff14}.hn .mb-auth .art-hot:focus-visible{outline:3px solid var(--hn-gold-l);outline-offset:2px;background:#ffffff1a}.hn .mb-auth .art-x{aspect-ratio:1;transform:translate(-50%,-50%)}.hn .mb-auth .art-x:focus-visible{outline-offset:-3px}.hn .mb-auth .art-cta{transform:translateY(-50%)}.hn .mb-auth .auth-art .fine{padding:0 4px}.hn .mb-auth .auth.solo{grid-template-areas:"form"}@container hn (width>=1024px){.hn .mb-auth .auth{grid-template-columns:minmax(0,1fr) 460px;grid-template-areas:"art form";align-items:start;gap:32px;max-width:none;margin:36px 0 64px}.hn .mb-auth .auth.solo{grid-template-columns:minmax(0,560px);grid-template-areas:"form";justify-content:center}.hn .mb-auth .form-card,.hn .mb-auth .welcome{padding:32px}}