*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#1a1a1a;background:#f5f5f5}.page{width:min(560px,calc(100% - 32px));margin:0 auto;padding:28px 0 40px}h1{margin:0;font-size:22px;font-weight:600}.tips,.meta{margin:10px 0 0;color:#666;font-size:14px;line-height:1.5}.meta{font-size:12px}.error{margin:12px 0 0;padding:10px 12px;border-radius:8px;background:#fff1f0;color:#a8071a;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.btn{appearance:none;border:1px solid #d9d9d9;background:#1677ff;color:#fff;border-radius:8px;padding:10px 16px;font-size:14px;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:#fff;color:#1a1a1a}.result{margin-top:16px;display:flex;gap:10px;align-items:center;padding:12px;border-radius:8px;background:#fff;border:1px solid #e8e8e8}.result code{flex:1;min-width:0;word-break:break-all;font-size:13px}