:root{--color-bg-primary: #fafafa;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f4f4f5;--color-bg-code: #f8fafc;--color-bg-card: #ffffff;--color-bg-hover: #f4f4f5;--color-text-primary: #18181b;--color-text-secondary: #52525b;--color-text-tertiary: #71717a;--color-text-muted: #a1a1aa;--color-text-inverse: #ffffff;--color-border: #e4e4e7;--color-border-light: #f4f4f5;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-light: #dbeafe;--color-accent-soft: #eff6ff;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--code-bg: #1e1e2e;--code-text: #cdd6f4;--code-keyword: #cba6f7;--code-function: #89b4fa;--code-string: #a6e3a1;--code-number: #fab387;--code-comment: #6c7086;--code-operator: #89dceb;--code-class: #f9e2af;--code-variable: #cdd6f4;--font-sans: 'Inter', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--transition-fast: 150ms ease;--transition-normal: 250ms ease}@media (prefers-color-scheme: dark){:root{--color-bg-primary: #09090b;--color-bg-secondary: #18181b;--color-bg-tertiary: #27272a;--color-bg-code: #1e1e2e;--color-bg-card: #18181b;--color-bg-hover: #27272a;--color-text-primary: #fafafa;--color-text-secondary: #a1a1aa;--color-text-tertiary: #71717a;--color-text-muted: #52525b;--color-text-inverse: #18181b;--color-border: #27272a;--color-border-light: #3f3f46;--color-accent: #3b82f6;--color-accent-hover: #60a5fa;--color-accent-light: #1e3a5f;--color-accent-soft: #172554}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:1rem;line-height:1.75;color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--color-text-primary);margin-bottom:var(--space-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--space-md);color:var(--color-text-secondary)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover);text-decoration:underline}strong,b{font-weight:600;color:var(--color-text-primary)}em,i{font-style:italic}ul,ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}ul li,ol li{margin-bottom:var(--space-sm);color:var(--color-text-secondary)}blockquote{margin:var(--space-xl) 0;padding:var(--space-md) var(--space-xl);border-left:4px solid var(--color-accent);background:var(--color-bg-tertiary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}blockquote p:last-child{margin-bottom:0}hr{margin:var(--space-2xl) 0;border:none;height:1px;background:var(--color-border)}table{width:100%;border-collapse:collapse;margin-bottom:var(--space-lg);font-size:0.875rem}table th,table td{padding:var(--space-sm) var(--space-md);text-align:left;border:1px solid var(--color-border)}table th{font-weight:600;background:var(--color-bg-tertiary);color:var(--color-text-primary)}table tr:nth-child(even){background:var(--color-bg-secondary)}img{max-width:100%;height:auto;display:block}::selection{background:var(--color-accent-light);color:var(--color-text-primary)}.site-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:var(--space-xl)}@media (max-width: 768px){.main-content{padding:var(--space-lg)}}.site-header{position:sticky;top:0;z-index:100;background:rgba(var(--color-bg-secondary), 0.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header-container{max-width:1200px;margin:0 auto;padding:var(--space-md) var(--space-xl);display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){.header-container{padding:var(--space-md) var(--space-lg)}}.site-brand .site-logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none}.site-brand .site-logo:hover{text-decoration:none}.site-brand .site-title{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.site-nav .nav-toggle{display:none;flex-direction:column;gap:4px;padding:var(--space-sm);background:none;border:none;cursor:pointer}@media (max-width: 768px){.site-nav .nav-toggle{display:flex}}.site-nav .nav-toggle .nav-toggle-bar{width:20px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:var(--transition-fast)}.site-nav .nav-menu{display:flex;list-style:none;gap:var(--space-xs);padding:0;margin:0}@media (max-width: 768px){.site-nav .nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-top:none;padding:var(--space-md);flex-direction:column;gap:var(--space-sm)}.site-nav .nav-menu.is-open{display:flex}}.site-nav .nav-item{margin:0}.site-nav .nav-link{display:block;padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);font-weight:500;font-size:0.9375rem;border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.site-nav .nav-link:hover,.site-nav .nav-link.active{color:var(--color-accent);background:var(--color-accent-soft);text-decoration:none}.header-actions{display:flex;align-items:center;gap:var(--space-sm)}.search-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.search-toggle:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.search-panel{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-lg)}.search-panel[hidden]{display:none}.search-container{max-width:600px;margin:0 auto;display:flex;align-items:center;gap:var(--space-md)}.search-input{flex:1;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:1rem;outline:none}.search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.search-input::placeholder{color:var(--color-text-muted)}.search-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);border:none;background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer}.search-close:hover{color:var(--color-text-primary)}.search-results{margin-top:var(--space-lg);max-width:600px;margin-left:auto;margin-right:auto}.search-results-list{list-style:none;padding:0;margin:0}.search-result-item{padding:var(--space-md);border-bottom:1px solid var(--color-border)}.search-result-item:last-child{border-bottom:none}.search-result-link{display:block;color:inherit;text-decoration:none}.search-result-link:hover{text-decoration:none}.search-result-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.search-result-title:hover{color:var(--color-accent)}.search-result-date{font-size:0.875rem;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.search-result-desc{font-size:0.9375rem;color:var(--color-text-secondary);line-height:1.5}.search-empty{text-align:center;color:var(--color-text-muted);padding:var(--space-xl)}.site-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-3xl) var(--space-xl) var(--space-xl);margin-top:auto}.footer-container{max-width:1200px;margin:0 auto}.footer-main{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-3xl);margin-bottom:var(--space-2xl)}@media (max-width: 768px){.footer-main{grid-template-columns:1fr;gap:var(--space-xl)}}.footer-brand .footer-logo{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-md);text-decoration:none}.footer-brand .footer-logo:hover{text-decoration:none}.footer-brand .footer-description{color:var(--color-text-tertiary);max-width:400px;line-height:1.6}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}.footer-links-title{font-size:0.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:0.05em}.footer-links-list{list-style:none;padding:0;margin:0}.footer-links-list li{margin-bottom:var(--space-sm)}.footer-links-list a{color:var(--color-text-tertiary);font-size:0.9375rem;text-decoration:none;transition:color var(--transition-fast)}.footer-links-list a:hover{color:var(--color-accent)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-xl);border-top:1px solid var(--color-border);font-size:0.875rem;color:var(--color-text-muted)}@media (max-width: 768px){.footer-bottom{flex-direction:column;gap:var(--space-sm);text-align:center}}.footer-bottom a{color:var(--color-text-tertiary)}.footer-bottom a:hover{color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);font-size:0.9375rem;font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:hover{text-decoration:none}.btn-primary{background:var(--color-accent);color:white;border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:white}.btn-secondary{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;padding:var(--space-3xl) 0;margin-bottom:var(--space-2xl)}@media (max-width: 968px){.hero{grid-template-columns:1fr;text-align:center}}.hero-title{font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:var(--space-lg);background:linear-gradient(135deg, var(--color-text-primary), var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.hero-title{font-size:2.25rem}}.hero-subtitle{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:var(--space-xl)}@media (max-width: 768px){.hero-subtitle{font-size:1.125rem}}.hero-actions{display:flex;gap:var(--space-md)}@media (max-width: 968px){.hero-actions{justify-content:center}}@media (max-width: 480px){.hero-actions{flex-direction:column}}.hero-decoration{display:flex;justify-content:center}@media (max-width: 968px){.hero-decoration{display:none}}.code-window{width:100%;max-width:420px;background:var(--code-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);font-family:var(--font-mono);font-size:0.875rem}.code-window-header{display:flex;align-items:center;gap:6px;padding:var(--space-sm) var(--space-md);background:rgba(0,0,0,0.2)}.code-window-dot{width:12px;height:12px;border-radius:50%}.code-window-dot.red{background:#ff5f56}.code-window-dot.yellow{background:#ffbd2e}.code-window-dot.green{background:#27c93f}.code-window-title{margin-left:var(--space-sm);font-size:0.75rem;color:var(--color-text-muted)}.code-window-body{padding:var(--space-md)}.code-window-body pre{margin:0;background:transparent;padding:0}.code-window-body code{color:var(--code-text);background:transparent;padding:0}.code-keyword{color:var(--code-keyword)}.code-function{color:var(--code-function)}.code-string{color:var(--code-string)}.code-param{color:var(--code-variable)}.section{margin-bottom:var(--space-3xl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.section-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.section-link{font-size:0.9375rem;color:var(--color-accent);font-weight:500}.section-link:hover{color:var(--color-accent-hover)}.post-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-xl)}@media (max-width: 1024px){.post-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 640px){.post-grid{grid-template-columns:1fr}}.post-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-light)}.post-card:hover .post-card-title a{color:var(--color-accent)}.post-card-image{aspect-ratio:16 / 9;overflow:hidden}.post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.post-card-image:hover img{transform:scale(1.05)}.post-card-content{padding:var(--space-lg)}.post-card-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-size:0.8125rem;color:var(--color-text-muted)}.post-card-category{padding:2px 8px;background:var(--color-accent-soft);color:var(--color-accent);border-radius:var(--radius-sm);font-weight:500}.post-card-title{font-size:1.125rem;font-weight:600;line-height:1.4;margin-bottom:var(--space-sm)}.post-card-title a{color:var(--color-text-primary);text-decoration:none}.post-card-title a:hover{text-decoration:none}.post-card-excerpt{font-size:0.9375rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.post-card-tag{font-size:0.75rem;color:var(--color-text-muted)}.category-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-lg)}@media (max-width: 1024px){.category-grid{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 768px){.category-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 480px){.category-grid{grid-template-columns:1fr}}.category-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-normal)}.category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-accent-light);text-decoration:none}.category-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent);margin-bottom:var(--space-md)}.category-name{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.category-count{font-size:0.875rem;color:var(--color-text-muted)}.post{max-width:800px;margin:0 auto}.post-header{text-align:center;margin-bottom:var(--space-2xl);padding:var(--space-2xl) 0}.post-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg);font-size:0.9375rem;color:var(--color-text-tertiary)}.post-date{color:var(--color-text-muted)}.post-categories{display:flex;gap:var(--space-sm)}.category-link{padding:var(--space-xs) var(--space-sm);background:var(--color-accent-soft);color:var(--color-accent);border-radius:var(--radius-sm);font-size:0.8125rem;font-weight:500;text-decoration:none}.category-link:hover{background:var(--color-accent-light);text-decoration:none}.post-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:var(--space-md)}@media (max-width: 768px){.post-title{font-size:1.875rem}}.post-subtitle{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.post-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.tag-link{font-size:0.875rem;color:var(--color-text-tertiary);text-decoration:none}.tag-link:hover{color:var(--color-accent)}.post-cover{margin-bottom:var(--space-2xl);border-radius:var(--radius-xl);overflow:hidden}.post-cover img{width:100%;aspect-ratio:21 / 9;object-fit:cover}.post-content{font-size:1.0625rem;line-height:1.8}.post-content h2{font-size:1.875rem;margin-top:var(--space-3xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-border)}.post-content h3{font-size:1.5rem;margin-top:var(--space-2xl);margin-bottom:var(--space-md)}.post-content h4{font-size:1.25rem;margin-top:var(--space-xl);margin-bottom:var(--space-md)}.post-content p{margin-bottom:var(--space-lg)}.post-content ul,.post-content ol{margin-bottom:var(--space-lg)}.post-content ul li,.post-content ol li{margin-bottom:var(--space-sm)}.post-content img{border-radius:var(--radius-lg);margin:var(--space-xl) auto;box-shadow:var(--shadow-md)}.post-content .image-caption{text-align:center;font-size:0.875rem;color:var(--color-text-muted);margin-top:calc(-1 * var(--space-md));margin-bottom:var(--space-xl)}.post-footer{margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}@media (max-width: 640px){.post-nav{grid-template-columns:1fr}}.post-nav-prev,.post-nav-next{display:flex;flex-direction:column;padding:var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast)}.post-nav-prev:hover,.post-nav-next:hover{border-color:var(--color-accent-light);background:var(--color-accent-soft);text-decoration:none}.post-nav-next{text-align:right;grid-column:2}@media (max-width: 640px){.post-nav-next{grid-column:1}}.post-nav-label{font-size:0.8125rem;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.post-nav-title{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.page{max-width:800px;margin:0 auto}.page-header{text-align:center;margin-bottom:var(--space-2xl);padding:var(--space-2xl) 0}.page-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-md)}.page-subtitle{font-size:1.25rem;color:var(--color-text-secondary)}.page-content{font-size:1.0625rem;line-height:1.8}.archive-year{margin-bottom:var(--space-3xl)}.archive-year-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-border)}.archive-posts{display:flex;flex-direction:column;gap:var(--space-lg)}.archive-post{display:flex;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.archive-post:hover{border-color:var(--color-accent-light);background:var(--color-accent-soft)}.archive-post-date{flex-shrink:0;width:80px;font-size:0.875rem;color:var(--color-text-muted);font-weight:500}.archive-post-content{flex:1}.archive-post-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-xs)}.archive-post-title a{color:var(--color-text-primary);text-decoration:none}.archive-post-title a:hover{color:var(--color-accent)}.archive-post-meta{display:flex;gap:var(--space-md);font-size:0.8125rem;color:var(--color-text-muted)}.archive-post-category{padding:2px 8px;background:var(--color-accent-soft);color:var(--color-accent);border-radius:var(--radius-sm);font-weight:500}.category-cloud,.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-3xl);padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.category-cloud-item,.tag-cloud-item{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:calc(0.875rem * var(--size, 1));color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast)}.category-cloud-item:hover,.tag-cloud-item:hover{background:var(--color-accent-soft);color:var(--color-accent);text-decoration:none}.category-cloud-count,.tag-cloud-count{font-size:0.75rem;color:var(--color-text-muted);background:var(--color-bg-secondary);padding:2px 6px;border-radius:var(--radius-sm)}.category-section,.tag-section{margin-bottom:var(--space-2xl)}.category-section-title,.tag-section-title{display:flex;align-items:center;gap:var(--space-md);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.category-section-count,.tag-section-count{font-size:0.875rem;font-weight:400;color:var(--color-text-muted)}.category-posts,.tag-posts{display:flex;flex-direction:column;gap:var(--space-md)}.category-post,.tag-post{display:flex;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.category-post:hover,.tag-post:hover{border-color:var(--color-accent-light)}.category-post-date,.tag-post-date{flex-shrink:0;width:120px;font-size:0.875rem;color:var(--color-text-muted)}.category-post-title,.tag-post-title{font-size:1rem;font-weight:600;margin:0}.category-post-title a,.tag-post-title a{color:var(--color-text-primary);text-decoration:none}.category-post-title a:hover,.tag-post-title a:hover{color:var(--color-accent)}code{font-family:var(--font-mono);font-size:0.875em;padding:0.2em 0.4em;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-accent);word-break:break-word}div.highlighter-rouge,figure.highlight{margin:var(--space-xl) 0;border-radius:var(--radius-lg);overflow:hidden;background:var(--code-bg);box-shadow:var(--shadow-md)}.code-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:rgba(0,0,0,0.2);border-bottom:1px solid rgba(255,255,255,0.05)}.code-header .code-language{font-size:0.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.05em}.code-header .code-copy{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:rgba(255,255,255,0.05);border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:0.75rem;cursor:pointer;transition:all var(--transition-fast)}.code-header .code-copy:hover{background:rgba(255,255,255,0.1);color:var(--color-text-primary)}.code-header .code-copy.copied{color:var(--color-success)}.highlight pre{margin:0;padding:var(--space-lg);overflow-x:auto;font-family:var(--font-mono);font-size:0.875rem;line-height:1.7;background:var(--code-bg);color:var(--code-text)}.highlight pre::-webkit-scrollbar{height:8px}.highlight pre::-webkit-scrollbar-track{background:transparent}.highlight pre::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:4px}.highlight pre::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.2)}.highlight code{padding:0;background:transparent;color:inherit;font-size:inherit;border-radius:0}.highlight .lineno{display:inline-block;width:2.5em;text-align:right;color:var(--code-comment);margin-right:var(--space-md);user-select:none;opacity:0.6}.highlight .hll{background:rgba(255,255,255,0.05);display:block;margin:0 calc(-1 * var(--space-lg));padding:0 var(--space-lg)}.highlight .c,.highlight .cm,.highlight .c1,.highlight .cp,.highlight .cs{color:var(--code-comment);font-style:italic}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:var(--code-keyword);font-weight:600}.highlight .o,.highlight .ow{color:var(--code-operator)}.highlight .s,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .sr,.highlight .s1,.highlight .ss{color:var(--code-string)}.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .il,.highlight .mo{color:var(--code-number)}.highlight .na,.highlight .nb,.highlight .nc,.highlight .no,.highlight .nd,.highlight .ni,.highlight .ne,.highlight .nf,.highlight .nl,.highlight .nn,.highlight .nt,.highlight .nv{color:var(--code-function)}.highlight .bp,.highlight .vc,.highlight .vg,.highlight .vi{color:var(--code-variable)}.highlight .gd{color:#f38ba8;background:rgba(243,139,168,0.1)}.highlight .gi{color:#a6e3a1;background:rgba(166,227,161,0.1)}.highlight .gh,.highlight .gu{color:#89b4fa;font-weight:600}.highlight .ge{font-style:italic}.highlight .gs{font-weight:600}.highlight .err{color:#f38ba8;background:rgba(243,139,168,0.1)}.code-diff .diff-added{background:rgba(34,197,94,0.1);border-left:3px solid var(--color-success)}.code-diff .diff-removed{background:rgba(239,68,68,0.1);border-left:3px solid var(--color-error)}.code-diff .diff-marker{font-weight:600}.code-diff .diff-marker.add{color:var(--color-success)}.code-diff .diff-marker.remove{color:var(--color-error)}.terminal{background:#0c0c0c;border-radius:var(--radius-lg);overflow:hidden;margin:var(--space-xl) 0;box-shadow:var(--shadow-lg)}.terminal .terminal-header{display:flex;align-items:center;gap:6px;padding:var(--space-sm) var(--space-md);background:#1a1a1a}.terminal .terminal-header .terminal-dot{width:12px;height:12px;border-radius:50%}.terminal .terminal-header .terminal-dot.red{background:#ff5f56}.terminal .terminal-header .terminal-dot.yellow{background:#ffbd2e}.terminal .terminal-header .terminal-dot.green{background:#27c93f}.terminal .terminal-header .terminal-title{margin-left:var(--space-sm);font-size:0.75rem;color:var(--color-text-muted)}.terminal .terminal-body{padding:var(--space-md);font-family:var(--font-mono);font-size:0.875rem;line-height:1.6;color:#cccccc}.terminal .terminal-body .prompt{color:#22c55e;margin-right:var(--space-sm)}.terminal .terminal-body .command{color:#ffffff}.terminal .terminal-body .output{color:#a1a1aa;margin-top:var(--space-xs)}.file-tree{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-xl) 0;font-family:var(--font-mono);font-size:0.875rem}.file-tree .tree-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0}.file-tree .tree-item.directory{font-weight:600;color:var(--color-accent)}.file-tree .tree-item.file{color:var(--color-text-secondary)}.file-tree .tree-indent{width:var(--space-lg);flex-shrink:0}.lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 250ms ease}.lightbox.active{opacity:1}.lightbox-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.9);backdrop-filter:blur(8px)}.lightbox-content{position:relative;z-index:1;max-width:90vw;max-height:90vh}.lightbox-content img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 25px 50px -12px rgba(0,0,0,0.5)}.lightbox-caption{text-align:center;color:rgba(255,255,255,0.8);margin-top:var(--space-md);font-size:0.9375rem}.lightbox-close{position:absolute;top:var(--space-lg);right:var(--space-lg);z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,255,255,0.1);color:white;cursor:pointer;transition:background var(--transition-fast)}.lightbox-close:hover{background:rgba(255,255,255,0.2)}.responsive-img{max-width:100%;height:auto;display:block}.image-figure{margin:var(--space-xl) 0}.image-figure img{border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.image-figure .image-caption{text-align:center;font-size:0.875rem;color:var(--color-text-muted);margin-top:var(--space-md)}@media (max-width: 768px){.highlight pre{font-size:0.8125rem;padding:var(--space-md)}.code-window{font-size:0.75rem}.lightbox-content{max-width:95vw}}.error-404{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--space-3xl)}.error-404-icon{width:120px;height:120px;color:var(--color-error);margin-bottom:var(--space-xl);opacity:0.8}.error-404-title{font-size:5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-sm);background:linear-gradient(135deg, var(--color-error), var(--color-text-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-404-subtitle{font-size:1.75rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-md)}.error-404-desc{font-size:1.125rem;color:var(--color-text-secondary);max-width:400px;margin-bottom:var(--space-2xl);line-height:1.6}.error-404-actions{display:flex;gap:var(--space-md)}.error-404-actions .btn{padding:var(--space-md) var(--space-xl);font-size:1rem}.code-language{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em}.code-language[data-lang="javascript"],.code-language[data-lang="js"],.code-language[data-lang="jsx"],.code-language[data-lang="tsx"]{color:#f7df1e}.code-language[data-lang="typescript"],.code-language[data-lang="ts"]{color:#3178c6}.code-language[data-lang="java"]{color:#ed8b00}.code-language[data-lang="python"],.code-language[data-lang="py"]{color:#3776ab}.code-language[data-lang="go"],.code-language[data-lang="golang"]{color:#00add8}.code-language[data-lang="rust"],.code-language[data-lang="rs"]{color:#dea584}.code-language[data-lang="cpp"],.code-language[data-lang="cxx"],.code-language[data-lang="c"]{color:#00599c}.code-language[data-lang="csharp"],.code-language[data-lang="cs"]{color:#512bd4}.code-language[data-lang="php"]{color:#777bb4}.code-language[data-lang="ruby"],.code-language[data-lang="rb"]{color:#cc342d}.code-language[data-lang="html"]{color:#e34f26}.code-language[data-lang="css"],.code-language[data-lang="scss"],.code-language[data-lang="sass"]{color:#1572b6}.code-language[data-lang="sql"]{color:#e38c00}.code-language[data-lang="json"]{color:#000000}.code-language[data-lang="xml"]{color:#006699}.code-language[data-lang="yaml"],.code-language[data-lang="yml"]{color:#cb171e}.code-language[data-lang="bash"],.code-language[data-lang="shell"],.code-language[data-lang="sh"],.code-language[data-lang="zsh"]{color:#4eaa25}.code-language[data-lang="dockerfile"]{color:#2496ed}.code-language[data-lang="nginx"]{color:#009639}.code-language[data-lang="vue"]{color:#42b883}.code-language[data-lang="react"]{color:#61dafb}.code-language[data-lang="angular"]{color:#dd0031}.code-language[data-lang="kotlin"]{color:#7f52ff}.code-language[data-lang="swift"]{color:#fa7343}.code-language[data-lang="dart"]{color:#0175c2}.code-language[data-lang="flutter"]{color:#02569b}.code-language[data-lang="scala"]{color:#c22d40}.code-language[data-lang="r"]{color:#198ce7}.code-language[data-lang="lua"]{color:#000080}.code-language[data-lang="markdown"],.code-language[data-lang="md"]{color:#083fa1}.code-language[data-lang="vim"]{color:#019833}