:root{color-scheme:light;--gold: #c9a227;--gold-bright: #e8b84a;--cyan: #1d8fd8;--green: #17b978;--text: #1a2433;--muted: #5a6a7d;--line: rgba(255, 255, 255, .72);--sheet-max: none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#eef3f8;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{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:calc(14vh + env(safe-area-inset-top,0px)) 14px calc(11vh + env(safe-area-inset-bottom,0px));overflow:hidden}.page-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#eef3f8;background-image:image-set(url(/landing-hero-bg.webp) type("image/webp"),url(/landing-hero-bg.jpg) type("image/jpeg"));background-position:50% 8%;background-size:cover;background-repeat:no-repeat;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.page-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.04) 55%,rgba(240,245,252,.12) 100%),radial-gradient(80% 45% at 50% 12%,rgba(255,255,255,.05) 0%,transparent 72%)}.sheet{position:relative;z-index:2;flex:0 0 auto;width:min(392px,92vw);max-height:calc(100dvh - 25vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:0 auto}.sheet-inner{padding:14px 14px 13px;border-radius:20px;background:linear-gradient(165deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.38) 100%);border:1px solid rgba(255,255,255,.58);box-shadow:0 14px 34px #122a481f,0 0 0 1px #ffffff80 inset;backdrop-filter:blur(9px) saturate(122%);-webkit-backdrop-filter:blur(9px) saturate(122%);text-align:center;max-height:inherit;overflow:auto;-webkit-overflow-scrolling:touch}.tag-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px}.tag{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;color:#6a5630;background:rgba(255,255,255,.58);border:1px solid rgba(201,162,39,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.tag-pg{color:#0b6fb8;border-color:#1d8fd859;background:rgba(227,243,255,.62)}.logo-box{display:inline-flex;align-items:center;justify-content:center;min-width:160px;height:54px;padding:6px 12px;border-radius:12px;background:rgba(255,255,255,.9);border:1px solid rgba(230,236,244,.72);box-shadow:0 6px 16px #1632550f}.logo-img{display:block;width:138px;height:auto}.subtitle{margin:8px 0 10px;color:var(--muted);font-size:12px;letter-spacing:.1em}.ring-wrap{position:relative;width:118px;height:118px;margin:0 auto 10px}.ring{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg,.ring-fg{fill:none;stroke-width:9}.ring-bg{stroke:#1f5b9c1f}.ring-fg{stroke:url(#ringGradient);stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(29,143,216,.35));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:28px;font-weight:700;letter-spacing:-.03em;color:#1a5f96}.ring-label small{margin-left:2px;font-size:14px;font-weight:600;color:var(--muted)}.status{margin:0 0 8px;color:var(--cyan);font-size:13px;font-weight:600}.steps{list-style:none;margin:0;padding:0;display:grid;gap:5px}.steps--compact .step{min-height:32px;padding:0 8px}.step{display:flex;align-items:center;gap:8px;border-radius:10px;border:1px solid rgba(226,233,242,.95);background:rgba(255,255,255,.34);text-align:left;color:var(--text)}.step.done{border-color:#17b97852;background:rgba(232,252,243,.5)}.dot{width:8px;height:8px;border-radius:50%;background:#c5d0dc;flex-shrink:0}.step.done .dot{background:var(--green)}.step.fail .dot{background:#ef6b6b}.step-label{flex:1;font-size:11px}.mark{width:16px;height:16px;color:transparent}.step.done .mark{width:6px;height:11px;margin-right:4px;border:solid var(--green);border-width:0 2px 2px 0;transform:rotate(45deg)}.step.fail .mark{color:#e25555;font-weight:700}.hint{min-height:16px;margin:10px 0 0;color:#7b8898;font-size:11px;line-height:1.4}.enter-now{display:flex;align-items:center;justify-content:center;margin-top:8px;width:100%;min-height:40px;border-radius:12px;text-decoration:none;background:linear-gradient(135deg,#4aa8e8 0%,#1d8fd8 100%);color:#fff;font-size:15px;font-weight:700;box-shadow:0 8px 18px #1d8fd847}.retry{margin-top:6px;width:100%;height:38px;border:0;border-radius:12px;background:#eef4fa;color:#1a5f96;font-size:15px;font-weight:700}@media (max-height: 700px){.page{padding-top:calc(10vh + env(safe-area-inset-top,0px));padding-bottom:calc(8vh + env(safe-area-inset-bottom,0px))}.ring-wrap{width:102px;height:102px}.logo-box{height:48px}.logo-img{width:124px}}@media (min-width: 520px){.page{padding-top:calc(12vh + env(safe-area-inset-top,0px));padding-bottom:calc(10vh + env(safe-area-inset-bottom,0px))}.page-bg{background-position:50% 10%}.sheet{width:min(400px,92vw)}}