:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#172554;background:#dcecef}*{box-sizing:border-box}body{margin:0}.page{min-height:100vh;padding:24px;display:grid;place-items:center}.shell{width:min(100%,720px);background:#fff;border:1px solid #e3eaf4;border-radius:18px;box-shadow:0 16px 40px rgba(37,75,122,.1);overflow:hidden}.steps{display:grid;grid-template-columns:repeat(3,1fr);padding:27px 44px 22px;border-bottom:1px solid #e7edf5;position:relative}.steps:before{content:"";position:absolute;top:42px;left:15%;right:15%;height:3px;background:#dbe4f0}.step{z-index:1;display:grid;justify-items:center;gap:7px;color:#718096;font-size:15px;font-weight:600}.step i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf2f7;font-style:normal}.step.active,.step.done{color:#2563eb}.step.active i{background:#2563eb;color:#fff}.step.done i{background:#dcfce7;color:#16a34a}.content{padding:40px;min-height:510px}.content h1{text-align:center;font-size:28px;margin:0;color:#172554}.subtitle{text-align:center;color:#64748b;margin:12px 0 34px;font-size:17px}.form{display:grid;gap:20px}.input{height:56px;border:1px solid #d7e0ec;border-radius:11px;padding:0 16px;font-size:17px;background:#f8fafc;color:#1e293b}.button{height:56px;border:0;border-radius:11px;background:#2563eb;color:#fff;font-size:17px;font-weight:700;cursor:pointer}.button:disabled{opacity:.55;cursor:default}.notice{margin-top:30px;padding:18px 20px;border:1px solid #e4ecf7;border-radius:11px;background:#f8fbff;color:#64748b;line-height:1.7}.notice b{display:block;color:#1e3a5f;margin-bottom:7px}.tabs{display:flex;border-bottom:1px solid #e7edf5;margin-bottom:26px}.tab{flex:1;border:0;padding:12px;background:transparent;color:#64748b;font-size:17px;cursor:pointer}.tab.active{color:#2563eb;border-bottom:3px solid #2563eb}.row{display:grid;grid-template-columns:1fr 145px;gap:12px}.secondary{height:56px;border:0;border-radius:11px;background:#eff4f9;color:#334155;font-size:16px;cursor:pointer}.qr{display:grid;place-items:center;gap:18px;text-align:center;padding:12px 0}.qr-code{width:180px;height:180px;display:grid;place-items:center;padding:20px;border:1px dashed #9bbcf4;border-radius:14px;background:#f8fbff;color:#2563eb;font-size:13px;word-break:break-all}.account{padding:18px;border:1px solid #bfdbfe;border-radius:14px;background:#f8fbff;text-align:center;margin:22px 0}.account b{display:block;color:#2563eb;font-size:21px;margin:8px}.status{max-width:520px;margin:22px auto;display:grid;grid-template-columns:110px 1fr;gap:16px;font-size:17px}.status dt{color:#4774b8}.status dd{margin:0;text-align:right;color:#1e293b}.pill{display:inline-block;padding:3px 12px;border-radius:99px;background:#eff6ff;border:1px solid #93c5fd;color:#2563eb;font-size:14px}.pill.success{background:#f0fdf4;border-color:#86efac;color:#15803d}.alert{padding:17px;border-radius:11px;background:#f0fdf4;color:#166534;line-height:1.7}.error{color:#b91c1c;background:#fff1f2;padding:12px;border-radius:8px}.modal{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.35)}.modal>div{width:min(100%,420px);padding:28px;border-radius:16px;background:#fff;box-shadow:0 24px 64px rgba(15,23,42,.18);text-align:center}.modal h2{margin:0;color:#172554}.modal p{color:#64748b;line-height:1.7}@media(max-width:520px){.page{padding:0;align-items:start}.shell{min-height:100vh;border:0;border-radius:0}.steps{padding:23px 14px 19px}.content{padding:34px 24px}.row{grid-template-columns:1fr 128px}.status{grid-template-columns:92px 1fr}}