:root{--ink:#122033;--muted:#66758a;--line:#dfe6ef;--paper:#f5f7fb;--card:#fff;--blue:#1468ed;--blue2:#0a4fbf;--blue-soft:#eaf2ff;--green:#16845b;--green-soft:#e9f8f1;--red:#b83a35;--red-soft:#fff0ee;--shadow:0 22px 70px rgba(26,52,92,.1)}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:radial-gradient(circle at 82% -10%,#dbe9ff 0,transparent 32rem),var(--paper)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}main{width:min(100% - 32px,1120px);margin:auto}.topbar{min-height:86px;justify-content:space-between;border-bottom:1px solid rgba(140,155,180,.28)}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px;color:var(--ink);text-decoration:none;font-weight:900}.brand i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,var(--blue),var(--blue2));color:#fff;font-style:normal;font-size:14px;box-shadow:0 9px 24px rgba(20,104,237,.25)}.brand span{display:grid;font-size:18px}.brand small{margin-top:2px;color:#8390a2;font-size:9px;letter-spacing:.17em}.service{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72);color:#526176;font-size:13px}.service b{width:8px;height:8px;border-radius:50%;background:#20aa73;box-shadow:0 0 0 4px rgba(32,170,115,.12)}.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);grid-gap:60px;gap:60px;align-items:end;padding:70px 0 46px}.eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--blue-soft);color:var(--blue2);font:800 11px/1 monospace;letter-spacing:.12em}.hero h1{margin:20px 0 18px;font-size:clamp(42px,6.2vw,76px);line-height:1.02;letter-spacing:-.065em}.hero p{max-width:650px;margin:0;color:var(--muted);font-size:17px;line-height:1.8}.hero-note{display:grid;grid-gap:12px;gap:12px;padding:24px;border:1px solid rgba(186,199,217,.7);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 14px 44px rgba(51,77,113,.07);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-note strong{font-size:17px}.hero-note span{position:relative;padding-left:17px;color:var(--muted);font-size:14px}.hero-note span:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--blue)}.card{border:1px solid var(--line);border-radius:28px;background:var(--card);box-shadow:var(--shadow)}.activate-card{padding:clamp(24px,5vw,48px)}.section-title{display:flex;align-items:flex-start;gap:16px}.section-title>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:var(--blue);color:#fff;font:800 12px monospace}.section-title h2{margin:1px 0 6px;font-size:25px;letter-spacing:-.025em}.section-title p{margin:0;color:var(--muted);font-size:14px}.section-title em{margin-left:auto;padding:8px 12px;border-radius:999px;background:#fff4d7;color:#8c6100;font-style:normal;font-size:12px;font-weight:800;white-space:nowrap}.section-title em.received{background:var(--green-soft);color:var(--green)}.section-title em.cancelled,.section-title em.expired{background:#eef1f5;color:#657286}.activate-card form{margin-top:34px}.activate-card label{display:block;margin-bottom:9px;font-weight:800;font-size:13px}.input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px}.input-row input{min-width:0;height:62px;padding:0 18px;border:2px solid #d9e2ee;border-radius:16px;outline:none;font:700 17px monospace;letter-spacing:.04em;text-transform:uppercase}.input-row input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(20,104,237,.09)}.input-row button,.primary{min-height:60px;padding:0 25px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font-weight:900;box-shadow:0 10px 25px rgba(20,104,237,.2)}.trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.trust span{padding:8px 11px;border-radius:999px;background:#f1f4f8;color:#647287;font-size:12px}.workspace{display:grid;grid-gap:14px;gap:14px}.session-bar{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:14px;gap:14px;align-items:center;padding:18px 22px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.8)}.session-bar div{display:grid;grid-gap:4px;gap:4px}.session-bar small{color:var(--muted);font-size:11px}.session-bar strong{font-size:14px}.session-bar button{padding:9px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#506078;font-weight:800;font-size:12px}.operation-card{padding:clamp(24px,5vw,42px)}.empty-number{text-align:center;padding:45px 20px 20px}.flag{font-size:45px}.empty-number h3{margin:10px 0 5px;font-size:25px}.empty-number p{margin:0 0 22px;color:var(--muted)}.large{min-width:230px}.result-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:30px}.result-grid article{min-width:0;padding:27px;border:1px solid var(--line);border-radius:20px;background:#f8fafc}.result-grid article>span{display:block;color:var(--muted);font-size:12px;font-weight:700}.result-grid article>strong{display:block;margin:18px 0 22px;font:800 clamp(24px,4vw,39px)/1 monospace;overflow-wrap:anywhere}.result-grid article>button{padding:9px 12px;border:1px solid #cbd6e4;border-radius:10px;background:#fff;color:#3f5069;font-weight:800;font-size:12px}.result-grid article.code-ready{border-color:#a8dec8;background:var(--green-soft)}.result-grid article.code-ready>strong{color:var(--green);letter-spacing:.08em}.result-grid small{display:flex;align-items:center;gap:8px;color:var(--muted)}.result-grid small i{width:8px;height:8px;border-radius:50%;background:#e09b24;animation:pulse 1.5s infinite}.order-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:14px}.order-meta div{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-radius:14px;background:#f3f6fa}.order-meta span{color:var(--muted);font-size:12px}.order-meta b{font-family:monospace}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.actions button{min-height:44px;padding:0 17px;border:1px solid #d4deeb;border-radius:12px;background:#fff;color:#34465e;font-weight:800}.actions button.danger{margin-left:auto;border-color:#f1c5c1;background:var(--red-soft);color:var(--red)}.alert{margin-top:17px;padding:13px 15px;border-radius:12px;font-size:13px;font-weight:700}.alert.error{border:1px solid #f1c2bd;background:var(--red-soft);color:var(--red)}.alert.success{border:1px solid #b9dfcf;background:var(--green-soft);color:var(--green)}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin:65px 0}.steps article{padding:27px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.68)}.steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--ink);color:#fff;font:800 11px monospace}.steps h3{margin:22px 0 7px}.steps p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}footer{display:flex;justify-content:space-between;gap:15px;padding:25px 0 40px;border-top:1px solid var(--line);color:#78869a;font-size:12px}@keyframes pulse{50%{opacity:.25;transform:scale(.8)}}@media(max-width:760px){main{width:min(100% - 22px,1120px)}.topbar{min-height:72px}.service{font-size:0;padding:10px}.hero{grid-template-columns:1fr;gap:28px;padding:45px 0 30px}.hero h1{font-size:44px}.hero-note{padding:18px}.input-row{grid-template-columns:1fr}.input-row button{width:100%}.session-bar{grid-template-columns:1fr 1fr}.session-bar button{grid-column:1/-1}.order-meta,.result-grid{grid-template-columns:1fr}.actions button{flex:1 1}.actions button.danger{margin-left:0}.steps{grid-template-columns:1fr;margin:40px 0}.steps article{padding:21px}footer{flex-direction:column}.section-title{flex-wrap:wrap}.section-title em{margin-left:54px;margin-top:-8px}}