.code-jump{display:inline-block;margin:1px 0 8px;color:#19678d;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.code-jump:hover{color:#124a69}.code-learning{margin-top:42px;border-top:1px solid #dce7f0;padding-top:29px;scroll-margin-top:20px}.code-learning>h2{font-size:19px}.code-learning .code-intro{font-size:13px;color:#60718a;margin:5px 0 19px}.code-card{border:1px solid #d7e4ed;border-radius:9px;overflow:hidden;margin:18px 0 24px;background:#fff}.code-card-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;background:#f4f9fc;border-bottom:1px solid #dce7ef}.code-card-heading h3{font-size:14px;margin:0}.code-card-heading span{font-size:10px;color:#62778d;white-space:nowrap}.code-card pre{margin:0;padding:16px 18px;background:#10253e;color:#edf7ff;overflow:auto;font-size:12px;line-height:1.7;tab-size:2}.code-card pre code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre}.code-explain{padding:14px 17px 4px}.code-explain p{font-size:13px!important;line-height:1.8!important;margin:0 0 12px!important}.code-explain strong{display:block;font-size:11px;color:#23785e;margin:0 0 3px}.code-source{margin:0!important;padding:9px 17px;border-top:1px solid #e6edf2;background:#fbfdff;color:#6a7c91!important;font-size:11px!important;overflow-wrap:anywhere}.code-source code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
@media(max-width:700px){.code-learning{margin-top:34px;padding-top:23px}.code-card pre{font-size:11px;padding:14px}.code-card-heading{padding:11px 13px}.code-explain{padding:13px 14px 2px}.code-source{padding:9px 14px}}