:root{--primary:#6366f1;--primary-2:#8b5cf6;--text:#1e293b;--muted:#64748b;--border:#e2e8f0;--bg:#f8fafc}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;font-family:system-ui,-apple-system,segoe ui,microsoft yahei,sans-serif;background:linear-gradient(135deg,#eef2ff 0%,#faf5ff 50%,#eff6ff 100%);color:var(--text)}.card{width:100%;max-width:420px;padding:40px 32px;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(99,102,241,.12)}h1{font-size:22px;text-align:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}label{display:block;margin-bottom:6px;font-size:13px;font-weight:600}input{width:100%;padding:12px 14px;margin-bottom:16px;font-size:15px;border:1.5px solid var(--border);border-radius:10px;transition:.2s}input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.15)}button{width:100%;padding:13px;font-size:15px;font-weight:600;color:#fff;border:none;border-radius:10px;cursor:pointer;background:linear-gradient(135deg,var(--primary),var(--primary-2));transition:.2s}button:hover{filter:brightness(1.08);transform:translateY(-1px)}.result{display:none;margin-top:20px}.result.show{display:block}.key{padding:12px;margin-bottom:12px;font-family:ui-monospace,Consolas,monospace;font-size:13px;word-break:break-all;background:var(--bg);border-radius:10px}.row{display:flex;gap:10px}.ghost{color:var(--primary);background:#fff;border:1.5px solid var(--primary)}