:root{--accent-primary:#0085a1;--accent-gradient:linear-gradient(135deg, #0085a1, #00b4d8);--accent-color-raw:0,133,161;--font-mono:'JetBrains Mono','Fira Code','Cascadia Code',monospace;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--text-primary:#333;--text-muted:#5a6268;--text-secondary:#767676;--bg-surface:#fff;--bg-surface-raised:#fff;--border-light:#e8e8e8;--border-medium:#dee2e6;--border-subtle:#e1e4e8;--border-divider:#f0f0f0;--text-tertiary:#666;--heading-dark:#1a1a2e;--text-on-accent:#fff;--bg-body:#fff;--text-base:#1a1a2e;--color-success:#2ea043;--accent-hover:#006d85;--bg-surface-hover:#f5f5f5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--shadow-sm:0 1px 3px rgba(0,0,0,0.06);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px}[data-theme=dark]{--accent-primary:#58a6ff;--accent-color-raw:88,166,255;--text-primary:#e6edf3;--text-muted:#9aa0a6;--text-secondary:#8b949e;--bg-surface:#0d1117;--bg-surface-raised:#161b22;--border-light:#30363d;--border-medium:#444;--border-subtle:#21262d;--border-divider:#1c2128;--text-tertiary:#6e7681;--heading-dark:#c9d1d9;--text-on-accent:#0d1117;--bg-body:#0d1117;--text-base:#c9d1d9;--accent-gradient:linear-gradient(135deg, #58a6ff, #b07fff);--color-success:#3fb950;--accent-hover:#79b8ff;--bg-surface-hover:#1f2937}body{font-family:Inter,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}.post-container{line-height:1.7;font-size:16.5px}.post-container p{margin-bottom:1.5em}.post-container h1,.post-container h2,.post-container h3,.post-container h4{letter-spacing:-.02em;margin-top:2em;margin-bottom:.8em}.post-container h1{font-size:2rem}.post-container h2{font-size:1.625rem}.post-container h3{font-size:1.375rem}.post-container h4{font-size:1.125rem}.post-container blockquote{border-left:4px solid var(--accent-primary);background:rgba(var(--accent-color-raw),.04);border-radius:0 6px 6px 0;padding:14px 20px;margin:1.5em 0;color:var(--text-muted)}.post-container blockquote p:last-child{margin-bottom:0}[data-theme=dark] .post-container blockquote{background:rgba(var(--accent-color-raw),.06);border-left-color:var(--accent-primary);color:var(--text-secondary)}html{scroll-behavior:smooth}.post-container table{width:100%;margin:1.5em 0;border-collapse:collapse;font-size:15px}.post-container table th{background:rgba(var(--accent-color-raw),.06);color:var(--text-primary);font-weight:700;padding:10px 14px;border:1px solid var(--border-subtle);text-align:left}.post-container table td{padding:9px 14px;border:1px solid var(--border-subtle);vertical-align:top}.post-container table tr:nth-child(2n) td{background:rgba(0,0,0,.015)}[data-theme=dark] .post-container table th{background:rgba(var(--accent-color-raw),.08);color:var(--text-primary);border-color:var(--border-light)}[data-theme=dark] .post-container table td{border-color:var(--border-light)}[data-theme=dark] .post-container table tr:nth-child(2n) td{background:rgba(255,255,255,.02)}.author-hero{position:relative;padding:32px 32px;margin-bottom:32px;border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(var(--accent-color-raw),.15)}.author-hero-mesh{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(var(--accent-color-raw),.1) 0,transparent 60%),radial-gradient(ellipse 60% 80% at 90% 80%,rgba(var(--accent-color-raw),.08) 0,transparent 55%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(var(--accent-color-raw),.03) 0,transparent 70%);animation:heroMeshShift 12s ease-in-out infinite alternate;z-index:0}@keyframes heroMeshShift{0%{background-position:0 0,100% 100%,50% 50%}50%{background-position:20% 30%,80% 60%,40% 70%}100%{background-position:10% 60%,90% 30%,60% 40%}}.author-hero-inner{position:relative;z-index:1;display:flex;align-items:center;gap:24px}.author-hero-avatar{width:80px;height:80px;border-radius:50%;flex-shrink:0;object-fit:cover;box-shadow:var(--shadow-md);border:2px solid rgba(var(--accent-color-raw),.2)}.author-hero-info{flex:1;min-width:0}.author-hero-name{font-size:22px;font-weight:800;margin:0 0 6px;color:var(--heading-dark);letter-spacing:-.02em}[data-theme=dark] .author-hero-name{color:var(--text-primary)}.author-hero-subtitle{font-size:15px;font-weight:500;margin:0 0 4px;color:var(--accent-primary);font-family:var(--font-mono)}.author-hero-topics{font-size:14px;color:var(--text-muted);margin:0 0 12px}.author-hero-links{display:flex;gap:16px;flex-wrap:wrap}.author-hero-links a{font-size:13px;color:var(--accent-primary);text-decoration:none;font-weight:500;transition:color .2s,transform .2s}.author-hero-links a:hover{transform:translateY(-1px);color:var(--heading-dark)}[data-theme=dark] .author-hero-links a:hover{color:#fff}.author-hero-links a i{margin-right:4px}[data-theme=dark] .author-hero{border-color:rgba(var(--accent-color-raw),.25)}[data-theme=dark] .author-hero-topics{color:var(--text-secondary)}@media (max-width:576px){.author-hero{padding:24px 20px}.author-hero-inner{flex-direction:column;text-align:center;gap:16px}.author-hero-links{justify-content:center}}.category-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.category-btn{padding:7px 18px;border-radius:var(--radius-2xl);border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s}.category-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:rgba(var(--accent-color-raw),.04)}.category-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}[data-theme=dark] .category-filter{border-bottom-color:var(--border-light)}[data-theme=dark] .category-btn{background:var(--bg-surface-raised);border-color:var(--border-light);color:var(--text-secondary)}[data-theme=dark] .category-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:rgba(var(--accent-color-raw),.08)}[data-theme=dark] .category-btn.active{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.post-cards-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:40px}@media (min-width:768px){.post-cards-grid{grid-template-columns:repeat(2,1fr)}}.post-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden;transition:transform .3s cubic-bezier(.22, 1, .36, 1),box-shadow .3s cubic-bezier(.22, 1, .36, 1),border-color .3s ease}.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}[data-theme=dark] .post-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.3)}.post-card a{display:block;color:inherit;text-decoration:none}.post-card a:hover{color:inherit;text-decoration:none}.post-card-thumb{width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;border-bottom:1px solid var(--border-light);transition:transform .4s cubic-bezier(.22, 1, .36, 1)}.post-card:hover .post-card-thumb{transform:scale(1.04)}.post-card-thumb--gradient{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0085a1 0,#00b4d8 100%)}.post-card-thumb--algorithm{background:linear-gradient(135deg,#1a73e8 0,#4fc3f7 100%)}.post-card-thumb--kotlin{background:linear-gradient(135deg,#7b2ff7 0,#b388ff 100%)}.post-card-thumb--react{background:linear-gradient(135deg,#00b4d8 0,#90e0ef 100%)}.post-card-thumb-label{font-size:18px;font-weight:700;color:rgba(255,255,255,.85);letter-spacing:.05em;text-transform:uppercase;font-family:var(--font-mono)}.post-card-body{padding:24px 28px 28px}.post-card-thumb--gradient+.post-card-body .post-card-tags{display:none}.post-card-tags{margin-bottom:12px}.post-card-tags span{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);background:rgba(var(--accent-color-raw),.08);padding:3px 10px;border-radius:var(--radius-2xl);margin-right:6px;margin-bottom:4px;transition:background-color .3s ease,color .3s ease}.post-card:hover .post-card-tags span{background:rgba(var(--accent-color-raw),.18);color:var(--accent-primary)}[data-theme=dark] .post-card:hover .post-card-tags span{background:rgba(var(--accent-color-raw),.22)}.post-card .post-title{font-size:20px;font-weight:700;margin:0 0 8px;line-height:1.35;transition:color .3s ease}.post-card:hover .post-title{color:var(--accent-primary)}.post-card .post-subtitle{font-size:14px;color:var(--text-muted);margin:0 0 12px;font-weight:400;line-height:1.5}.post-card-excerpt{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0}.post-card-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light);font-size:12.5px;color:var(--text-secondary)}.post-card-meta .read-time{color:var(--accent-primary);font-weight:600}#back-to-top{position:fixed;bottom:30px;right:30px;width:44px;height:44px;border-radius:50%;background:var(--accent-primary);color:#fff;border:none;cursor:pointer;font-size:18px;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,background-color .3s ease,transform .3s ease,box-shadow .3s ease;z-index:999;display:flex;align-items:center;justify-content:center}#back-to-top.visible{opacity:1;visibility:visible}#back-to-top:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}body.has-mobile-toc #back-to-top{bottom:80px}.post-container pre{border-radius:var(--radius-md);border:1px solid var(--border-subtle);border-left:3px solid var(--border-medium);position:relative;margin:1.5em 0}.post-container .highlighter-rouge .highlight pre,.post-container .rouge-code pre{padding-top:2em!important}.code-lang-label{position:absolute;top:0;left:0;padding:2px 10px;font-size:11px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:rgba(0,0,0,.04);border-radius:8px 0 6px 0;border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle)}.copy-btn{position:absolute;top:5px;right:5px;padding:3px 10px;font-size:11px;font-weight:500;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:opacity .2s,background .2s;z-index:2}.copy-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}pre:hover .copy-btn{opacity:1}@media (hover:none){.copy-btn{opacity:.7}}.copy-btn.copy-btn--success{background:var(--color-success);color:#fff;border-color:var(--color-success);opacity:1}code.has-line-numbers{counter-reset:line;padding-left:3.5em!important}code.has-line-numbers .code-line{display:block;position:relative}code.has-line-numbers .code-line::before{counter-increment:line;content:counter(line);position:absolute;left:-3em;width:2.5em;text-align:right;color:var(--text-tertiary);font-size:.85em;pointer-events:none;user-select:none;-webkit-user-select:none}.meta-read-time{font-weight:600;opacity:.9}.meta-read-time .fa{margin-right:3px}.meta-divider{margin:0 4px;opacity:.5}.series-nav{margin:40px 0;padding:var(--space-6);background:var(--bg-surface-raised);border-radius:var(--radius-lg);border:1px solid var(--border-light);border-left:4px solid var(--accent-primary)}.series-nav-title{font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 16px;display:flex;align-items:center;gap:8px}.series-nav-title .fa{color:var(--accent-primary)}.series-count{font-size:11px;font-weight:600;background:rgba(var(--accent-color-raw),.1);color:var(--accent-primary);padding:2px 10px;border-radius:var(--radius-lg);margin-left:auto}.series-list{margin:0;padding-left:24px;list-style:decimal;max-height:400px;overflow-y:auto}.series-item{padding:6px 0;font-size:14px;line-height:1.5;border-bottom:1px solid rgba(0,0,0,.04)}.series-item:last-child{border-bottom:none}.series-item a{color:var(--text-tertiary);text-decoration:none;transition:color .2s}.series-item a:hover{color:var(--accent-primary)}.series-item--current{font-weight:600;color:var(--accent-primary)}.series-item-title{color:var(--accent-primary)}.series-item-current-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;background:var(--accent-primary);color:#fff;padding:1px 8px;border-radius:var(--radius-md);margin-left:8px;vertical-align:middle}[data-theme=dark] .series-nav{background:var(--bg-surface-raised);border-color:var(--border-light);border-left-color:var(--accent-primary)}[data-theme=dark] .series-nav-title{color:var(--text-primary)}[data-theme=dark] .series-nav-title .fa{color:var(--accent-primary)}[data-theme=dark] .series-count{background:rgba(var(--accent-color-raw),.12);color:var(--accent-primary)}[data-theme=dark] .series-item{border-bottom-color:rgba(255,255,255,.04)}[data-theme=dark] .series-item a{color:var(--text-secondary)}[data-theme=dark] .series-item a:hover{color:var(--accent-primary)}[data-theme=dark] .series-item--current,[data-theme=dark] .series-item-title{color:var(--accent-primary)}[data-theme=dark] .series-item-current-badge{background:var(--accent-primary);color:var(--text-on-accent)}.related-posts{margin-top:40px;padding-top:30px;border-top:2px solid var(--border-divider)}.related-posts h4{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:20px}.related-posts-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:768px){.related-posts-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.related-posts-grid{grid-template-columns:repeat(3,1fr)}}.related-post-card{padding:20px;border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:transform .2s,box-shadow .2s}.related-post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.related-post-card a{color:inherit;text-decoration:none}.related-post-card .rp-title a{color:inherit;text-decoration:none}.related-post-card .rp-tag{font-size:11px;font-weight:600;color:var(--accent-primary);text-transform:uppercase}.related-post-card .rp-title{font-size:15px;font-weight:600;margin:6px 0;line-height:1.4}.related-post-card .rp-excerpt{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-post-card .rp-date{font-size:12px;color:var(--text-muted)}.error-404-content{text-align:center;padding:60px 20px 80px}.error-terminal{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-light);max-width:520px;margin:0 auto 32px;text-align:left;overflow:hidden;box-shadow:var(--shadow-lg)}.error-terminal-header{background:var(--bg-surface-raised);padding:12px 16px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--border-light)}.error-terminal-header .dot{width:12px;height:12px;border-radius:50%}.error-terminal-header .dot.red{background:#ff5f57}.error-terminal-header .dot.yellow{background:#febc2e}.error-terminal-header .dot.green{background:#28c840}.terminal-title{font-size:12px;color:var(--text-secondary);margin-left:auto;margin-right:auto;font-family:var(--font-mono)}.error-terminal-body{padding:20px 24px;font-family:var(--font-mono);font-size:14px;line-height:1.8;color:var(--text-base)}.error-terminal-body p{margin:0}.prompt{color:var(--color-success);font-weight:600;margin-right:8px}.error-status{color:#f85149;font-weight:600}.error-output{color:var(--text-secondary)}.error-humor{color:#d2a8ff;font-style:italic}.error-path{color:var(--accent-primary)}.error-subtitle{font-size:15px;color:var(--text-muted);margin:0 0 24px;text-align:center}.cursor{display:inline-block;animation:blink 1s step-end infinite;color:var(--accent-primary)}@keyframes blink{50%{opacity:0}}.error-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.error-404-content .btn-archive,.error-404-content .btn-home{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:var(--radius-full);font-weight:600;font-size:14px;text-decoration:none;transition:color .2s,background-color .2s,transform .2s,box-shadow .2s}.error-404-content .btn-home{background:var(--accent-primary);color:#fff}.error-404-content .btn-archive{background:0 0;color:var(--accent-primary);border:2px solid var(--accent-primary)}.error-404-content .btn-home:hover{background:var(--accent-hover);transform:translateY(-2px);color:#fff;text-decoration:none}.error-404-content .btn-archive:hover{background:rgba(var(--accent-color-raw),.08);transform:translateY(-2px);color:var(--accent-primary);text-decoration:none}[data-theme=dark] .error-terminal{box-shadow:0 20px 60px rgba(0,0,0,.6)}[data-theme=dark] .error-subtitle{color:var(--text-secondary)}[data-theme=dark] .error-404-content .btn-home{background:var(--accent-primary);color:var(--text-on-accent)}[data-theme=dark] .error-404-content .btn-archive{color:var(--accent-primary);border-color:var(--accent-primary)}[data-theme=dark] .error-404-content .btn-archive:hover{background:rgba(var(--accent-color-raw),.1)}.error-search{max-width:520px;margin:0 auto 28px}.error-search-wrapper{position:relative;display:flex;align-items:center}.error-search-icon{position:absolute;left:16px;color:var(--text-secondary);font-size:14px;pointer-events:none}.error-search input{width:100%;padding:12px 16px 12px 42px;border:2px solid var(--border-subtle);border-radius:var(--radius-lg);font-size:15px;font-family:var(--font-sans);background:var(--bg-surface);color:var(--text-primary);transition:border-color .2s,box-shadow .2s;outline:0}.error-search input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-color-raw),.12)}.error-search input::placeholder{color:var(--text-secondary)}.error-search-results{margin-top:8px;text-align:left}.error-search-result-item{display:flex;justify-content:space-between;align-items:center;padding:10px var(--space-4);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:background .15s}.error-search-result-item:hover{background:rgba(var(--accent-color-raw),.06);text-decoration:none;color:var(--accent-primary)}.error-search-result-title{font-weight:500;font-size:14px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:12px}.error-search-result-date{font-size:12px;color:var(--text-secondary);white-space:nowrap}.error-search-no-results{text-align:center;color:var(--text-secondary);font-size:14px;padding:12px 0}.error-recent-posts{max-width:520px;margin:0 auto 28px;text-align:left}.error-recent-title{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-left:4px}.error-recent-title i{margin-right:6px}.error-recent-list{list-style:none;padding:0;margin:0}.error-recent-list li{border-bottom:1px solid var(--border-divider)}.error-recent-list li:last-child{border-bottom:none}.error-recent-list a{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:background .15s}.error-recent-list a:hover{background:rgba(var(--accent-color-raw),.06);text-decoration:none;color:var(--accent-primary)}.error-recent-post-title{font-weight:500;font-size:15px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:12px}.error-recent-post-date{font-size:12px;color:var(--text-secondary);white-space:nowrap}[data-theme=dark] .error-search input{background:var(--bg-surface-raised);border-color:var(--border-light);color:var(--text-primary)}[data-theme=dark] .error-search input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-color-raw),.15)}[data-theme=dark] .error-search input::placeholder{color:var(--text-tertiary)}[data-theme=dark] .error-search-result-item{color:var(--text-primary)}[data-theme=dark] .error-search-result-item:hover{background:rgba(var(--accent-color-raw),.08);color:var(--accent-primary)}[data-theme=dark] .error-search-no-results{color:var(--text-tertiary)}[data-theme=dark] .error-recent-title{color:var(--text-secondary)}[data-theme=dark] .error-recent-list li{border-color:var(--border-subtle)}[data-theme=dark] .error-recent-list a{color:var(--text-primary)}[data-theme=dark] .error-recent-list a:hover{background:rgba(var(--accent-color-raw),.08);color:var(--accent-primary)}.tag{transition:transform .2s,box-shadow .2s}.tag:hover{transform:translateY(-1px)}.featured-tags .tag-item a{border-radius:var(--radius-2xl);padding:4px 14px;transition:background-color .2s}.featured-tags .tag-item a:hover{background:rgba(var(--accent-color-raw),.08)}.post-container img{transition:opacity .4s ease;border-radius:var(--radius-sm)}.post-container img.lazy-loading{opacity:0}.post-container img.lazy-loaded{opacity:1}.page-content{animation:fadeInUp .4s ease both}@keyframes fadeInUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.post-container code{background:rgba(0,0,0,.05);color:var(--text-primary);border:none;border-radius:var(--radius-sm);padding:2px 6px;font-size:13px;font-family:var(--font-mono)}.post-container pre code{background:0 0;color:inherit;border:none;padding:0;font-size:inherit}.side-catalog{position:sticky!important;top:80px!important;height:auto!important;max-height:calc(100vh - 100px);overflow-y:auto}.side-catalog.fixed{position:sticky!important;top:80px!important}.side-catalog .catalog-body{list-style:none;padding-left:0;margin:0}.side-catalog .catalog-body li{line-height:1.4;margin-bottom:2px}.side-catalog .catalog-body li a{display:block;padding:4px 8px 4px 12px;font-size:13px;color:var(--text-secondary);text-decoration:none;transition:color .2s,border-color .2s,background .2s;border-left:3px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-catalog .catalog-body li a:hover{color:var(--accent-primary);background:rgba(var(--accent-color-raw),.06)}.side-catalog .catalog-body li.h3_nav a{padding-left:24px;font-size:12px}.side-catalog .catalog-body .active a{border-left:3px solid var(--accent-primary);color:var(--accent-primary)!important;background:rgba(var(--accent-color-raw),.06);font-weight:500}.side-catalog .catalog-body .active{background-color:transparent}[data-theme=dark] .side-catalog .catalog-body .active a{border-left-color:var(--accent-primary);background:rgba(var(--accent-color-raw),.08)}.transitions-enabled #back-to-top,.transitions-enabled .category-btn,.transitions-enabled .mobile-toc-panel,.transitions-enabled .mobile-toc-toggle,.transitions-enabled .navbar-custom,.transitions-enabled .post-card,.transitions-enabled .post-container blockquote,.transitions-enabled .post-container code,.transitions-enabled .post-container pre,.transitions-enabled .related-post-card,.transitions-enabled .series-nav,.transitions-enabled .side-catalog,.transitions-enabled footer{transition:background-color .3s,color .3s,border-color .3s}[data-theme=dark] body{background-color:var(--bg-body);color:var(--text-base)}[data-theme=dark] .navbar-custom{background:rgba(13,17,23,.95);border-bottom:1px solid var(--border-light);backdrop-filter:blur(10px)}[data-theme=dark] .navbar-custom .nav a,[data-theme=dark] .navbar-custom .navbar-brand{color:var(--text-base)}[data-theme=dark] .navbar-custom.is-fixed{background:rgba(13,17,23,.97)}[data-theme=dark] footer{background:var(--bg-surface)}[data-theme=dark] footer .copyright{color:var(--text-secondary)}[data-theme=dark] .post-card{background:var(--bg-surface-raised);border-color:var(--border-light)}[data-theme=dark] .post-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.3)}[data-theme=dark] .post-card .post-subtitle,[data-theme=dark] .post-card-excerpt{color:var(--text-secondary)}[data-theme=dark] .post-card-meta{border-top-color:var(--border-light);color:var(--text-secondary)}[data-theme=dark] .post-card-tags span{color:var(--accent-primary);background:rgba(var(--accent-color-raw),.1)}[data-theme=dark] .post-card-meta .read-time{color:var(--accent-primary)}[data-theme=dark] .post-card-thumb{border-bottom-color:var(--border-light)}[data-theme=dark] .post-container{color:var(--text-base)}[data-theme=dark] .post-container h1,[data-theme=dark] .post-container h2,[data-theme=dark] .post-container h3,[data-theme=dark] .post-container h4{color:var(--text-primary)}[data-theme=dark] .post-container a{color:var(--accent-primary)}[data-theme=dark] .post-container blockquote{border-left-color:var(--accent-primary);color:var(--text-secondary)}[data-theme=dark] .post-container pre{background:var(--bg-surface-raised);border-color:var(--border-light);border-left-color:var(--border-medium)}[data-theme=dark] .post-container code{background:rgba(255,255,255,.08);color:var(--text-primary);border:none}[data-theme=dark] .post-container pre code{background:0 0}[data-theme=dark] .code-lang-label{color:var(--text-secondary);background:rgba(255,255,255,.05);border-color:var(--border-light)}[data-theme=dark] .copy-btn{color:var(--text-base)}[data-theme=dark] .post-container table td,[data-theme=dark] .post-container table th{border-color:var(--border-light)}[data-theme=dark] .post-container table th{background:var(--bg-surface-raised)}[data-theme=dark] .post-container hr{border-color:var(--border-light)}[data-theme=dark] .header-mask{background:rgba(0,0,0,.65)!important}[data-theme=dark] .sidebar-container{color:var(--text-base)}[data-theme=dark] .sidebar-container h5{color:var(--text-primary)}[data-theme=dark] .side-catalog{background:var(--bg-surface-raised);border-color:var(--border-light)}[data-theme=dark] .side-catalog a{color:var(--text-secondary)}[data-theme=dark] .side-catalog a.active{color:var(--accent-primary)}[data-theme=dark] .pager li>a{background:var(--bg-surface-raised);border-color:var(--border-light);color:var(--text-base)}[data-theme=dark] .pager li>a:hover{background:var(--bg-surface-hover)}[data-theme=dark] .related-posts{border-top-color:var(--border-light)}[data-theme=dark] .related-post-card{background:var(--bg-surface-raised);border-color:var(--border-light)}[data-theme=dark] .related-post-card:hover{box-shadow:var(--shadow-md)}[data-theme=dark] .related-post-card .rp-title{color:var(--text-primary)}[data-theme=dark] .related-post-card .rp-excerpt{color:var(--text-secondary)}[data-theme=dark] .related-post-card .rp-tag{color:var(--accent-primary)}[data-theme=dark] .post-preview a .post-subtitle,[data-theme=dark] .post-preview a .post-title{color:var(--text-primary)}[data-theme=dark] .post-preview .post-meta{color:var(--text-secondary)}[data-theme=dark] hr{border-color:var(--border-light)}[data-theme=dark] .intro-header .post-heading .subheading,[data-theme=dark] .intro-header .post-heading h1,[data-theme=dark] .intro-header .site-heading .subheading,[data-theme=dark] .intro-header .site-heading h1{color:#fff}[data-theme=dark] #back-to-top{background:var(--accent-primary);box-shadow:var(--shadow-md)}[data-theme=dark] #back-to-top:hover{background:var(--accent-hover);box-shadow:var(--shadow-lg)}[data-theme=dark] .error-404-content .error-msg{color:var(--text-primary)}[data-theme=dark] .search-page{background:rgba(13,17,23,.97)}[data-theme=dark] #search-input{background:var(--bg-surface-raised);border-color:var(--border-light);color:var(--text-base)}[data-theme=dark] .search-page .post-title{color:var(--text-primary)}[data-theme=dark] .search-page .post-subtitle{color:var(--text-secondary)}.dark-mode-toggle{cursor:pointer;font-size:16px;transition:transform .4s cubic-bezier(.34, 1.56, .64, 1)}.dark-mode-toggle:hover{transform:rotate(20deg) scale(1.15)}.dark-mode-toggle.toggling i{animation:toggleSpin .5s cubic-bezier(.34,1.56,.64,1)}@keyframes toggleSpin{0%{transform:rotate(0) scale(1)}40%{transform:rotate(180deg) scale(.7)}100%{transform:rotate(360deg) scale(1)}}[data-theme=dark] .featured-tags .tag-item a{color:var(--text-base)}[data-theme=dark] .featured-tags .tag-item a:hover{background:rgba(var(--accent-color-raw),.1)}#reading-progress-bar{position:fixed;top:0;left:0;width:0%;height:2px;background:var(--accent-primary);z-index:9999;transition:width .1s linear;pointer-events:none}.mobile-toc-wrapper{position:fixed;bottom:20px;right:20px;z-index:1000}.mobile-toc-wrapper .mobile-toc-toggle{width:45px;height:45px;border:1px solid var(--border-light,#ddd);border-radius:50%;box-shadow:var(--shadow-sm);font-size:18px;padding:0;background:var(--bg-surface,#fff);color:var(--text-base,#1a1a2e);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1}.mobile-toc-panel{display:none;position:fixed;bottom:75px;right:20px;width:min(260px,calc(100vw - 40px));max-height:60vh;overflow-y:auto;background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:15px;z-index:1001}.mobile-toc-panel--open{display:block}.mobile-toc-panel h5{margin-top:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.mobile-catalog-body{list-style:none;padding-left:0;margin:0}[data-theme=dark] .mobile-toc-wrapper .mobile-toc-toggle{background:var(--bg-surface-raised);border-color:var(--border-light);color:var(--text-base)}[data-theme=dark] .mobile-toc-panel{background:var(--bg-surface-raised);border:1px solid var(--border-light);box-shadow:0 4px 12px rgba(0,0,0,.5)}[data-theme=dark] .mobile-toc-panel a{color:var(--text-base)}.mobile-catalog-body li a{display:block;padding:4px 8px;font-size:13px;color:var(--text-secondary);text-decoration:none;transition:color .2s,border-color .2s;border-left:3px solid transparent}.mobile-catalog-body li.h3_nav a{padding-left:20px;font-size:12px}.mobile-catalog-body .active a{border-left:3px solid var(--accent-primary);color:var(--accent-primary)!important;font-weight:500}[data-theme=dark] .mobile-catalog-body .active a{border-left-color:var(--accent-primary);color:var(--accent-primary)!important}.intro-header{background-color:var(--bg-body)}.intro-header::after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") repeat;opacity:.025;pointer-events:none}.navbar-custom.is-fixed{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.07)!important}[data-theme=dark] .navbar-custom.is-fixed{background:rgba(13,17,23,.92)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)!important}.post-card{position:relative}.code-lang-label,code,kbd,pre,samp{font-family:var(--font-mono)!important}.archive-container{padding-top:30px;padding-bottom:60px}.archive-sidebar{padding-top:10px}.archive-side-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px}.archive-side-card h5{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--border-divider)}.archive-stat-total{font-size:14px;color:var(--text-tertiary);margin:0}.archive-stat-total strong{color:var(--accent-primary);font-size:20px}.archive-year-item{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:14px;border-bottom:1px solid var(--border-divider);cursor:pointer;transition:color .2s}.archive-year-item:last-child{border-bottom:none}.archive-year-item:hover{color:var(--accent-primary)}.archive-year-count{font-size:12px;background:rgba(var(--accent-color-raw),.08);color:var(--accent-primary);padding:2px 9px;border-radius:var(--radius-lg);font-weight:600}#tag_cloud{margin-bottom:24px}#tag_cloud .tag-button,#tag_cloud .tag-button--all{display:inline-flex;align-items:center;gap:3px;margin:4px;padding:6px 14px;border:1px solid var(--border-medium);border-radius:var(--radius-2xl);font-size:13px;cursor:pointer;transition:color .2s,background-color .2s,border-color .2s;background:var(--bg-surface);color:var(--text-tertiary);text-decoration:none;font-weight:500}#tag_cloud .tag-button--all:hover,#tag_cloud .tag-button.focus,#tag_cloud .tag-button:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-md);text-decoration:none}#tag_cloud .tag-button sup,#tag_cloud .tag-button--all sup{font-size:10px;background:rgba(0,0,0,.08);padding:1px 5px;border-radius:var(--radius-md);margin-left:2px;font-style:normal;vertical-align:middle;top:0}#tag_cloud .tag-button--all:hover sup,#tag_cloud .tag-button.focus sup,#tag_cloud .tag-button:hover sup{background:rgba(255,255,255,.25)}.mini-post-list .listing-seperator{display:flex;align-items:center;gap:12px;margin:28px 0 16px;font-size:13px;font-weight:700;color:var(--text-muted);border:none;padding:0}.mini-post-list .listing-seperator::after{content:'';flex:1;height:1px;background:var(--border-divider)}.mini-post-list .tag-text{font-size:16px;font-weight:700;color:var(--accent-primary)}.mini-post-list .post-preview.item{padding:14px 0}.mini-post-list .post-preview.item .post-title{font-size:16px;font-weight:600;margin:0 0 4px;transition:color .2s;color:var(--text-primary)}.mini-post-list .post-preview.item a:hover .post-title{color:var(--accent-primary)}.mini-post-list .post-preview.item .post-subtitle{font-size:14px;color:var(--text-muted);margin:0 0 4px}.mini-post-list .post-preview.item .post-meta{font-size:12px;color:var(--text-secondary)}.mini-post-list .post-preview.item hr{margin:10px 0 0;border-color:var(--border-divider)}.archive-tags-list{display:flex;flex-wrap:wrap;gap:6px}.archive-tag-item{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) 10px;border:1px solid var(--border-medium);border-radius:var(--radius-xl);font-size:12px;color:var(--text-tertiary)!important;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s;background:var(--bg-surface-raised)}.archive-tag-item:hover{background:var(--accent-primary);color:#fff!important;border-color:var(--accent-primary);text-decoration:none}[data-theme=dark] .archive-side-card{background:var(--bg-surface-raised);border-color:var(--border-light)}[data-theme=dark] .archive-side-card h5{color:var(--text-secondary);border-bottom-color:var(--border-light)}[data-theme=dark] .archive-stat-total{color:var(--text-base)}[data-theme=dark] .archive-year-item{border-bottom-color:var(--border-subtle);color:var(--text-base)}[data-theme=dark] .archive-year-item:hover{color:var(--accent-primary)}[data-theme=dark] .archive-year-count{background:rgba(var(--accent-color-raw),.1);color:var(--accent-primary)}[data-theme=dark] #tag_cloud .tag-button,[data-theme=dark] #tag_cloud .tag-button--all{background:var(--bg-surface-raised);border-color:var(--border-light);color:var(--text-base)}[data-theme=dark] #tag_cloud .tag-button--all:hover,[data-theme=dark] #tag_cloud .tag-button.focus,[data-theme=dark] #tag_cloud .tag-button:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent);box-shadow:var(--shadow-md)}[data-theme=dark] .mini-post-list .listing-seperator::after{background:var(--border-light)}[data-theme=dark] .mini-post-list .tag-text{color:var(--accent-primary)}[data-theme=dark] .mini-post-list .post-preview.item .post-title{color:var(--text-primary)}[data-theme=dark] .mini-post-list .post-preview.item a:hover .post-title{color:var(--accent-primary)}[data-theme=dark] .mini-post-list .post-preview.item .post-subtitle{color:var(--text-secondary)}[data-theme=dark] .mini-post-list .post-preview.item hr{border-color:var(--border-subtle)}[data-theme=dark] .archive-tag-item{background:var(--bg-surface);border-color:var(--border-light);color:var(--text-base)!important}[data-theme=dark] .archive-tag-item:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent)!important}.tags-page-container{padding-top:20px;padding-bottom:60px}.tags-section-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:20px;display:flex;align-items:center;gap:8px}.tags-section-title i{color:var(--accent-primary)}.tags-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}.tags-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border-medium);border-radius:var(--radius-2xl);font-size:14px;font-weight:500;color:var(--text-muted);background:var(--bg-surface-raised);cursor:pointer;transition:color .2s,background-color .2s,border-color .2s,transform .2s,box-shadow .2s;text-decoration:none}.tags-pill:focus,.tags-pill:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-md);text-decoration:none}.tags-pill-count{font-size:11px;background:rgba(0,0,0,.08);padding:2px 7px;border-radius:var(--radius-lg);font-weight:600}.tags-pill[data-count="1"] .tags-pill-count{display:none}.tags-pill:hover .tags-pill-count{background:rgba(255,255,255,.25)}.tags-posts-section{margin-top:10px}.tags-group{margin-bottom:36px;padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border-light);background:var(--bg-surface);transition:box-shadow .3s,border-color .3s}.tags-group--highlight{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-color-raw),.5)}.tags-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--border-light)}.tags-group-title{font-size:18px;font-weight:700;color:var(--accent-primary);margin:0}.tags-group-count{font-size:12px;font-weight:600;color:var(--text-secondary);background:rgba(0,0,0,.04);padding:3px 10px;border-radius:var(--radius-lg)}.tags-group-posts{display:flex;flex-direction:column;gap:2px}.tags-post-item{display:block;padding:var(--space-3) 14px;border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:background .2s}.tags-post-item:hover{background:rgba(var(--accent-color-raw),.04);text-decoration:none;color:inherit}.tags-post-meta{display:flex;align-items:center;gap:10px;margin-bottom:4px}.tags-post-category{font-size:11px;font-weight:600;color:var(--accent-primary);text-transform:uppercase}.tags-post-date{font-size:12px;color:var(--text-secondary)}.tags-post-title{font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.4;transition:color .2s}.tags-post-item:hover .tags-post-title{color:var(--accent-primary)}.tags-post-subtitle{font-size:13px;color:var(--text-secondary);margin-top:2px;line-height:1.4}@media (max-width:767px){.tags-group{padding:16px;margin-bottom:24px}.tags-post-item{padding:10px 8px}.tags-post-title{font-size:15px}}.category-group{border-left:3px solid var(--accent-primary)}.cat-group--algo{border-left-color:#2ecc71}.cat-group--cs{border-left-color:#9b59b6}.cat-group--db{border-left-color:#e67e22}.cat-group--infra{border-left-color:#3498db}.cat-group--kotlin{border-left-color:#7f52ff}.cat-group--react{border-left-color:#61dafb}.cat-group--spring{border-left-color:#6db33f}.cat-group--system-design{border-left-color:#e74c3c}.cat-group--backend{border-left-color:#e67e22}.cat-grid-section{margin-bottom:40px}.cat-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:48px}@media (min-width:992px){.cat-card-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:575px){.cat-card-grid{grid-template-columns:1fr}}.cat-card{--cat-accent:var(--accent-primary);position:relative;cursor:pointer;display:flex;gap:14px;padding:20px;padding-top:24px;border-radius:var(--radius-lg);border:1px solid var(--border-light);background:var(--bg-surface);text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden}.cat-card--algo{--cat-accent:#2ecc71}.cat-card--cs{--cat-accent:#9b59b6}.cat-card--db{--cat-accent:#e67e22}.cat-card--infra{--cat-accent:#3498db}.cat-card--kotlin{--cat-accent:#7f52ff}.cat-card--react{--cat-accent:#61dafb}.cat-card--spring{--cat-accent:#6db33f}.cat-card--system-design{--cat-accent:#e74c3c}.cat-card--backend{--cat-accent:#e67e22}.cat-card-accent{position:absolute;top:0;left:0;right:0;height:3px;background:var(--cat-accent);border-radius:12px 12px 0 0}.cat-card:focus,.cat-card:hover{border-color:var(--cat-accent);box-shadow:var(--shadow-md);transform:translateY(-3px);text-decoration:none;color:inherit}.cat-card-icon{flex-shrink:0;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:rgba(0,0,0,.06);background:color-mix(in srgb,var(--cat-accent) 14%,transparent);color:var(--cat-accent);font-size:20px}[data-theme=dark] .cat-card-icon{background:rgba(255,255,255,.06);background:color-mix(in srgb,var(--cat-accent) 10%,transparent)}.cat-card-body{flex:1;min-width:0}.cat-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cat-card-name{font-size:17px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.cat-card-count{flex-shrink:0;font-size:12px;font-weight:600;color:var(--cat-accent);background:rgba(0,0,0,.04);background:color-mix(in srgb,var(--cat-accent) 10%,transparent);padding:2px 8px;border-radius:var(--radius-lg);line-height:1.4}[data-theme=dark] .cat-card-count{background:rgba(255,255,255,.06);background:color-mix(in srgb,var(--cat-accent) 12%,transparent)}.cat-card-desc{font-size:12px;color:var(--text-secondary);margin:0 0 8px;line-height:1.4}.cat-card-posts{list-style:none;margin:0;padding:0}.cat-card-posts li{font-size:12px;color:var(--text-secondary);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1px 0}.cat-card-posts li::before{content:"›";margin-right:5px;color:var(--text-muted);font-weight:700}.cat-card-posts li a{color:inherit;text-decoration:none}.cat-card-posts li a:hover{color:var(--accent-primary);text-decoration:underline}[data-theme=dark] .cat-card{border-color:var(--border-medium);background:var(--bg-surface-raised)}[data-theme=dark] .cat-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.3)}[data-theme=dark] .tags-pill:focus,[data-theme=dark] .tags-pill:hover{color:var(--bg-surface);box-shadow:var(--shadow-md)}[data-theme=dark] .tags-group--highlight{box-shadow:0 0 0 2px rgba(var(--accent-color-raw),.5)}[data-theme=dark] .tags-group-header{border-bottom-color:var(--border-subtle)}[data-theme=dark] .tags-group-count{background:rgba(255,255,255,.06)}[data-theme=dark] .tags-post-item:hover{background:rgba(var(--accent-color-raw),.06)}.related-post-card .rp-meta{display:flex;align-items:center;gap:8px;margin-top:6px}.related-post-card .rp-category{font-size:11px;color:var(--text-muted)}.related-posts-empty{color:var(--text-muted);font-size:14px;text-align:center;padding:20px;grid-column:1/-1}[data-theme=dark] .related-posts-empty{color:var(--text-secondary)}[data-theme=dark] .related-post-card .rp-category{color:var(--text-secondary)}.about-hero{text-align:center;padding:20px 0 40px;margin-bottom:10px}.about-name{font-size:32px;font-weight:800;letter-spacing:-.03em;margin:0 0 8px;color:var(--heading-dark)}.about-name-en{font-size:18px;font-weight:400;color:var(--text-muted);margin-left:6px}.about-tagline{font-size:17px;color:var(--text-tertiary);margin:0 0 12px;line-height:1.6}.about-intro{font-size:15px;color:var(--text-muted);margin:0 0 24px;line-height:1.7;max-width:600px;margin-left:auto;margin-right:auto}[data-theme=dark] .about-intro{color:var(--text-secondary)}.about-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.about-link-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:var(--radius-full);font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;background:var(--accent-primary);color:#fff}.about-link-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:#fff;text-decoration:none}.about-link-btn--outline{background:0 0;color:var(--accent-primary);border:2px solid var(--accent-primary)}.about-link-btn--outline:hover{background:rgba(var(--accent-color-raw),.06);color:var(--accent-primary)}.about-section{margin-bottom:48px}.about-section-title{font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid var(--border-divider);display:flex;align-items:center;gap:10px}.about-section-icon{font-size:22px}.skill-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width:768px){.skill-grid{grid-template-columns:repeat(2,1fr)}}.skill-category{padding:18px;background:var(--bg-surface-raised);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.skill-category-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 10px}.skill-badges{display:flex;flex-wrap:wrap;gap:8px}.skill-badge{display:inline-block;padding:5px 14px;border-radius:var(--radius-2xl);font-size:13px;font-weight:600;border:1px solid transparent;transition:transform .2s,box-shadow .2s}.skill-badge:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.skill-badge--kotlin{background:rgba(123,47,247,.1);color:#7b2ff7;border-color:rgba(123,47,247,.2)}.skill-badge--java{background:rgba(226,118,38,.1);color:#e27626;border-color:rgba(226,118,38,.2)}.skill-badge--python{background:rgba(55,118,171,.1);color:#3776ab;border-color:rgba(55,118,171,.2)}.skill-badge--js{background:rgba(240,219,79,.15);color:#b8a000;border-color:rgba(240,219,79,.3)}.skill-badge--spring{background:rgba(109,179,63,.1);color:#6db33f;border-color:rgba(109,179,63,.2)}.skill-badge--react{background:rgba(97,218,251,.12);color:#0d8ecf;border-color:rgba(97,218,251,.3)}.skill-badge--algo{background:rgba(var(--accent-color-raw),.1);color:var(--accent-primary);border-color:rgba(var(--accent-color-raw),.2)}.skill-badge--default{background:rgba(0,0,0,.04);color:var(--text-tertiary);border-color:rgba(0,0,0,.08)}.project-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width:768px){.project-grid{grid-template-columns:repeat(3,1fr)}}.project-card{padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border-light);background:var(--bg-surface);transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.project-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.project-icon{font-size:24px}.project-title{font-size:16px;font-weight:700;margin:0}.project-desc{font-size:14px;color:var(--text-tertiary);line-height:1.6;margin:0 0 14px;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.project-tags span{font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-lg);background:rgba(var(--accent-color-raw),.08);color:var(--accent-primary)}.project-link{font-size:13px;font-weight:600;color:var(--accent-primary);text-decoration:none;transition:color .2s}.project-link:hover{color:var(--accent-hover);text-decoration:none}.timeline{position:relative;padding-left:32px}.timeline::before{content:'';position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--accent-primary),#00b4d8);border-radius:2px}.timeline-item{position:relative;padding-bottom:32px}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:-29px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--accent-primary);border:3px solid #fff;box-shadow:0 0 0 2px var(--accent-primary)}.timeline-content{padding:16px 20px;background:var(--bg-surface-raised);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.timeline-date{font-size:12px;font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em}.timeline-title{font-size:16px;font-weight:700;margin:4px 0 8px}.timeline-desc{font-size:14px;color:var(--text-tertiary);line-height:1.6;margin:0}[data-theme=dark] .about-name{color:var(--text-primary)}[data-theme=dark] .about-name-en{color:var(--text-secondary)}[data-theme=dark] .about-tagline{color:var(--text-secondary)}[data-theme=dark] .about-link-btn{background:var(--accent-primary);color:var(--text-on-accent)}[data-theme=dark] .about-link-btn:hover{box-shadow:var(--shadow-md);color:var(--text-on-accent)}[data-theme=dark] .about-link-btn--outline{background:0 0;color:var(--accent-primary);border-color:var(--accent-primary)}[data-theme=dark] .about-link-btn--outline:hover{background:rgba(var(--accent-color-raw),.1);color:var(--accent-primary)}[data-theme=dark] .about-section-title{border-bottom-color:var(--border-light)}[data-theme=dark] .skill-category{background:var(--bg-surface-raised);border-color:var(--border-light)}[data-theme=dark] .skill-category-label{color:var(--text-secondary)}[data-theme=dark] .skill-badge--kotlin{background:rgba(123,47,247,.15);color:#b07fff;border-color:rgba(123,47,247,.3)}[data-theme=dark] .skill-badge--java{background:rgba(226,118,38,.15);color:#f0a060;border-color:rgba(226,118,38,.3)}[data-theme=dark] .skill-badge--python{background:rgba(55,118,171,.15);color:#79b8ff;border-color:rgba(55,118,171,.3)}[data-theme=dark] .skill-badge--js{background:rgba(240,219,79,.12);color:#e3d04a;border-color:rgba(240,219,79,.25)}[data-theme=dark] .skill-badge--spring{background:rgba(109,179,63,.15);color:#8dd35f;border-color:rgba(109,179,63,.3)}[data-theme=dark] .skill-badge--react{background:rgba(97,218,251,.12);color:#61dafb;border-color:rgba(97,218,251,.25)}[data-theme=dark] .skill-badge--algo{background:rgba(var(--accent-color-raw),.12);color:var(--accent-primary);border-color:rgba(var(--accent-color-raw),.25)}[data-theme=dark] .skill-badge--default{background:rgba(255,255,255,.06);color:var(--text-base);border-color:rgba(255,255,255,.1)}[data-theme=dark] .project-card{background:var(--bg-surface-raised);border-color:var(--border-light)}[data-theme=dark] .project-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.4)}[data-theme=dark] .project-title{color:var(--text-primary)}[data-theme=dark] .project-desc{color:var(--text-secondary)}[data-theme=dark] .project-tags span{background:rgba(var(--accent-color-raw),.1);color:var(--accent-primary)}[data-theme=dark] .project-link{color:var(--accent-primary)}[data-theme=dark] .project-link:hover{color:#79b8ff}[data-theme=dark] .timeline::before{background:linear-gradient(180deg,var(--accent-primary),#b07fff)}[data-theme=dark] .timeline-marker{background:var(--accent-primary);border-color:var(--text-on-accent);box-shadow:0 0 0 2px var(--accent-primary)}[data-theme=dark] .timeline-content{background:var(--bg-surface-raised);border-color:var(--border-light)}[data-theme=dark] .timeline-date{color:var(--accent-primary)}[data-theme=dark] .timeline-title{color:var(--text-primary)}[data-theme=dark] .timeline-desc{color:var(--text-secondary)}.github-profile-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent-primary);font-weight:500;font-size:15px;text-decoration:none;transition:opacity .2s}.github-profile-link:hover{opacity:.7;text-decoration:none;color:var(--accent-primary)}.contact-links{display:flex;flex-wrap:wrap;gap:12px}.contact-link{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s,background .2s}.contact-link:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:rgba(var(--accent-color-raw),.04);text-decoration:none}.contact-link i{font-size:16px}[data-theme=dark] .contact-link{border-color:var(--border-light);color:var(--text-base)}[data-theme=dark] .contact-link:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:rgba(var(--accent-color-raw),.08)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-icon{position:absolute;left:0;font-size:22px;color:rgba(255,255,255,.3);pointer-events:none;transition:color .2s}#search-input{padding-left:36px!important;border-bottom:2px solid rgba(255,255,255,.15)!important;transition:border-color .3s ease!important}#search-input:focus{border-bottom-color:var(--accent-primary)!important}#search-input:focus~.search-input-icon,.search-input-wrapper:focus-within .search-input-icon{color:var(--accent-primary)}@media only screen and (min-width:768px){.search-input-icon{left:20px}#search-input{padding-left:56px!important}}.search-hint{font-size:12px;color:rgba(255,255,255,.5);margin-top:8px;text-align:center}.search-hint kbd{display:inline-block;padding:2px 6px;font-size:11px;font-family:var(--font-mono);color:rgba(255,255,255,.7);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm)}.search-result-count{font-size:13px;font-weight:600;color:var(--accent-primary);margin-top:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.search-result-item{padding:var(--space-4) var(--space-3);border-radius:var(--radius-md);transition:background .2s;border-bottom:1px solid rgba(255,255,255,.06)}.search-result-item a{text-decoration:none;color:inherit;display:block}.search-result-item.search-result-active,.search-result-item:hover{background:rgba(var(--accent-color-raw),.08)}@keyframes searchResultFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.search-result-animate{animation:searchResultFadeIn .25s ease forwards;opacity:0}.search-result-meta{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}.search-tags{display:flex;gap:4px;flex-wrap:wrap}.search-tag-pill{display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--radius-lg);background:rgba(var(--accent-color-raw),.12);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.03em}.search-highlight{background:rgba(var(--accent-color-raw),.35);color:inherit;padding:1px 2px;border-radius:2px}mark{background:rgba(var(--accent-color-raw),.25);color:inherit;padding:1px 3px;border-radius:2px}[data-theme=dark] mark{background:rgba(var(--accent-color-raw),.3);color:var(--text-primary)}.search-excerpt{font-size:13px;color:var(--text-tertiary);margin:6px 0 8px;line-height:1.5;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}html:not([data-theme=dark]) .search-excerpt{color:var(--text-tertiary)}.search-date{font-size:11px;color:#888;font-weight:500}.search-empty-state{text-align:center;padding:50px 20px;animation:searchResultFadeIn .3s ease forwards}.search-empty-icon{font-size:40px;color:rgba(255,255,255,.15);margin-bottom:16px}.search-empty-text{font-size:16px;color:var(--text-muted);margin-bottom:20px}.search-empty-suggestions{display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:#888}.search-suggestion-link{color:var(--accent-primary);text-decoration:none;font-weight:500;padding:var(--space-1) var(--space-3);border:1px solid var(--accent-primary);border-radius:var(--radius-xl);transition:color .2s,background-color .2s}.search-suggestion-link:hover{background:var(--accent-primary);color:#fff;text-decoration:none}[data-theme=dark] .search-highlight{background:rgba(var(--accent-color-raw),.3)}[data-theme=dark] .search-result-item.search-result-active,[data-theme=dark] .search-result-item:hover{background:rgba(var(--accent-color-raw),.08)}[data-theme=dark] .search-result-item{border-bottom-color:rgba(255,255,255,.04)}[data-theme=dark] .search-result-count{color:var(--accent-primary);border-bottom-color:rgba(255,255,255,.06)}[data-theme=dark] .search-tag-pill{background:rgba(var(--accent-color-raw),.12);color:var(--accent-primary)}[data-theme=dark] .search-empty-icon{color:rgba(255,255,255,.1)}[data-theme=dark] .search-suggestion-link{color:var(--accent-primary);border-color:var(--accent-primary)}[data-theme=dark] .search-suggestion-link:hover{background:var(--accent-primary);color:var(--text-on-accent)}.post-share{display:flex;align-items:center;gap:10px;margin-top:40px;padding-top:24px;border-top:1px solid var(--border-light);flex-wrap:wrap}.post-share-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-right:4px}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-2xl);font-size:13px;font-weight:600;border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-tertiary);cursor:pointer;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s,transform .2s,box-shadow .2s}.share-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);text-decoration:none;color:var(--text-primary)}.share-btn--copy:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.share-btn--copied{background:var(--color-success)!important;color:#fff!important;border-color:var(--color-success)!important}.share-btn--twitter:hover{background:#0f1419;color:#fff;border-color:#0f1419}.share-btn--linkedin:hover{background:#0a66c2;color:#fff;border-color:#0a66c2}[data-theme=dark] .post-share{border-top-color:var(--border-light)}[data-theme=dark] .share-btn{background:var(--bg-surface-raised);border-color:var(--border-light);color:var(--text-base)}[data-theme=dark] .share-btn:hover{color:#fff;box-shadow:0 3px 8px rgba(0,0,0,.3)}[data-theme=dark] .share-btn--copy:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent)}[data-theme=dark] .share-btn--twitter:hover{background:var(--text-primary);color:#0f1419;border-color:var(--text-primary)}[data-theme=dark] .share-btn--linkedin:hover{background:#378fe9;border-color:#378fe9}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}html:not([data-theme=dark]) .search-hint,html:not([data-theme=dark]) .search-hint kbd{color:rgba(0,0,0,.4)}html:not([data-theme=dark]) .search-input-icon{color:rgba(0,0,0,.3)}html:not([data-theme=dark]) #search-input{border-bottom-color:rgba(0,0,0,.12)!important}html:not([data-theme=dark]) .search-result-count{border-bottom-color:rgba(0,0,0,.08)}html:not([data-theme=dark]) .search-result-item{border-bottom-color:rgba(0,0,0,.06)}html:not([data-theme=dark]) .search-empty-icon{color:rgba(0,0,0,.15)}html:not([data-theme=dark]) .search-empty-suggestions{color:var(--text-tertiary)}@media (hover:none){pre .copy-btn{opacity:1}}button.search-icon-close{background:0 0;border:none;padding:0;cursor:pointer}.category-btn{min-height:44px;padding:10px 18px}.post-share a,.post-share button{min-height:44px;min-width:44px}pre{overflow-x:auto}.post-container table{display:block;overflow-x:auto;max-width:100%}.post-container{overflow-wrap:break-word;word-break:break-word}.projects-page{padding:10px 0 60px}.projects-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.projects-filter-btn{padding:7px 18px;border-radius:var(--radius-2xl);border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-tertiary);font-size:13px;font-weight:600;cursor:pointer;transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s;min-height:44px}.projects-filter-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:rgba(var(--accent-color-raw),.04)}.projects-filter-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.projects-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.projects-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease;position:relative}.projects-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient);opacity:0;transition:opacity .25s}.projects-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.projects-card:hover::before{opacity:1}.projects-card--featured{border-color:rgba(var(--accent-color-raw),.2)}.projects-card--featured::before{opacity:1}.projects-card-icon{padding:28px 28px 0;font-size:28px;color:var(--accent-primary)}.projects-card-body{padding:16px 28px;flex:1}.projects-card-title{font-size:18px;font-weight:700;margin:0 0 10px;letter-spacing:-.01em}.projects-card-desc{font-size:14px;color:var(--text-tertiary);line-height:1.65;margin:0 0 16px}.projects-card-techs{display:flex;flex-wrap:wrap;gap:6px}.projects-tech-tag{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-lg);background:rgba(var(--accent-color-raw),.08);color:var(--accent-primary)}.projects-card-links{display:flex;gap:8px;padding:16px 28px 24px;border-top:1px solid var(--border-divider);margin-top:auto}.projects-link-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-2xl);font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;background:var(--accent-primary);color:#fff}.projects-link-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);color:#fff;text-decoration:none}.projects-link-btn--demo{background:0 0;color:var(--accent-primary);border:1.5px solid var(--accent-primary)}.projects-link-btn--demo:hover{background:rgba(var(--accent-color-raw),.06);color:var(--accent-primary)}.projects-no-results{text-align:center;padding:80px 20px;color:var(--text-muted)}.projects-no-results i{font-size:32px;margin-bottom:16px;display:block;opacity:.4}[data-theme=dark] .projects-filter{border-bottom-color:var(--border-light)}[data-theme=dark] .projects-filter-btn{background:var(--bg-surface-raised);border-color:var(--border-light);color:var(--text-secondary)}[data-theme=dark] .projects-filter-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:rgba(var(--accent-color-raw),.08)}[data-theme=dark] .projects-filter-btn.active{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}[data-theme=dark] .projects-card{background:var(--bg-surface-raised);border-color:var(--border-light)}[data-theme=dark] .projects-card:hover{box-shadow:0 16px 40px rgba(0,0,0,.5)}[data-theme=dark] .projects-card--featured{border-color:rgba(var(--accent-color-raw),.25)}[data-theme=dark] .projects-card::before{background:linear-gradient(135deg,var(--accent-primary),#b07fff)}[data-theme=dark] .projects-card-icon{color:var(--accent-primary)}[data-theme=dark] .projects-card-title{color:var(--text-primary)}[data-theme=dark] .projects-card-desc{color:var(--text-secondary)}[data-theme=dark] .projects-tech-tag{background:rgba(var(--accent-color-raw),.1);color:var(--accent-primary)}[data-theme=dark] .projects-card-links{border-top-color:var(--border-light)}[data-theme=dark] .projects-link-btn{background:var(--accent-primary);color:var(--text-on-accent)}[data-theme=dark] .projects-link-btn:hover{box-shadow:var(--shadow-md);color:var(--text-on-accent)}[data-theme=dark] .projects-link-btn--demo{background:0 0;color:var(--accent-primary);border-color:var(--accent-primary)}[data-theme=dark] .projects-link-btn--demo:hover{background:rgba(var(--accent-color-raw),.1);color:var(--accent-primary)}[data-theme=dark] .projects-no-results{color:var(--text-secondary)}.projects-card-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.projects-status-badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 10px;border-radius:var(--radius-lg);text-transform:capitalize;letter-spacing:.02em}.projects-status-badge--active{background:rgba(35,134,54,.1);color:#1a7f37}.projects-status-badge--completed{background:rgba(130,80,223,.1);color:#8250df}.projects-card-year{font-size:12px;color:var(--text-secondary);font-weight:600}[data-theme=dark] .projects-status-badge--active{background:rgba(63,185,80,.15);color:var(--color-success)}[data-theme=dark] .projects-status-badge--completed{background:rgba(188,140,255,.15);color:#bc8cff}[data-theme=dark] .projects-card-year{color:var(--text-secondary)}.series-index{padding:10px 0 60px}.series-empty{text-align:center;padding:80px 20px;color:var(--text-muted)}.series-empty i{font-size:48px;margin-bottom:16px;display:block;opacity:.4}.series-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px;margin-bottom:24px;transition:transform .2s ease,box-shadow .2s ease}.series-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.series-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.series-card-title{margin:0;font-size:20px;font-weight:700;color:var(--heading-dark);letter-spacing:-.02em}.series-card-title i{color:var(--accent-primary);margin-right:8px;font-size:18px}.series-card-count{background:rgba(var(--accent-color-raw),.08);color:var(--accent-primary);padding:4px 12px;border-radius:var(--radius-2xl);font-size:13px;font-weight:600;white-space:nowrap}.series-card-dates{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.series-card-dates i{margin-right:6px}.series-card-preview{color:#586069;font-size:14px;line-height:1.6;margin-bottom:16px}.series-card-posts{margin:0;padding-left:20px;list-style:decimal}.series-card-posts li{padding:6px 0;font-size:14px;border-bottom:1px solid var(--border-divider);display:flex;justify-content:space-between;align-items:center}.series-card-posts li:last-child{border-bottom:none}.series-card-posts li a{color:var(--text-primary);text-decoration:none;transition:color .2s}.series-card-posts li a:hover{color:var(--accent-primary)}.series-card-post-date{color:var(--text-secondary);font-size:12px;white-space:nowrap;margin-left:12px}[data-theme=dark] .series-card{background:var(--bg-surface-raised);border-color:var(--border-light)}[data-theme=dark] .series-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.3)}[data-theme=dark] .series-card-title{color:var(--text-primary)}[data-theme=dark] .series-card-title i{color:var(--accent-primary)}[data-theme=dark] .series-card-count{background:rgba(var(--accent-color-raw),.1);color:var(--accent-primary)}[data-theme=dark] .series-card-preview{color:var(--text-secondary)}[data-theme=dark] .series-card-posts li{border-bottom-color:var(--border-subtle)}[data-theme=dark] .series-card-posts li a{color:var(--text-base)}[data-theme=dark] .series-card-posts li a:hover{color:var(--accent-primary)}.series-detail-meta{display:flex;gap:20px;margin-bottom:28px;font-size:14px;color:var(--text-secondary)}.series-detail-meta i{margin-right:6px}.series-post-list{margin-bottom:40px}.series-post-item{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--border-subtle)}.series-post-item:last-child{border-bottom:none}.series-post-number{flex-shrink:0;width:36px;height:36px;background:rgba(var(--accent-color-raw),.08);color:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.series-post-content{flex:1;min-width:0}.series-post-title{font-size:17px;font-weight:600;color:var(--heading-dark);text-decoration:none;transition:color .2s;display:block;margin-bottom:4px}.series-post-title:hover{color:var(--accent-primary);text-decoration:none}.series-post-meta{font-size:13px;color:var(--text-secondary);display:flex;gap:16px;margin-bottom:6px}.series-post-desc{font-size:14px;color:#586069;line-height:1.5;margin:0}[data-theme=dark] .series-post-item{border-bottom-color:var(--border-subtle)}[data-theme=dark] .series-post-number{background:rgba(var(--accent-color-raw),.1);color:var(--accent-primary)}[data-theme=dark] .series-post-title{color:var(--text-primary)}[data-theme=dark] .series-post-title:hover{color:var(--accent-primary)}[data-theme=dark] .series-post-desc{color:var(--text-secondary)}.start-here{margin-bottom:24px;padding:16px 20px;background:rgba(var(--accent-color-raw),.04);border:1px solid rgba(var(--accent-color-raw),.12);border-radius:var(--radius-lg)}.start-here-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-primary);margin:0 0 12px 0}.start-here-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.start-here-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:var(--radius-md);background:rgba(var(--accent-color-raw),.06);text-decoration:none;transition:background .2s,transform .2s}.start-here-card:hover{background:rgba(var(--accent-color-raw),.12);transform:translateY(-2px);text-decoration:none}.start-here-card i{font-size:18px;color:var(--accent-primary)}.start-here-label{font-size:13px;font-weight:600;color:var(--text-primary)}.start-here-desc{font-size:11px;color:var(--text-secondary)}[data-theme=dark] .start-here{background:rgba(var(--accent-color-raw),.08);border-color:rgba(var(--accent-color-raw),.2)}[data-theme=dark] .start-here-card{background:rgba(var(--accent-color-raw),.1)}[data-theme=dark] .start-here-card:hover{background:rgba(var(--accent-color-raw),.18)}[data-theme=dark] .start-here-label{color:var(--text-base)}[data-theme=dark] .start-here-desc{color:var(--text-secondary)}@media (max-width:480px){.start-here-cards{grid-template-columns:1fr}}.post-card-meta .post-updated{font-size:11.5px;color:var(--accent-primary);font-weight:500}.post-card-meta .post-updated i{font-size:10px;margin-right:2px}[data-theme=dark] .post-card-meta .post-updated{color:#a371f7}.utterances-container{margin-top:40px}.utterances-container .utterances{max-width:100%!important}.featured-post-hero{background:linear-gradient(160deg,#0a0a1a 0,#1a1a3e 40%,#0085a1 100%);background-size:cover;background-position:center;border-radius:var(--radius-xl);padding:48px 40px;margin-bottom:36px;position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.15);transition:transform .3s ease,box-shadow .3s ease}.featured-post-hero:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.2)}.featured-post-content{position:relative;z-index:1}.featured-post-label{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff;background:rgba(255,255,255,.15);backdrop-filter:blur(4px);padding:5px 14px;border-radius:var(--radius-2xl);margin-bottom:16px}.featured-post-tags{margin-bottom:12px}.featured-post-tags span{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:rgba(255,255,255,.12);padding:3px 10px;border-radius:var(--radius-2xl);margin-right:6px;margin-bottom:4px}.featured-post-title{font-size:28px;font-weight:800;color:#fff;line-height:1.3;margin:0 0 14px}@media (min-width:768px){.featured-post-title{font-size:34px}}.featured-post-excerpt{font-size:15px;color:rgba(255,255,255,.8);line-height:1.65;margin:0 0 20px;max-width:680px}.featured-post-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:rgba(255,255,255,.6);margin-bottom:24px}.featured-post-readtime{font-weight:600;color:rgba(255,255,255,.85)}.featured-post-cta{display:inline-block;padding:12px 28px;background:var(--bg-surface);color:var(--accent-primary);font-size:14px;font-weight:700;border-radius:var(--radius-full);text-decoration:none;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 16px rgba(0,0,0,.15);position:relative;overflow:hidden}.featured-post-cta::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:none;animation:ctaShimmer 3s ease-in-out infinite}@keyframes ctaShimmer{0%,100%{left:-100%}50%{left:150%}}.featured-post-cta:hover{background:#f0fdff;color:var(--accent-primary);text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 24px rgba(var(--accent-color-raw),.3),0 0 20px rgba(var(--accent-color-raw),.15)}[data-theme=dark] .featured-post-hero{background:linear-gradient(160deg,#0d1117 0,#161b22 40%,#1a3a4a 100%);box-shadow:0 8px 32px rgba(0,0,0,.4)}[data-theme=dark] .featured-post-hero:hover{box-shadow:0 16px 48px rgba(0,0,0,.5)}[data-theme=dark] .featured-post-cta{background:var(--accent-primary);color:var(--text-on-accent)}[data-theme=dark] .featured-post-cta:hover{background:#79bbff;color:var(--text-on-accent);box-shadow:0 6px 24px rgba(88,166,255,.3),0 0 20px rgba(88,166,255,.15)}[data-theme=dark] .featured-post-cta::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.more-posts-heading{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid var(--border-light)}[data-theme=dark] .more-posts-heading{color:var(--text-base);border-bottom-color:var(--border-light)}.currently-learning{display:flex;flex-wrap:wrap;gap:10px}.learning-pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--accent-primary);background:rgba(var(--accent-color-raw),.08);border:1px solid rgba(var(--accent-color-raw),.15);padding:8px 16px;border-radius:var(--radius-full);transition:background .2s ease,transform .2s ease}.learning-pill:hover{background:rgba(var(--accent-color-raw),.14);transform:translateY(-1px)}.learning-pill i{font-size:12px}[data-theme=dark] .learning-pill{color:var(--accent-primary);background:rgba(var(--accent-color-raw),.08);border-color:rgba(var(--accent-color-raw),.15)}[data-theme=dark] .learning-pill:hover{background:rgba(var(--accent-color-raw),.14)}.site-footer{border-top:1px solid var(--border-light);padding:40px 0 50px}.footer-social{display:flex;justify-content:center;gap:16px;margin-bottom:20px}.footer-social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.04);color:var(--text-tertiary);font-size:18px;transition:color .2s,background-color .2s,transform .2s;text-decoration:none}.footer-social-link:hover{background:var(--accent-primary);color:#fff;transform:translateY(-2px);text-decoration:none}.footer-attribution{font-size:13px;text-align:center;color:var(--text-muted);margin-bottom:6px}.footer-attribution a{color:var(--accent-primary);text-decoration:none}.footer-attribution a:hover{text-decoration:underline}[data-theme=dark] .site-footer{border-top-color:var(--border-light);background:var(--bg-surface)}[data-theme=dark] .footer-social-link{background:rgba(255,255,255,.06);color:var(--text-secondary)}[data-theme=dark] .footer-social-link:hover{background:var(--accent-primary);color:var(--text-on-accent)}[data-theme=dark] .footer-attribution{color:var(--text-secondary)}[data-theme=dark] .footer-attribution a{color:var(--accent-primary)}.tags-group+.tags-group{border-top:none}.tags-posts-section{display:flex;flex-direction:column;gap:24px}.tags-group{margin-bottom:0}.author-hero-updated{font-size:13px;color:var(--text-secondary);margin:10px 0 0;font-weight:500;letter-spacing:.01em}.author-hero-updated i{font-size:11px;margin-right:4px;opacity:.7}[data-theme=dark] .author-hero-updated{color:var(--text-tertiary)}.tags-summary{font-size:14px;color:var(--text-secondary);margin:-4px 0 16px;font-weight:500}[data-theme=dark] .tags-summary{color:var(--text-tertiary)}.mobile-share-bar{display:none}@media (max-width:768px){.mobile-share-bar{display:flex;position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);gap:12px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-full);padding:8px 16px;box-shadow:0 4px 20px rgba(0,0,0,.12);z-index:1000;opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility .3s ease}.mobile-share-bar.visible{transform:translateX(-50%) translateY(0);opacity:1;visibility:visible}.mobile-share-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:rgba(0,0,0,.05);color:var(--text-primary);font-size:16px;cursor:pointer;text-decoration:none;transition:background .2s,color .2s}.mobile-share-btn:active,.mobile-share-btn:hover{background:var(--accent-primary);color:#fff;text-decoration:none}.mobile-share-btn--copied{background:var(--color-success)!important;color:#fff!important}[data-theme=dark] .mobile-share-bar{background:rgba(22,27,34,.95);border-color:rgba(255,255,255,.08);box-shadow:0 4px 20px rgba(0,0,0,.4)}[data-theme=dark] .mobile-share-btn{background:rgba(255,255,255,.08);color:var(--text-base)}[data-theme=dark] .mobile-share-btn:active,[data-theme=dark] .mobile-share-btn:hover{background:var(--accent-primary);color:var(--text-on-accent)}}.post-breadcrumb{margin-bottom:var(--space-6);padding:10px var(--space-4);background:rgba(var(--accent-color-raw),.04);border-radius:var(--radius-md);font-size:14px}.post-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0}.post-breadcrumb li{display:flex;align-items:center;color:var(--text-tertiary);line-height:1.4}.post-breadcrumb li:not(:last-child)::after{content:"\203A";margin:0 10px;color:var(--text-muted);font-size:16px;font-weight:300}.post-breadcrumb a{color:var(--accent-primary);text-decoration:none}.post-breadcrumb a:hover{text-decoration:underline}.post-breadcrumb li:last-child{min-width:0}.post-breadcrumb li:last-child strong{color:var(--text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px;display:inline-block}@media (max-width:480px){.post-breadcrumb li:last-child strong{max-width:180px}}[data-theme=dark] .post-breadcrumb{background:rgba(var(--accent-color-raw),.06)}[data-theme=dark] .post-breadcrumb li{color:var(--text-secondary)}[data-theme=dark] .post-breadcrumb li:not(:last-child)::after{color:var(--text-tertiary)}[data-theme=dark] .post-breadcrumb a{color:var(--accent-primary)}[data-theme=dark] .post-breadcrumb li:last-child strong{color:var(--text-primary)}.transitions-enabled .archive-container,.transitions-enabled .author-hero,.transitions-enabled .author-hero-mesh,.transitions-enabled .category-btn,.transitions-enabled .code-lang-label,.transitions-enabled .contact-link,.transitions-enabled .copy-btn,.transitions-enabled .dark-mode-toggle,.transitions-enabled .featured-post-hero,.transitions-enabled .filter-no-results-card,.transitions-enabled .intro-header,.transitions-enabled .mobile-share-bar,.transitions-enabled .navbar-custom,.transitions-enabled .navbar-custom .nav li a,.transitions-enabled .post-breadcrumb,.transitions-enabled .post-breadcrumb a,.transitions-enabled .post-breadcrumb li,.transitions-enabled .post-card,.transitions-enabled .post-card .post-subtitle,.transitions-enabled .post-card .post-title,.transitions-enabled .post-card-body,.transitions-enabled .post-card-excerpt,.transitions-enabled .post-card-meta,.transitions-enabled .post-card-tags span,.transitions-enabled .post-card-thumb,.transitions-enabled .post-container,.transitions-enabled .post-share .share-btn,.transitions-enabled .related-post-card,.transitions-enabled .search-page,.transitions-enabled .series-nav,.transitions-enabled .side-catalog,.transitions-enabled .start-here,.transitions-enabled .start-here-card,.transitions-enabled blockquote,.transitions-enabled body,.transitions-enabled code,.transitions-enabled footer,.transitions-enabled hr,.transitions-enabled pre,.transitions-enabled table,.transitions-enabled td,.transitions-enabled th{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important}.filter-no-results{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:15px;animation:emptyFadeIn .4s ease}.filter-no-results i{font-size:48px;margin-bottom:20px;display:block;color:var(--accent-primary);opacity:.5}.filter-no-results-hint{font-size:13px;color:#bbb;margin-top:8px}.filter-no-results-card{display:inline-block;background:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:40px 48px;max-width:400px}.filter-no-results-card h4{margin:0 0 8px;font-size:17px;color:var(--text-primary);font-weight:600}.filter-no-results-reset{display:inline-block;margin-top:18px;padding:8px 24px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-2xl);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none}.filter-no-results-reset:hover{background:#006b85;color:#fff;text-decoration:none}@keyframes emptyFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .filter-no-results-card{background:var(--bg-surface-raised);border-color:var(--border-light)}[data-theme=dark] .filter-no-results-card h4{color:var(--text-primary)}[data-theme=dark] .filter-no-results i{color:var(--accent-primary)}[data-theme=dark] .filter-no-results-reset{background:var(--accent-primary);color:var(--text-on-accent)}[data-theme=dark] .filter-no-results-reset:hover{background:#79b8ff}@media (max-width:768px){.about-hero{padding:20px 20px}.about-name{font-size:24px}.timeline{padding-left:20px}.series-nav{flex-direction:column}.post-share{flex-wrap:wrap}.category-filter{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.projects-filter{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:12px}.projects-card-body{padding:14px 20px}.projects-card-icon{padding:20px 20px 0}.projects-card-links{padding:14px 20px 20px}.featured-post-hero{padding:32px 24px}.featured-post-title{font-size:22px}.featured-post-excerpt{font-size:14px}.featured-post-meta{flex-wrap:wrap;gap:8px}.footer-social{gap:12px}.footer-social-link{width:36px;height:36px;font-size:16px}.search-empty-suggestions{flex-direction:column;gap:8px}.post-breadcrumb{font-size:12px;padding:8px 12px}.post-breadcrumb li:not(:last-child)::after{margin:0 6px}.filter-no-results-card{padding:32px 24px}.post-card-body{padding:16px 20px 20px}}.post-container img{cursor:zoom-in}body.lightbox-open{overflow:hidden}.lightbox-overlay{display:none;position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.92);justify-content:center;align-items:center;flex-direction:column;cursor:pointer}.lightbox-overlay.active{display:flex;animation:lightbox-fade-in .2s ease}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}.lightbox-img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:var(--radius-sm);box-shadow:0 4px 30px rgba(0,0,0,.5);animation:lightbox-scale-in .25s ease;touch-action:pinch-zoom;cursor:default}@keyframes lightbox-scale-in{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-caption{color:rgba(255,255,255,.7);font-size:15px;margin-top:16px;text-align:center;max-width:80vw;font-style:italic;line-height:1.4}.lightbox-caption:empty{display:none}.lightbox-close{position:absolute;top:20px;top:calc(20px + env(safe-area-inset-top));right:24px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-size:36px;cursor:pointer;transition:color .2s;line-height:1;z-index:10000;background:0 0;border:none;padding:0}.lightbox-close:hover{color:#fff}.lightbox-close:focus-visible{color:#fff;outline:2px solid #fff;outline-offset:4px}.lightbox-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:lightbox-spin .7s linear infinite;z-index:10000}@keyframes lightbox-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.giscus-placeholder{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px 16px;color:var(--text-muted);font-size:14px}.giscus-placeholder-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-light);border-top-color:var(--accent-primary);border-radius:50%;animation:giscus-spin .7s linear infinite}@keyframes giscus-spin{to{transform:rotate(360deg)}}.giscus-error{text-align:center;padding:24px 16px;color:var(--text-muted);font-size:14px}.giscus-retry-btn{display:inline-block;margin-top:10px;padding:6px 16px;font-size:13px;color:var(--text-on-accent);background:var(--accent-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .2s ease}.giscus-retry-btn:hover{opacity:.85}@media print{#back-to-top,#disqus_thread,.catalog-container,.category-filter,.code-lang-label,.comments-section,.copy-btn,.featured-tags,.footer-col,.giscus-wrapper,.lightbox-overlay,.mobile-share-bar,.mobile-toc-panel,.mobile-toc-toggle,.navbar,.navbar-default,.related-posts,.search-overlay,.series-nav,.share-btn,.share-section,.side-catalog,.sidebar-container,.sns-links,footer .container{display:none!important}.post-container,.post-container blockquote,.post-container h1,.post-container h2,.post-container h3,.post-container h4,.post-container li,.post-container p,.post-container td,.post-container th,body{color:#000!important;background:#fff!important;-webkit-print-color-adjust:exact}body{font-size:12pt;line-height:1.6}.post-container{font-size:11pt;max-width:100%!important;padding:0!important;margin:0!important}.post-container h1{font-size:20pt}.post-container h2{font-size:16pt}.post-container h3{font-size:13pt}.post-container code,.post-container pre{background:0 0!important;border:1px solid #ccc!important;color:#000!important;font-size:9pt;white-space:pre-wrap;word-wrap:break-word}.post-container code{border:none!important;padding:0 2px}.post-container a[href]::after{content:" (" attr(href) ")";font-size:9pt;color:#555;word-break:break-all}.post-container a[href^="#"]::after,.post-container a[href^=javascript]::after{content:""}h2,h3{break-after:avoid;page-break-after:avoid}.post-container img{break-inside:avoid;page-break-inside:avoid;max-width:100%!important}.post-container table{break-inside:avoid;page-break-inside:avoid}.post-container blockquote{border-left:3px solid #000!important;padding-left:12px}.col-lg-8,.col-lg-offset-2,.container,.row{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}}.spacer-hidden{visibility:hidden}.subscribe-cta{text-align:center;margin:36px 0;padding:28px 24px;border:1px dashed var(--border-medium);border-radius:var(--radius-lg);background:rgba(var(--accent-color-raw),.03)}.subscribe-cta-text{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 14px}.subscribe-cta-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.subscribe-cta-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;min-height:44px;border-radius:var(--radius-2xl);font-size:13px;font-weight:600;border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-tertiary);text-decoration:none;transition:color .2s,background-color .2s,border-color .2s,transform .2s}.subscribe-cta-btn:hover{text-decoration:none;transform:translateY(-1px)}.subscribe-cta-rss:hover{background:#f26522;color:#fff;border-color:#f26522}.subscribe-cta-github:hover{background:#24292e;color:#fff;border-color:#24292e}[data-theme=dark] .subscribe-cta{border-color:var(--border-light);background:rgba(var(--accent-color-raw),.05)}[data-theme=dark] .subscribe-cta-btn{background:var(--bg-surface-raised);border-color:var(--border-light);color:var(--text-base)}[data-theme=dark] .subscribe-cta-github:hover{background:var(--text-primary);color:var(--bg-body);border-color:var(--text-primary)}.tag-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);font-size:11px;font-weight:700;line-height:1;margin-left:4px;background:rgba(var(--accent-color-raw),.1);color:var(--text-muted)}.category-btn.active .tag-count{background:rgba(255,255,255,.25);color:#fff}[data-theme=dark] .tag-count{background:rgba(var(--accent-color-raw),.15);color:var(--text-secondary)}[data-theme=dark] .category-btn.active .tag-count{background:rgba(255,255,255,.2);color:var(--text-on-accent)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}