:root{--accent: #4cd9a0;--text: #f5f7fb;--muted: #b9c4e0;--danger: #ff7b72;--panel: rgba(255, 255, 255, .08);--panel-border: rgba(255, 255, 255, .18)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text)}html,body{background:linear-gradient(135deg,#0a1a5c,#15297a 45%,#2a3fb0);background-attachment:fixed}#root{min-height:100vh}.claim-tool-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:88px 20px 40px;position:relative}.app-logo{position:fixed;top:16px;left:16px;height:40px;width:auto;z-index:10;pointer-events:none;background:#0a1a5c;padding:6px 10px;border-radius:8px}.screen{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}h1{font-size:1.8rem;margin:0;line-height:1.3}h2{font-size:1.4rem;margin:0;line-height:1.4}.subtitle{color:var(--muted);margin:0;font-size:1rem}.error{color:var(--danger);background:#ff7b721f;padding:.75rem 1rem;border-radius:8px}.back-button,.cancel-button{margin-top:.5rem;padding:.6rem 1.5rem;background:transparent;color:var(--muted);border:1px solid var(--muted);border-radius:8px;cursor:pointer;font-size:.95rem}.qr-layout{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%}.qr-container{background:#fff;padding:1rem;border-radius:16px;width:min(320px,82vw);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px #00000040}.qr-canvas,.qr-img{width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain;display:block}.qr-placeholder{color:#0f1729;font-size:1rem}.qr-success{color:#0f1729;font-size:1.2rem;font-weight:600;text-align:center}.qr-error{color:var(--danger);font-size:1.1rem;font-weight:600;text-align:center;padding:0 .75rem}.qr-error .err-reason{color:#0f1729;font-size:.9rem;font-weight:400;margin-top:.5rem}.activation-hint{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%}.activation-hint-label{color:var(--muted);font-size:.9rem;text-align:center;margin:0}.activation-hint-img{width:min(240px,72vw);border-radius:12px;box-shadow:0 4px 16px #00000040}.status-line,.meta-line{color:var(--muted);font-size:.9rem}.done-screen .big-check{font-size:4.5rem}.done-screen .subtle{color:var(--muted)}.done-screen .hint{color:var(--accent);font-size:.95rem}.done-screen button{padding:.85rem 2rem;background:var(--accent);color:#0a1a5c;font-weight:600;border:none;border-radius:10px;font-size:1rem;cursor:pointer;margin-top:.5rem;min-height:48px}.login-screen form{display:flex;flex-direction:column;gap:.85rem;width:100%;margin-top:1rem}.login-screen input{padding:.85rem 1rem;font-size:1rem;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel);color:var(--text);min-height:48px}.login-screen input::placeholder{color:var(--muted)}.login-screen button{padding:.85rem 1rem;background:var(--accent);color:#0a1a5c;font-weight:600;border:none;border-radius:10px;font-size:1rem;cursor:pointer;min-height:48px}.login-screen button:disabled{opacity:.5;cursor:not-allowed}.login-screen .error{color:#ffb4ae;margin-top:.75rem;font-size:.9rem}.manual-screen .manual-input-row{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-top:.5rem}.manual-screen .manual-input-row input{width:100%;padding:.95rem 1rem;border-radius:10px;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);font-size:1.05rem;min-height:52px}.manual-screen .manual-input-row input::placeholder{color:var(--muted)}.manual-screen .manual-input-row button{padding:.95rem 1.3rem;border-radius:10px;font-size:1.05rem;cursor:pointer;border:none;min-height:52px}.manual-screen .manual-input-row button.primary{background:var(--accent);color:#0a1a5c;font-weight:600}.manual-screen .manual-input-row button:disabled{opacity:.5;cursor:not-allowed}.manual-screen .manual-hint{color:var(--muted);font-size:.9rem}.manual-screen .manual-result{color:var(--text);background:#4cd9a01f;border:1px solid rgba(76,217,160,.45);border-radius:10px;padding:.75rem 1rem;width:100%;font-size:.95rem}.pick-error-toast{position:fixed;inset:auto 1rem 1rem 1rem;max-width:540px;margin:0 auto;background:#0f1729f2;border:1px solid var(--danger);color:var(--text);padding:1rem 1.25rem;border-radius:12px;display:flex;gap:.75rem;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pick-error-toast button{background:var(--accent);color:#0a1a5c;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;min-height:40px}@media (min-width: 768px){.claim-tool-root{padding:112px 32px 48px;justify-content:center}.app-logo{top:24px;left:24px;height:48px}.screen{max-width:720px;gap:1.5rem}h1{font-size:2.4rem}h2{font-size:1.8rem}.qr-layout{flex-direction:row;align-items:flex-start;gap:2rem;justify-content:center}.qr-container{width:380px;padding:1.5rem}.activation-hint-img{width:200px}.manual-screen .manual-input-row{flex-direction:row;width:min(520px,100%)}.manual-screen .manual-input-row input{flex:1}.manual-screen .manual-input-row button{flex:0 0 auto}.done-screen .big-check{font-size:6rem}}