main.auth{min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-card{position:relative;width:min(560px,100%);background:var(--paper-soft);border:1.5px solid var(--ink);padding:56px 56px 32px;box-shadow:12px 12px 0 -2px var(--ink),14px 14px 0 -2px var(--orange);animation:cardDrop .7s cubic-bezier(.2,.8,.2,1) both}@keyframes cardDrop{0%{opacity:0;transform:translateY(-30px) rotate(-1.5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.auth-corner{position:absolute;width:18px;height:18px;border:2px solid var(--ink)}.auth-corner.tl{top:-1px;left:-1px;border-right:0;border-bottom:0}.auth-corner.tr{top:-1px;right:-1px;border-left:0;border-bottom:0}.auth-corner.bl{bottom:-1px;left:-1px;border-right:0;border-top:0}.auth-corner.br{bottom:-1px;right:-1px;border-left:0;border-top:0}.auth-head{position:relative}.auth-mark{font-family:var(--f-display);font-size:36px;line-height:1;color:var(--orange);transform:rotate(-8deg);display:inline-block;margin-bottom:14px}.auth-eyebrow{display:block;font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.18em;color:var(--pencil);margin-bottom:6px}.auth-title{font-family:var(--f-display);font-size:clamp(40px,7vw,64px);letter-spacing:-.01em;line-height:.92;margin:0;color:var(--ink)}.auth-sub{font-family:var(--f-cond);font-weight:700;font-size:17px;letter-spacing:.1em;color:var(--ink-soft);margin:14px 0 0;text-transform:uppercase}.auth-rule{height:8px;background:var(--tape);margin:30px 0 26px;transform:skew(-12deg)}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;font-weight:600;color:var(--pencil)}.auth-input{font:500 15px var(--f-mono);padding:12px 14px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);letter-spacing:.04em;outline:none;transition:background .1s,box-shadow .1s}.auth-input:focus{background:var(--paper-soft);box-shadow:4px 4px 0 0 var(--orange)}.auth-btn{display:flex;align-items:center;gap:16px;padding:16px 22px;background:var(--ink);color:var(--paper-soft);border:2px solid var(--ink);transition:transform .12s ease,box-shadow .12s ease,background .12s ease;cursor:pointer;user-select:none;font:inherit;width:100%;text-align:left}.auth-btn:hover{background:var(--orange);transform:translate(-2px,-2px);box-shadow:4px 4px 0 0 var(--ink)}.auth-btn:active{transform:translate(0);box-shadow:0 0 0 0 var(--ink)}.auth-btn.loading{opacity:.7;pointer-events:none}.auth-btn-mark{font-family:var(--f-display);color:var(--orange-pop);font-size:18px;width:22px;display:inline-flex;justify-content:center}.auth-btn:hover .auth-btn-mark{color:var(--paper-soft)}.auth-btn-zh{font-family:var(--f-body);font-weight:700;font-size:15px;flex:1}.auth-btn-en{font-family:var(--f-mono);font-size:11px;letter-spacing:.15em;color:var(--paper-deep)}.auth-btn:hover .auth-btn-en{color:var(--paper-soft)}.auth-btn-ghost{background:var(--paper-soft);color:var(--ink)}.auth-btn-ghost .auth-btn-mark{color:var(--orange);font-family:var(--f-display);font-size:16px}.auth-btn-ghost .auth-btn-en{color:var(--pencil)}.auth-btn-ghost:hover{background:var(--ink);color:var(--paper-soft)}.auth-btn-ghost:hover .auth-btn-mark{color:var(--orange-pop)}.auth-btn-ghost:hover .auth-btn-en{color:var(--paper-deep)}.auth-divider{display:flex;align-items:center;gap:14px;margin:22px 0;font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;color:var(--pencil)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--pencil-soft)}.auth-err{margin:4px 0 0;padding:10px 14px;background:var(--rust);color:var(--paper-soft);font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;border-left:4px solid var(--ink)}.auth-foot{margin-top:28px;padding-top:14px;border-top:1px solid var(--pencil-soft);display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:10px;letter-spacing:.15em;color:var(--pencil);text-transform:uppercase}.auth-foot .fno{font-weight:600;color:var(--ink);letter-spacing:.2em;padding:2px 8px;background:var(--paper-deep)}.auth-foot .dot{color:var(--orange)}@media(max-width:540px){.auth-card{padding:40px 24px 24px}.auth-rule{margin:22px 0}}
