.blog-back-link{display:inline-block;margin-bottom:32px;color:var(--muted);text-decoration:none;font-size:13px}.blog-back-link:hover{color:var(--accent)}.blog-breadcrumb{margin-bottom:32px;font-size:13px;line-height:1.6;color:var(--muted)}.blog-breadcrumb a{color:var(--muted);text-decoration:none}.blog-breadcrumb a:hover{color:var(--accent)}.blog-breadcrumb-sep{margin:0 8px;color:#e8f4ff40}.blog-breadcrumb-current{color:var(--text)}.blog-detail{margin-bottom:80px;animation:fadeUp .6s ease both}.blog-detail h1{font-family:"M PLUS 1",monospace;font-size:clamp(24px,4vw,32px);font-weight:800;line-height:1.3;margin-bottom:12px}.blog-detail-date{color:var(--muted);font-size:13px;margin-bottom:24px}.blog-detail-cover{width:100%;aspect-ratio:1.91/1;max-height:760px;object-fit:cover;border-radius:12px;margin-bottom:32px;animation:blogCoverIn .9s cubic-bezier(.2,.7,.3,1) both}@keyframes blogCoverIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.blog-body{line-height:1.9;font-size:16px;color:var(--text)}.blog-body>*:first-child{margin-top:0}.blog-body p{margin:0 0 1.5em}.blog-body p:empty{display:none}.blog-body h2,.blog-body h3{font-family:"M PLUS 1",sans-serif;line-height:1.45;scroll-margin-top:24px;position:relative}.blog-body h2{font-size:22px;font-weight:800;letter-spacing:.01em;margin:2.4em 0 .9em;padding:12px 18px 12px 16px;border-radius:6px;border-left:5px solid var(--accent);background:#00e5ff29;color:var(--text)}.blog-body h3{font-size:18px;font-weight:700;margin:2em 0 .7em;padding-left:13px;border-left:2px solid rgba(0,229,255,.45)}.blog-anchor{position:absolute;left:-.9em;top:50%;transform:translateY(-50%);color:var(--muted);text-decoration:none;font-weight:400;opacity:0;transition:opacity .15s ease,color .15s ease}.blog-anchor:before{content:"#"}.blog-body h3:hover .blog-anchor,.blog-body h3 .blog-anchor:focus-visible{opacity:1;color:var(--accent)}.blog-body h2 .blog-anchor{display:none}@media(hover:none){.blog-anchor{display:none}}.blog-body strong{font-weight:700;background:linear-gradient(transparent 55%,#00e5ff47 55%);padding:0 1px}.blog-body em{font-style:normal;font-weight:700;padding:0 1px;background-repeat:no-repeat;background-image:linear-gradient(transparent 55%,#ff006e57 55%);background-size:100% 100%}.blog-body em.blog-em-sweep{background-size:0% 100%;transition:background-size .8s cubic-bezier(.3,.6,.2,1)}.blog-body em.blog-em-sweep.blog-em-in{background-size:100% 100%}.blog-body u{text-decoration-line:underline;text-decoration-color:var(--accent2);text-underline-offset:3px}.blog-body s{color:var(--muted);text-decoration-color:var(--muted)}.blog-body a{color:var(--accent);text-decoration:underline;text-decoration-color:#00e5ff66;text-underline-offset:3px;transition:text-decoration-color .15s ease}.blog-body a:hover{text-decoration-color:var(--accent)}.blog-body a.blog-link-external:after{content:"↗";margin-left:.15em;font-size:.85em;vertical-align:.08em;text-decoration:none}.blog-body ul,.blog-body ol{margin:0 0 1.5em;padding-left:1.5em}.blog-body li{margin-bottom:.5em}.blog-body li::marker{color:var(--accent)}.blog-body ol li::marker{font-weight:700}.blog-body li>ul,.blog-body li>ol{margin:.5em 0 0}.blog-body blockquote{margin:0 0 1.5em;padding:12px 18px;border-left:3px solid var(--accent2);background:#ff006e0f;border-radius:0 8px 8px 0;color:var(--text)}.blog-body blockquote p:last-child{margin-bottom:0}.blog-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;background:#ffffff14;border:.5px solid var(--card-border);border-radius:4px;padding:.1em .4em;color:var(--accent)}.blog-body pre{background:#ffffff0a;border:.5px solid var(--card-border);border-radius:8px;padding:16px;overflow-x:auto;font-size:13px;line-height:1.7;margin:0}.blog-body pre code{background:none;border:none;padding:0;color:inherit;font-size:inherit}.blog-pre{position:relative;margin:0 0 1.5em}.blog-pre-copy{position:absolute;top:8px;right:8px;background:var(--card-bg);border:.5px solid var(--card-border);border-radius:6px;color:var(--muted);font-family:inherit;font-size:11px;letter-spacing:.04em;padding:5px 10px;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease,border-color .15s ease}.blog-pre:hover .blog-pre-copy,.blog-pre-copy:focus-visible{opacity:1}.blog-pre-copy:hover{color:var(--accent);border-color:var(--accent)}@media(hover:none){.blog-pre-copy{opacity:1}}.blog-body img{max-width:100%;max-height:760px;width:auto;height:auto;display:block;border-radius:8px}.blog-figure{margin:1.8em 0}.blog-figure img{margin:0 auto}.blog-figcaption{margin-top:8px;font-size:12px;line-height:1.6;color:var(--muted);text-align:center}.blog-body :where(table){display:block;width:100%;overflow-x:auto}.blog-body :where(iframe,video){max-width:100%}.blog-toc{margin:0 0 2.4em;border:.5px solid var(--card-border);border-radius:10px;background:var(--card-bg);padding:4px 18px}.blog-toc-title{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--accent);cursor:pointer;padding:12px 0;list-style:none}.blog-toc-title::-webkit-details-marker{display:none}.blog-toc-title:before{content:"▸ "}.blog-toc[open] .blog-toc-title:before{content:"▾ "}.blog-toc-list{list-style:none;margin:0;padding:0 0 10px}.blog-toc-item{margin:0}.blog-toc-item a{display:block;padding:5px 0 5px 10px;border-left:2px solid transparent;color:var(--muted);text-decoration:none;font-size:13px;line-height:1.5;transition:color .15s ease,border-color .15s ease}.blog-toc-item.blog-toc-l3 a{padding-left:26px;font-size:12px}.blog-toc-item a:hover{color:var(--text)}.blog-toc-item a.is-active{color:var(--accent);border-left-color:var(--accent)}@media(min-width:1320px){.blog-toc{position:fixed;top:96px;left:calc(50% + 420px);width:200px;max-height:calc(100vh - 140px);overflow-y:auto;margin:0;z-index:20}}.blog-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.blog-reveal.blog-reveal-in{opacity:1;transform:translateY(0)}.blog-progress{position:fixed;top:0;left:0;right:0;height:3px;background:#ffffff0f;z-index:250;pointer-events:none}.blog-progress-fill{height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:transform .1s linear}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.blog-detail,.blog-detail-cover{animation:none}.blog-anchor,.blog-body a,.blog-toc-item a,.blog-pre-copy{transition:none}.blog-reveal{opacity:1;transform:none;transition:none}.blog-progress{display:none}}