:root{--bg: #0d0824;--card: rgba(255, 255, 255, .07);--line: rgba(255, 255, 255, .13);--border: rgba(178, 138, 255, .32);--text: #fbf7ff;--muted: #b9a9dd;--primary: #a06bff;--primary2: #d9a5ff;--accent: #8ef0d0;--gold: #ffd98a;--danger: #ff8a80;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(circle at 30% 10%,rgba(83,34,160,.5),transparent 50%),radial-gradient(circle at 80% 90%,rgba(255,92,138,.25),transparent 45%),#06040f;color:var(--text);-webkit-font-smoothing:antialiased}.app{min-height:100dvh;display:flex;justify-content:center}.phone{position:relative;width:min(430px,100vw);height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 115% -5%,rgba(160,107,255,.4),transparent 46%),radial-gradient(circle at -18% 42%,rgba(255,122,182,.22),transparent 40%),radial-gradient(circle at 82% 112%,rgba(142,240,208,.16),transparent 45%),var(--bg)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 18px 12px;flex:none}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:17px}.brand .logo{width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary2));display:flex;align-items:center;justify-content:center;color:#150b2b;font-size:14px}.topright{display:flex;align-items:center;gap:6px}.wallet-chip{font-family:ui-monospace,monospace;font-size:10px;color:var(--muted);background:#ffffff0f;border:1px solid var(--line);padding:5px 9px;border-radius:999px}.ghost-btn,.btn-light,.btn-main,.claim-btn,.help-mini,.chip,.bn,.dchip{border:none;cursor:pointer;font-family:inherit;transition:all .15s ease}.ghost-btn.small{background:#ffffff0f;border:1px solid var(--line);color:var(--text);padding:5px 9px;border-radius:999px;font-size:11px}.ghost-btn.block{width:100%;padding:13px;border-radius:15px;font-size:13px;background:#ffffff0f;border:1px solid var(--line);color:var(--text)}.ghost-btn:hover,.chip:hover,.bn:hover,.dchip:hover{border-color:var(--border)}.ghost-btn:active,.btn-light:active,.btn-main:active,.claim-btn:active{transform:scale(.97)}.icon-btn{background:transparent;border:none;color:var(--muted);font-size:16px;cursor:pointer}.screen{flex:1;overflow-y:auto;padding:12px 16px 110px;display:flex;flex-direction:column;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.vpanel{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;row-gap:12px;min-height:0}.hero{border-radius:24px;padding:24px 16px;position:relative;overflow:hidden;border:1px solid var(--border);background:linear-gradient(150deg,#a06bff4d,#1e0e40d9);box-shadow:0 20px 50px #1e0a5059}.flex-hero{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;gap:12px}.glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 86% 8%,rgba(255,217,138,.28),transparent 36%),radial-gradient(circle at 10% 100%,rgba(142,240,208,.16),transparent 42%)}.hero-top{display:flex;align-items:center;gap:10px;position:relative}.star-badge{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--gold),#ffb347);display:flex;align-items:center;justify-content:center;color:#241500;font-size:20px;flex:none;box-shadow:0 6px 16px #ffbe5a59}.who{font-weight:800;font-size:18px}.muted{color:var(--muted)}.muted.center{text-align:center}.muted.small{font-size:11px}.muted.tiny{font-size:10px}.small{font-size:11px}.center{text-align:center}.tag{display:inline-block;padding:2px 9px;border-radius:999px;font-size:10px;border:1px solid var(--line);color:var(--muted);background:#ffffff0a;cursor:pointer;-webkit-user-select:none;user-select:none}.tag.gold{color:var(--gold);border-color:#ffd98a66;background:#ffd98a1a}.tag.ok{color:var(--accent);border-color:#8ef0d066;background:#8ef0d01a}.demo-chips{display:flex;gap:6px;flex-wrap:wrap}.dchip{font-size:10px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:#00000024}.dchip.active{color:var(--gold);border-color:#ffd98a80;background:#ffd98a1f}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hg{background:#0003;border:1px solid var(--line);border-radius:14px;padding:10px 12px}.hg .k{font-size:10.5px;color:var(--muted);margin-bottom:5px}.hg .v{font-family:ui-monospace,monospace;font-size:17px;font-weight:800}.hg .v.accent{color:var(--accent)}.hg .v.gold{color:var(--gold)}.hg .v small{font-size:10px;opacity:.6}.hg.wide{grid-column:1 / -1}.meter{height:8px;background:#ffffff24;border-radius:99px;overflow:hidden;margin-top:7px}.meter-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--primary),var(--gold));transition:width .5s ease}.meter-cap{display:flex;justify-content:space-between;margin-top:5px;font-size:10px;color:var(--muted)}.invite-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;border-radius:14px;border:1px dashed rgba(217,165,255,.4);background:#d9a5ff14}.invite-code{font-family:ui-monospace,monospace;color:var(--primary2);font-size:11px;flex:1}.btn-main{width:100%;padding:15px;border-radius:18px;font-size:16px;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#150b2b;box-shadow:0 12px 30px #a06bff59}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px}.row{display:flex;justify-content:space-between;align-items:center}.team-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.vrow{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 12px;cursor:pointer;transition:border-color .15s ease}.vrow:hover{border-color:var(--border)}.avatar{width:30px;height:30px;border-radius:10px;flex:none;background:linear-gradient(135deg,var(--primary),var(--primary2));display:flex;align-items:center;justify-content:center;color:#150b2b;font-size:13px}.vmid{flex:1}.vmid>div:first-child{font-size:13px}.vmid .muted{margin-top:2px}.lvl{font-size:10px;padding:1px 7px;border-radius:999px;background:#ffd98a1f;color:var(--gold);border:1px solid rgba(255,217,138,.35)}.help-mini{font-size:11px;padding:4px 12px;border-radius:999px;background:#ff8a8024;color:var(--danger);border:1px solid rgba(255,138,128,.5);flex:none}.help-mini:hover{background:#ff8a8047}.chev{color:var(--muted)}.vsub{display:flex;flex-direction:column;gap:8px;margin:-4px 0 8px 16px;padding-left:12px;border-left:1px solid var(--line)}.red-layout{justify-content:space-evenly;padding-top:34px}.red-demo{display:flex;justify-content:center;gap:8px}.tag.active{color:var(--gold);border-color:#ffd98a80;background:#ffd98a1f}.rp-wrap{min-height:500px;border-radius:30px;padding:44px 20px 36px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,217,138,.35);background:radial-gradient(circle at 50% 0%,rgba(255,180,90,.42),transparent 52%),linear-gradient(160deg,#a06bff59,#180a34e6)}.env{font-size:64px;line-height:1;filter:drop-shadow(0 8px 18px rgba(255,150,60,.35))}.rp-label{font-size:11px;color:var(--muted);margin-top:6px}.rp-balance{font-family:ui-monospace,monospace;font-size:36px;font-weight:800;color:var(--gold);margin:6px 0 4px}.rp-meta{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.claim-btn{margin:26px auto 8px;display:block;width:min(280px,100%);padding:17px;border-radius:999px;font-size:17px;font-weight:800;background:linear-gradient(135deg,#ff9d45,#ff5c8a);color:#fff;box-shadow:0 14px 34px #ff6e6466}.claim-btn.done{background:linear-gradient(135deg,#3ecfa0,#25a97f);box-shadow:none}.wait-card{min-height:500px;border-radius:30px;padding:46px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.24);background:#ffffff0a}.wait-card h4{margin:12px 0 6px;font-size:17px}.wait-card .env{opacity:.85}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#05041099;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease}@keyframes fade{0%{opacity:0}}.sheet{width:min(470px,100vw);background:#141031;color:#f5efff;border:1px solid rgba(255,255,255,.1);border-radius:26px 26px 0 0;padding:18px 18px 34px;max-height:88dvh;overflow:auto;animation:up .2s ease}@keyframes up{0%{transform:translateY(30px);opacity:.6}}.sheet-head{display:flex;justify-content:space-between;align-items:center;font-weight:800;margin-bottom:8px}.sub{font-size:12px;color:#b6a8dd;margin-bottom:14px}.fld-label{display:block;font-size:12px;color:#b6a8dd;margin-bottom:6px}.sheet input{width:100%;padding:12px;border-radius:12px;margin-bottom:10px;border:1px solid rgba(255,255,255,.15);background:#1c1640;color:#f5efff;font-size:15px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 16px}.chip{padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:#e6ddfa;font-size:13px}.chip.active{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#150b2b;font-weight:800}.btn-light{width:100%;padding:14px;border-radius:15px;font-size:15px;font-weight:800;background:linear-gradient(135deg,#ff9d45,#ff5c8a);color:#fff;margin-top:8px}.btn-light:disabled{opacity:.5;cursor:not-allowed}.amount-center{font-family:ui-monospace,monospace;font-size:46px;font-weight:800;color:var(--gold);text-align:center;padding:30px 0}.rp-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:13px;margin:8px 0}.bottomnav{position:absolute;left:26px;right:26px;bottom:18px;display:flex;padding:6px;border-radius:999px;background:#120a2ce6;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10}.bn{flex:1;background:transparent;color:var(--muted);font-size:10.5px;padding:8px 0;border-radius:999px}.bn .ico{display:block;font-size:16px;margin-bottom:2px}.bn.active{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#150b2b;font-weight:800}.toast{position:fixed;bottom:86px;left:50%;transform:translate(-50%);z-index:120;background:#1a1037;color:#fff;border:1px solid rgba(255,255,255,.14);padding:11px 18px;border-radius:999px;font-size:13px;box-shadow:0 18px 40px #00000080;white-space:nowrap}.toast.error{background:#3a1220;border-color:#ff8a808c;color:#ffd5d1;white-space:normal;max-width:min(420px,calc(100vw - 40px));cursor:pointer}.toast-x{margin-right:8px;font-weight:800}.load-err{margin-top:10px;color:var(--danger);font-size:11px;word-break:break-all}@media (min-width: 520px){.phone{margin:16px 0;height:calc(100dvh - 32px);border-radius:38px;border:1px solid var(--border);box-shadow:0 30px 80px #0000008c}.screen{padding-bottom:110px}}