pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-link{text-decoration:underline}:root{--background-color-light: #ffffff;--text-color-light: #0f1419;--accent-color-light: #536471;--secondary-text-color-light: #536471;--border-color-light: #cfd9de;--card-background-light: #ffffff;--hover-bg-color-light: #f7f7f7;--background-color-dark: #000000;--text-color-dark: #e7e9ea;--accent-color-dark: #71767b;--secondary-text-color-dark: #71767b;--border-color-dark: #2f3336;--card-background-dark: #000000;--hover-bg-color-dark: #16181c;--background-color: var(--background-color-light);--text-color: var(--text-color-light);--accent-color: var(--accent-color-light);--secondary-text-color: var(--secondary-text-color-light);--border-color: var(--border-color-light);--card-background: var(--card-background-light);--hover-bg-color: var(--hover-bg-color-light);--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-serif: "Georgia", Cambria, "Times New Roman", Times, serif;--font-family-mono: "Menlo", "Consolas", "Liberation Mono", monospace;--font-size-base: 16px;--font-size-sm: .875rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-h1: 2.25rem;--font-size-h2: 1.75rem;--font-size-h3: 1.375rem;--font-size-h4: 1.125rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--border-radius: 6px;--content-max-width: 680px}html.dark{--background-color: var(--background-color-dark);--text-color: var(--text-color-dark);--accent-color: var(--accent-color-dark);--secondary-text-color: var(--secondary-text-color-dark);--border-color: var(--border-color-dark);--card-background: var(--card-background-dark);--hover-bg-color: var(--hover-bg-color-dark)}body{margin:0;font-family:var(--font-family-sans);background-color:var(--background-color);color:var(--text-color);font-size:var(--font-size-base);line-height:1.6;transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100vh}*,*:before,*:after{box-sizing:border-box}a{color:var(--accent-color);text-decoration:none;transition:color .2s ease}a:hover{text-decoration:underline;color:var( --text-color )}img{max-width:100%;height:auto;display:block;margin:var(--spacing-md) auto}.post-content img{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:var(--border-radius)}.page-wrapper{display:flex;flex-direction:column;flex-grow:1}.site-main{flex-grow:1}.container{width:100%;max-width:var(--content-max-width);margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.site-header{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color);background-color:var(--background-color)}.header-container{display:flex;justify-content:space-between;align-items:center;height:56px}.blog-title-link{text-decoration:none}.blog-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-color);margin:0}.blog-title:hover{color:var(--accent-color);text-decoration:none}.theme-toggle-button{background-color:transparent;color:var(--secondary-text-color);border:none;padding:var(--spacing-sm);border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background-color .2s ease}.theme-toggle-button:hover{color:var(--text-color);background-color:var(--hover-bg-color)}.theme-toggle-button svg{stroke-width:2px}.site-footer{padding:var(--spacing-lg) 0;text-align:center;color:var(--secondary-text-color);font-size:var(--font-size-sm);border-top:1px solid var(--border-color);margin-top:auto}.article-list{width:70%;margin:0 auto;margin-top:var(--spacing-lg)}.article-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.article-card:hover{border-color:var( --text-color );background-color:var(--hover-bg-color)}.article-card h2{font-size:var(--font-size-h3);margin-top:0;margin-bottom:var(--spacing-sm);font-weight:600}.article-card h2 a{color:var(--text-color);text-decoration:none}.article-card h2 a:hover{color:var(--text-color);text-decoration:underline}.article-meta{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--secondary-text-color);margin-bottom:var(--spacing-md)}.article-meta .tags{display:flex;align-items:center;margin-left:var(--spacing-sm)}.article-meta .divider{margin-top:-3px;margin-right:var(--spacing-xs)}.article-meta .tags a{color:var(--accent-color)}.article-meta .tags a:hover{color:var(--text-color)}.article-excerpt{color:var(--secondary-text-color);margin-bottom:var(--spacing-md);font-size:var(--font-size-base);line-height:1.5}.read-more-link{display:inline-block;margin-top:var(--spacing-sm);color:var(--accent-color);font-size:var(--font-size-sm);font-weight:500}.read-more-link:hover{color:var(--text-color);text-decoration:underline}.tag{display:inline-block;background-color:var(--hover-bg-color);color:var(--secondary-text-color);padding:.25em .6em;margin-right:.4em;border-radius:var(--border-radius);font-size:.8rem;font-weight:500;border:1px solid var(--border-color)}.page-detail .post-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.page-detail .post-header h1{font-size:var(--font-size-h1);font-weight:700;margin-bottom:var(--spacing-sm);line-height:1.2;color:var(--text-color)}.page-detail .post-header .article-meta{font-size:var(--font-size-base);margin-bottom:0}.post-content{line-height:1.7;font-size:var(--font-size-base)}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{color:var(--text-color);font-weight:600;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);line-height:1.3}.post-content h2{font-size:var(--font-size-h2);padding-bottom:.2em;border-bottom:1px solid var(--border-color)}.post-content h3{font-size:var(--font-size-h3)}.post-content h4{font-size:var(--font-size-h4)}.post-content p{margin-bottom:var(--spacing-md)}.post-content ul,.post-content ol{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}.post-content li{margin-bottom:var(--spacing-sm)}.post-content li>p{margin-bottom:var(--spacing-xs)}.post-content blockquote{border-left:3px solid var(--accent-color);padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-lg) 0;color:var(--secondary-text-color);background-color:var(--hover-bg-color);border-radius:var(--border-radius)}.post-content blockquote p:last-child{margin-bottom:0}.post-content pre{background-color:var(--card-background);padding:var(--spacing-md);overflow-x:auto;border-radius:var(--border-radius);margin:var(--spacing-lg) 0;border:1px solid var(--border-color);font-family:var(--font-family-mono);font-size:.9rem}html.light .post-content pre{color:var(--text-color-light)}html.dark .post-content pre{color:var(--text-color-dark)}.post-content code{background-color:var(--hover-bg-color);color:var(--text-color);padding:.2em .4em;border-radius:3px;font-family:var(--font-family-mono);font-size:.85em;border:1px solid var(--border-color)}.post-content pre code{background-color:transparent;color:inherit;padding:0;border:none;font-size:1em}.hljs-keyword,.hljs-selector-tag,.hljs-subst,.hljs-name,.hljs-attr,.hljs-built_in,.hljs-type,.hljs-tag,.hljs-title.class_,.hljs-title.function_{color:var(--text-color)}.hljs-number,.hljs-literal,.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-regexp,.hljs-title.function_.invoke{color:var(--accent-color)}html.light .hljs-number,html.light .hljs-literal,html.light .hljs-symbol,html.light .hljs-bullet,html.light .hljs-link,html.light .hljs-meta,html.light .hljs-regexp,html.light .hljs-title.function_.invoke{color:#0550ae}.hljs-string,.hljs-doctag,.hljs-addition{color:#22863a}html.dark .hljs-string,html.dark .hljs-doctag,html.dark .hljs-addition{color:#6fcf97}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-deletion{color:#b31d28}html.dark .hljs-deletion{color:#fdaeb7}.hljs{background:transparent!important;color:inherit!important}.hljs-comment,.hljs-quote{color:var(--secondary-text-color);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:var(--text-color);font-weight:400}.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable,.hljs-tag .hljs-attr{color:var(--accent-color)}.hljs-title,.hljs-section,.hljs-selector-id{color:var(--accent-color);font-weight:400}.loading-indicator,.error-message,.empty-state{text-align:center;padding:var(--spacing-xxl) var(--spacing-md);font-size:var(--font-size-base);color:var(--secondary-text-color)}.error-message{color:#d93025}html.dark .error-message{color:#f28b82}.back-to-home{display:inline-block;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--accent-color);font-size:var(--font-size-base)}.back-to-home:hover{color:var(--text-color);text-decoration:underline}