@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
.origin-card{display:grid;grid-template-columns:1.4fr 1fr;background:#132824;border:1px solid #36534c;padding:13px 15px;margin-bottom:10px;gap:12px}.origin-card .label{margin-bottom:5px}.origin-card strong{display:block;font:13px 'DM Mono',monospace;color:#d9e1d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root{--ink:#10211f;--paper:#f3f0e8;--acid:#d7ff61;--cream:#fffdf5;--line:#c5c4b8;--muted:#66716c;--coral:#ff785b;--shadow:0 18px 50px rgba(16,33,31,.11)}
/* 强制尊重原生 hidden 状态，避免组件的 display 样式让已隐藏内容继续显示。 */
[hidden]{display:none!important}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#1d3732 0.6px,transparent .6px);background-size:14px 14px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.loading-state{height:290px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.loading-state h2{margin:20px 0 8px}.loading-state p{color:#aab5af;font-size:13px;line-height:1.6;margin:0;max-width:290px}.loading-kicker{font:10px 'DM Mono',monospace;color:#aab5af;letter-spacing:.14em;margin-top:22px}.terminal-loader{display:flex;align-items:flex-end;gap:7px;height:34px}.terminal-loader i{display:block;width:8px;background:var(--acid);animation:terminal-scan .9s ease-in-out infinite}.terminal-loader i:nth-child(1){height:14px}.terminal-loader i:nth-child(2){height:28px;animation-delay:.12s}.terminal-loader i:nth-child(3){height:20px;animation-delay:.24s}@keyframes terminal-scan{0%,100%{opacity:.28;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.terminal-loader i{animation:none;opacity:1}}
.shell{width:min(1180px,calc(100% - 44px));margin:auto;min-height:100vh;display:flex;flex-direction:column}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:inherit;text-decoration:none;display:flex;gap:11px;align-items:center;font-weight:700;letter-spacing:-.03em}.brand-mark{font-family:'DM Mono',monospace;color:var(--coral);font-size:20px}.live{display:flex;gap:9px;align-items:center;font:12px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.live i{width:8px;height:8px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 5px #d7ff6130}.hero{padding:74px 0 54px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end}.eyebrow,.panel-label,.label,.step{font:11px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.eyebrow{color:var(--coral)}.eyebrow span{color:var(--muted);margin-left:8px}.hero h1{font-size:clamp(56px,8vw,108px);line-height:.87;letter-spacing:-.085em;margin:20px 0 0;font-weight:600}.hero h1 em{font-style:normal;color:var(--coral)}.hero-copy{max-width:300px;color:var(--muted);line-height:1.7;margin:0 0 7px;font-size:15px}.workspace{display:grid;grid-template-columns:1fr 1.06fr;gap:18px;align-items:stretch}.panel{background:var(--cream);border:1px solid var(--ink);box-shadow:var(--shadow);padding:30px}.redeem-panel{min-height:415px}.status-panel{background:var(--ink);color:var(--paper);border-color:var(--ink);min-height:415px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.step{color:var(--coral)}.status-panel .step{color:var(--acid)}.panel-label{color:var(--muted)}.status-panel .panel-label{color:#aab5af}.panel h2{font-size:28px;letter-spacing:-.05em;margin:0 0 10px}.muted{color:var(--muted);font-size:13px;margin:0 0 30px}.field{display:block}.field span{display:block;font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}.field input{width:100%;border:0;border-bottom:2px solid var(--ink);background:transparent;padding:13px 0;font:18px 'DM Mono',monospace;outline:0;color:var(--ink);text-transform:uppercase}.field input:focus{border-color:var(--coral)}button{cursor:pointer;font:600 13px 'Space Grotesk',sans-serif}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:16px 18px;margin-top:28px;transition:.2s}.primary:hover{background:var(--coral);border-color:var(--coral);transform:translateY(-2px)}.primary b{font-size:20px;font-weight:400}.hint{display:flex;gap:8px;margin-top:30px;color:var(--muted);font-size:11px;line-height:1.5}.hint-dot{border:1px solid var(--line);width:16px;height:16px;display:inline-grid;place-items:center;border-radius:50%;font:10px 'DM Mono',monospace;flex:none}.error{background:#ffe1da;border-left:3px solid var(--coral);padding:10px 12px;margin-top:14px;color:#7b2c1f;font-size:12px}.empty-state{height:290px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.empty-icon{font-size:52px;color:var(--acid);font-weight:200;line-height:1}.empty-state h2{margin-top:30px}.empty-state p{color:#aab5af;font-size:13px;max-width:230px;line-height:1.6}.status-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.status-pill{font:11px 'DM Mono',monospace;background:var(--acid);color:var(--ink);padding:7px 10px;text-transform:uppercase}.countdown{font:11px 'DM Mono',monospace;color:#aab5af}.phone-card,.code-card{position:relative;background:#18312d;padding:18px 20px;margin-bottom:10px}.phone-card .label,.code-card .label{display:block;color:#8fa49a;margin-bottom:8px}.phone-card strong{font:28px 'DM Mono',monospace;letter-spacing:.04em}.copy{position:absolute;right:15px;bottom:15px;background:transparent;color:var(--acid);border:1px solid #668073;padding:5px 9px;font-size:11px}.code-card strong{display:block;color:var(--acid);font:42px 'DM Mono',monospace;letter-spacing:.08em;min-height:50px}.code-message{display:block;color:#8fa49a;font-size:11px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #36534c;border-bottom:1px solid #36534c;margin:20px 0}.meta-grid div{padding:13px 9px 13px 0}.meta-grid div+div{border-left:1px solid #36534c;padding-left:12px}.meta-grid span{display:block;color:#8fa49a;font:10px 'DM Mono',monospace;text-transform:uppercase;margin-bottom:5px}.meta-grid strong{font-size:13px}.actions{display:flex;gap:10px}.secondary,.ghost{padding:11px 14px}.secondary{background:var(--acid);border:1px solid var(--acid);color:var(--ink)}.ghost{background:transparent;color:#aab5af;border:1px solid #536c64}.microcopy{font-size:11px;color:#8fa49a;line-height:1.5;margin:18px 0 0}.status-panel.pulse{animation:pulse .35s ease}@keyframes pulse{50%{transform:scale(.995)}}footer{margin-top:auto;padding:28px 0 22px;display:flex;justify-content:space-between;color:var(--muted);font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}@media(max-width:760px){.shell{width:min(100% - 28px,600px)}.topbar{height:72px}.hero{padding:54px 0 40px;display:block}.hero-copy{margin-top:26px}.workspace{grid-template-columns:1fr}.panel{padding:24px}.redeem-panel,.status-panel{min-height:auto}.empty-state{height:250px}.meta-grid{grid-template-columns:1fr 1fr}.meta-grid div:last-child{grid-column:span 2;border-left:0;border-top:1px solid #36534c;padding-left:0}.hero h1{font-size:72px}footer{padding-top:32px;gap:20px;flex-direction:column}}