@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.reveal{opacity:0;transform:translateY(18px);transition:opacity 0.5s ease,transform 0.5s ease}.reveal.visible{opacity:1;transform:translateY(0)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#ffffff;--surface:#f8f8f8;--border:#e8e8e8;--text:#1a1a1a;--muted:#666666;--accent:#2563eb;--accent-hover:#1d4ed8;--max-width:720px}html[data-theme="dark"]{--bg:#111111;--surface:#1c1c1c;--border:#2e2e2e;--text:#e4e4e4;--muted:#888888;--accent:#4f8ef7;--accent-hover:#78aafb}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:17px}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.theme-switcher{display:flex;gap:0.3rem;margin-left:1rem}.search-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:1rem;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;transition:color 0.18s,border-color 0.18s}.search-btn:hover{color:var(--text);border-color:var(--muted)}.theme-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;transition:color 0.15s,border-color 0.15s,background 0.15s;padding:0}.theme-btn:hover{color:var(--text);border-color:var(--muted)}.theme-btn.active{color:var(--text);border-color:var(--text);background:var(--surface)}nav{border-bottom:1px solid var(--border);padding:1.2rem 0}nav .container{display:flex;align-items:center;justify-content:space-between}nav .site-name{font-weight:700;font-size:1.1rem;color:var(--text)}nav .site-name:hover{text-decoration:none;color:var(--text)}nav .site-name:hover .site-name-cursor{animation:site-name-blink 1s step-end infinite}@keyframes site-name-blink{50%{opacity:0}}.nav-links{list-style:none;display:flex;gap:2rem}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform 0.2s,opacity 0.2s}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.hero h1 .cursor{display:inline-block}.hero h1:hover .cursor{animation:blink 0.7s step-end infinite}.nav-links a{color:var(--muted);font-size:0.95rem;transition:color 0.15s;position:relative}nav ul a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background:var(--accent);transition:width 0.25s ease}.nav-links a:hover{color:var(--text);text-decoration:none}.nav-links a:hover::after{width:100%}.hero{padding:2.5rem 0 2rem;border-bottom:1px solid var(--border);animation:fadeInUp 0.6s ease both}.hero h1{font-size:2.8rem;font-weight:800;letter-spacing:-0.03em;line-height:1.15;margin-bottom:1rem}.hero p{font-size:1.15rem;color:var(--muted);max-width:500px;animation:fadeIn 0.8s ease 0.2s both}section{padding:3rem 0}section + section{border-top:1px solid var(--border)}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.8rem}.section-header h2{font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted)}.section-header a{font-size:0.9rem;color:var(--accent)}.post-list{list-style:none;display:flex;flex-direction:column;gap:1.8rem}.post-item{display:flex;gap:1rem;align-items:flex-start}.post-thumb{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--border)}.post-thumb-placeholder{width:52px;height:52px;border-radius:50%;background:var(--surface);border:2px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:var(--muted)}.post-item-content{flex:1;min-width:0}.post-item .post-title{font-size:1.15rem;font-weight:600;color:var(--text);margin-bottom:0.25rem}.post-item .post-title:hover{color:var(--accent);text-decoration:none}.post-item .post-meta{font-size:0.85rem;color:var(--muted);margin-bottom:0.4rem}.post-item .post-summary{font-size:0.95rem;color:var(--muted)}.post-item-top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:0.25rem}.post-category{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--accent);white-space:nowrap;opacity:0.8}.category-filter{display:flex;flex-wrap:wrap;gap:0.5rem;padding:1.8rem 0;border-bottom:1px solid var(--border);margin-bottom:2rem}.cat-btn{padding:0.35rem 0.9rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);font-size:0.88rem;cursor:pointer;transition:all 0.18s}.cat-btn:hover{border-color:var(--accent);color:var(--accent)}.cat-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.no-results{color:var(--muted);font-size:0.95rem;padding:1rem 0}.category-filter--stacked{border-bottom:none;margin-bottom:0;padding-bottom:0.5rem}.date-filter{display:flex;flex-direction:column;gap:0.6rem;padding:0.5rem 0 1.8rem;border-bottom:1px solid var(--border);margin-bottom:2rem}.date-filter-years{display:flex;flex-wrap:wrap;gap:0.5rem}.date-filter-months{display:none;flex-wrap:wrap;gap:0.5rem}.date-filter-months.visible{display:flex}.sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.section-card{display:block;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);transition:border-color 0.2s,box-shadow 0.2s,transform 0.2s}.section-card:hover{border-color:var(--accent);box-shadow:0 6px 20px rgba(37,99,235,0.1);transform:translateY(-3px);text-decoration:none;color:var(--text)}.section-card .card-title{font-weight:600;font-size:1rem;margin-bottom:0.3rem}.section-card .card-desc{font-size:0.85rem;color:var(--muted)}.archives-list{list-style:none;display:flex;flex-direction:column;gap:1.8rem;padding:2rem 0}.article-hero{width:100%;height:160px;border-radius:8px;overflow:hidden;margin-bottom:2rem}.article-hero img{width:100%;height:100%;object-fit:cover;object-position:center}.article-header{padding:3rem 0 2rem;border-bottom:1px solid var(--border)}.article-header h1{font-size:2.2rem;font-weight:800;letter-spacing:-0.02em;line-height:1.2;margin-bottom:0.75rem}.date-badge{border:1px solid var(--border);border-radius:999px;padding:0.15rem 0.6rem}.article-meta{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-size:0.88rem;color:var(--muted)}.article-body{padding:2.5rem 0}.article-body h2{font-size:1.5rem;margin:2rem 0 0.75rem}.article-body h3{font-size:1.2rem;margin:1.5rem 0 0.5rem}.article-body h1 .heading-anchor,.article-body h2 .heading-anchor,.article-body h3 .heading-anchor{color:inherit;text-decoration:none}.article-body h1:hover .heading-anchor,.article-body h2:hover .heading-anchor,.article-body h3:hover .heading-anchor{text-decoration:underline;text-decoration-color:var(--muted);text-underline-offset:3px}.article-body p{margin-bottom:1.2rem}.article-body.justified p{text-align:justify}.article-body ul,.article-body ol{margin:0 0 1.2rem 0;padding-left:1.5rem}.article-body li{margin-bottom:0.3rem}.article-body table{width:100%;border-collapse:collapse;margin-bottom:1.2rem;font-size:0.95em}.article-body th,.article-body td{padding:0.5rem 0.75rem;border:1px solid var(--border);text-align:left}.article-body th{background:var(--surface);font-weight:600}.article-body th.sortable{cursor:pointer;user-select:none;position:relative;padding-right:1.5rem}.article-body th.sortable::after{content:'\2195';position:absolute;right:0.4rem;color:var(--muted);opacity:0.4;font-size:0.8em}.article-body th.sort-asc::after{content:'\2191';opacity:0.8}.article-body th.sort-desc::after{content:'\2193';opacity:0.8}.article-body code{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:0.1em 0.4em;font-size:0.88em;font-family:"Fira Code","Cascadia Code",monospace}.article-body pre{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1.2rem;overflow-x:auto;margin-bottom:1.2rem}.article-body pre code{border:none;padding:0;background:none}.copy-btn{position:absolute;top:0.5rem;right:0.5rem;padding:0.3rem 0.6rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--muted);font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-size:0.75rem;line-height:1;cursor:pointer;opacity:0;transition:opacity 0.15s,color 0.15s,border-color 0.15s}.article-body pre:hover .copy-btn,.copy-btn:focus{opacity:1}.copy-btn:hover{color:var(--accent);border-color:var(--accent)}.copy-btn.copied{opacity:1;color:#28c840;border-color:#28c840}.article-body img{max-width:100%;border-radius:6px;margin-bottom:1.2rem}.article-body figure{margin:0 0 1.8rem;text-align:center}.article-body figure img{margin-bottom:0.5rem}.article-body figcaption{font-size:0.82rem;color:var(--text-muted);font-style:italic;line-height:1.4}.article-body img.float-left{float:left;margin:0.3rem 1.5rem 1rem 0;max-width:45%}.article-body img.float-right{float:right;margin:0.3rem 0 1rem 1.5rem;max-width:45%}.article-body img.centered{display:block;margin-left:auto;margin-right:auto}.article-body::after{content:'';display:table;clear:both}.article-body blockquote p{margin-bottom:0}.article-body blockquote{position:relative;font-family:'Special Elite',cursive;font-style:normal;font-size:1.00em;line-height:1.65;color:var(--text);margin:3rem 0;padding:0.5rem 1rem;border:none;background:none;border-radius:0;text-align:center}.article-body blockquote p:first-of-type{text-align:left;overflow:hidden}.article-body blockquote p:first-of-type::before{content:'\201C';font-family:Georgia,'Times New Roman',serif;font-style:normal;font-size:4.5rem;line-height:0.85;color:var(--border);float:left;margin-right:0.4rem}.article-body blockquote p:first-of-type::after{content:'\201D';font-family:Georgia,'Times New Roman',serif;font-style:normal;font-size:4.5rem;line-height:0;color:var(--border);vertical-align:-0.55em;margin-left:0.3rem}.article-body blockquote cite,.article-body blockquote p + p{display:block;clear:both;width:fit-content;margin:0.8rem auto 0;font-size:0.88em;font-style:italic;color:var(--muted)}.article-body sup.footnote-ref{font-size:0.75em;line-height:0;vertical-align:super;margin-left:0.1em}.article-body sup.footnote-ref a{text-decoration:none;padding:0 0.25em;border-radius:3px;background:var(--code-bg,rgba(127,127,127,0.12))}.article-body sup.footnote-ref a:hover{background:var(--accent,#888);color:var(--bg,#fff)}.article-body .footnote{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--border,rgba(127,127,127,0.25));font-size:0.9em;color:var(--muted)}.article-body .footnote hr{display:none}.article-body .footnote ol{padding-left:1.25rem;margin:0}.article-body .footnote li{margin-bottom:0.5rem}.article-body .footnote li:target{background:var(--code-bg,rgba(127,127,127,0.12));border-radius:4px;padding:0.2rem 0.4rem}.article-body .footnote-backref{text-decoration:none;margin-left:0.3em;opacity:0.6}.article-body .footnote-backref:hover{opacity:1}.article-body .admonition{--admon-accent:#6b7280;--admon-icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M12 8v4M12 16h.01'/></svg>");position:relative;margin:1.5rem 0;padding:0.85rem 1rem 0.85rem 1rem;border-left:3px solid var(--admon-accent);border-radius:4px;background:color-mix(in srgb,var(--admon-accent) 8%,var(--bg))}.article-body .admonition>.admonition-title{display:flex;align-items:center;gap:0.45rem;margin:0 0 0.4rem 0;font-weight:600;font-size:0.95rem;color:var(--admon-accent);text-transform:capitalize}.article-body .admonition>.admonition-title::before{content:'';display:inline-block;width:1.05em;height:1.05em;background-color:var(--admon-accent);-webkit-mask:var(--admon-icon) center / contain no-repeat;mask:var(--admon-icon) center / contain no-repeat;flex:0 0 auto}.article-body .admonition>:last-child{margin-bottom:0}.article-body .admonition p{margin-bottom:0.6rem}.article-body .admonition.note{--admon-accent:#2563eb;--admon-icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/><polyline points='14 2 14 8 20 8'/><line x1='9' y1='13' x2='15' y2='13'/><line x1='9' y1='17' x2='13' y2='17'/></svg>")}.article-body .admonition.tip,.article-body .admonition.hint{--admon-accent:#0d9488;--admon-icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M9 18h6M10 22h4M12 2a7 7 0 0 0-4 12.7c.6.5 1 1.3 1 2.1V18h6v-1.2c0-.8.4-1.6 1-2.1A7 7 0 0 0 12 2z'/></svg>")}.article-body .admonition.info{--admon-accent:#0284c7;--admon-icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><line x1='12' y1='16' x2='12' y2='12'/><line x1='12' y1='8' x2='12.01' y2='8'/></svg>")}.article-body .admonition.warning,.article-body .admonition.caution{--admon-accent:#d97706;--admon-icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M10.3 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/><line x1='12' y1='9' x2='12' y2='13'/><line x1='12' y1='17' x2='12.01' y2='17'/></svg>")}.article-body .admonition.danger,.article-body .admonition.error{--admon-accent:#dc2626;--admon-icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><line x1='15' y1='9' x2='9' y2='15'/><line x1='9' y1='9' x2='15' y2='15'/></svg>")}.article-body .admonition.success{--admon-accent:#16a34a;--admon-icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/><polyline points='22 4 12 14.01 9 11.01'/></svg>")}.article-body .admonition.example{--admon-accent:#7c3aed;--admon-icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='16 18 22 12 16 6'/><polyline points='8 6 2 12 8 18'/></svg>")}.article-body .admonition.quote{--admon-accent:#6b7280;--admon-icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1zM15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 .985 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z'/></svg>")}html[data-theme="dark"] .article-body .admonition{background:color-mix(in srgb,var(--admon-accent) 14%,var(--bg))}html[data-theme="dark"] .article-body .admonition.note{--admon-accent:#60a5fa}html[data-theme="dark"] .article-body .admonition.tip,html[data-theme="dark"] .article-body .admonition.hint{--admon-accent:#2dd4bf}html[data-theme="dark"] .article-body .admonition.info{--admon-accent:#38bdf8}html[data-theme="dark"] .article-body .admonition.warning,html[data-theme="dark"] .article-body .admonition.caution{--admon-accent:#fbbf24}html[data-theme="dark"] .article-body .admonition.danger,html[data-theme="dark"] .article-body .admonition.error{--admon-accent:#f87171}html[data-theme="dark"] .article-body .admonition.success{--admon-accent:#4ade80}html[data-theme="dark"] .article-body .admonition.example{--admon-accent:#a78bfa}html[data-theme="dark"] .article-body .admonition.quote{--admon-accent:#9ca3af}.tag-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0.4rem;padding:0;margin:2rem 0 3rem}.tag-chip{display:inline-block;padding:0.25rem 0.7rem;border:1px solid var(--border);border-radius:999px;font-size:0.8rem;color:var(--muted);text-decoration:none;transition:all 0.18s}.tag-chip:hover{border-color:var(--accent);color:var(--accent)}.related-posts{border-top:1px solid var(--border);padding:2.5rem 0}.related-posts h2{font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted);margin-bottom:1.5rem}.error-container{padding:4rem 1.5rem 6rem;text-align:center}.error-glitch{position:relative;display:inline-block;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-size:clamp(6rem,18vw,12rem);font-weight:800;letter-spacing:-0.04em;line-height:1;color:var(--text)}.error-glitch::before,.error-glitch::after{content:attr(data-text);position:absolute;inset:0;background:var(--bg)}.error-glitch::before{left:2px;text-shadow:-2px 0 #ff3b3b;clip-path:inset(0 0 55% 0);animation:glitch-top 2.4s infinite linear alternate-reverse}.error-glitch::after{left:-2px;text-shadow:2px 0 #00e5ff;clip-path:inset(55% 0 0 0);animation:glitch-bottom 2s infinite linear alternate-reverse}@keyframes glitch-top{0%{clip-path:inset(0 0 55% 0);transform:translate(0,0)}20%{clip-path:inset(8% 0 70% 0);transform:translate(-2px,-1px)}40%{clip-path:inset(20% 0 60% 0);transform:translate(2px,0)}60%{clip-path:inset(2% 0 80% 0);transform:translate(-1px,1px)}80%{clip-path:inset(15% 0 50% 0);transform:translate(1px,-1px)}100%{clip-path:inset(0 0 55% 0);transform:translate(0,0)}}@keyframes glitch-bottom{0%{clip-path:inset(55% 0 0 0);transform:translate(0,0)}20%{clip-path:inset(70% 0 5% 0);transform:translate(2px,1px)}40%{clip-path:inset(50% 0 10% 0);transform:translate(-2px,0)}60%{clip-path:inset(80% 0 0 0);transform:translate(1px,-1px)}80%{clip-path:inset(60% 0 5% 0);transform:translate(-1px,1px)}100%{clip-path:inset(55% 0 0 0);transform:translate(0,0)}}.error-subtitle{margin-top:0.5rem;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-size:0.95rem;letter-spacing:0.18em;color:var(--muted);text-transform:uppercase}.terminal{margin:3rem auto 0;max-width:640px;text-align:left;border-radius:8px;border:1px solid var(--border);background:#0f0f0f;box-shadow:0 12px 40px rgba(0,0,0,0.35);overflow:hidden}.terminal-bar{display:flex;align-items:center;gap:0.4rem;padding:0.55rem 0.9rem;background:#1c1c1c;border-bottom:1px solid #2a2a2a}.terminal-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.terminal-dot--red{background:#ff5f57}.terminal-dot--yellow{background:#febc2e}.terminal-dot--green{background:#28c840}.terminal-title{margin-left:0.6rem;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-size:0.78rem;color:#888}.terminal-body{padding:1.1rem 1.2rem 1.4rem;min-height:220px}.terminal-output{margin:0;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-size:0.92rem;line-height:1.55;color:#e4e4e4;white-space:pre-wrap;word-break:break-word}.terminal-output::after{content:'▊';display:inline-block;color:#28c840;animation:terminal-blink 1s step-end infinite;margin-left:2px}@keyframes terminal-blink{50%{opacity:0}}.terminal-line--cmd{color:#e4e4e4}.terminal-line--out{color:#9aa0a6}.terminal-line--err{color:#ff6b6b}.error-actions{margin-top:2.2rem;opacity:0;transform:translateY(8px);transition:opacity 0.5s ease,transform 0.5s ease}.error-actions.visible{opacity:1;transform:translateY(0)}.error-home{display:inline-flex;align-items:center;gap:0.5rem;padding:0.7rem 1.2rem;border:1px solid var(--border);border-radius:6px;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-size:0.95rem;color:var(--text);background:var(--surface);transition:all 0.18s}.error-home:hover{border-color:var(--accent);color:var(--accent);text-decoration:none;transform:translateY(-1px)}.error-home-arrow{opacity:0.6}.toc-btn{position:fixed;bottom:1.5rem;right:1.5rem;z-index:900;display:flex;align-items:center;justify-content:center;gap:0.5rem;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--muted);cursor:pointer;white-space:nowrap;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,0.12);transition:color 0.18s,border-color 0.18s,transform 0.18s,width 0.32s ease,padding 0.32s ease}.toc-btn:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.toc-btn.open{color:var(--accent);border-color:var(--accent)}.toc-btn-label{font-size:0.85rem;font-weight:500;max-width:0;opacity:0;overflow:hidden;transition:max-width 0.32s ease,opacity 0.2s ease}.toc-btn--hint{width:130px;padding:0 0.9rem;color:var(--accent);border-color:var(--accent);animation:toc-hint-pulse 1.6s ease-in-out 2}.toc-btn--hint .toc-btn-label{max-width:100px;opacity:1}@keyframes toc-hint-pulse{0%,100%{box-shadow:0 4px 14px rgba(0,0,0,0.12)}50%{box-shadow:0 4px 14px rgba(0,0,0,0.12),0 0 0 6px rgba(37,99,235,0.12)}}.toc-panel{position:fixed;bottom:5.2rem;right:1.5rem;z-index:900;width:280px;max-height:60vh;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.18);opacity:0;visibility:hidden;transform:translateY(8px) scale(0.98);transform-origin:bottom right;transition:opacity 0.18s ease,visibility 0.18s ease,transform 0.18s ease}.toc-panel.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.toc-header{flex:none;padding:0.75rem 1rem;border-bottom:1px solid var(--border);font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted)}.toc-list{list-style:none;margin:0;padding:0.4rem 0;overflow-y:auto}.toc-item a{display:block;padding:0.4rem 1rem;color:var(--text);font-size:0.88rem;line-height:1.35;text-decoration:none;border-left:2px solid transparent;transition:color 0.15s,background 0.15s,border-color 0.15s}.toc-item--h3 a{padding-left:1.8rem;font-size:0.82rem;color:var(--muted)}.toc-item a:hover{color:var(--accent);text-decoration:none}.toc-item a.active,.toc-item a.toc-cursor{color:var(--accent);border-left-color:var(--accent);background:var(--surface)}@media (max-width:600px){.toc-btn{bottom:1rem;right:1rem}.toc-panel{bottom:4.5rem;right:1rem;left:1rem;width:auto}}.back-top-btn{position:fixed;bottom:1.5rem;right:1.5rem;z-index:900;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--muted);cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,0.12);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity 0.25s,visibility 0.25s,transform 0.25s,color 0.18s,border-color 0.18s}.back-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-top-btn:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.back-top-btn--stacked{bottom:5.2rem}body.toc-panel-open .back-top-btn{opacity:0;visibility:hidden;pointer-events:none}@media (max-width:600px){.back-top-btn{bottom:1rem;right:1rem}.back-top-btn--stacked{bottom:4.5rem}}.search-modal{position:fixed;inset:0;z-index:1100;display:none;align-items:flex-start;justify-content:center;padding:6vh 1rem 1rem}.search-modal.open{display:flex}.search-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(2px);cursor:pointer}.search-modal-panel{position:relative;width:100%;max-width:600px;background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 20px 50px rgba(0,0,0,0.35);overflow:hidden;animation:search-pop 0.16s ease-out}@keyframes search-pop{from{opacity:0;transform:translateY(-6px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.search-modal-input-wrap{display:flex;align-items:center;gap:0.6rem;padding:0.85rem 1rem;border-bottom:1px solid var(--border)}.search-modal-icon{color:var(--muted);flex:none}#search-input{flex:1;border:none;background:transparent;color:var(--text);font-size:1rem;outline:none;font-family:inherit}#search-input::placeholder{color:var(--muted)}.search-modal-kbd,.search-modal-hint kbd{display:inline-block;padding:0.15rem 0.4rem;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--muted);font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-size:0.7rem;line-height:1;cursor:pointer}.search-results{list-style:none;margin:0;padding:0.4rem 0;max-height:56vh;overflow-y:auto}.search-result a{display:block;padding:0.7rem 1rem;color:var(--text);text-decoration:none;border-left:2px solid transparent}.search-result.active a{background:var(--surface);border-left-color:var(--accent)}.search-result a:hover{text-decoration:none}.search-result-title{font-weight:600;margin-bottom:0.2rem}.search-result-snippet{color:var(--muted);font-size:0.85rem;line-height:1.4;margin-bottom:0.3rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-meta{display:flex;gap:0.6rem;font-size:0.72rem;color:var(--muted)}.search-result-cat{text-transform:uppercase;letter-spacing:0.06em;color:var(--accent);opacity:0.8}.search-result mark{background:rgba(255,215,0,0.35);color:inherit;padding:0;border-radius:2px}html[data-theme="dark"] .search-result mark{background:rgba(255,215,0,0.22)}.search-modal-empty{padding:2rem 1rem;text-align:center;color:var(--muted);font-size:0.9rem}.search-modal-hint{display:flex;gap:1rem;padding:0.6rem 1rem;border-top:1px solid var(--border);font-size:0.75rem;color:var(--muted)}.search-modal-hint span{display:inline-flex;align-items:center;gap:0.35rem}@media (max-width:600px){.search-modal{padding-top:4vh}.search-modal-hint{flex-wrap:wrap;gap:0.5rem}}.lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.85);opacity:0;visibility:hidden;transition:opacity 0.25s,visibility 0.25s;cursor:zoom-out}.lightbox.active{opacity:1;visibility:visible}.lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:4px;box-shadow:0 8px 40px rgba(0,0,0,0.4)}.page-header{padding:3rem 0 1.5rem;border-bottom:1px solid var(--border)}.page-header h1{font-size:2rem;font-weight:800;letter-spacing:-0.02em}.page-body{padding:2.5rem 0}.page-body p{margin-bottom:1.2rem}.page-body ul,.page-body ol{margin:0 0 1.2rem 0;padding-left:1.5rem}.page-body li{margin-bottom:0.3rem}.archives-header{padding:3rem 0 2rem;border-bottom:1px solid var(--border)}.archives-header h1{font-size:2rem;font-weight:800}.archives-list{padding:2rem 0;list-style:none;display:flex;flex-direction:column;gap:1.8rem}footer{border-top:1px solid var(--border);padding:2rem 0;font-size:0.85rem;color:var(--muted);text-align:center}@media (max-width:600px){.nav-toggle{display:flex}.nav-links{display:none;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);padding:0.5rem 1.5rem 1rem;z-index:100}.nav-links.open{display:flex}.nav-links li{padding:0.5rem 0}nav{position:relative}.hero h1{font-size:2rem}.hero p{font-size:1rem}.article-header h1{font-size:1.6rem}.page-header h1{font-size:1.6rem}.archives-header h1{font-size:1.6rem}.article-hero{height:200px}.post-thumb,.post-thumb-placeholder{width:42px;height:42px;font-size:0.95rem}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left center;z-index:950;pointer-events:none}@media print{:root,[data-theme="dark"]{--bg:#fff;--surface:#fff;--border:#bbb;--text:#000;--muted:#444;--accent:#000}body{background:#fff;color:#000;font-size:11pt;line-height:1.5;-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{margin:1.5cm}nav,footer,.search-modal,.toc-btn,.toc-panel,.back-top-btn,.copy-btn,.article-hero,.related-posts,.tag-list,.heading-anchor,.nav-toggle,.theme-switcher,.search-btn,.reading-progress{display:none!important}.container{max-width:none;padding:0;margin:0}.article-header{padding:0 0 0.8rem;border-bottom:1px solid #888}.article-header h1{font-size:18pt}.article-meta{color:#444;font-size:9pt}.article-body a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#444;word-break:break-all}.article-body a.footnote-ref::after,.article-body a.footnote-backref::after{content:none}pre,blockquote,table,figure,.admonition,.footnote{page-break-inside:avoid;break-inside:avoid}h1,h2,h3,h4{page-break-after:avoid;break-after:avoid}img{max-width:100%!important;page-break-inside:avoid}pre,code,.article-body code{background:#f4f4f4!important;color:#000!important;border:1px solid #ddd}.article-body .admonition{border:1px solid #888;background:#fff!important}}