:root{--color-primary:#64ffda;--color-primary-dark:#4dd0e1;--color-secondary:#f48fb1;--color-accent:#ffab00;--color-bg-primary:#0d1117;--color-bg-secondary:#161b22;--color-bg-tertiary:#21262d;--color-bg-hover:#30363d;--color-text-primary:#f0f6fc;--color-text-secondary:#8b949e;--color-text-muted:#6e7681;--color-text-inverse:#24292f;--color-border:#30363d;--color-border-light:#21262d;--color-border-hover:#8b949e;--color-success:#238636;--color-warning:#d29922;--color-error:#da3633;--color-info:#0969da;--font-family-primary:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-family-mono:'JetBrains Mono', 'SF Mono', Monaco, Inconsolata, 'Roboto Mono', Consolas, 'Courier New', monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--container-max-width:1200px;--content-max-width:800px;--header-height:70px;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:1.7;color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layout{min-height:100vh;display:flex;flex-direction:column}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-4)}.main{flex:1;padding:var(--space-8)0}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin-bottom:var(--space-4);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}strong,b{font-weight:600;color:var(--color-text-primary)}em,i{font-style:italic}code{font-family:var(--font-family-mono);font-size:.9em;color:var(--color-primary);background-color:var(--color-bg-tertiary);padding:.2em .4em;border-radius:var(--radius-sm)}pre{font-family:var(--font-family-mono);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-6)0;overflow-x:auto;line-height:1.5;position:relative}pre code{background:0 0;padding:0;border-radius:0;color:var(--color-text-primary);display:block;width:100%}.highlight{position:relative;background-color:var(--color-bg-primary);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);margin:var(--space-6)0;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15)}.highlight pre{margin:0;border:none;border-radius:0;background:0 0;overflow-x:auto;overflow-y:hidden;padding:var(--space-4);font-size:var(--font-size-sm);line-height:1.6;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-primary)transparent;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.highlight pre::-webkit-scrollbar{height:8px}.highlight pre::-webkit-scrollbar-track{background:0 0}.highlight pre::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:var(--radius-sm);opacity:.7}.highlight pre::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary-dark);opacity:1}.highlight code{white-space:pre;tab-size:2;-moz-tab-size:2;word-wrap:normal;word-break:normal;color:var(--color-text-primary);font-weight:500;line-height:1.6}.highlight[data-lang]::before{content:attr(data-lang);position:absolute;top:var(--space-3);right:var(--space-3);background-color:var(--color-primary);color:var(--color-bg-primary);padding:var(--space-1)var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-family:var(--font-family-mono);font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--color-primary);opacity:.9;z-index:1;pointer-events:none;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:all var(--transition-fast)}.highlight:hover[data-lang]::before{opacity:1;transform:translateY(0)}@media(max-width:768px){.highlight{margin:var(--space-4)calc(var(--space-4) * -1);border-radius:0;border-left:none;border-right:none}.highlight pre{padding:var(--space-3)var(--space-4);font-size:calc(var(--font-size-sm) * .5);line-height:1.5}.highlight[data-lang]::before{top:var(--space-2);right:var(--space-2);padding:2px var(--space-1);font-size:10px}.highlight:hover[data-lang]::before{opacity:1;transform:translateY(0)}}@media(max-width:480px){.highlight pre{font-size:12px;line-height:1.4;padding:var(--space-2)var(--space-3)}.highlight code{word-wrap:break-word;overflow-wrap:break-word}}blockquote{border-left:4px solid var(--color-primary);padding-left:var(--space-4);margin:var(--space-6)0;font-style:italic;color:var(--color-text-secondary)}ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-5)}li{margin-bottom:var(--space-2);color:var(--color-text-secondary)}table{width:100%;border-collapse:collapse;margin:var(--space-6)0;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}th,td{padding:var(--space-3)var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}th{background-color:var(--color-bg-tertiary);font-weight:600;color:var(--color-text-primary)}td{color:var(--color-text-secondary)}tr:last-child td{border-bottom:none}img{max-width:100%;height:auto;border-radius:var(--radius-md)}figure{margin:var(--space-6)0;text-align:center}figcaption{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3)var(--space-5);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;text-decoration:none;transition:all var(--transition-fast);font-family:inherit}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background-color:var(--color-primary-dark);text-decoration:none;transform:translateY(-1px)}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-hover);text-decoration:none}@media(max-width:768px){:root{--font-size-4xl:2rem;--font-size-3xl:1.5rem;--font-size-2xl:1.25rem}.container{padding:0 var(--space-3)}.main{padding:var(--space-6)0}h1,h2,h3,h4,h5,h6{margin-bottom:var(--space-3)}p{margin-bottom:var(--space-3)}pre{padding:var(--space-3);margin:var(--space-4)0}blockquote{margin:var(--space-4)0;padding-left:var(--space-3)}table{font-size:var(--font-size-sm)}th,td{padding:var(--space-2)var(--space-3)}}.header{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-content{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);position:relative}.header-brand{display:flex;flex-direction:column;gap:var(--space-1)}.brand-link{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);text-decoration:none}.brand-link:hover{color:var(--color-primary);text-decoration:none}.brand-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.nav-list{display:flex;align-items:center;gap:var(--space-6);list-style:none;margin:0;padding:0}.nav-link{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--color-primary);background-color:var(--color-bg-tertiary);text-decoration:none}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:0 0;border:none;cursor:pointer;padding:var(--space-2)}.hamburger{width:24px;height:2px;background-color:var(--color-text-primary);transition:all var(--transition-fast)}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-8)0 var(--space-6);margin-top:auto}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.social-links{display:flex;gap:var(--space-4)}.social-link{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.social-link:hover{color:var(--color-primary);text-decoration:none}.copyright{display:flex;flex-direction:column;gap:var(--space-1)}.copyright p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.copyright a{color:var(--color-text-muted)}.copyright a:hover{color:var(--color-primary)}.hero{text-align:center;padding:var(--space-12)0 var(--space-16);background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);border-radius:var(--radius-xl);margin-bottom:var(--space-12)}.hero-title{font-size:var(--font-size-5xl);font-weight:700;margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:600px;margin-left:auto;margin-right:auto}.hero-avatar{margin-bottom:var(--space-6);display:flex;justify-content:center}.avatar-link{display:inline-block;transition:transform .2s ease;text-decoration:none}.avatar-link:hover{transform:scale(1.02)}.avatar-image{width:120px;height:120px;border-radius:50%;border:4px solid var(--color-primary);box-shadow:0 8px 25px rgba(0,0,0,.15);transition:all .3s ease;object-fit:cover}.avatar-image:hover{box-shadow:0 12px 35px rgba(0,0,0,.25);border-color:var(--color-secondary)}.avatar-link:hover .avatar-image{transform:scale(1.05);box-shadow:0 12px 35px rgba(0,0,0,.25);border-color:var(--color-secondary)}.tech-stack{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.tech-item{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-primary);background-color:var(--color-bg-tertiary);padding:var(--space-1)var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.section-title{font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-6);text-align:center;color:var(--color-text-primary)}.recent-posts{margin-bottom:var(--space-16)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.view-all{text-align:center}.post-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-normal);height:100%}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.post-card-content{display:flex;flex-direction:column;height:100%}.post-card-title{margin-bottom:var(--space-3)}.post-card-title a{color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-lg);font-weight:600}.post-card-title a:hover{color:var(--color-primary)}.post-card-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.post-card-summary{color:var(--color-text-secondary);margin-bottom:var(--space-4);flex:1;line-height:1.6}.post-card-tags{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.post-card-tag{font-size:var(--font-size-xs);color:var(--color-primary);background-color:var(--color-bg-tertiary);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-family-mono)}.post-card-footer{margin-top:auto}.read-more{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500;text-decoration:none}.read-more:hover{color:var(--color-primary-dark);text-decoration:none}.categories-section{margin-bottom:var(--space-16)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.category-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-decoration:none;transition:all var(--transition-normal);text-align:center}.category-card:hover{transform:translateY(-2px);border-color:var(--color-primary);text-decoration:none}.category-name{color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:var(--font-size-lg)}.category-count{color:var(--color-text-muted);font-size:var(--font-size-sm)}.post-layout{display:grid;grid-template-columns:1fr 280px;gap:var(--space-8);align-items:start;position:relative}.post{min-width:0}.post-sidebar{position:relative;height:100%;display:flex;flex-direction:column}.post-header{text-align:center;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.post-title{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--space-4);line-height:1.2}.post-meta{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-wrap:wrap}.post-meta>*{display:flex;align-items:center;gap:var(--space-1)}.post-tags,.post-categories{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.tag,.category{font-size:var(--font-size-xs);padding:var(--space-1)var(--space-3);border-radius:var(--radius-lg);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.tag{color:var(--color-primary);background-color:var(--color-bg-tertiary);border:1px solid var(--color-primary)}.tag:hover{background-color:var(--color-primary);color:var(--color-text-inverse);text-decoration:none}.category{color:var(--color-secondary);background-color:var(--color-bg-tertiary);border:1px solid var(--color-secondary)}.category:hover{background-color:var(--color-secondary);color:var(--color-text-inverse);text-decoration:none}.desktop-toc{position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + var(--space-4));background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);max-height:calc(100vh - var(--header-height) - var(--space-8));overflow-y:auto;z-index:10;width:100%;align-self:flex-start}.desktop-toc::before{content:'';position:absolute;top:0;left:0;right:0;height:20px;background:linear-gradient(180deg,var(--color-bg-secondary) 0%,transparent 100%);border-radius:var(--radius-lg)var(--radius-lg)0 0;pointer-events:none;z-index:1}.desktop-toc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(0deg,var(--color-bg-secondary) 0%,transparent 100%);border-radius:0 0 var(--radius-lg)var(--radius-lg);pointer-events:none;z-index:1}.mobile-toc-toggle{display:none;margin-bottom:var(--space-6)}.toc-toggle-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3)var(--space-4);background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.toc-toggle-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-hover)}.mobile-toc{display:none;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-lg)var(--radius-lg);padding:var(--space-4);animation:slideDown .3s ease}.mobile-toc.active{display:block}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toc-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-4);color:var(--color-text-primary)}.toc ul{list-style:none;padding-left:0;margin:0}.toc ul ul{padding-left:var(--space-4);margin-top:var(--space-2)}.toc li{margin-bottom:var(--space-2)}.toc a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);line-height:1.5;transition:color var(--transition-fast);display:block;padding:var(--space-1)0}.toc a:hover{color:var(--color-primary);text-decoration:none}.toc a.active{color:var(--color-primary) !important;font-weight:600 !important;background-color:rgba(100,255,218,.15) !important;border-radius:var(--radius-sm);padding-left:var(--space-2);padding-right:var(--space-2);margin-left:calc(var(--space-2) * -1);margin-right:calc(var(--space-2) * -1);border-left:3px solid var(--color-primary);padding-left:calc(var(--space-2) - 3px)}.toc a{border-radius:var(--radius-sm);margin-left:calc(var(--space-2) * -1);margin-right:calc(var(--space-2) * -1);padding-left:var(--space-2);padding-right:var(--space-2);position:relative;transition:all var(--transition-fast)}.toc a:hover:not(.active){background-color:var(--color-bg-hover);transform:translateX(2px)}.desktop-toc{scroll-behavior:smooth}.post-content{line-height:1.8;margin-bottom:var(--space-12)}.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-top:var(--space-10);margin-bottom:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.post-content h2:first-child,.post-content h3:first-child,.post-content h4:first-child,.post-content h5:first-child,.post-content h6:first-child{margin-top:0;border-top:none;padding-top:0}.post-footer{border-top:1px solid var(--color-border);padding-top:var(--space-8)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.post-nav-prev,.post-nav-next{display:flex;flex-direction:column;padding:var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-normal)}.post-nav-prev:hover,.post-nav-next:hover{border-color:var(--color-primary);transform:translateY(-2px);text-decoration:none}.post-nav-next{text-align:right}.nav-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.nav-title{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500;line-height:1.4}.page-header{text-align:center;margin-bottom:var(--space-12);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.page-title{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--space-4)}.page-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-4)}.page-content{max-width:var(--content-max-width);margin:0 auto}.posts-list{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-8)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-8);padding:var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.pagination-prev,.pagination-next{padding:var(--space-2)var(--space-4);background-color:var(--color-primary);color:var(--color-text-inverse);text-decoration:none;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast)}.pagination-prev:hover,.pagination-next:hover{background-color:var(--color-primary-dark);text-decoration:none;transform:translateY(-1px)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.empty-state{text-align:center;padding:var(--space-12)var(--space-4);color:var(--color-text-muted)}.back-to-top{position:fixed;bottom:var(--space-6);right:var(--space-6);width:48px;height:48px;background-color:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:999}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}@media(max-width:1024px){.post-layout{grid-template-columns:1fr;gap:0}.post-sidebar{display:none}.mobile-toc-toggle{display:block}}@media(max-width:768px){.header-content{flex-wrap:wrap}.nav{display:none;width:100%;order:3}.nav.active{display:block}.nav-list{flex-direction:column;gap:0;background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4)}.nav-link{width:100%;text-align:left;padding:var(--space-3)var(--space-4)}.mobile-menu-toggle{display:flex}.hero{padding:var(--space-8)0 var(--space-10);margin-bottom:var(--space-8)}.hero-title{font-size:var(--font-size-3xl)}.avatar-image{width:80px;height:80px;border-width:3px}.posts-grid{grid-template-columns:1fr;gap:var(--space-4)}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.post-meta{flex-direction:column;gap:var(--space-2)}.post-nav{grid-template-columns:1fr;gap:var(--space-4)}.post-nav-next{text-align:left}.pagination{flex-direction:column;gap:var(--space-3);text-align:center}.post-layout{grid-template-columns:1fr;gap:0}.post-sidebar{display:none}.mobile-toc-toggle{display:block}.footer-content{gap:var(--space-3)}.social-links{gap:var(--space-3)}.back-to-top{bottom:var(--space-4);right:var(--space-4);width:44px;height:44px}}.copy-button{position:absolute;bottom:var(--space-3);right:var(--space-3);width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;background:rgba(33,38,45,.9);color:var(--color-text-secondary);border:1px solid rgba(48,54,61,.8);border-radius:var(--radius-lg);cursor:pointer;opacity:0;transform:translateY(8px);transition:all var(--transition-normal);backdrop-filter:blur(8px);box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:10}pre:hover .copy-button{opacity:1;transform:translateY(0)}.copy-button:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text-inverse);border-color:transparent;box-shadow:0 8px 24px rgba(100,255,218,.4);transform:translateY(-4px)scale(1.08)}.copy-button:active{transform:translateY(0)scale(.95);transition:all .1s ease}.copy-button.copied{background:linear-gradient(135deg,var(--color-success),#2ea043);border-color:transparent;color:#fff;box-shadow:0 8px 24px rgba(35,134,54,.4);animation:copySuccess .3s ease-out}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.copy-button svg{width:20px;height:20px;transition:transform var(--transition-fast)}.copy-button:hover svg{transform:scale(1.15)}@media(max-width:768px){.copy-button{width:40px;height:40px;bottom:var(--space-2);right:var(--space-2)}.copy-button svg{width:18px;height:18px}}@media(max-width:480px){.copy-button{width:36px;height:36px;bottom:var(--space-2);right:var(--space-2)}.copy-button svg{width:16px;height:16px}}.reading-progress{position:fixed;top:var(--header-height);left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width .3s ease;z-index:1001}.hljs{background:var(--color-bg-secondary) !important;color:var(--color-text-primary) !important}.hljs-comment,.hljs-quote{color:var(--color-text-muted) !important;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:var(--color-primary) !important;font-weight:500}.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable,.hljs-tag .hljs-attr{color:var(--color-accent) !important}.hljs-string,.hljs-doctag{color:var(--color-secondary) !important}.hljs-title,.hljs-section,.hljs-selector-id{color:var(--color-primary-dark) !important;font-weight:600}.hljs-type,.hljs-class .hljs-title{color:var(--color-primary) !important;font-weight:500}.hljs-tag,.hljs-name,.hljs-attribute{color:var(--color-primary) !important}.hljs-regexp,.hljs-link{color:var(--color-secondary) !important}.hljs-symbol,.hljs-bullet{color:var(--color-accent) !important}.hljs-built_in,.hljs-builtin-name{color:var(--color-primary-dark) !important}.hljs-meta{color:var(--color-text-muted) !important}.hljs-deletion{background:rgba(218,54,51,.1) !important;color:#da3633 !important}.hljs-addition{background:rgba(35,134,54,.1) !important;color:#238636 !important}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:600}.terms-section{margin-top:var(--space-8)}.tags-cloud{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;align-items:center}.tag-cloud-item{color:var(--color-primary);text-decoration:none;padding:var(--space-2)var(--space-3);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);font-weight:500;white-space:nowrap}.tag-cloud-item:hover{background-color:var(--color-primary);color:var(--color-text-inverse);text-decoration:none;transform:translateY(-2px)}.tag-count{font-size:.8em;color:var(--color-text-muted);margin-left:var(--space-1)}.tag-cloud-item:hover .tag-count{color:rgba(255,255,255,.8)}.terms-list{display:flex;flex-direction:column;gap:var(--space-3)}.term-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-normal)}.term-item:hover{border-color:var(--color-primary);transform:translateY(-2px);text-decoration:none}.term-name{color:var(--color-text-primary);font-weight:500}.term-count{color:var(--color-text-muted);font-size:var(--font-size-sm);background-color:var(--color-bg-tertiary);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm)}.archive-timeline{max-width:900px;margin:0 auto;padding:var(--space-6)}.timeline-year{margin-bottom:var(--space-10)}.year-header{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-6);padding-left:var(--space-2)}.timeline-list{list-style:none;padding:0;margin:0}.timeline-item{display:flex;align-items:flex-start;padding:var(--space-3)0;position:relative;padding-left:var(--space-6)}.timeline-item::before{content:"•";color:var(--color-primary);font-size:var(--font-size-lg);font-weight:700;position:absolute;left:0;top:var(--space-3)}.timeline-item:hover .timeline-title{color:var(--color-primary)}.timeline-date{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:500;min-width:120px;margin-right:var(--space-4);font-family:var(--font-family-mono)}.timeline-title{color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-base);font-weight:400;flex:1;transition:color .2s ease;line-height:1.5}.timeline-title:hover{color:var(--color-primary)}@media(max-width:768px){.archive-timeline{padding:var(--space-4)}.timeline-item{flex-direction:column;align-items:flex-start;gap:var(--space-2);padding-left:var(--space-6)}.timeline-item::before{top:var(--space-1)}.timeline-date{margin-right:0;min-width:auto;font-size:var(--font-size-sm)}.year-header{font-size:var(--font-size-2xl)}}.error-page{display:flex;justify-content:center;align-items:center;min-height:60vh;text-align:center}.error-content{max-width:600px}.error-title{font-size:8rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-4);line-height:1}.error-subtitle{font-size:var(--font-size-3xl);margin-bottom:var(--space-4);color:var(--color-text-primary)}.error-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:1.6}.error-actions{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-12);flex-wrap:wrap}.error-search{text-align:left;margin-top:var(--space-8)}.error-search h3,.error-search h4{color:var(--color-text-primary);margin-bottom:var(--space-3)}.search-suggestions{margin-bottom:var(--space-6)}.quick-links{display:flex;gap:var(--space-2);flex-wrap:wrap}.quick-link{font-size:var(--font-size-sm);color:var(--color-primary);background-color:var(--color-bg-secondary);padding:var(--space-1)var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.quick-link:hover{background-color:var(--color-primary);color:var(--color-text-inverse);text-decoration:none}.error-post-list{list-style:none;padding:0;margin:0}.error-post-list li{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2)0;border-bottom:1px solid var(--color-border-light)}.error-post-list li:last-child{border-bottom:none}.error-post-list a{color:var(--color-text-primary);text-decoration:none;font-weight:500}.error-post-list a:hover{color:var(--color-primary)}.error-post-list time{font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:var(--font-family-mono)}@media(max-width:768px){.error-title{font-size:5rem}.error-actions{flex-direction:column;align-items:center}.quick-links{justify-content:center}.error-post-list li{flex-direction:column;gap:var(--space-1);align-items:flex-start}.tags-cloud{gap:var(--space-2)}.tag-cloud-item{font-size:var(--font-size-sm) !important;padding:var(--space-1)var(--space-2)}}.notice{border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-6)0;border-left:4px solid}.notice-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.notice-icon{font-size:var(--font-size-lg)}.notice-title{font-weight:600;font-size:var(--font-size-base)}.notice-content{line-height:1.6}.notice-content p:last-child{margin-bottom:0}.notice-info{background-color:rgba(9,105,218,.1);border-left-color:var(--color-info)}.notice-info .notice-title{color:var(--color-info)}.notice-warning{background-color:rgba(210,153,34,.1);border-left-color:var(--color-warning)}.notice-warning .notice-title{color:var(--color-warning)}.notice-danger{background-color:rgba(218,54,51,.1);border-left-color:var(--color-error)}.notice-danger .notice-title{color:var(--color-error)}.notice-success{background-color:rgba(35,134,54,.1);border-left-color:var(--color-success)}.notice-success .notice-title{color:var(--color-success)}.notice-tip{background-color:rgba(100,255,218,.1);border-left-color:var(--color-primary)}.notice-tip .notice-title{color:var(--color-primary)}