:root{--bg:#fbfbfa;--surface:#f3f3f1;--text:#1a1a1a;--muted:#6b6b6b;--line:#e6e5e2;--medium:550;--accent:#2457c5;--red:#c43d3d;--selection:#2457c529;--font:-apple-system, BlinkMacSystemFont, system-ui, "SF Pro Text", "SF Pro Display", "SF Pro", "Segoe UI", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--measure:680px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:lang(zh){--medium:500}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111214;--surface:#1a1b1e;--text:#e8e8e6;--muted:#9a9a98;--line:#2a2b2e;--accent:#8ab4ff;--red:#ff7b7b;--selection:#8ab4ff47}}:root[data-theme=dark]{--bg:#111214;--surface:#1a1b1e;--text:#e8e8e6;--muted:#9a9a98;--line:#2a2b2e;--accent:#8ab4ff;--red:#ff7b7b;--selection:#8ab4ff47}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}button,input,select,textarea{font:inherit}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{background:var(--bg);color:var(--text);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex:1;width:100%}a{color:inherit;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}a:hover{color:var(--accent);text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--selection)}h1,h2,h3{letter-spacing:-.015em;line-height:1.25}p,li,figcaption,blockquote,.post-desc,.project-summary{text-wrap:pretty}h1,h2,h3,.post-title,.project-title{text-wrap:balance}:lang(zh){text-spacing-trim:trim-start;text-spacing-trim:trim-both}.js .fade-in:not(.is-loaded){opacity:0}.mark{width:44px;height:44px;margin-bottom:28px;display:inline-block;position:relative}.mark img{width:100%;height:100%;box-shadow:0 0 0 .5px var(--line);border-radius:50%;display:block}.mark-badge{background:var(--bg);border:1px solid var(--line);width:20px;height:20px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-5px}.mark-badge svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:11px;height:11px}.mark-badge .mark-dot{stroke-width:2.8px}.mark--small{flex:none;width:28px;height:28px;margin:0}.mark--small .mark-badge{width:15px;height:15px;bottom:-3px;right:-4px}.mark--small .mark-badge svg{width:9px;height:9px}.mark-shackle{transition:transform .28s cubic-bezier(.3,1.5,.5,1)}.mark-badge{transition:color .2s,border-color .2s,transform .34s cubic-bezier(.3,1.5,.5,1)}.mark.is-unlocking .mark-shackle{transform:translateY(-3.2px)}.mark.is-unlocking .mark-badge{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--line));animation:.42s badge-nod}.mark.is-locking .mark-shackle{animation:.42s cubic-bezier(.3,1.5,.5,1) .3s backwards shackle-close}.mark.is-locking .mark-badge{animation:.42s .3s badge-nod}@keyframes shackle-close{0%{transform:translateY(-3.2px)}to{transform:none}}@keyframes badge-nod{40%{transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.mark-shackle,.mark-badge{transition:none}.mark.is-locking .mark-shackle,.mark.is-locking .mark-badge,.mark.is-unlocking .mark-badge{animation:none}}.kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 6px;font-size:13px;font-weight:600}.note{color:var(--muted)}.note a{color:var(--accent);text-decoration:none}.note a:hover{text-decoration:underline}.welcome{display:none}html.welcoming .welcome{z-index:200;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:28px;padding-bottom:6vh;animation:0s 4s forwards welcome-failsafe;display:flex;position:fixed;inset:0}html.welcoming .site-header .site-name img{visibility:hidden;animation:0s 4s forwards welcome-failsafe-show}.welcome-avatar{width:168px;height:168px;box-shadow:0 0 0 .5px var(--line);transform-origin:50%;border-radius:50%;animation:.5s cubic-bezier(.2,.8,.2,1) both welcome-in}.welcome-words{flex-direction:column;align-items:center;gap:4px;margin:0;line-height:1.2;animation:.5s cubic-bezier(.2,.8,.2,1) .1s both welcome-in;display:flex}.welcome-words span:first-child{letter-spacing:-.02em;font-size:30px;font-weight:600}.welcome-words span:last-child{color:var(--muted);letter-spacing:.08em;font-size:19px}@keyframes welcome-in{0%{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes welcome-failsafe{to{visibility:hidden}}@keyframes welcome-failsafe-show{to{visibility:visible}}@media (width<=560px){.welcome-avatar{width:136px;height:136px}.welcome-words span:first-child{font-size:26px}}@view-transition{navigation:auto}:root{view-transition-name:none}:root.switching-language{view-transition-name:root}:root.switching-language::view-transition-group(*){animation-duration:.18s}:root.switching-language::view-transition-image-pair(*){animation-duration:.18s}:root.switching-language::view-transition-old(*){animation-duration:.18s}:root.switching-language::view-transition-new(*){animation-duration:.18s}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tick{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:1.1em;height:1.1em}.tick--draw path{stroke-dasharray:1;animation:.32s cubic-bezier(.3,0,.2,1) both tick-draw}@keyframes tick-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.tick--draw path{animation:none}}.copied{white-space:nowrap}.copied .tick{vertical-align:-.2em;margin-right:.25em}.muted{color:var(--muted)}.wrap{max-width:1040px;margin:0 auto;padding:0 24px}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;overflow-x:clip}.header-inner{justify-content:space-between;align-items:center;height:60px;display:flex;position:relative}.brand{align-self:stretch;align-items:center;display:flex}.site-header .site-name{border-radius:50%;width:32px;height:32px;text-decoration:none;transition:transform .2s;display:block}.site-header .site-name img{width:100%;height:100%;box-shadow:0 0 0 .5px var(--line);border-radius:50%;display:block}.site-header .site-name:hover{transform:scale(1.06)}.site-header .site-name:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-header .site-name{position:relative}.read-ring{pointer-events:none;fill:none;width:40px;height:40px;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--read,0));opacity:0;transition:opacity .3s;position:absolute;inset:-4px;overflow:visible;transform:rotate(-90deg)}.read-ring.is-reading{opacity:1}.read-done{pointer-events:none;background:var(--accent);width:16px;height:16px;color:var(--bg);opacity:0;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-5px;transform:scale(0)}.read-done .tick{stroke-width:3px;width:10px;height:10px}.read-done.is-shown{animation:1.9s cubic-bezier(.3,1.5,.5,1) forwards read-done}@keyframes read-done{0%{opacity:1;transform:scale(0)}18%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.read-ring{transition:none}.read-done.is-shown{animation:1.9s forwards read-done-still}@keyframes read-done-still{0%,80%{opacity:1;transform:none}to{opacity:0;transform:none}}}.site-header nav{gap:24px;display:flex}.site-header nav a{color:var(--muted);font-size:15px;text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--text)}.nav-lock{vertical-align:-1px;width:13px;height:13px;margin-right:5px;display:inline-block;overflow:visible}.nav-lock rect{fill:currentColor}.nav-lock path{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round}.site-header nav .admin-link.is-signed-in .nav-lock{color:var(--accent)}.site-header nav .lang-switch{border:1px solid var(--line);border-radius:999px;align-self:center;padding:2px 10px;font-size:13px}.site-header nav .lang-switch:hover{border-color:var(--muted)}.theme-switch{align-self:center;margin-right:-14px;display:flex;position:relative}.theme-button{border:1px solid var(--line);width:27px;height:27px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;transition:color .15s,border-color .15s;display:grid}.theme-button:hover,.theme-button[aria-expanded=true]{color:var(--text);border-color:var(--muted)}.theme-button:focus-visible,.theme-menu button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-switch svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.theme-switch svg .fill{fill:currentColor;stroke:none}.theme-icon{display:none}:root:not([data-theme]) .theme-icon--system,:root[data-theme=light] .theme-icon--light,:root[data-theme=dark] .theme-icon--dark{display:block}.theme-menu{z-index:30;background:var(--bg);border:1px solid var(--line);border-radius:10px;flex-direction:column;min-width:148px;padding:4px;display:flex;position:absolute;top:calc(100% + 8px);right:-8px;box-shadow:0 8px 28px #0000001f}.theme-menu[hidden]{display:none}.theme-menu button{width:100%;font:inherit;color:var(--text);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:6px 9px;font-size:14px;display:flex}.theme-menu button:hover{background:var(--surface)}.theme-menu svg{color:var(--muted);flex:none}.theme-menu button[aria-checked=true]:after{content:"";border-bottom:1.6px solid;border-left:1.6px solid;width:9px;height:5px;margin:-3px 2px 0 auto;transform:rotate(-45deg)}@media (width<=400px){.site-header nav{gap:14px}.site-header nav .lang-switch{padding:2px 8px}.theme-switch{margin-right:-6px}}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:96px;font-size:14px}.footer-inner{justify-content:space-between;padding-top:24px;padding-bottom:32px;display:flex}.site-footer a{color:inherit}.footer-links{gap:20px;display:flex}.dots,.dots-glow{background-image:radial-gradient(circle, var(--dot-color) 0 var(--dot-size), transparent calc(var(--dot-size) + .6px));background-size:var(--dot-gap) var(--dot-gap)}.dots{--dot-gap:24px;--dot-size:.8px;--dot-color:#1a1a1a14;z-index:-1;pointer-events:none;position:fixed;inset:0}.dots-glow{--dot-size:.9px;--dot-color:var(--accent);opacity:0;-webkit-mask-image:radial-gradient(closest-side,#000,#0000);contain:strict;will-change:transform;width:144px;height:144px;transition:opacity .4s;position:absolute;top:0;left:0;mask-image:radial-gradient(closest-side,#000 25%,#00000080 60%,#0000)}.dots.is-lit .dots-glow{opacity:.42;transition-duration:.2s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .dots{--dot-color:#e8e8e60f}}:root[data-theme=dark] .dots{--dot-color:#e8e8e60f}@media print{.dots{display:none}}.home{grid-template-columns:260px minmax(0,1fr);gap:80px;padding-top:64px;display:grid}.profile{align-self:start}@media (width>=861px) and (height>=970px){.profile{position:sticky;top:101px}}@media (width>=861px){.profile[data-pin]{top:var(--profile-top,101px);position:sticky}}.avatar{object-fit:cover;border-radius:50%;width:96px;height:96px;display:block}.profile h1{margin:20px 0 4px;font-size:24px}.role{color:var(--muted);margin:0;font-size:15px}.motto{border-left:2px solid var(--line);color:var(--muted);white-space:pre-line;word-break:keep-all;overflow-wrap:break-word;margin:14px 0 0;padding-left:12px;font-size:15px}.nowrap{white-space:nowrap}.bio{white-space:pre-line;overflow-wrap:anywhere;margin:20px 0 24px;font-size:15px}.bio strong{color:var(--text);font-weight:600}.bio a{color:var(--accent);text-decoration:none}.bio a:hover{text-decoration:underline}.links{border-top:1px solid var(--line);margin:0;padding:0;font-size:15px;list-style:none}.links li{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:8px 0;display:flex}.links .label{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.links .link-icon{flex:none;width:15px;height:15px}.links a{overflow-wrap:anywhere;text-align:right;text-decoration:none}.toc{margin-top:36px}.toc ul{margin:0;padding:0;list-style:none}.toc a{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:14px;padding:7px 0;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.toc-line{opacity:.6;background:currentColor;width:24px;height:1px;transition:width .25s,opacity .25s}.toc a:hover,.toc a[aria-current]{color:var(--text)}.toc a:hover .toc-line,.toc a[aria-current] .toc-line{opacity:1;width:56px}@media (prefers-reduced-motion:reduce){.toc a,.toc-line{transition:none}}.sections section{scroll-margin-top:21px}.sections section:focus{outline:none}.sections section+section{margin-top:56px}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.section-head h2,.year h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:13px;font-weight:600}:lang(zh) .section-head h2{letter-spacing:.06em;font-size:15px}.post-list{margin:0;padding:0;list-style:none}.post-list li{border-bottom:1px solid var(--line)}.post-list li:first-child{border-top:1px solid var(--line)}.post-link{align-items:center;gap:24px;padding:18px 0;text-decoration:none;display:flex}.post-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.post-title{font-weight:var(--medium);font-size:17px}.post-desc{color:var(--muted);font-size:15px}.post-link time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.post-thumb{aspect-ratio:3/2;object-fit:cover;border:1px solid var(--line);background:var(--surface);border-radius:6px;flex:none;width:132px;transition:transform .2s,opacity .4s}.post-link:hover .post-title{color:var(--accent)}.post-compact .post-link{gap:20px;padding:12px 0;transition:padding .35s,gap .35s}.post-compact .post-text{gap:0}.post-line{align-items:baseline;gap:16px;min-width:0;transition:gap .35s;display:flex}.post-compact .post-title{flex:1;min-width:0;font-size:16px;transition:font-size .35s}.post-compact time{flex:none}.post-line time{white-space:nowrap;max-width:10em;transition:opacity .2s,max-width .35s;overflow:hidden}.post-mini{aspect-ratio:3/2;object-fit:cover;border:1px solid var(--line);background:var(--surface);border-radius:4px;flex:none;width:64px;transition:transform .2s,width .35s,border-radius .35s,opacity .4s}.post-more{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .35s,opacity .3s;display:grid}.post-more-inner{flex-direction:column;gap:4px;min-height:0;display:flex;overflow:hidden}.post-more-inner>:first-child{margin-top:4px}.post-compact.is-open .post-link{gap:24px;padding:18px 0}.post-compact.is-open .post-title{font-size:17px}.post-compact.is-open .post-line{gap:0}.post-compact.is-open .post-line time{opacity:0;max-width:0}.post-compact.is-open .post-more{opacity:1;grid-template-rows:1fr}.post-compact.is-open .post-mini{border-radius:6px;width:132px}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.post-fill{background:linear-gradient(90deg, var(--accent) 50%, var(--text) 50%) 100% 0 / 200% 100% no-repeat;color:#0000;-webkit-background-clip:text;background-clip:text;transition:background-position .25s}.post-compact:hover .post-fill{background-position:0 0;transition:background-position .299s linear}.post-compact.is-open .post-fill{background-position:0 0}}@media (prefers-reduced-motion:reduce){.post-compact .post-link,.post-compact .post-title,.post-line,.post-line time,.post-mini,.post-more{transition:none}}.post-link:hover .post-thumb,.post-link:hover .post-mini{transform:scale(1.06)}@media (prefers-reduced-motion:reduce){.post-thumb,.post-mini,.project-icon,.cover{transition:none}}.draft{background:var(--surface);color:var(--muted);vertical-align:2px;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:12px;font-weight:500}.project-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.project-list li{border-bottom:1px solid var(--line)}.project{gap:16px;padding:18px 0;display:flex}.project-link{color:inherit;text-decoration:none}.project-icon-link{flex:none;align-self:flex-start}.project-title.project-link{align-self:flex-start}.project:has(a.project-link:hover) .project-title{color:var(--accent)}.project-icon{border:1px solid var(--line);border-radius:10px;flex:none;width:44px;height:44px;transition:opacity .4s,transform .2s}.project:has(a.project-link:hover) .project-icon{transform:scale(1.06)}.project-icon--blank{background:var(--surface);color:var(--muted);place-items:center;font-weight:600;display:grid}.project-body{flex-direction:column;gap:2px;min-width:0;display:flex}.project-title{font-weight:var(--medium);font-size:17px}.arrow{color:var(--muted);margin-left:6px;font-size:14px}.project-summary{color:var(--muted);font-size:15px}.project .red{color:var(--red)}.project-title .red{font-weight:400}.project-title strong .red,.project-title .red strong{font-weight:700}.project-meta{color:var(--muted);margin-top:4px;font-size:13px}.background{border-top:1px solid var(--line);margin:0;padding:0;font-size:15px;list-style:none}.background li{border-bottom:1px solid var(--line);justify-content:space-between;gap:24px;padding:12px 0;display:flex}.background li>span:first-child{flex-direction:column;display:flex}.background strong{font-weight:var(--medium)}.background-link{color:var(--muted);margin-top:4px;font-size:13px;text-decoration:none}.background-link .arrow{margin-left:4px;font-size:12px}.background-link:hover{color:var(--accent)}.years{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.page{max-width:var(--measure);margin:0 auto;padding-top:64px}.page-title{margin:0 0 8px;font-size:32px}.page-lede{white-space:pre-line;margin:0 0 48px}.notfound-note{margin:0 0 32px}.year+.year{margin-top:40px}.year h2{margin-bottom:8px}.back{color:var(--muted);margin-bottom:32px;font-size:14px;text-decoration:none;display:inline-block}.post-header h1{margin:0 0 12px;font-size:36px}.post-date{color:var(--muted);margin:0 0 40px;font-size:15px}.post-body{position:relative}.post-toc{display:none}.post-contents{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:-12px 0 40px;font-size:15px}.post-contents summary{cursor:pointer;font-weight:var(--medium);align-items:center;gap:10px;padding:12px 0;list-style:none;display:flex}.post-contents summary::-webkit-details-marker{display:none}.post-contents summary:after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);width:7px;height:7px;margin-left:auto;transition:transform .2s;transform:translateY(-2px)rotate(45deg)}.post-contents[open] summary:after{transform:translateY(2px)rotate(-135deg)}.post-contents summary .muted{font-size:14px;font-weight:400}.post-contents ol{color:var(--muted);font-variant-numeric:tabular-nums;margin:0 0 14px;padding-left:1.6em}.post-contents li{padding:3px 0}.post-contents a{color:var(--text);text-decoration:none}.post-contents a:hover,.post-contents a[aria-current]{color:var(--accent)}.prose h2{scroll-margin-top:21px}.chapter-bar{z-index:40;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;transition:transform .25s,opacity .25s,visibility 0s .25s;position:fixed;top:61px;left:0;right:0;transform:translateY(-100%)}.chapter-bar.is-shown{opacity:1;visibility:visible;transition:transform .25s,opacity .25s;transform:none}.chapter-bar.is-open{background:var(--bg);box-shadow:0 12px 24px #0000001f}.chapter-bar-button{width:100%;max-width:var(--measure);color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;margin:0 auto;padding:10px 16px;font-size:14px;display:flex}.chapter-bar-count{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.chapter-bar-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--medium);flex:1;overflow:hidden}.chapter-bar-chevron{border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);flex:none;width:7px;height:7px;transition:transform .2s;transform:translateY(-2px)rotate(45deg)}.chapter-bar.is-open .chapter-bar-chevron{transform:translateY(2px)rotate(-135deg)}.chapter-sheet{max-width:var(--measure);overscroll-behavior:contain;border-top:1px solid var(--line);max-height:min(60vh,480px);margin:0 auto;padding:0 16px 12px;overflow-y:auto}.chapter-sheet ol{color:var(--muted);font-variant-numeric:tabular-nums;margin:8px 0 0;padding-left:1.6em;font-size:15px}.chapter-sheet li{padding:0}.chapter-sheet a{color:var(--text);padding:7px 0;text-decoration:none;display:block}.chapter-sheet a[aria-current]{color:var(--accent);font-weight:var(--medium)}@media (width<=1199px){.prose h2{scroll-margin-top:62px}}@media (prefers-reduced-motion:reduce){.chapter-bar,.chapter-bar.is-shown,.chapter-bar-chevron{transition:none}}.prose h2:focus{outline:none}@media (width>=1200px){.post-contents{display:none}.post-toc{width:180px;display:block;position:absolute;top:0;bottom:0;right:calc(100% + 56px)}.chapter-bar{display:none}.post-toc .toc{margin:0;position:sticky;top:101px}}.toc--chapters a{text-transform:none;letter-spacing:0;align-items:flex-start;gap:12px;padding:5px 0;font-size:13px;font-weight:500;line-height:1.45}.toc--chapters .toc-line{flex:none;width:16px;margin-top:.72em}.toc--chapters a:hover .toc-line,.toc--chapters a[aria-current] .toc-line{width:32px}.cover{border-radius:8px;width:100%;height:auto;margin-bottom:40px;transition:opacity .4s;display:block}.prose{overflow-wrap:break-word;font-size:18px;line-height:1.75}.prose>:first-child{margin-top:0}.prose p,.prose ul,.prose ol,.prose blockquote,.prose pre,.prose table,.prose figure{margin:0 0 1.4em}.prose h2{margin:2em 0 .6em;font-size:24px}.prose h3{margin:1.8em 0 .5em;font-size:20px}.prose a{-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.prose a[href^=http]:not([href^="https://boyucheng.me"]):not(:has(img)):after{content:"↗";color:var(--muted);vertical-align:.15em;margin-left:.12em;font-size:.72em;text-decoration:none;display:inline-block}.prose img{border-radius:6px;max-width:100%;height:auto;margin:2em auto;display:block}.prose li+li{margin-top:.3em}.prose u{text-underline-offset:3px;text-decoration-thickness:1px}.prose blockquote{border-left:3px solid var(--line);color:var(--muted);margin-left:0;padding-left:20px}.prose hr{border:0;border-top:1px solid var(--line);margin:3em 0}.prose code{font-family:var(--mono);background:var(--surface);border-radius:4px;padding:.15em .35em;font-size:.85em}.prose pre{border:1px solid var(--line);border-radius:8px;padding:16px 20px;font-size:14px;line-height:1.6;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;padding:0}.prose table{border-collapse:collapse;width:100%;font-size:16px;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;padding:8px 12px 8px 0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .astro-code,:root:not([data-theme=light]) .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}}:root[data-theme=dark] .astro-code,:root[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}.post-footer{border-top:1px solid var(--line);margin-top:64px;padding-top:24px;font-size:15px}.post-actions{flex-wrap:wrap;gap:4px 20px;display:flex}.post-action{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:-8px 0;padding:8px 0;font-size:14px;transition:color .2s;display:inline-flex}.post-action:hover{color:var(--text)}.post-action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.post-action .copied{color:var(--text);align-items:center;gap:6px;display:inline-flex}.post-action .copied .tick{stroke-width:2.2px;width:14px;height:14px;margin:0}.post-nav{grid-template-columns:1fr 1fr;gap:24px;margin-top:32px;display:grid}.post-nav-link{align-items:center;gap:14px;min-width:0;text-decoration:none;display:flex}.post-nav-link.newer{text-align:right;flex-direction:row-reverse}.post-nav-thumb{aspect-ratio:3/2;object-fit:cover;border:1px solid var(--line);background:var(--surface);border-radius:5px;flex:none;width:84px;transition:transform .2s,opacity .4s}.post-nav-text{flex-direction:column;min-width:0;display:flex}.post-nav-text .muted{font-size:13px}.post-nav-title{font-weight:var(--medium);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-nav-link:hover .post-nav-title{color:var(--accent)}.post-nav-link:hover .post-nav-thumb{transform:scale(1.06)}@media (width<=560px){.post-nav{grid-template-columns:1fr;gap:16px}.post-nav-link.newer{text-align:left;flex-direction:row}}@media (prefers-reduced-motion:reduce){.post-nav-thumb{transition:none}}@media (width<=860px){.home{grid-template-columns:1fr;gap:56px;padding-top:40px}.toc{display:none}.page{padding-top:40px}}@media (width<=560px){.wrap{padding:0 16px}.post-line{flex-direction:column;align-items:flex-start;gap:2px}.post-link{gap:16px}.post-thumb{width:96px}.post-header h1{font-size:30px}.prose{font-size:17px}.site-footer{margin-top:64px}}.prose figure{margin:2em 0}.prose figure img{margin:0 auto}.prose video{background:#000;border-radius:8px;width:100%;height:auto;display:block}.video-wrap{position:relative}.video-sound{color:#fff;font-size:13px;font-weight:var(--medium);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000008c;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 13px 6px 10px;transition:background-color .2s;display:inline-flex;position:absolute;top:12px;right:12px}.video-sound:hover{background:#000000b3}.video-sound svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.prose figcaption{text-align:center;color:var(--muted);margin-top:10px;font-size:14px}.copy-button{border:1px solid var(--line);background:var(--bg);width:30px;height:30px;color:var(--muted);cursor:pointer;border-radius:7px;place-items:center;padding:0;transition:opacity .2s,color .2s,border-color .2s;display:grid}.copy-button:hover{color:var(--text);border-color:var(--muted)}.copy-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px;display:block}.copy-button .copied{color:var(--text);display:grid}.copy-button .copied .tick{stroke-width:2.5px;margin:0}.code-block{margin:0 0 1.4em;position:relative}.prose .code-block pre{margin:0}.code-block[data-lang]:before{content:attr(data-lang);font:500 12px/20px var(--font);color:var(--muted);pointer-events:none;position:absolute;top:13px;left:21px}.prose .code-block[data-lang] pre{padding-top:42px}.hljs-keyword,.hljs-literal{color:#9b2393;font-weight:600}.hljs-string,.hljs-regexp{color:#c41a16}.hljs-number{color:#1c00cf}.hljs-comment,.hljs-doctag,.hljs-quote{color:#5d6c79}.hljs-type,.hljs-built_in{color:#3900a0}.hljs-title.class_{color:#0b4f79}.hljs-title.function_{color:#0f68a0}.hljs-meta,.hljs-attr,.hljs-attribute{color:#815f03}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hljs-keyword,:root:not([data-theme=light]) .hljs-literal{color:#fc5fa3}:root:not([data-theme=light]) .hljs-string,:root:not([data-theme=light]) .hljs-regexp{color:#fc6a5d}:root:not([data-theme=light]) .hljs-number{color:#d0bf69}:root:not([data-theme=light]) .hljs-comment,:root:not([data-theme=light]) .hljs-doctag,:root:not([data-theme=light]) .hljs-quote{color:#6c7986}:root:not([data-theme=light]) .hljs-type,:root:not([data-theme=light]) .hljs-built_in{color:#d0a8ff}:root:not([data-theme=light]) .hljs-title.class_{color:#5dd8ff}:root:not([data-theme=light]) .hljs-title.function_{color:#41a1c0}:root:not([data-theme=light]) .hljs-meta,:root:not([data-theme=light]) .hljs-attr,:root:not([data-theme=light]) .hljs-attribute{color:#fd8f3f}}:root[data-theme=dark] .hljs-keyword,:root[data-theme=dark] .hljs-literal{color:#fc5fa3}:root[data-theme=dark] .hljs-string,:root[data-theme=dark] .hljs-regexp{color:#fc6a5d}:root[data-theme=dark] .hljs-number{color:#d0bf69}:root[data-theme=dark] .hljs-comment,:root[data-theme=dark] .hljs-doctag,:root[data-theme=dark] .hljs-quote{color:#6c7986}:root[data-theme=dark] .hljs-type,:root[data-theme=dark] .hljs-built_in{color:#d0a8ff}:root[data-theme=dark] .hljs-title.class_{color:#5dd8ff}:root[data-theme=dark] .hljs-title.function_{color:#41a1c0}:root[data-theme=dark] .hljs-meta,:root[data-theme=dark] .hljs-attr,:root[data-theme=dark] .hljs-attribute{color:#fd8f3f}.code-copy{position:absolute;top:8px;right:8px}@media (hover:hover) and (pointer:fine){.code-copy{opacity:0}.code-block:hover .code-copy,.code-copy:focus-visible,.code-copy:has(.copied){opacity:1}}.prose :is(h2,h3).is-arrived{animation:1.8s ease-out arrived}@keyframes arrived{0%,30%{color:var(--accent)}}.passage-link{z-index:60;background:var(--text);color:var(--bg);font-size:13px;font-weight:var(--medium);white-space:nowrap;cursor:pointer;opacity:0;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 13px 6px 11px;transition:opacity .15s,transform .15s;display:inline-flex;position:absolute;transform:translateY(4px)scale(.97);box-shadow:0 6px 20px #0000002e}.passage-link.is-shown{opacity:1;transform:none}.passage-link svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.passage-link .copied .tick{vertical-align:-2px;width:14px;height:14px;margin-right:6px}@media print{.passage-link{display:none!important}}.prose img.zoomable,.cover.zoomable{cursor:zoom-in}.lightbox{z-index:100;cursor:zoom-out;touch-action:pinch-zoom;background:#0c0c0e00;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;transition:background-color .3s;display:flex;position:fixed;inset:0}.lightbox.is-open{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0c0ef0}.lightbox-image{transform-origin:0 0;border-radius:8px;flex:none;transition:transform .38s cubic-bezier(.2,0,0,1);display:block}.lightbox-caption{color:#ffffffb8;text-align:center;opacity:0;max-width:680px;margin:0;font-size:14px;line-height:1.5;transition:opacity .25s}.lightbox.is-open .lightbox-caption{opacity:1;transition-delay:.12s}@media (prefers-reduced-motion:reduce){.lightbox-image{transition:none}}.lightbox-arrow{color:#ffffffd9;cursor:pointer;opacity:0;background:#ffffff1a;border:0;border-radius:50%;place-items:center;width:44px;height:44px;margin-top:-22px;padding:0;transition:opacity .2s,background-color .2s;display:grid;position:fixed;top:50%}.lightbox.is-open .lightbox-arrow{opacity:1}.lightbox-arrow:hover{color:#fff;background:#fff3}.lightbox-arrow--previous{left:16px}.lightbox-arrow--next{right:16px}.lightbox-arrow svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}@media (pointer:coarse){.lightbox-arrow{display:none}}.draft-banner{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:10px;align-items:center;gap:14px;margin:-12px 0 28px;padding:10px 14px;font-size:14px;display:flex}.standalone{place-items:center;min-height:100vh;padding:24px;display:grid}.standalone-card{width:100%;max-width:360px}.standalone-card h1{margin:0 0 6px;font-size:28px}.standalone-card .note{margin:0;font-size:15px}@media (width<=440px){.standalone{padding:16px}}.rss-lede{margin:0 0 16px}.feed-address{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:12px;padding:6px 6px 6px 14px;display:flex}.feed-address code{min-width:0;font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:all;user-select:all;flex:1;font-size:14px;overflow:hidden}.feed-copy{flex:none}.rss-recent{margin-top:56px}@media print{:root,:root[data-theme]{--bg:#fff;--surface:#f3f3f1;--text:#111;--muted:#555;--line:#ddd;--accent:#2457c5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.site-header,.site-footer,.chapter-bar,.post-contents,.post-toc,.post-nav,.post-actions,.back,.toc,.code-copy,.lightbox,.welcome,.video-sound{display:none!important}.page,.home{padding-top:0}.prose{font-size:12pt;line-height:1.6}.prose a[href^=http]:after,.prose a[href^=http]:not([href^="https://boyucheng.me"]):not(:has(img)):after{content:" (" attr(href) ")";color:var(--muted);vertical-align:baseline;overflow-wrap:anywhere;margin-left:0;font-size:.85em;display:inline}.prose figure,.prose img,.prose pre,.prose blockquote,.prose table{break-inside:avoid}.prose h2,.prose h3{break-after:avoid}.js .fade-in:not(.is-loaded){opacity:1}}