*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#ffffff;--surface:#ffffff;--border:#d1d9e0b3;--text-primary:#1f2328;--text-secondary:#656d76;--text-tertiary:#8b949e;--accent:#0969da;--accent-hover:#0550ae;--accent-green:#1f883d;--accent-red:#cf222e;--accent-amber:#bf8700;--code-bg:#f6f8fa;--code-border:#d1d9e0b3;--quote-bg:#f6f8fa;--tag-bg:#ddf4ff;--tag-amber-bg:#fff8c5;--tag-green-bg:#dafbe1;--tag-red-bg:#ffebe9;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", "PingFang SC", "Microsoft YaHei", Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-h1:32px;--text-h2:24px;--text-h3:20px;--text-body:16px;--text-caption:14px;--text-meta:12px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--space-8:64px;--space-12:96px;--radius-lg:8px;--radius-md:6px;--radius-sm:4px;--radius-full:9999px;--container-max:1012px;--content-max:768px;--header-h:64px;--shadow-sm:0 1px 0 rgba(27,31,36,0.04);--shadow-md:0 3px 6px rgba(140,149,159,0.15);--shadow-lg:0 8px 24px rgba(140,149,159,0.2);--transition:0.15s ease}.dark{--bg:#0d1117;--surface:#161b22;--border:#30363d;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-tertiary:#6e7681;--accent:#58a6ff;--accent-hover:#79c0ff;--accent-green:#3fb950;--accent-red:#f85149;--accent-amber:#d29922;--code-bg:#161b22;--code-border:#30363d;--quote-bg:#161b22;--tag-bg:#1f6feb22;--tag-amber-bg:#d2992222;--tag-green-bg:#23863622;--tag-red-bg:#da363322;--shadow-sm:0 0 0 1px rgba(0,0,0,0.3);--shadow-md:0 3px 6px rgba(0,0,0,0.3);--shadow-lg:0 8px 24px rgba(0,0,0,0.4)}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:1.6;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease;overflow-x:hidden}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{text-decoration:underline;color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.skip-link{position:fixed;top:-100%;left:var(--space-2);z-index:10000;padding:8px 16px;background:var(--surface);color:var(--accent);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-caption);font-weight:600;transition:top .2s ease}.skip-link:focus{top:var(--space-2)}img{max-width:100%;height:auto;display:block}.reading-progress{position:fixed;top:0;left:0;height:2px;background:var(--accent);z-index:9999;transition:width .1s linear}.navbar{position:sticky;top:0;height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:1000;transition:background .2s ease}.navbar-inner{max-width:var(--container-max);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3)}.logo{font-family:var(--font-sans);font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;cursor:pointer}.logo span{color:var(--text-secondary);font-weight:400}.logo:hover{color:var(--accent);text-decoration:none}.nav-links{display:flex;gap:var(--space-2);list-style:none}.nav-links a{font-size:var(--text-body);font-weight:500;color:var(--text-secondary);padding:6px 12px;border-radius:var(--radius-md);transition:color .15s ease,background .15s ease}.nav-links a:hover{color:var(--text-primary);background:var(--code-bg);text-decoration:none}.nav-links a.active{color:var(--text-primary);font-weight:600}.nav-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;color:var(--text-secondary)}.icon-btn:hover{border-color:var(--text-tertiary);color:var(--text-primary);background:var(--code-bg)}.icon-btn svg{width:18px;height:18px}.hamburger{display:none}.profile-header{max-width:var(--container-max);margin:0 auto;padding:calc(var(--header-h) + var(--space-4))var(--space-3)var(--space-4);display:flex;gap:var(--space-3);align-items:flex-start}.profile-avatar{width:96px;height:96px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--accent-green));display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;font-weight:700;border:1px solid var(--border)}.profile-info{flex:1;min-width:0}.profile-name{font-size:26px;font-weight:700;line-height:1.25;color:var(--text-primary);margin-bottom:4px}.profile-bio{font-size:var(--text-body);color:var(--text-secondary);margin-bottom:var(--space-2);line-height:1.5}.profile-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-2)}.profile-tag{padding:2px 10px;font-size:var(--text-meta);font-weight:600;border-radius:var(--radius-full);background:var(--tag-bg);color:var(--accent)}.profile-social{display:flex;gap:8px}.profile-social-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-secondary);transition:color .15s ease}.profile-social-link:hover{color:var(--accent)}.profile-social-link svg{width:18px;height:18px}.content-area{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-3)var(--space-12)}.section-heading{display:flex;align-items:center;gap:var(--space-1);padding-bottom:var(--space-1);margin-bottom:var(--space-2);border-bottom:1px solid var(--border)}.section-heading-dot{width:8px;height:8px;border-radius:50%}.section-heading-text{font-size:20px;font-weight:600;color:var(--text-primary)}.section-heading-count{font-size:var(--text-meta);font-weight:500;color:var(--text-tertiary);margin-left:4px}.section-heading-link{margin-left:auto;font-size:var(--text-caption);font-weight:500;color:var(--accent)}.article-card{display:block;color:inherit;padding:var(--space-2)0;border-bottom:1px solid var(--border);transition:background .15s ease}.article-card:last-child{border-bottom:none}.article-card:hover{text-decoration:none;background:var(--code-bg)}.article-card:hover .article-card-title{color:var(--accent)}.article-card-header{display:flex;align-items:center;gap:var(--space-1);margin-bottom:4px}.article-card-tag{display:inline-block;padding:1px 8px;font-size:var(--text-meta);font-weight:600;border-radius:var(--radius-full)}.tag-tech{background:var(--tag-bg);color:var(--accent)}.tag-thought{background:var(--tag-amber-bg);color:var(--accent-amber)}.article-card-date{font-size:var(--text-meta);color:var(--text-tertiary);font-family:var(--font-mono)}.article-card-title{font-size:16px;font-weight:600;line-height:1.4;color:var(--text-primary);margin-bottom:4px;transition:color .15s ease}.article-card-excerpt{font-size:var(--text-caption);color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px;overflow-wrap:break-word;word-break:break-word}.article-card-footer{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-meta);color:var(--text-tertiary)}.article-card-reading{display:flex;align-items:center;gap:4px}.article-card-reading svg{width:14px;height:14px}.article-card-link{display:flex;align-items:center;gap:4px;font-weight:500;color:var(--accent);margin-left:auto}.article-card-link svg{width:12px;height:12px}.articles-grid{display:flex;flex-direction:column}.list-grid{gap:0}.cloud-tag{padding:3px 10px;font-size:var(--text-meta);font-weight:500;border-radius:var(--radius-full);background:var(--tag-bg);color:var(--accent);transition:all .15s ease;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.cloud-tag:hover{text-decoration:none;background:var(--accent);color:#fff}.cloud-tag.amber{background:var(--tag-amber-bg);color:var(--accent-amber)}.cloud-tag.amber:hover{background:var(--accent-amber);color:#fff}.cloud-tag.size-lg{font-size:var(--text-caption);font-weight:600}.cloud-tag.size-sm{font-size:11px}.cloud-tag-count{opacity:.6;font-size:11px;font-family:var(--font-mono)}.thoughts-list{list-style:none}.thoughts-list-item{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-1)0;border-bottom:1px solid var(--border);transition:background .15s ease}.thoughts-list-item:last-child{border-bottom:none}.thoughts-list-item:hover{background:var(--code-bg)}.thoughts-list-item a{display:flex;align-items:baseline;gap:var(--space-2);width:100%;color:inherit;text-decoration:none;padding:4px 0}.thoughts-list-item a:hover{text-decoration:none}.thoughts-list-date{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--text-tertiary);flex-shrink:0;min-width:80px}.thoughts-list-title{font-size:var(--text-body);font-weight:600;color:var(--text-primary);transition:color .15s ease}.thoughts-list-item:hover .thoughts-list-title{color:var(--accent)}.thoughts-list-summary{font-size:var(--text-caption);color:var(--text-secondary);margin-top:2px;display:block}.thought-detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3)}.thought-detail .article-title{font-size:28px;margin-bottom:var(--space-2)}.thought-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border)}.thought-back-link{margin-top:var(--space-3)}.thought-back-link .cloud-tag{display:inline-flex;align-items:center;gap:4px}.article-page{max-width:var(--content-max);margin:0 auto;padding:calc(var(--header-h) + var(--space-4))var(--space-3)var(--space-12)}.breadcrumb{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-caption);color:var(--text-tertiary);margin-bottom:var(--space-2)}.breadcrumb a{color:var(--accent)}.breadcrumb a:hover{text-decoration:underline}.breadcrumb svg,.icon-chevron{width:12px;height:12px}.article-title{font-size:32px;font-weight:700;line-height:1.25;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.5px}.article-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);font-size:var(--text-caption);color:var(--text-secondary)}.meta-item{display:inline-flex;align-items:center;gap:6px}.meta-item svg{width:14px;height:14px;opacity:.7}.meta-tag{padding:1px 8px;font-size:var(--text-meta);font-weight:600;border-radius:var(--radius-full);background:var(--tag-bg);color:var(--accent)}.article-cover{margin-bottom:var(--space-3);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border)}.article-cover img{width:100%;height:auto}.article-body{font-size:16px;line-height:1.7;color:var(--text-primary);overflow-wrap:break-word}.article-body h2{font-size:var(--text-h2);font-weight:600;margin-top:var(--space-4);margin-bottom:var(--space-1);padding-bottom:8px;border-bottom:1px solid var(--border);color:var(--text-primary)}.article-body h3{font-size:var(--text-h3);font-weight:600;margin-top:var(--space-3);margin-bottom:var(--space-1)}.article-body h4{font-size:var(--text-body);font-weight:600;margin-top:var(--space-2);margin-bottom:var(--space-1)}.article-body p{margin-bottom:1em}.article-body code:not(pre code){padding:.2em .4em;font-family:var(--font-mono);font-size:85%;background:var(--code-bg);border-radius:var(--radius-sm);border:1px solid var(--code-border)}.article-body pre{margin:var(--space-2)0;border-radius:var(--radius-lg);overflow:hidden;background:var(--code-bg);padding:0;border:1px solid var(--code-border)}.article-body pre code{display:block;padding:12px 16px;overflow-x:auto;font-family:var(--font-mono);font-size:85%;line-height:1.6;color:var(--text-primary);background:0 0;border:none}.code-block{border-radius:var(--radius-lg);overflow:hidden;margin:var(--space-2)0;border:1px solid var(--code-border);background:var(--code-bg)}.code-block pre{margin:0;border:none;border-radius:0}.code-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--code-bg);border-bottom:1px solid var(--code-border)}.code-lang{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--text-secondary)}.code-copy{padding:3px 10px;font-size:var(--text-meta);font-family:var(--font-sans);color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;font-weight:500}.code-copy:hover{color:var(--accent);border-color:var(--accent)}.code-copy.copied{color:var(--accent-green);border-color:var(--accent-green)}.chroma .c,.chroma .c1,.chroma .cm,.chroma .cs{color:#6e7781;font-style:italic}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr,.chroma .kt{color:#cf222e}.chroma .s,.chroma .s1,.chroma .s2,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .dl{color:#0a3069}.chroma .m,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .il,.chroma .mo{color:#0550ae}.chroma .nf,.chroma .fm{color:#8250df}.chroma .nc,.chroma .nn,.chroma .nx{color:#953800}.chroma .n,.chroma .na,.chroma .nb,.chroma .bp{color:#0550ae}.chroma .o,.chroma .ow{color:#cf222e}.chroma .p{color:#6e7781}.chroma .ln,.chroma .lnt{color:#8b949e;user-select:none}.dark .chroma .c,.dark .chroma .c1,.dark .chroma .cm,.dark .chroma .cs{color:#8b949e;font-style:italic}.dark .chroma .k,.dark .chroma .kc,.dark .chroma .kd,.dark .chroma .kn,.dark .chroma .kp,.dark .chroma .kr,.dark .chroma .kt{color:#ff7b72}.dark .chroma .s,.dark .chroma .s1,.dark .chroma .s2,.dark .chroma .sa,.dark .chroma .sb,.dark .chroma .sc,.dark .chroma .dl{color:#a5d6ff}.dark .chroma .m,.dark .chroma .mf,.dark .chroma .mh,.dark .chroma .mi,.dark .chroma .il,.dark .chroma .mo{color:#79c0ff}.dark .chroma .nf,.dark .chroma .fm{color:#d2a8ff}.dark .chroma .nc,.dark .chroma .nn,.dark .chroma .nx{color:#7ee787}.dark .chroma .n,.dark .chroma .na,.dark .chroma .nb,.dark .chroma .bp{color:#79c0ff}.dark .chroma .o,.dark .chroma .ow{color:#ff7b72}.dark .chroma .p{color:#8b949e}.dark .chroma .ln,.dark .chroma .lnt{color:#484f58}.article-body blockquote{margin:var(--space-2)0;padding:var(--space-1)var(--space-2);border-left:3px solid var(--accent);background:var(--quote-bg);border-radius:0 var(--radius-md)var(--radius-md)0;color:var(--text-secondary)}.article-body blockquote p{margin-bottom:0}.article-body img{border-radius:var(--radius-md);border:1px solid var(--border);margin:var(--space-2)0}.article-body ul,.article-body ol{margin-bottom:1em;padding-left:1.5em}.article-body li{margin-bottom:.25em}.article-body table{width:100%;border-collapse:collapse;margin:var(--space-2)0;font-size:var(--text-caption)}.article-body th,.article-body td{padding:8px 12px;border:1px solid var(--border);text-align:left}.article-body th{background:var(--code-bg);font-weight:600}.article-body a{color:var(--accent)}.article-body a:hover{text-decoration:underline}.toc{margin-bottom:var(--space-3);background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-lg)}.toc-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;user-select:none}.toc-title{font-size:var(--text-caption);font-weight:600;color:var(--text-secondary)}.toc-toggle{width:16px;height:16px;color:var(--text-tertiary);transition:transform .2s ease}.toc.collapsed .toc-toggle{transform:rotate(-90deg)}.toc-content{padding:0 16px 12px;border-top:1px solid var(--border)}.toc.collapsed .toc-content{display:none}.toc-content nav{font-size:var(--text-caption)}.toc-content ul{list-style:none;padding-left:0}.toc-content ul ul{padding-left:var(--space-2)}.toc-content li{margin-bottom:4px}.toc-content a{color:var(--text-secondary);font-size:var(--text-caption)}.toc-content a:hover{color:var(--accent);text-decoration:underline}.article-footer{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border)}.author-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);margin-bottom:var(--space-3)}.author-card-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-green));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.author-card-info{flex:1}.author-card-name{font-weight:600;font-size:var(--text-caption)}.author-card-bio{font-size:var(--text-meta);color:var(--text-secondary)}.related-articles-title{font-size:var(--text-caption);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-1)}.related-articles{display:flex;flex-direction:column;gap:0}.related-card{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-1)0;border-bottom:1px solid var(--border);color:inherit;transition:background .15s ease}.related-card:last-child{border-bottom:none}.related-card:hover{text-decoration:none;background:var(--code-bg)}.related-card-title{font-size:var(--text-caption);font-weight:600;color:var(--text-primary);flex:1}.related-card:hover .related-card-title{color:var(--accent)}.related-card-date{font-size:var(--text-meta);color:var(--text-tertiary);font-family:var(--font-mono)}.giscus-wrapper{margin-top:var(--space-4)}.giscus-header{margin-bottom:var(--space-2)}.giscus-title{font-size:var(--text-h3);font-weight:600;color:var(--text-primary);margin-bottom:4px}.giscus-subtitle{font-size:var(--text-caption);color:var(--text-secondary)}.giscus-container{border-radius:var(--radius-lg);overflow:hidden}.about-page-content{max-width:var(--content-max);margin:0 auto;padding:calc(var(--header-h) + var(--space-4))var(--space-3)var(--space-12)}.about-hero{text-align:center;margin-bottom:var(--space-4)}.about-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-green));margin:0 auto var(--space-1);display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;font-weight:700;border:1px solid var(--border)}.about-name{font-size:var(--text-h1);font-weight:700;margin-bottom:4px}.about-bio{font-size:var(--text-caption);color:var(--text-secondary)}.about-profile-tags{justify-content:center;margin-top:var(--space-1);display:flex;flex-wrap:wrap;gap:6px}.about-social-links{display:flex;gap:12px;justify-content:center;margin-top:var(--space-2)}.about-social-link{display:inline-flex !important;align-items:center;gap:6px}.about-body{font-size:16px;line-height:1.7;overflow-wrap:break-word}.about-body h2{font-size:var(--text-h2);font-weight:600;margin-top:var(--space-3);margin-bottom:var(--space-1);padding-bottom:8px;border-bottom:1px solid var(--border)}.about-body h3{font-size:var(--text-h3);font-weight:600;margin-top:var(--space-2);margin-bottom:var(--space-1)}.about-body ul{margin-bottom:1em;padding-left:1.5em}.about-body li{margin-bottom:.25em}.about-body a{color:var(--accent)}.list-page{max-width:var(--container-max);margin:0 auto;padding:calc(var(--header-h) + var(--space-4))var(--space-3)var(--space-12)}.list-page .content-area{max-width:var(--container-max);margin:0 auto}.list-header{margin-bottom:var(--space-3)}.list-title{font-size:var(--text-h1);font-weight:700;margin-bottom:var(--space-1)}.list-description{font-size:var(--text-caption);color:var(--text-secondary)}.tags-page{max-width:var(--content-max);margin:0 auto;padding:calc(var(--header-h) + var(--space-4))var(--space-3)var(--space-12)}.tags-page-title{font-size:var(--text-h1);font-weight:700;margin-bottom:var(--space-1)}.tags-page-desc{font-size:var(--text-caption);color:var(--text-secondary);margin-bottom:var(--space-3)}.tags-page-grid{display:flex;flex-wrap:wrap;gap:8px}.archive-page{max-width:var(--content-max);margin:0 auto;padding:calc(var(--header-h) + var(--space-4))var(--space-3)var(--space-12)}.archive-page-title{font-size:var(--text-h1);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.archive-page-desc{font-size:var(--text-body);color:var(--text-tertiary);margin-bottom:var(--space-4)}.archive-year-group{margin-bottom:var(--space-3)}.archive-year-heading{font-size:var(--text-h2);font-weight:600;color:var(--accent);margin-bottom:var(--space-1);padding-bottom:8px;border-bottom:1px solid var(--border)}.archive-list{display:flex;flex-direction:column}.archive-entry{display:flex;align-items:baseline;gap:var(--space-2);padding:6px 0;border-bottom:1px solid var(--border);text-decoration:none;transition:background .15s ease}.archive-entry:hover{text-decoration:none;background:var(--code-bg)}.archive-entry:hover .archive-entry-title{color:var(--accent)}.archive-entry-date{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--text-tertiary);flex-shrink:0;min-width:56px}.archive-entry-dot{width:6px;height:6px;border-radius:50%;background:var(--border);flex-shrink:0;align-self:center}.archive-heading-amber{color:var(--accent-amber)}.dot-amber{background:var(--accent-amber)}.archive-entry-title{font-size:var(--text-caption);color:var(--text-primary);font-weight:500;transition:color .15s ease}.pagination{display:flex;justify-content:center;gap:4px;margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border)}.pagination-link{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);font-size:var(--text-caption);font-weight:500;color:var(--text-secondary);transition:all .15s ease}.pagination-link:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.pagination-link.active{background:var(--accent);color:#fff;border-color:var(--accent)}.pagination-link.disabled{opacity:.4;pointer-events:none}.not-found{max-width:var(--content-max);margin:0 auto;padding:calc(var(--header-h) + var(--space-8))var(--space-3);text-align:center}.not-found-title{font-size:80px;font-weight:700;color:var(--accent);opacity:.3}.not-found-text{font-size:var(--text-h3);color:var(--text-secondary);margin:var(--space-2)0}.cta-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:var(--accent);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:var(--text-caption);transition:background .15s ease}.cta-btn:hover{background:var(--accent-hover);color:#fff;text-decoration:none}.search-modal{display:none;position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.5)}.search-modal.active{display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.search-modal-content{width:90%;max-width:640px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.search-input-wrap{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.search-icon{width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0}.search-input-wrap input{flex:1;border:none;outline:none;background:0 0;font-size:16px;color:var(--text-primary);font-family:var(--font-sans)}.search-input-wrap input::placeholder{color:var(--text-tertiary)}.search-close{background:0 0;border:none;font-size:20px;color:var(--text-tertiary);cursor:pointer;padding:4px;line-height:1}.search-close:hover{color:var(--text-primary)}.search-results{max-height:400px;overflow-y:auto;padding:8px}.search-result-item{padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background .1s ease;display:block;color:inherit}.search-result-item:hover{background:var(--code-bg);text-decoration:none}.search-result-title{font-size:var(--text-caption);font-weight:600;margin-bottom:2px}.search-result-excerpt{font-size:var(--text-meta);color:var(--text-secondary)}.search-result-empty{padding:var(--space-3);text-align:center;color:var(--text-tertiary);font-size:var(--text-caption)}.footer{border-top:1px solid var(--border);padding:var(--space-3)0;text-align:center;font-size:var(--text-caption);color:var(--text-tertiary)}.footer-inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-3)}.footer a{color:var(--text-secondary)}.footer a:hover{color:var(--accent);text-decoration:underline}.back-to-top{position:fixed;bottom:32px;right:32px;width:40px;height:40px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;color:var(--text-secondary)}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{color:var(--accent);border-color:var(--accent)}.back-to-top svg{width:18px;height:18px}@media(max-width:768px){:root{--text-h1:28px;--text-h2:22px}.hamburger{display:flex}.nav-links{display:none;position:absolute;top:var(--header-h);left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;padding:0 var(--space-3);box-shadow:var(--shadow-md);max-height:0;overflow:hidden;transition:max-height .2s ease,padding .2s ease;padding-top:0;padding-bottom:0}.nav-links.open{display:flex;max-height:400px;padding:0 var(--space-3)}.nav-links li{border-bottom:1px solid var(--border)}.nav-links li:last-child{border-bottom:none}.nav-links a{display:block;padding:12px 0}.profile-header{flex-direction:column;align-items:center;text-align:center}.profile-avatar{width:80px;height:80px;font-size:30px}.profile-tags{justify-content:center}.profile-social{justify-content:center}.article-title{font-size:26px}.related-articles{gap:0}}@media(max-width:480px){.navbar-inner{padding:0 16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}