:root{--ink:#152033;--muted:#718096;--line:#e5eaf1;--bg:#f4f7fb;--surface:#fff;--blue:#246bfd;--blue-soft:#eaf3ff;--green:#0eae79;--green-soft:#eafaf4;--amber:#ef941c;--amber-soft:#fff5df;--red:#9aa2ae;--sold-soft:#f0f2f5;--shadow:0 14px 36px rgba(33,53,85,.12);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#e9eef5;color:var(--ink)}button,input{font:inherit}button{cursor:pointer}.mobile-app{width:min(100%,390px);min-height:844px;margin:0 auto;background:var(--surface);padding-bottom:116px}.topbar{height:72px;display:grid;grid-template-columns:82px 1fr 34px;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid var(--line);background:#fff}.brand{display:grid;gap:1px;color:var(--blue);line-height:1}.brand strong{font-size:16px;letter-spacing:.04em}.brand small{font-size:10px;letter-spacing:.16em}.topbar h1{margin:0;text-align:center;font-size:22px;letter-spacing:.02em}.help-button{width:30px;height:30px;border:2px solid var(--ink);border-radius:50%;background:#fff;color:var(--ink);font-weight:900}.inventory-strip{display:flex;align-items:center;gap:7px;margin:14px 16px 10px;padding:13px 14px;border-radius:17px;background:#edf6ff;color:#4b5c72;font-size:13px}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(14,174,121,.12)}.inventory-strip .count{margin-left:auto}.inventory-strip .count b{font-size:20px;color:var(--blue)}.refresh-button,.pool-heading button{border:0;background:transparent;color:var(--blue);font-weight:800;padding:2px 0}.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 16px 12px;padding:4px;border:1px solid #dce8f6;border-radius:18px;background:#f8fbff}.mode-tab{min-height:66px;border:0;border-radius:14px;background:transparent;color:#66758a;text-align:center;padding:8px 3px}.mode-tab b,.mode-tab small{display:block}.mode-tab b{font-size:14px}.mode-tab small{margin-top:5px;font-size:10px}.mode-tab.is-active{background:#fff;color:var(--blue);box-shadow:0 3px 12px rgba(36,107,253,.10)}.search-panel{margin:0 16px 12px;padding:13px 14px;border-radius:16px;background:#f7faff}.search-panel label{display:block;margin-bottom:8px;color:#5d6d82;font-size:12px;font-weight:800}.search-row{display:grid;grid-template-columns:1fr 68px;gap:7px}.search-row input{min-width:0;border:1px solid #cfdaea;border-radius:12px;padding:11px 12px;outline:0;background:#fff}.search-row input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,107,253,.12)}.search-row button{border:0;border-radius:12px;background:var(--blue);color:#fff;font-weight:800}.search-panel p{margin:8px 0 0;color:var(--muted);font-size:11px}.pool-heading{display:flex;justify-content:space-between;align-items:center;margin:6px 18px 8px;color:#67768b;font-size:12px}.state-legend{display:flex;gap:13px;margin:0 18px 9px;color:#7b8798;font-size:11px}.state-legend span{display:inline-flex;align-items:center;gap:4px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.available{background:var(--green)}.dot.locked{background:var(--amber)}.dot.sold{background:var(--red)}.number-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 16px}.number-card{min-width:0;min-height:91px;padding:12px 5px 9px;border:1px solid transparent;border-radius:17px;background:var(--blue-soft);color:var(--ink);text-align:center;transition:border-color .16s,transform .16s,opacity .16s}.number-card:nth-child(3n+2){background:#fff1f4}.number-card:nth-child(3n){background:#effbf6}.number-card:nth-child(4n){background:#fff7e6}.number-card:hover:not(:disabled){transform:translateY(-1px)}.number-card:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.number-card .phone{display:block;font-size:14px;font-weight:900;letter-spacing:-.02em;white-space:nowrap}.number-card .tag{display:inline-block;margin-top:10px;padding:3px 7px;border-radius:8px;background:rgba(255,255,255,.68);font-size:10px;color:var(--blue)}.number-card.selected{border-color:var(--blue);box-shadow:0 0 0 2px rgba(36,107,253,.12)}.number-card.locked{background:var(--amber-soft);border-color:#f7c36e;color:#bd6e00}.number-card.locked .tag{color:#b66a00}.number-card.sold{background:var(--sold-soft);border-color:#e1e5eb;color:#98a2ae;opacity:.82;cursor:not-allowed}.number-card.sold .tag{color:#8b95a4}.number-card .status{display:block;margin-top:6px;font-size:10px}.loading,.empty{grid-column:1/-1;padding:42px 12px;text-align:center;color:var(--muted);font-size:13px}.live-toast{margin:12px 16px 0;padding:10px 12px;border-radius:12px;background:#edf6ff;color:#2764bd;font-size:12px}.selection-drawer{position:fixed;z-index:20;left:50%;bottom:0;width:min(390px,100%);transform:translateX(-50%);display:grid;grid-template-columns:minmax(0,1fr) 128px;align-items:center;gap:12px;padding:15px 16px calc(14px + env(safe-area-inset-bottom));border:1px solid #e1e7ef;border-bottom:0;border-radius:21px 21px 0 0;background:rgba(255,255,255,.98);box-shadow:0 -12px 32px rgba(31,52,83,.12)}.drawer-copy{display:grid;gap:4px;min-width:0}.drawer-copy small,.drawer-copy span{color:var(--muted);font-size:11px}.drawer-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--blue);font-size:21px;letter-spacing:.02em}.primary-button{border:0;border-radius:14px;padding:13px 10px;background:var(--blue);color:#fff;font-weight:900}.primary-button:disabled{background:#b9c4d3;cursor:not-allowed}.captcha-dialog{width:min(340px,calc(100% - 32px));border:0;border-radius:20px;padding:0;box-shadow:var(--shadow)}.captcha-dialog::backdrop{background:rgba(17,31,52,.35)}.captcha-dialog form{padding:22px}.captcha-dialog h2{margin:0 0 5px;font-size:19px}.captcha-dialog p{margin:0 0 14px;color:var(--muted);font-size:13px}.captcha-dialog input{width:100%;border:1px solid #d5deeb;border-radius:12px;padding:12px;outline:0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.dialog-actions>button:first-child{border:0;border-radius:12px;background:#f2f5f9;color:#536278;padding:11px 14px}.toast{position:fixed;z-index:30;left:50%;bottom:128px;transform:translateX(-50%);max-width:calc(100% - 36px);padding:10px 15px;border-radius:999px;background:#172236;color:#fff;box-shadow:var(--shadow);font-size:12px}.toast[hidden],.selection-drawer[hidden],.live-toast[hidden]{display:none}@media(min-width:700px){.mobile-app{box-shadow:0 0 0 1px #d8e0eb,0 20px 70px rgba(33,53,85,.12);margin:24px auto;border-radius:28px;overflow:hidden}.selection-drawer{bottom:24px;border-bottom:1px solid #e1e7ef;border-radius:21px}}