:root{color-scheme:dark;--bg: #071426;--card: rgba(8, 28, 58, .72);--line: rgba(120, 190, 255, .28);--text: #e8f4ff;--muted: rgba(190, 220, 245, .72);--blue: #3aa0ff;--green: #3ddc97}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(120% 80% at 50% 100%,rgba(18,120,190,.45),transparent 55%),linear-gradient(180deg,#06101f 0%,#0a2144 48%,#06304a 100%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}body,#app{min-height:100vh;min-height:100dvh}.page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(24px + env(safe-area-inset-top,0px)) 18px calc(24px + env(safe-area-inset-bottom,0px))}.card{width:min(420px,100%);padding:36px 22px 22px;border-radius:28px;background:var(--card);border:1px solid var(--line);box-shadow:0 24px 60px #00000059,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.logo-box{display:inline-flex;align-items:center;justify-content:center;min-width:196px;height:72px;padding:8px 16px;border-radius:8px;background:#fff;box-shadow:0 8px 24px #00000040}.logo-img{display:block;width:168px;height:auto}.subtitle{margin:16px 0 22px;color:var(--muted);font-size:15px}.ring-wrap{position:relative;width:168px;height:168px;margin:0 auto 18px}.ring{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg,.ring-fg{fill:none;stroke-width:10}.ring-bg{stroke:#5aa0e62e}.ring-fg{stroke:#4aa3ff;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(74,163,255,.65));transition:stroke-dashoffset .12s linear}.ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:700;letter-spacing:-.03em}.ring-label small{margin-left:2px;font-size:16px;font-weight:600}.status{margin:0 0 18px;color:#7ec8ff;font-size:16px}.steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}.step{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border-radius:12px;border:1px solid rgba(120,190,255,.22);background:rgba(4,18,40,.45);text-align:left}.dot{width:10px;height:10px;border-radius:50%;background:rgba(160,190,220,.35);box-shadow:none}.step.done .dot{background:var(--green);box-shadow:0 0 10px #3ddc97cc}.step.fail .dot{background:#ff6b6b}.step-label{flex:1;font-size:15px}.mark{width:18px;height:18px;color:transparent}.step.done .mark{width:7px;height:12px;margin-right:6px;border:solid var(--green);border-width:0 2px 2px 0;transform:rotate(45deg)}.step.fail .mark{color:#ff8d8d;background:transparent;font-weight:700}.hint{min-height:20px;margin:16px 0 0;color:#bedcf58c;font-size:13px}.retry{margin-top:8px;width:100%;height:44px;border:0;border-radius:12px;background:#2f8dff;color:#fff;font-size:16px;font-weight:600}