:root{--bg-base:#1e1e1e;--bg-base-alt:#282c34;--bg-highlight:#2c313a;--bg-selection:#3e4451;--fg-primary:#abb2bf;--fg-secondary:#5c6370;--fg-muted:#4b5263;--accent-blue:#61afef;--accent-purple:#c678dd;--accent-green:#98c379;--accent-orange:#d19a66;--accent-red:#e06c75;--accent-cyan:#56b6c2;--accent-yellow:#e5c07b;--border-color:#3e4451;--font-display:"Fira Code", "JetBrains Mono", "SF Mono", Consolas, monospace;--font-mono:"Fira Code", "JetBrains Mono", "SF Mono", Consolas, monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:0.9375rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--space-1:0.25rem;--space-2:0.375rem;--space-3:0.5rem;--space-4:0.75rem;--space-5:1rem;--space-6:1.25rem;--space-8:1.5rem;--space-10:2rem;--radius-sm:3px;--radius-md:6px;--radius-lg:8px;--transition-fast:120ms ease;--transition-base:200ms ease;--container-max:960px;--sidebar-width:220px;--header-height:52px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-display);font-size:var(--text-base);line-height:1.6;color:var(--fg-primary);background-color:var(--bg-base);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:500;color:var(--fg-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-lg);font-weight:600}p{margin-bottom:var(--space-4);color:var(--fg-primary)}a{color:var(--accent-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-purple)}code{font-family:var(--font-mono);font-size:.85em;background:#1e1e1e;padding:.2em .4em;border-radius:var(--radius-sm);color:#dcdcaa}pre{background:#1e1e1e!important;padding:var(--space-4)!important;border-radius:var(--radius-lg)!important;overflow-x:auto;margin:var(--space-4)0!important;border:1px solid #3c3c3c!important;line-height:1.65;font-family:var(--font-mono)!important;font-size:.8125rem!important;box-shadow:0 0 0 1px rgba(0,0,0,.4)}.post-content .highlight,.post-content .chroma{margin:var(--space-4)0;border:1px solid #3c3c3c;border-radius:var(--radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.post-content .highlight pre,.post-content .chroma pre,.post-content .chroma code{white-space:pre;word-break:normal;overflow-wrap:normal}.post-content .chroma .line{display:block}pre code{background:0 0!important;padding:0!important;color:#d4d4d4!important;font-size:.8125rem!important}ul,ol{padding-left:var(--space-5);margin-bottom:var(--space-4)}li{margin-bottom:var(--space-2);color:var(--fg-primary)}li::marker{color:var(--accent-purple)}blockquote{border-left:3px solid var(--accent-purple);padding-left:var(--space-4);margin:var(--space-4)0;color:var(--fg-secondary)}img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-4)0;display:block}::selection{background:var(--accent-purple);color:#fff}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}.site-header{position:sticky;top:0;z-index:100;background:rgba(30,30,30,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);height:var(--header-height);display:flex;align-items:center}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.site-logo{font-size:var(--text-sm);font-weight:600;color:var(--fg-primary)}.site-logo:hover{color:var(--accent-blue)}.site-nav{display:flex;align-items:center;gap:var(--space-1)}.nav-link{font-size:var(--text-xs);color:var(--fg-secondary);padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.03em}.nav-link:hover{color:var(--fg-primary);background:var(--bg-highlight)}.nav-link.active{color:var(--accent-blue);background:rgba(97,175,239,.1)}.site-main{min-height:calc(100vh - var(--header-height) - 100px);padding:var(--space-6)0}.main-with-sidebar{display:grid;grid-template-columns:var(--sidebar-width)1fr;gap:var(--space-8);align-items:start}.site-footer{padding:var(--space-5)0;margin-top:var(--space-8);border-top:1px solid var(--border-color);text-align:center}.footer-text{font-size:var(--text-xs);color:var(--fg-muted)}.sidebar{position:sticky;top:calc(var(--header-height) + var(--space-6));max-height:calc(100vh - var(--header-height) - var(--space-10));overflow-y:auto;overflow-x:hidden;padding-right:var(--space-3)}.sidebar-title{font-size:var(--text-xs);font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);padding-bottom:var(--space-2)}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin-bottom:var(--space-1)}.toc-link{display:block;font-size:.75rem;padding:4px 0;padding-left:12px;border-left:2px solid transparent;transition:all .2s ease;line-height:1.5;color:#8892a0}.toc-link.level-1{color:#b794f4!important;font-weight:600;font-size:.8rem;border-left-color:#b794f4;margin-top:8px}.toc-link.level-2{color:#7aa2f7!important;font-weight:500;border-left-color:#7aa2f7}.toc-link.level-3{color:#73daca!important;font-weight:400;padding-left:20px;border-left-color:#73daca}.toc-link.level-4{color:#e0af68!important;font-weight:400;font-size:.7rem;padding-left:28px;border-left-color:#e0af68}.toc-link:not(.level-1):not(.level-2):not(.level-3):not(.level-4){color:#6b7280}.toc-link:hover{background:rgba(255,255,255,5%);border-left-color:#ffffff50}.toc-link.active{background:rgba(255,255,255,8%);border-left-color:#fff}@media(max-width:1024px){.main-with-sidebar{grid-template-columns:1fr}.sidebar{display:none}}.card{background:var(--bg-base-alt);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border-color);.scroll-jump { position: fixed; top: 50%; transform: translateY(-50%); right: max(var(--space-4), calc((100vw - var(--container-max)) / 2 - 44px)); display: flex; flex-direction: column; gap: var(--space-2); z-index: 90; } .scroll-jump-btn { width: 34px; height: 34px; border-radius: 999px; border: 1px solid rgba(148, 163, 184, 0.5); background: rgba(17, 24, 39, 0.9); backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: center; color: #e5e7eb; cursor: pointer; transition: background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast); } .scroll-jump-btn:hover { background: rgba(31, 41, 55, 0.95); border-color: rgba(209, 213, 219, 0.9); color: #f9fafb; box-shadow: 0 6px 16px rgba(15, 23, 42, 0.6); transform: translateY(-1px); } .scroll-jump-btn svg { width: 16px; height: 16px; } @media (max-width: 768px) { .scroll-jump { display: none; } } transition: all var(--transition-base)}.card:hover{border-color:var(--accent-blue)}.card-article{display:block;text-decoration:none;padding:var(--space-4)}.card-article:hover{background:var(--bg-highlight)}.card-title{font-size:var(--text-md);font-weight:600;color:var(--fg-primary);margin-bottom:var(--space-2)}.card-article:hover .card-title{color:var(--accent-blue)}.card-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--fg-muted)}.card-description{font-size:var(--text-xs);color:var(--fg-secondary)}.card-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.tag{padding:2px 6px;background:var(--bg-highlight);border-radius:var(--radius-sm);font-size:10px;color:var(--fg-muted)}.post-list{display:flex;flex-direction:column;gap:var(--space-3)}.post-item{animation:fadeInUp .3s ease-out forwards;opacity:0}.category-group{margin-bottom:var(--space-4)}.category-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--bg-base-alt);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);user-select:none}.category-header:hover{border-color:var(--accent-blue)}.category-name{font-size:var(--text-sm);font-weight:600;color:var(--accent-cyan)}.category-count{font-size:var(--text-xs);color:var(--fg-muted)}.category-toggle{margin-left:auto;font-size:var(--text-xs);color:var(--fg-muted);transition:transform var(--transition-fast)}.category-toggle.expanded{transform:rotate(90deg)}.category-content{display:none;padding-top:var(--space-3)}.category-content.expanded{display:block}.post-single{position:relative}.post-header{margin-bottom:var(--space-5);padding-bottom:var(--space-4)}.post-title{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-3)}.post-meta-single{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--fg-muted)}.post-content{font-size:var(--text-base);line-height:1.75}.post-content h1{color:#e8e8e8;font-weight:700;font-size:1.75rem;margin-top:2rem;margin-bottom:1rem;padding-bottom:.25rem}.post-content h2{color:#e0e0e0;font-weight:600;font-size:1.4rem;margin-top:1.75rem;margin-bottom:.75rem;padding-top:.25rem}.post-content h3{color:#d0d0d0;font-weight:600;font-size:1.15rem;margin-top:1.5rem;margin-bottom:.5rem}.post-content h4{color:silver;font-weight:600;font-size:1rem;margin-top:1.25rem;margin-bottom:.5rem}.post-content h5,.post-content h6{color:#b0b0b0;font-weight:600;font-size:.9rem;margin-top:1rem;margin-bottom:.5rem}.post-content strong,.post-content b{color:#f0f0f0;font-weight:700;background:rgba(255,255,255,.1);padding:1px 4px;border-radius:3px}.post-content em,.post-content i{color:#b8b8b8;font-style:italic}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-color)}.post-nav-link{padding:var(--space-3);background:var(--bg-base-alt);border-radius:var(--radius-md);border:1px solid var(--border-color)}.post-nav-link:hover{border-color:var(--accent-blue)}.post-nav-label{font-size:10px;color:var(--fg-muted);text-transform:uppercase}.post-nav-title{font-size:var(--text-xs);font-weight:500}.home-hero{padding:var(--space-6)0;margin-bottom:var(--space-6);border-bottom:1px solid var(--border-color)}.hero-title{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-2)}.hero-title::before{content:">";color:var(--accent-green);margin-right:var(--space-2)}.hero-subtitle{font-size:var(--text-sm);color:var(--fg-secondary)}.about-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.about-title{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-2)}.about-title::before{content:">";color:var(--accent-purple);margin-right:var(--space-2)}.about-section h2{font-size:var(--text-lg);margin-bottom:var(--space-3);color:var(--accent-cyan)}.about-section h2::before{content:"#";margin-right:var(--space-2);opacity:.5}.taxonomy-header{margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color)}.taxonomy-title{font-size:var(--text-xl)}.taxonomy-title::before{content:"#";color:var(--accent-yellow);margin-right:var(--space-2)}.taxonomy-count{font-size:var(--text-xs);color:var(--fg-muted)}.taxonomy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.taxonomy-chip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:rgba(255,255,255,2%)}.taxonomy-chip:hover{border-color:var(--accent-blue);background:rgba(97,175,239,8%)}.taxonomy-name{color:var(--fg-primary);font-size:var(--text-sm)}.taxonomy-badge{font-size:var(--text-xs);color:var(--fg-muted);border:1px solid var(--border-color);border-radius:999px;padding:2px 8px}@keyframes fadeInUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeInUp .3s ease-out forwards}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-color)}.pagination-btn{padding:var(--space-2)var(--space-3);background:var(--bg-base-alt);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--fg-secondary)}.pagination-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue)}@media(max-width:640px){.container{padding:0 var(--space-3)}.site-main{padding:var(--space-4)0}.site-nav{position:fixed;top:var(--header-height);left:0;right:0;background:var(--bg-base);flex-direction:column;padding:var(--space-3);gap:var(--space-1);border-bottom:1px solid var(--border-color);transform:translateY(-100%);opacity:0;visibility:hidden}.site-nav.mobile-open{transform:translateY(0);opacity:1;visibility:visible}.post-nav{grid-template-columns:1fr}.post-content{font-size:.84rem;line-height:1.72}.post-content .highlight,.post-content .chroma{margin-left:calc(var(--space-3) * -1);margin-right:calc(var(--space-3) * -1);border-left:none;border-right:none;border-radius:0}.taxonomy-grid{grid-template-columns:1fr}}.back-to-top{position:fixed;bottom:var(--space-6);right:var(--space-6);width:36px;height:36px;background:var(--bg-base-alt);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:50}.back-to-top.visible{opacity:1;visibility:visible}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:0 0;z-index:1000}.reading-progress-bar{height:100%;background:var(--accent-blue);width:0}.copy-btn{position:absolute;top:var(--space-2);right:var(--space-2);width:28px;height:28px;background:var(--bg-highlight);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-fast)}pre:hover .copy-btn{opacity:1}.copy-btn.copied{background:var(--accent-green)}.text-center{text-align:center}.text-left{text-align:left}.hidden{display:none}.block{display:block}.flex{display:flex}