.blog-code{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background:var(--color-surface-card)}.blog-code-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:var(--color-surface-strong);border-bottom:1px solid var(--color-border)}.blog-code-dot{width:9px;height:9px;border-radius:var(--radius-full);background:var(--color-hairline-strong)}.blog-code-file{margin-left:8px;font-family:var(--font-family-mono);font-size:11px;font-weight:500;letter-spacing:.4px;color:var(--color-muted)}.blog-code-body{margin:0;padding:20px;overflow-x:auto;background:var(--color-canvas-soft)}.blog-code-body code{font-family:var(--font-family-mono);font-size:13px;line-height:1.7;letter-spacing:0;color:var(--color-text);white-space:pre}.blog-code-tok-comment{color:var(--code-tok-comment)}.blog-code-tok-keyword{color:var(--code-tok-keyword)}.blog-code-tok-type{color:var(--code-tok-type)}.blog-code-tok-func{color:var(--code-tok-func)}.blog-code-tok-number{color:var(--code-tok-number)}.blog-code-tok-string{color:var(--code-tok-string)}@media (max-width:768px){.blog-code-body{padding:16px}.blog-code-body code{font-size:12px}}