#claimPanel { position:fixed; inset:0; z-index:120; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; background:#ffffff; } #claimPanel[hidden] { display:none !important; } html.claim-open, html.claim-open body { overflow:hidden; } #claimPanel .pagehead__logo { position:static; left:auto; top:auto; transform:none; z-index:auto; filter:none; height:28px; width:auto; display:block; } #claimPanel .lang-trigger { position:static; top:auto; right:auto; z-index:auto; } #claimPanel { --bg:#ffffff; --bg-section:#f6f9fc; --border:#e3e8ee; --ink:#1a1f36; --ink-2:#697386; --ink-3:#8792a2; --red:#eb0029; --red-hover:#d10024; --red-ring:rgba(235,0,41,0.25); --green:#228403; --green-bg:#e6f4ea; --err:#df1b41; --mono:"SF Mono","Cascadia Code",Consolas,monospace; --shadow-card:0 2px 5px rgba(60,66,87,0.08),0 1px 1px rgba(0,0,0,0.04); --r-card:16px; --r-input:8px; } #claimPanel * { box-sizing:border-box; } #claimPanel { min-height:100vh; background:var(--bg); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei",sans-serif; font-size:15px; -webkit-font-smoothing:antialiased; } #claimPanel .pagehead { height:56px; display:flex; align-items:center; justify-content:space-between; padding:0 20px; border-bottom:1px solid var(--border); background:#fff; } #claimPanel .lang-trigger { display:flex; align-items:center; gap:6px; padding:6px 12px; border:1px solid var(--border); border-radius:var(--r-input); background:#fff; color:var(--ink-2); font-size:0.78rem; font-weight:600; cursor:pointer; } #claimPanel .lang-drawer { position:fixed; inset:0; z-index:200; display:none; } #claimPanel .lang-drawer.show { display:block; } #claimPanel .lang-drawer__mask { position:absolute; inset:0; background:rgba(26,31,54,0.4); } #claimPanel .lang-drawer__panel { position:absolute; left:0; right:0; bottom:0; max-width:480px; margin:0 auto; background:#fff; border-radius:16px 16px 0 0; padding:20px 16px calc(20px + env(safe-area-inset-bottom)); animation:drawer-up 0.25s cubic-bezier(0.22,1,0.36,1); } #claimPanel .lang-drawer__title { margin:0 0 10px; text-align:center; color:var(--ink); font-size:0.95rem; font-weight:700; } #claimPanel .lang-drawer__list { list-style:none; margin:0; padding:0; } #claimPanel .lang-drawer__list button { display:flex; align-items:center; justify-content:space-between; width:100%; padding:13px 16px; border:none; border-radius:var(--r-input); background:transparent; color:var(--ink); font-size:0.92rem; font-weight:500; cursor:pointer; } #claimPanel .lang-drawer__list button:hover { background:var(--bg-section); } #claimPanel .lang-drawer__list button.on { color:var(--red); font-weight:700; } #claimPanel .lang-drawer__list button.on::after { content:""; width:8px; height:8px; border-radius:50%; background:currentColor; } #claimPanel .page { max-width:480px; margin:0 auto; padding:24px 16px 60px; } #claimPanel .code-status { margin-bottom:20px; } #claimPanel .code-status__loading { color:var(--ink-3); font-size:0.85rem; text-align:center; padding:20px; } #claimPanel .cs-card { border-radius:var(--r-card); padding:18px 20px; background:#fff; border:1px solid var(--border); box-shadow:var(--shadow-card); display:block; } #claimPanel .cs-card--valid { border-color:rgba(34,132,3,0.35); background:linear-gradient(180deg,#f4fbf4,#fff); } #claimPanel .cs-card--invalid { border-color:rgba(223,27,65,0.35); display:flex; align-items:center; gap:14px; } #claimPanel .cs-ic { flex-shrink:0; width:36px; height:36px; border-radius:50%; background:#fdecef; color:var(--err); font-size:18px; font-weight:900; display:flex; align-items:center; justify-content:center; } #claimPanel .cs-card--valid .cs-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:9px 0; } #claimPanel .cs-card--valid .cs-row+.cs-row { border-top:1px dashed var(--border); } #claimPanel .cs-label { flex-shrink:0; color:var(--ink-2); font-size:0.8rem; font-weight:600; letter-spacing:0.5px; } #claimPanel .cs-card--valid .cs-value { display:inline-flex; align-items:center; gap:8px; color:var(--ink); font-size:1.1rem; font-weight:700; } #claimPanel .cs-card--valid .cs-ok { width:18px; height:18px; border-radius:50%; background:var(--green-bg); color:var(--green); flex-shrink:0; padding:2px; } #claimPanel .cs-card--valid .cs-code { font-family:var(--mono); font-size:1.3rem; font-weight:800; letter-spacing:2px; color:var(--ink); } #claimPanel .cs-card--valid .cs-amount { display:inline-flex; align-items:center; gap:6px; color:var(--green); font-size:1.4rem; font-weight:900; white-space:nowrap; } #claimPanel .cs-amount .usdt-ic { width:22px; height:22px; flex-shrink:0; border-radius:50%; } #claimPanel .cs-card--valid .cs-time { color:var(--ink-2); font-size:0.95rem; } #claimPanel .cs-card--valid .cs-timer { font-family:var(--mono); font-variant-numeric:tabular-nums; color:var(--err); font-size:1.05rem; font-weight:800; } #claimPanel .cs-card--valid .cs-row.is-urgent .cs-time,#claimPanel .cs-card--valid .cs-row.is-urgent .cs-timer { color:var(--err); } #claimPanel .cs-invalid-text { color:var(--err); font-weight:700; font-size:0.95rem; } #claimPanel .cs-invalid-sub { margin-top:4px; color:var(--ink-3); font-size:0.78rem; } #claimPanel .form-card { background:#fff; border:1px solid var(--border); border-radius:var(--r-card); box-shadow:var(--shadow-card); padding:24px; } #claimPanel .form-card__title { display:flex; align-items:center; gap:10px; margin:0 0 18px; color:var(--ink); font-size:1.05rem; font-weight:700; } #claimPanel .form-card__title .step-chip { width:24px; height:24px; border-radius:8px; background:var(--red); color:#fff; font-size:13px; font-weight:800; display:inline-flex; align-items:center; justify-content:center; } #claimPanel .field { margin-bottom:16px; } #claimPanel .field__label { display:block; color:var(--ink-2); font-size:0.72rem; font-weight:600; letter-spacing:1.2px; text-transform:uppercase; margin-bottom:6px; } #claimPanel .field__input { width:100%; padding:11px 14px; border-radius:var(--r-input); border:1px solid #e0e6eb; background:var(--bg-section); color:var(--ink); font-size:16px; outline:none; transition:border-color 0.12s,box-shadow 0.12s,background 0.12s; } #claimPanel .field__input:focus { background:#fff; border-color:var(--red); box-shadow:0 0 0 3px var(--red-ring); } #claimPanel .field__input:disabled { opacity:0.55; } #claimPanel .field__input::placeholder { color:#a3acb9; } #claimPanel .mono { font-family:var(--mono); letter-spacing:1px; } #claimPanel .field__err { display:none; margin-top:5px; color:var(--err); font-size:0.75rem; } #claimPanel .field__err.show { display:block; } #claimPanel .captcha-row { display:flex; gap:12px; align-items:stretch; } #claimPanel .captcha-row canvas { border-radius:var(--r-input); border:1px solid #e0e6eb; cursor:pointer; flex-shrink:0; } #claimPanel .captcha-row .field__input { flex:1; text-transform:uppercase; letter-spacing:4px; } #claimPanel .pw-strength { margin-top:8px; } #claimPanel .pw-strength__bars { display:flex; gap:4px; height:4px; } #claimPanel .pw-strength__bars i { flex:1; border-radius:2px; background:#e3e8ee; transition:background 0.2s; } #claimPanel .pw-strength__bars i.on-1 { background:#df1b41; } #claimPanel .pw-strength__bars i.on-2 { background:#f59e0b; } #claimPanel .pw-strength__bars i.on-3 { background:#22c55e; } #claimPanel .pw-strength__bars i.on-4 { background:#15803d; } #claimPanel .pw-strength__label { margin-top:4px; font-size:0.7rem; font-weight:600; color:var(--ink-3); } #claimPanel .contact__seg { display:flex; gap:8px; margin-bottom:10px; } #claimPanel .contact__opt { flex:1; padding:11px; border-radius:var(--r-input); border:1px solid #e0e6eb; background:var(--bg-section); color:var(--ink-2); font-weight:600; font-size:0.88rem; cursor:pointer; transition:all 0.12s; } #claimPanel .contact__opt.on { border-color:var(--red); background:#fff; color:var(--red); box-shadow:0 0 0 3px var(--red-ring); } #claimPanel .btn-primary { width:100%; padding:13px; border:none; border-radius:var(--r-input); background:var(--red); color:#fff; font-size:0.95rem; font-weight:700; letter-spacing:1px; cursor:pointer; transition:background 0.15s,transform 0.1s,box-shadow 0.15s; } #claimPanel .btn-primary:hover:not(:disabled) { background:var(--red-hover); transform:translateY(-1px); box-shadow:0 6px 16px rgba(235,0,41,0.25); } #claimPanel .btn-primary:disabled { opacity:0.6; cursor:wait; } #claimPanel .btn-primary .spinner { display:inline-block; width:14px; height:14px; border:2px solid rgba(255,255,255,0.35); border-top-color:#fff; border-radius:50%; animation:spin 0.7s linear infinite; vertical-align:-2px; margin-right:8px; } @keyframes spin { to { transform:rotate(360deg); } } #claimPanel .creating-overlay[hidden] { display:none; } #claimPanel .creating-overlay { position:fixed; inset:0; z-index:150; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; background:rgba(255,255,255,0.92); } #claimPanel .creating-overlay .big-spinner { width:44px; height:44px; border:3px solid #e3e8ee; border-top-color:var(--red); border-radius:50%; animation:spin 0.8s linear infinite; } #claimPanel .creating-overlay__text { color:var(--ink-2); font-size:0.9rem; font-weight:600; } #claimPanel .success-inline { text-align:center; animation:success-in 0.4s cubic-bezier(0.22,1,0.36,1); } #claimPanel .success-inline__check { width:64px; height:64px; margin:6px auto 16px; border-radius:50%; background:var(--green-bg); border:2px solid var(--green); color:var(--green); font-size:28px; font-weight:900; display:flex; align-items:center; justify-content:center; animation:check-pop 0.4s cubic-bezier(0.34,1.56,0.64,1); } @keyframes check-pop { from { transform:scale(0); } 70% { transform:scale(1.15); } to { transform:scale(1); } } #claimPanel .success-inline__title { margin:0 0 6px; color:var(--ink); font-size:1.25rem; font-weight:800; } #claimPanel .success-inline__note { margin:0 0 18px; color:var(--ink-2); font-size:0.84rem; } #claimPanel .success-inline__receipt { text-align:left; border-top:1px dashed var(--border); border-bottom:1px dashed var(--border); padding:12px 6px; margin-bottom:16px; } #claimPanel .success-inline__receipt .row { display:flex; justify-content:space-between; align-items:center; padding:7px 0; font-size:0.84rem; } #claimPanel .success-inline__receipt .k { color:var(--ink-2); } #claimPanel .success-inline__receipt .v { color:var(--ink); font-weight:600; } #claimPanel .success-inline__receipt .v.mono { font-family:var(--mono); letter-spacing:2px; color:var(--green); font-weight:700; } #claimPanel .success-inline__hint { margin:0; color:var(--ink-3); font-size:0.7rem; } #claimPanel .footer-links { margin-top:24px; text-align:center; color:var(--ink-3); font-size:0.72rem; } #claimPanel .footer-links a { color:var(--ink-2); text-decoration:none; } #claimPanel .code-display { font-family:var(--mono); font-size:1.1rem; font-weight:800; letter-spacing:3px; color:var(--ink); padding:10px 0; }

转转即赢 · 最高 188 USDT

18USDT28USDT38USDT68USDT18USDT88USDT28USDT128USDT38USDT188USDT
点击 GO，开启你的好运

选择语言