.code-card{margin:0 0 4px;padding:14px 16px;border:1px solid #b7d6ea;border-radius:8px;background:linear-gradient(180deg,#f0f7fc,#e6f1f8)}
.code-card .code-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#0a5b91;font-weight:650;margin-bottom:8px}
.code-card .code-label small{color:#697586;font-weight:500;margin-left:auto}
.code-card .code-value{display:flex;align-items:center;gap:10px}
.code-card .code-value b{font-family:Consolas,monospace;font-size:30px;letter-spacing:4px;color:#0b3a5b;line-height:1}
.code-card .code-copy{flex:none;min-height:34px;padding:7px 13px;border:1px solid var(--blue);border-radius:5px;background:var(--blue);color:#fff;font-weight:650;cursor:pointer}
.code-card .code-copy:hover{background:#0f5285}
.code-card .code-from{margin:9px 0 0;font-size:12px;color:#657181;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.code-card.code-none b{font-size:15px;letter-spacing:0;color:#657181;font-weight:500}
@media(max-width:700px){.code-card{margin:10px 12px 4px}.code-card .code-value b{font-size:26px}}