:root{--bg-primary:#FAF9F6;--bg-secondary:#F5F3EF;--text-primary:#2C2C2C;--text-secondary:#5A5A5A;--text-muted:#8A8A8A;--accent:#B85C38;--accent-hover:#9A4A2E;--border:#E8E4DD;--code-bg:#2D5A4A;--font-heading:'Crimson Pro', Georgia, serif;--font-body:'Inter', -apple-system, sans-serif;--font-mono:'JetBrains Mono', 'Fira Code', monospace;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--max-width:680px;--sidebar-width:240px;--nav-height:60px;--transition-fast:0.2s ease;--transition-slow:0.8s ease}@media(prefers-color-scheme:dark){:root{--bg-primary:#2B2A27;--bg-secondary:#363530;--text-primary:#F2F0ED;--text-secondary:#C0BEB9;--text-muted:#7A7873;--accent:#D47854;--accent-hover:#E89270;--border:#454340;--code-bg:#1F201D}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:17px;line-height:1.75;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-fast),color var(--transition-fast)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;margin-bottom:var(--spacing-md)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--spacing-md)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}.site-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background-color:var(--bg-primary);border-bottom:1px solid var(--border);z-index:100;transition:transform var(--transition-fast)}.site-nav.nav-hidden{transform:translateY(-100%)}.site-nav.nav-hidden .nav-menu{transform:translateY(-100%)!important}.nav-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg);height:100%;display:flex;align-items:center;justify-content:space-between}.site-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.hamburger{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:5px}.hamburger span{width:24px;height:2px;background-color:var(--text-primary);transition:transform var(--transition-fast),opacity var(--transition-fast)}.nav-menu{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-lg)}.nav-menu a{color:var(--text-secondary);font-size:.9375rem}.nav-menu a:hover{color:var(--accent)}@media(max-width:768px){html{font-size:100%}body{font-size:16px}h1{font-size:1.5rem!important}h2{font-size:1.3rem!important}h3{font-size:1.15rem!important}h4{font-size:1.05rem!important}.article-title{font-size:1.5rem!important}.article-content{font-size:1rem!important;line-height:1.75}.article-meta{font-size:.8125rem!important}.article-layout{max-width:100%;padding:0 var(--spacing-sm)}.article{width:100%;max-width:100%}.main-content{padding:calc(var(--nav-height) + var(--spacing-md))var(--spacing-sm)var(--spacing-xl)}.nav-container{padding:0 var(--spacing-md)}.home-layout{flex-direction:column;gap:var(--spacing-md)}.home-sidebar{width:100%;position:static}.home-hero{padding:1.25rem 0}.section-title{font-size:1.25rem}.hamburger{display:flex}.nav-menu{position:absolute;top:var(--nav-height);left:0;right:0;flex-direction:column;gap:0;background-color:var(--bg-primary);border-bottom:1px solid var(--border);padding:0;transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform var(--transition-fast),opacity var(--transition-fast)}.nav-menu.active{transform:translateY(0);opacity:1;pointer-events:auto}.nav-menu a{padding:var(--spacing-sm);border-bottom:1px solid var(--border)}.hamburger.active span:nth-child(1){transform:translateY(7px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}}.main-content{max-width:var(--max-width);margin:0 auto;padding:calc(var(--nav-height) + var(--spacing-xl))var(--spacing-md)var(--spacing-2xl);min-height:100vh}.home-layout{display:flex;gap:var(--spacing-xl);align-items:flex-start;animation:fadeIn var(--transition-slow)}.home-sidebar{width:240px;flex-shrink:0}.profile-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:var(--spacing-lg);text-align:center}.profile-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:var(--spacing-md)}.profile-name{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.profile-subtitle{color:var(--text-secondary);font-size:.9375rem;font-style:italic;margin-bottom:var(--spacing-md)}.profile-bio{text-align:left;padding-top:var(--spacing-md);border-top:1px solid var(--border)}.profile-bio p{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-sm)}.profile-bio p:last-child{margin-bottom:0}.home-container{flex:1;min-width:0}.home-hero{text-align:center;padding:1.5rem 0;border-bottom:1px solid var(--border);margin-bottom:1rem}.hero-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:var(--spacing-md)}.hero-subtitle{color:var(--text-secondary);font-size:1.125rem;font-style:italic}.section-title{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;color:var(--text-primary);border-bottom:1px solid var(--border)}.posts-list{display:flex;flex-direction:column;gap:.5rem}.post-preview{padding-bottom:.5rem;border-bottom:1px solid var(--border)}.post-link{display:block}.post-title{font-size:1.25rem;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.post-date{font-size:.875rem;color:var(--text-muted)}.archive-link{text-align:center;margin-top:1rem}.archive-link a{color:var(--accent);font-size:.9375rem}.article{animation:fadeIn var(--transition-slow)}.article-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border)}.article-title{font-size:2rem;margin-bottom:var(--spacing-sm)}.article-meta{color:var(--text-muted);font-size:.875rem;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.article-reading-time,.article-wordcount{color:var(--text-muted)}.article-reading-time::before{content:"· ";margin-right:var(--spacing-xs)}.article-wordcount::before{content:"· ";margin-right:var(--spacing-xs)}.article-tags,.article-categories{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag,.category{display:inline-block;padding:2px 10px;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--accent);font-size:.8125rem;font-weight:500;transition:all var(--transition-fast)}.tag:hover,.category:hover{background-color:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.article-content{font-size:1.0625rem;line-height:1.8}.article-content h2{margin-top:var(--spacing-xl)}.article-content h3{margin-top:var(--spacing-lg)}.article-content ul,.article-content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.article-content li{margin-bottom:var(--spacing-xs)}.article-content blockquote{margin:var(--spacing-md)0;padding-left:var(--spacing-md);border-left:3px solid var(--accent);color:var(--text-secondary);font-style:italic}.article-content pre{background-color:#272822;color:#f8f8f2;padding:var(--spacing-md);border-radius:8px;overflow-x:auto;margin-bottom:var(--spacing-md)}.chroma{color:#f8f8f2;background-color:#272822}.chroma .err{color:#960050;background-color:#1e0010}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#3c3d38}.chroma .lnt{white-space:pre;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#66d9ef}.chroma .kc{color:#66d9ef}.chroma .kd{color:#66d9ef}.chroma .kn{color:#f92672}.chroma .kp{color:#66d9ef}.chroma .kr{color:#66d9ef}.chroma .kt{color:#66d9ef}.chroma .na{color:#a6e22e}.chroma .nc{color:#a6e22e}.chroma .no{color:#66d9ef}.chroma .nd{color:#a6e22e}.chroma .ne{color:#a6e22e}.chroma .nx{color:#a6e22e}.chroma .nt{color:#f92672}.chroma .nf{color:#a6e22e}.chroma .fm{color:#a6e22e}.chroma .l{color:#ae81ff}.chroma .ld{color:#e6db74}.chroma .s{color:#e6db74}.chroma .sa{color:#e6db74}.chroma .sb{color:#e6db74}.chroma .sc{color:#e6db74}.chroma .dl{color:#e6db74}.chroma .sd{color:#e6db74}.chroma .s2{color:#e6db74}.chroma .se{color:#ae81ff}.chroma .sh{color:#e6db74}.chroma .si{color:#e6db74}.chroma .sx{color:#e6db74}.chroma .sr{color:#e6db74}.chroma .s1{color:#e6db74}.chroma .ss{color:#e6db74}.chroma .m{color:#ae81ff}.chroma .mb{color:#ae81ff}.chroma .mf{color:#ae81ff}.chroma .mh{color:#ae81ff}.chroma .mi{color:#ae81ff}.chroma .il{color:#ae81ff}.chroma .mo{color:#ae81ff}.chroma .o{color:#f92672}.chroma .ow{color:#f92672}.chroma .c{color:#75715e}.chroma .ch{color:#75715e}.chroma .cm{color:#75715e}.chroma .c1{color:#75715e}.chroma .cs{color:#75715e}.chroma .cp{color:#75715e}.chroma .cpf{color:#75715e}.chroma .gd{color:#f92672}.chroma .ge{font-style:italic}.chroma .gi{color:#a6e22e}.chroma .gs{font-weight:700}.chroma .gu{color:#75715e}.article-content code{font-family:var(--font-mono);font-size:.875rem}.article-content :not(pre)>code{background-color:var(--bg-secondary);padding:2px 6px;border-radius:4px}.article-content img{max-width:100%;height:auto;display:block}.about-image{max-width:400px;width:100%;height:auto;display:block;border-radius:8px}.article-layout{display:flex;max-width:calc(var(--max-width) + 280px);margin:0 auto;gap:var(--spacing-lg);position:relative}.article{width:var(--max-width);flex-shrink:0}.article-toc{position:sticky;top:calc(var(--nav-height) + var(--spacing-lg));width:200px;flex-shrink:0;max-height:calc(100vh - var(--nav-height) - var(--spacing-xl));overflow-y:auto;-webkit-overflow-scrolling:touch}.toc-toggle{position:absolute;top:0;right:-36px;width:32px;height:32px;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10}.toc-toggle:hover{background-color:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.toc-icon{font-size:1.125rem;transition:transform var(--transition-fast)}.toc-toggle.collapsed .toc-icon{transform:rotate(90deg)}.toc-content{padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;transition:opacity var(--transition-fast),visibility var(--transition-fast)}.toc-content.hidden{opacity:0;visibility:hidden}.toc-title{font-family:var(--font-heading);font-size:.9375rem;font-weight:600;margin-top:0;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.article-toc ul{list-style:none;padding-left:0;margin:0}.article-toc li{margin-bottom:var(--spacing-xs)}.article-toc a{color:var(--text-secondary);font-size:.875rem;transition:color var(--transition-fast);display:block;padding:2px 0}.article-toc a:hover{color:var(--accent)}.article-toc ul ul{padding-left:var(--spacing-sm);margin-top:var(--spacing-xs)}@media(max-width:1200px){.article-layout{max-width:var(--max-width);margin:0 auto;padding:0}.toc-content{opacity:0!important;visibility:hidden!important;pointer-events:none!important;position:fixed;bottom:calc(var(--spacing-lg) + 48px);right:var(--spacing-lg);width:auto;max-width:280px;max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.toc-content:not(.hidden){opacity:1!important;visibility:visible!important;pointer-events:auto!important}.toc-toggle{position:fixed!important;bottom:var(--spacing-lg);right:var(--spacing-lg);top:auto!important;left:auto!important;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.15)}.article-toc{position:static;width:0;height:0;padding:0;border:none;background:0 0}}.article-content hr{border:none;border-top:1px solid var(--border);margin:var(--spacing-xl)0}.article-tip{text-align:center;margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border)}.tip-toggle{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast)}.tip-toggle:hover{background-color:var(--bg-primary);border-color:var(--accent);color:var(--accent)}.tip-icon{font-size:1.125rem}.tip-qr-codes{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);animation:fadeIn var(--transition-fast)}.tip-caption{color:var(--text-secondary);font-size:.875rem;font-style:italic;margin:0}.tip-qr-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.tip-image{width:180px;height:180px;object-fit:cover}.tip-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.article-nav{display:flex;justify-content:space-between;margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border)}.article-nav a{flex:1;padding:var(--spacing-md);border:1px solid var(--border);border-radius:8px;transition:border-color var(--transition-fast)}.article-nav a:hover{border-color:var(--accent)}.nav-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:var(--spacing-xs)}.nav-title{display:block;font-size:.9375rem;color:var(--text-primary)}.nav-prev{text-align:left;margin-right:var(--spacing-sm)}.nav-next{text-align:right;margin-left:var(--spacing-sm)}.list-page{animation:fadeIn var(--transition-slow)}.list-header{margin-bottom:1.25rem;padding-bottom:.875rem;border-bottom:1px solid var(--border)}.taxonomy-list{display:flex;flex-direction:column;gap:.375rem}.taxonomy-link{display:flex;justify-content:space-between;align-items:center;padding:.625rem .875rem;border:1px solid var(--border);border-radius:8px;transition:border-color var(--transition-fast)}.taxonomy-link:hover{border-color:var(--accent)}.taxonomy-title{font-size:1.125rem;color:var(--text-primary)}.taxonomy-count{color:var(--text-muted);font-size:.875rem}.site-footer{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-xl)var(--spacing-md);text-align:center;color:var(--text-muted);font-size:.875rem;border-top:1px solid var(--border)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pagination{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.pagination a,.pagination span{padding:var(--spacing-xs)var(--spacing-sm);border:1px solid var(--border);border-radius:4px}.pagination .current{background-color:var(--accent);color:#fff;border-color:var(--accent)}.katex-display{margin:var(--spacing-md)0;overflow-x:auto;overflow-y:hidden}.katex{font-size:1.1em}.katex-display>.katex{text-align:left}.hidden{display:none!important}.search-form{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);align-items:center}.search-form p{flex:1;margin:0}.search-form label{display:none}.search-form input{width:100%;padding:var(--spacing-sm);font-size:1rem;border:1px solid var(--border);border-radius:8px;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color var(--transition-fast)}.search-form input:focus{outline:none;border-color:var(--accent)}.search-form button{padding:var(--spacing-sm)var(--spacing-md);background-color:var(--accent);color:var(--bg-primary);border:none;border-radius:8px;cursor:pointer;transition:background-color var(--transition-fast)}.search-form button:hover{background-color:var(--accent-hover)}.search-result{margin-top:var(--spacing-lg)}.search-result--title{margin-bottom:var(--spacing-md)}.article-list--compact{display:flex;flex-direction:column;gap:var(--spacing-md)}.article-details{display:block}.article-title{color:var(--text-primary);margin-bottom:var(--spacing-xs);transition:color var(--transition-fast)}.article-details:hover .article-title{color:var(--accent)}.article-preview{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.article-preview mark{background-color:var(--accent);color:var(--bg-primary);padding:2px 4px;border-radius:2px}