.lyarc{display:grid;gap:16px;margin:32px 0;clear:both;font-family:inherit;box-sizing:border-box}
.lyarc *{box-sizing:border-box}
.lyarc .lyarc-card{--cta:#f0b900;--tint:#fffae9;--border:#f5df94;--label:#142033;margin:0;padding:18px;background:var(--tint);border:1px solid var(--border);border-radius:16px}
.lyarc .lyarc-okx{--cta:#2467ed;--tint:#f1f6ff;--border:#c0d5fa;--label:#fff}
.lyarc .lyarc-head{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.lyarc .lyarc-head strong{font-size:18px;line-height:1.4;color:#142033;font-weight:700}
.lyarc .lyarc-logo{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;background:#10151b;border-radius:10px;color:#f0b900}
.lyarc .lyarc-logo svg{width:27px;height:27px}.lyarc .lyarc-okx .lyarc-logo{color:#fff}
.lyarc .lyarc-code{position:relative;display:flex;align-items:center;gap:12px;padding:11px 12px;background:#fff;border:1px solid var(--border);border-radius:10px;font-size:13px;color:#34445e}
.lyarc .lyarc-code code{padding:0;background:none;font-size:18px;font-weight:700;letter-spacing:1px;color:#11243e}
.lyarc .lyarc-copy{margin-left:auto;border:1px solid var(--border);border-radius:8px;padding:7px 12px;background:#fff;color:#142033;font:inherit;font-weight:600;cursor:pointer}
.lyarc .lyarc-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.lyarc .lyarc-actions a{display:flex;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:10px;border:1px solid var(--cta);border-radius:9px;text-decoration:none;font-size:15px;font-weight:700;line-height:1.5}
.lyarc .lyarc-primary{background:var(--cta);color:var(--label)}
.lyarc .lyarc-download{background:#fff;color:#142033}
.lyarc .lyarc-ios{display:block;width:fit-content;margin:12px auto 0;color:#2461bc;font-size:13px;text-underline-offset:3px;line-height:1.5}
.lyarc a:hover,.lyarc button:hover{filter:brightness(.96)}
.lyarc a:focus-visible,.lyarc button:focus-visible{outline:3px solid #0d57c7;outline-offset:3px}
.lyarc .lyarc-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:480px){.lyarc{margin:24px 0;gap:12px}.lyarc .lyarc-card{padding:14px}.lyarc .lyarc-head strong{font-size:17px}.lyarc .lyarc-code{gap:8px}.lyarc .lyarc-actions{grid-template-columns:1fr}.lyarc .lyarc-code code{font-size:17px}}