pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-card: #ffffff;--text-primary: #1a1a1a;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #e8e8e8;--shadow: 0 2px 8px rgba(0, 0, 0, .06);--accent: #1677ff;--accent-hover: #4096ff;--tag-bg: #f0f5ff;--tag-text: #1677ff;--code-bg: #f6f8fa;--blockquote-border: #1677ff;--blockquote-bg: #f0f5ff}[data-theme=dark]{--bg-primary: #141414;--bg-secondary: #1f1f1f;--bg-card: #1f1f1f;--text-primary: #e8e8e8;--text-secondary: #a0a0a0;--text-tertiary: #666666;--border-color: #333333;--shadow: 0 2px 8px rgba(0, 0, 0, .3);--accent: #4096ff;--accent-hover: #69b1ff;--tag-bg: #171d30;--tag-text: #4096ff;--code-bg: #1f1f1f;--blockquote-border: #4096ff;--blockquote-bg: #171d30}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-secondary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji";transition:background-color .3s,color .3s;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}.markdown-body{line-height:1.8;color:var(--text-primary)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600;color:var(--text-primary)}.markdown-body h1{font-size:1.8em}.markdown-body h2{font-size:1.5em}.markdown-body h3{font-size:1.3em}.markdown-body p{margin-bottom:1em}.markdown-body img{max-width:100%;border-radius:8px;margin:1em 0}.markdown-body blockquote{border-left:4px solid var(--blockquote-border);background:var(--blockquote-bg);padding:12px 16px;margin:1em 0;border-radius:0 4px 4px 0;color:var(--text-secondary)}.markdown-body code{background:var(--code-bg);padding:2px 6px;border-radius:4px;font-size:.9em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.markdown-body pre{background:var(--code-bg);border-radius:8px;padding:16px;overflow-x:auto;margin:1em 0}.markdown-body pre code{background:none;padding:0}.markdown-body ul,.markdown-body ol{padding-left:2em;margin-bottom:1em}.markdown-body li{margin-bottom:.25em}.markdown-body table{width:100%;border-collapse:collapse;margin:1em 0}.markdown-body th,.markdown-body td{border:1px solid var(--border-color);padding:8px 12px;text-align:left}.markdown-body th{background:var(--bg-secondary);font-weight:600}.markdown-body a{color:var(--accent);word-break:break-all}.markdown-body hr{border:none;border-top:1px solid var(--border-color);margin:2em 0}[data-theme=dark] .hljs{color:#c9d1d9;background:#0d1117}[data-theme=dark] .hljs-doctag,[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-meta .hljs-keyword,[data-theme=dark] .hljs-template-tag,[data-theme=dark] .hljs-template-variable,[data-theme=dark] .hljs-type,[data-theme=dark] .hljs-variable.language_{color:#ff7b72}[data-theme=dark] .hljs-title,[data-theme=dark] .hljs-title.class_,[data-theme=dark] .hljs-title.class_.inherited__,[data-theme=dark] .hljs-title.function_{color:#d2a8ff}[data-theme=dark] .hljs-attr,[data-theme=dark] .hljs-attribute,[data-theme=dark] .hljs-literal,[data-theme=dark] .hljs-meta,[data-theme=dark] .hljs-number,[data-theme=dark] .hljs-operator,[data-theme=dark] .hljs-selector-attr,[data-theme=dark] .hljs-selector-class,[data-theme=dark] .hljs-selector-id,[data-theme=dark] .hljs-variable{color:#79c0ff}[data-theme=dark] .hljs-meta .hljs-string,[data-theme=dark] .hljs-regexp,[data-theme=dark] .hljs-string{color:#a5d6ff}[data-theme=dark] .hljs-built_in,[data-theme=dark] .hljs-symbol{color:#ffa657}[data-theme=dark] .hljs-code,[data-theme=dark] .hljs-comment,[data-theme=dark] .hljs-formula{color:#8b949e}[data-theme=dark] .hljs-name,[data-theme=dark] .hljs-quote,[data-theme=dark] .hljs-selector-pseudo,[data-theme=dark] .hljs-selector-tag{color:#7ee787}[data-theme=dark] .hljs-subst{color:#c9d1d9}[data-theme=dark] .hljs-section{color:#1f6feb;font-weight:700}[data-theme=dark] .hljs-bullet{color:#f2cc60}[data-theme=dark] .hljs-emphasis{color:#c9d1d9;font-style:italic}[data-theme=dark] .hljs-strong{color:#c9d1d9;font-weight:700}[data-theme=dark] .hljs-addition{color:#aff5b4;background-color:#033a16}[data-theme=dark] .hljs-deletion{color:#ffdcd7;background-color:#67060c}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#444}.blog-layout{min-height:100vh}.blog-content-area{width:100%;max-width:100%;margin:0 auto;padding:24px 48px;display:flex;gap:24px}.blog-main{flex:1;min-width:0}.blog-sidebar{width:320px;flex-shrink:0}@media (max-width: 1024px){.blog-content-area{padding:24px}.blog-sidebar{width:260px}}@media (max-width: 768px){.blog-content-area{flex-direction:column;padding:16px 12px}.blog-sidebar{width:100%}}.article-card{transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}