@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;800&display=swap";:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--card-bg:#ffffffeb;--card-border:#94a3b82e;--input-bg:#f1f5f9;--primary:#3b82f6;--primary-soft:#3b82f624;--text-soft:#64748b;--ring-track:#e2e8f0;--ring-progress:#f59e0b;background:#f8fafc radial-gradient(circle at 1px 1px,#94a3b838 1px,#0000 0) 0 0/22px 22px;font-family:Noto Sans SC,Microsoft YaHei UI,PingFang SC,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}input{background:var(--input-bg);color:#0f172a;border:1px solid #0000;border-radius:18px;width:100%;padding:1rem 1.1rem;transition:border-color .18s,box-shadow .18s,background .18s}input:focus{background:#fff;border-color:#3b82f666;outline:none;box-shadow:0 0 0 4px #3b82f61f}#app{width:100%}.page{place-items:center;min-height:100vh;padding:24px;display:grid}.card{border:1px solid var(--card-border);background:var(--card-bg);border-radius:28px;width:min(100%,460px);padding:36px 32px 28px;box-shadow:0 24px 60px #0f172a14,inset 0 1px #ffffffa6}.hero{text-align:center;margin-bottom:24px}.hero h1{margin:0;font-size:clamp(2rem,5vw,2.5rem)}.hero-title{letter-spacing:.01em;font-family:Noto Sans SC,Microsoft YaHei UI,PingFang SC,sans-serif;font-weight:800;line-height:1.06;display:inline-block}.hero p{color:var(--text-soft);margin:10px 0 0;font-size:.98rem}.field{gap:10px;display:grid}.field span{color:var(--text-soft);font-size:.95rem}.result-card{background:#f8fafc;border-radius:24px;gap:16px;margin-top:22px;padding:22px 20px;display:grid}.result-label{color:var(--text-soft);font-size:.88rem}.result-main{justify-content:space-between;align-items:center;gap:18px;display:flex}.otp-code{letter-spacing:.28rem;color:#0b1f44;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;align-items:center;min-height:82px;padding:14px 12px;font-size:clamp(2rem,7vw,3rem);font-weight:800;line-height:1;transition:color .16s,background-color .16s,box-shadow .16s;display:inline-flex}.otp-code:hover{background-color:#3b82f614;box-shadow:inset 0 0 0 1px #3b82f614}.otp-code.is-copied{color:#16a34a;background-color:#22c55e1a;box-shadow:inset 0 0 0 1px #22c55e29}.timer-block{flex-shrink:0;width:88px;height:88px;position:relative}.timer-ring{transform-origin:50%;width:100%;height:100%;display:block;transform:rotate(-90deg)}.timer-ring__track,.timer-ring__progress{fill:none;stroke-width:8px}.timer-ring__track{stroke:var(--ring-track)}.timer-ring__progress{stroke:var(--ring-progress);stroke-linecap:butt;transition:stroke-dashoffset .22s linear}.timer-text{text-align:center;color:#0f172a;place-items:center;display:grid;position:absolute;inset:0}.timer-text strong{font-size:1.55rem;line-height:1;display:block}.status-message{text-align:center;color:var(--text-soft);min-height:1.4em;margin:16px 0 0;font-size:.92rem;transition:color .16s}.status-message.is-success{color:#16a34a}.status-message.is-error{color:#dc2626}.share-link{color:#1d4ed8;width:100%;font:inherit;text-align:left;cursor:pointer;background:#f8fafc;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:10px 12px;font-size:.92rem;line-height:1.45;transition:color .16s,background-color .16s,box-shadow .16s;display:flex;box-shadow:inset 0 0 0 1px #94a3b829}.share-link:hover{background:#3b82f60d;box-shadow:inset 0 0 0 1px #3b82f629}.share-link.is-copied{color:#16a34a;background:#22c55e1a;box-shadow:inset 0 0 0 1px #22c55e29}.share-link__value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.share-link__action{color:inherit;background:#3b82f61a;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.82rem;font-weight:600}.share-link.is-hidden{display:none}@media (width<=520px){.card{padding:28px 18px 22px}.result-main{flex-direction:column;align-items:flex-start}.timer-block{align-self:center}.otp-code{letter-spacing:.18rem}}