.refer-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}@media (max-width:760px){.refer-steps{grid-template-columns:1fr}}.code-box{display:flex;gap:10px;align-items:center;background:var(--surface);border:1.5px dashed var(--leaf);border-radius:var(--r-md);padding:14px 18px;max-width:360px}.refer-code-panel{max-width:520px;margin:0 auto 40px;text-align:center}.refer-code-panel .code-box{margin-left:auto;margin-right:auto}.refer-code-note{font-size:14px;color:var(--secondary);margin-top:12px}.refer-code-panel .code-box{flex-wrap:wrap;justify-content:center}.refer-code-panel .code{min-width:0;overflow-wrap:anywhere}