.legacy-demo{--brand:#1f6feb;--ok:#1a7f37;--bg:#f6f8fa;--card:#fff;--line:#d0d7de;--muted:#57606a;background:var(--bg);color:#1f2328;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.legacy-demo *{box-sizing:border-box}.legacy-demo header{background:var(--brand);color:#fff;align-items:center;gap:10px;padding:14px 20px;display:flex}.legacy-demo header .mark{font-size:1.4rem;font-weight:700}.legacy-demo header h1{margin:0;font-size:1.1rem;font-weight:600}.legacy-demo main{max-width:560px;margin:32px auto;padding:0 16px}.legacy-demo .card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px}.legacy-demo .card h2{margin:0 0 4px;font-size:1.25rem}.legacy-demo .sub{color:var(--muted);margin:0 0 22px;font-size:.92rem}.legacy-demo button{font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;padding:13px 18px;display:inline-flex}.legacy-demo button:disabled{opacity:.6;cursor:default}.legacy-demo .btn-primary{background:var(--brand);color:#fff;font-weight:600}.legacy-demo .btn-primary:hover{background:#1a5fd0}.legacy-demo .btn-phone{color:#1f2328;border:1px solid var(--line);background:#eef2f6;margin-top:14px}.legacy-demo .btn-phone:hover{background:#e4e9ef}.legacy-demo .hidden{display:none}.legacy-demo #qrbox{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:center;width:max-content;margin:0 auto 16px;padding:18px;display:flex}.legacy-demo #qrbox img,.legacy-demo #qrbox canvas{display:block}.legacy-demo .status{color:var(--muted);justify-content:center;align-items:center;gap:10px;margin:8px 0 4px;font-size:.95rem;display:flex}.legacy-demo .spin{font-weight:700;animation:1s linear infinite legacy-spin;display:inline-block}.legacy-demo .hint{text-align:center;color:var(--muted);margin:6px 0 0;font-size:.85rem}.legacy-demo .success{text-align:center}.legacy-demo .success .ring{width:64px;height:64px;color:var(--ok);background:#e6f4ea;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:1.6rem;font-weight:700;display:flex}.legacy-demo .ident{text-align:left;border:1px solid var(--line);border-radius:10px;margin-top:16px}.legacy-demo .ident div{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 14px;font-size:.9rem;display:flex}.legacy-demo .ident div:last-child{border-bottom:0}.legacy-demo .ident b{color:var(--muted);font-weight:500}.legacy-demo .reg-input{box-sizing:border-box;border:1px solid var(--line);width:100%;font:inherit;border-radius:10px;margin-bottom:10px;padding:12px}.legacy-demo .log{color:var(--muted);border:1px solid var(--line);background:#fbfcfd;border-radius:8px;max-height:130px;margin-top:18px;padding:10px 12px;font-size:.8rem;overflow:auto}.legacy-demo .log div{padding:2px 0}.legacy-demo footer{max-width:560px;color:var(--muted);margin:18px auto 40px;padding:0 16px;font-size:.78rem}.legacy-demo footer a{color:var(--brand)}.legacy-demo .vc-val{letter-spacing:3px;font-size:1.4rem}@keyframes legacy-spin{to{transform:rotate(360deg)}}