:root{--bg:#0c0c0c;--bg-elev:#12141a;--bg-nav:#212121;--fg:#e8eaed;--fg-muted:#8b929e;--line:#ffffff1a;--line-soft:#ffffff0f;--line-faint:#ffffff0d;--fill:#ffffff08;--accent:#e8c27a;--accent-green:#9fef00;--nav-h:42px;--stage-top:calc(var(--nav-h) + 2.4rem);--wrap:1080px;--radius:14px;--radius-sm:6px;--font-sans:"Segoe UI", system-ui, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--font-serif:"Cormorant Garamond", "Iowan Old Style", Palatino, "Songti SC", "Noto Serif SC", Georgia, serif;--ease:cubic-bezier(.22, 1, .36, 1);--shadow-nav:0 8px 28px #00000059;--shadow-card:0 18px 48px #00000073, inset 0 0 0 1px #ffffff08}*,:before,:after{box-sizing:border-box}html{color-scheme:dark;-webkit-font-smoothing:antialiased;overflow-x:hidden}html,body{margin:0}body{background:var(--bg);min-height:100svh;color:var(--fg);font-family:var(--font-sans);flex-direction:column;line-height:1.55;display:flex;overflow-x:hidden}main{z-index:1;flex:1 0 auto;position:relative}.site-sky{z-index:0;pointer-events:none;position:fixed;inset:0}.site-sky-grid{opacity:.22;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.site-sky-field{width:100%;height:100%;position:absolute;inset:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus:not(:focus-visible){outline:none}:focus-visible{outline:1px solid var(--accent-green);outline-offset:2px}.skip-link{z-index:200;background:var(--accent-green);color:#111;border-radius:var(--radius-sm);padding:.4rem .7rem;font-size:.82rem;font-weight:600;position:absolute;top:.75rem;left:1rem;transform:translateY(-160%)}.skip-link:focus{transform:none}.content-wrap,.content-wrap.is-wide{width:min(var(--wrap), calc(100% - 2.5rem));z-index:1;margin-inline:auto;position:relative}.site-nav{top:max(.7rem, env(safe-area-inset-top));left:max(.7rem, env(safe-area-inset-left));z-index:80;width:max-content;max-width:calc(100% - 1.4rem);transition:transform .45s var(--ease), opacity .28s;animation:nav-in .55s var(--ease) both;position:fixed}.site-nav.is-away{opacity:0;pointer-events:none;transform:translateY(calc(-100% - 1rem))}@keyframes nav-in{0%{opacity:0;transform:translateY(-10px)}}.nav-bar{height:var(--nav-h);max-width:100%;box-shadow:var(--shadow-nav);-webkit-backdrop-filter:blur(18px)saturate(1.25);background:#1d1d1de8;border:1px solid #ffffff14;border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.nav-brand{border-right:1px solid var(--line-soft);color:#f2f2f2;white-space:nowrap;flex:none;align-items:center;gap:.4rem;padding:0 .85rem 0 .75rem;font-size:.82rem;font-weight:650;display:inline-flex}.nav-brand.is-home{color:#fff}.nav-mark{width:13px;height:13px;color:var(--accent-green);flex:none}.nav-brand-sep{opacity:.35;font-weight:400}.nav-brand-sub{opacity:.55;letter-spacing:.06em;font-size:.74rem;font-weight:500}.nav-tabs{overscroll-behavior-x:contain;scrollbar-width:none;min-width:0;display:flex;position:relative;overflow-x:auto}.nav-tabs::-webkit-scrollbar{display:none}.nav-ink{opacity:0;pointer-events:none;width:2rem;transition:transform .38s var(--ease), width .38s var(--ease), opacity .2s;background:#ffffff12;border-radius:6px;position:absolute;top:4px;bottom:4px;left:0;box-shadow:inset 0 -1px #9fef0059}.nav-ink.is-on{opacity:1}.nav-tab{z-index:1;color:#a8a8ae;flex:none;align-items:center;padding:0 .85rem;font-size:.82rem;transition:color .18s;display:inline-flex;position:relative}.nav-tab:hover{color:#eee}.nav-tab.is-active{color:#fff;font-weight:600}.hero{min-height:100svh;padding:var(--stage-top) 1.25rem 4.5rem;place-items:center;display:grid;position:relative;overflow:hidden}.hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.code-rain-wrap{z-index:0;justify-content:center;display:flex;position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(#0000 0%,#000 12% 70%,#0000 100%)}.code-rain{font-family:var(--font-mono);color:#969e9638;white-space:pre;pointer-events:none;user-select:none;opacity:.28;will-change:transform;width:max-content;max-width:min(920px,94vw);margin:0;padding:2.5rem 0 50vh;font-size:clamp(.62rem,1.05vw,.78rem);line-height:1.65}.code-rain .c-kw{color:#7aa2c761}.code-rain .c-string{color:#c9a26b5c}.code-rain .c-comment{color:#64706447;font-style:italic}.code-rain .c-number{color:#c48c6e5c}.code-rain .c-func{color:#8cbcd261}.code-rain .c-const{color:#b4967857}.hero-vignette{z-index:1;pointer-events:none;background:radial-gradient(50% 42% at 50% 46%,#0c0c0c40 0%,#0000 70%);position:absolute;inset:0}.hero-fg{z-index:2;text-align:center;max-width:52rem;padding:0 .75rem;position:relative}.hero-quote{max-width:36rem;font-family:var(--font-serif);color:#f5f2ebeb;margin:1.6rem auto 0;font-size:clamp(1.05rem,2.1vw,1.4rem);font-style:italic}.hero-quote-zh{font-family:"Songti SC", "Noto Serif SC", var(--font-serif);letter-spacing:.14em;color:#e8c27a94;margin:.45rem 0 0;font-size:clamp(.78rem,1.35vw,.98rem)}.hero-kicker{font-family:var(--font-mono);letter-spacing:.18em;color:var(--accent-green);opacity:.85;margin:0 0 .85rem;font-size:.72rem}.hero-title{color:#fff;letter-spacing:-.045em;text-shadow:0 10px 40px #000a;margin:0 0 .75rem;font-size:clamp(2.1rem,6.2vw,4.4rem);font-weight:650;line-height:1.08}.hero-sub{max-width:38rem;font-family:var(--font-mono);color:#ffffffc7;letter-spacing:.04em;margin:0 auto;font-size:clamp(.8rem,1.55vw,.98rem)}.maze-field{z-index:1;pointer-events:none;place-items:center;display:grid;position:absolute;inset:-8% 0 8%;mask-image:radial-gradient(circle at 50% 46%,#000 0 34%,#0000 68%)}.maze-svg{opacity:.9;width:min(920px,130%);height:auto}.maze-spin-a,.maze-spin-b{transform-origin:400px 400px}.maze-field.is-live .maze-spin-a{animation:48s linear infinite maze-cw}.maze-field.is-live .maze-spin-b{animation:76s linear infinite maze-ccw}.maze-path{stroke-dasharray:420;stroke-dashoffset:420px}.maze-field.is-live .maze-path{animation:maze-draw 8s var(--ease) infinite alternate}.maze-field.is-live .maze-nodes circle{animation:2.8s ease-in-out infinite maze-pulse}.maze-nodes circle:nth-child(2){animation-delay:.4s}.maze-nodes circle:nth-child(3){animation-delay:.8s}.maze-nodes circle:nth-child(4){animation-delay:1.2s}@keyframes maze-cw{to{transform:rotate(360deg)}}@keyframes maze-ccw{to{transform:rotate(-360deg)}}@keyframes maze-draw{0%{stroke-dashoffset:420px;opacity:.2}to{stroke-dashoffset:0;opacity:.8}}@keyframes maze-pulse{0%,to{opacity:.35}50%{opacity:1}}.kicker{font-family:var(--font-mono);letter-spacing:.16em;color:var(--accent-green);opacity:.9;margin:0 0 1.1rem;font-size:.72rem}.blog-kicker-row{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.9rem;display:flex}.blog-kicker-row .kicker{margin:0}.identity{border-bottom:1px solid var(--line-soft);padding:4.5rem 0 3.5rem}.plat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem 2rem;display:grid}.plat-name{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 .45rem;font-size:.7rem}.plat-user{font-family:var(--font-serif);letter-spacing:-.02em;margin:0;font-size:clamp(1.4rem,3vw,2rem);font-weight:500;line-height:1.15}.plat-uid{font-family:var(--font-mono);color:var(--fg-muted);margin:.4rem 0 0;font-size:.82rem}.plat-link{color:var(--fg-muted);border-bottom:1px solid #e8c27a59;margin-top:.7rem;padding-bottom:.08rem;font-size:.82rem;display:inline-block}.plat-link:hover{color:var(--accent);border-color:var(--accent)}.blog-section,.project-section{padding:3.5rem 0}.page-block{padding:.4rem 0 3.5rem}.blog-all,.more{font-family:var(--font-mono);letter-spacing:.06em;color:#c8ced894;font-size:.7rem}.blog-all:hover,.more:hover{color:var(--accent)}.blog-grid{grid-template-columns:1fr;gap:1.15rem;display:grid}.blog-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card{background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow-card);content-visibility:auto;contain-intrinsic-size:auto 280px;border-radius:16px;flex-direction:column;transition:border-color .2s;display:flex;overflow:hidden}.blog-cover{aspect-ratio:16/9;border-bottom:1px solid var(--line-soft);background:#141820;max-height:200px;position:relative;overflow:hidden}.blog-cover-img{object-fit:cover;filter:saturate(.78)contrast(1.06)brightness(.86);width:100%;height:100%;transition:transform .7s var(--ease), filter .4s;position:absolute;inset:0}.blog-cover.has-img:after{content:"";pointer-events:none;background:linear-gradient(#080a0e80 0%,#0000 46%),linear-gradient(#0000 56%,#080a0e6b 100%);position:absolute;inset:0}.cover-fallback{font-family:var(--font-mono);color:#ffffff47;letter-spacing:.08em;background:linear-gradient(#9fef0008,#0000),repeating-linear-gradient(90deg,#0000 0 17px,#9fef0014 17px 18px),repeating-linear-gradient(0deg,#0000 0 17px,#e8c27a14 17px 18px);place-items:center;display:grid;position:absolute;inset:0}.blog-cover-label{z-index:2;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffffe0;backdrop-filter:blur(6px);border-radius:var(--radius-sm);text-shadow:0 1px 10px #000000a6;background:#0006;padding:.28rem .5rem;font-size:.65rem;position:absolute;top:.7rem;right:.75rem}.blog-card-body{flex-direction:column;gap:.5rem;padding:.95rem 1.15rem 1.05rem;display:flex}.blog-card-meta{font-family:var(--font-mono);color:#b4bac4b8;letter-spacing:.04em;gap:.4rem;font-size:.72rem;display:flex}.blog-meta-sep{opacity:.45}.blog-card-title{color:#f0f2f5;letter-spacing:-.02em;margin:0;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:650;line-height:1.3}.blog-card-preview{color:#aab2bec7;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-tags{flex-wrap:wrap;gap:.4rem;display:flex}.blog-tag{font-family:var(--font-mono);color:#c8ced8d9;border:1px solid var(--line);background:#ffffff0a;border-radius:999px;padding:.22rem .55rem;font-size:.68rem}.blog-card-cta{font-family:var(--font-mono);color:#98c379e6;margin-top:.15rem;font-size:.78rem}.repo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.repo-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);content-visibility:auto;contain-intrinsic-size:auto 120px;padding:1.1rem 1.15rem;transition:border-color .2s}.repo-card h3{margin:0 0 .4rem;font-size:1.05rem}.repo-card p{color:var(--fg-muted);margin:0;font-size:.84rem}.repo-lang{font-family:var(--font-mono);color:var(--accent-green);letter-spacing:.1em;justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.45rem;font-size:.68rem;display:flex}.repo-stars{color:#c8ced894;letter-spacing:0}.project-board{padding-top:2.4rem}.project-pulse{font-family:var(--font-mono);letter-spacing:.08em;color:#c8ced894;margin:0 0 1.6rem;font-size:.72rem}.project-now{background:linear-gradient(#9fef0008, transparent 42%), var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-bottom:1rem;padding:1.6rem 1.5rem 1.45rem;display:block}.project-now-kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-green);margin-bottom:.55rem;font-size:.68rem}.project-now h2{letter-spacing:-.03em;margin:0 0 .45rem;font-size:clamp(1.4rem,3vw,2rem);line-height:1.15}.project-now p{max-width:42rem;color:var(--fg-muted);margin:0;font-size:.95rem;line-height:1.55}.project-now-meta{font-family:var(--font-mono);color:#c8ced894;letter-spacing:.06em;gap:.9rem;margin-top:1rem;font-size:.72rem;display:flex}.project-hits{grid-template-columns:1.15fr .95fr .95fr;gap:1rem;margin-bottom:2.6rem;display:grid}.project-shelf{margin-top:.4rem}.project-index{border-top:1px solid var(--line);flex-direction:column;display:flex}.project-row{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(7.5rem,13rem) 1fr auto;align-items:baseline;gap:1rem 1.4rem;padding:.92rem .15rem;display:grid}.project-row-name{letter-spacing:-.02em;font-weight:650}.project-row-desc{color:var(--fg-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.84rem;line-height:1.45;display:-webkit-box;overflow:hidden}.project-row-meta{font-family:var(--font-mono);color:#c8ced894;letter-spacing:.04em;white-space:nowrap;font-size:.68rem}.tool-group{margin-bottom:2.2rem}.tool-group .kicker{margin-bottom:.85rem}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.tool-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.35rem;padding:1rem 1.1rem;display:flex}.tool-card-top{align-items:center;gap:.55rem;display:flex}.tool-mark{font-size:1.05rem;line-height:1}.tool-card h3{letter-spacing:-.02em;margin:0;font-size:1rem}.tool-card p{color:var(--fg-muted);margin:0;font-size:.82rem}@media (hover:hover){.blog-card{transition:transform .45s var(--ease), border-color .2s}.blog-card:hover{border-color:#9fef0033;transform:translateY(-4px)}.blog-card:hover .blog-cover-img{filter:saturate(.92)contrast(1.08)brightness(.92);transform:scale(1.04)}.blog-card:hover .blog-card-cta{color:#b5d99a}.repo-card{transition:border-color .2s, transform .35s var(--ease)}.repo-card:hover{border-color:#e8c27a55;transform:translateY(-3px)}.project-now{transition:border-color .2s, transform .35s var(--ease)}.project-now:hover{border-color:#9fef0047;transform:translateY(-3px)}.project-row{transition:color .2s}.project-row:hover .project-row-name{color:var(--accent)}.project-row:hover .project-row-desc{color:#c8ced8d9}.tool-card{transition:border-color .2s, transform .35s var(--ease)}.tool-card:hover{border-color:#9fef0033;transform:translateY(-3px)}}.connect-grid{grid-template-columns:1.15fr .85fr;gap:2rem 3.5rem;padding:2.4rem 0 1.4rem;display:grid}.contact-list,.friends-wall{flex-direction:column;gap:.42rem;margin:0;padding:0;list-style:none;display:flex}.contact-row{align-items:baseline;gap:1rem;font-size:.92rem;display:flex}.contact-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--fg-muted);flex:0 0 5.6rem;font-size:.72rem}.contact-row:hover .contact-id{color:var(--accent)}.site-footer{z-index:1;border-top:1px solid var(--line);padding:0 0 calc(1.6rem + env(safe-area-inset-bottom));color:var(--fg-muted);background:linear-gradient(#0000,#0c0c0cf2 2.2rem);font-size:.8rem;position:relative}.footer-bar{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1rem;display:flex}.footer-meta{font-family:var(--font-mono);opacity:.7;font-size:.72rem}.page-title{padding:var(--stage-top) 0 1.2rem}.page-title h1{letter-spacing:-.04em;margin:0 0 .5rem;font-size:clamp(2rem,5vw,3.2rem);font-weight:650}.page-title p{color:var(--fg-muted);margin:0}.filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem;display:flex}.filter{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--line);color:var(--fg-muted);border-radius:999px;padding:.32rem .7rem;font-size:.72rem}.filter.is-active,.filter:hover{color:#111;background:var(--accent-green);border-color:var(--accent-green)}.pager{font-family:var(--font-mono);color:var(--fg-muted);align-items:center;gap:.75rem;margin-top:1.6rem;font-size:.78rem;display:flex}.pager a{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.4rem .75rem}.pager a:hover{color:var(--accent)}article.post{max-width:760px;padding-bottom:4rem}.post-hero{padding:var(--stage-top) 0 1.2rem}.post-hero h1{letter-spacing:-.03em;margin:.4rem 0 1rem;font-size:clamp(1.7rem,4.4vw,2.7rem);font-weight:650}.post-body{color:#d5dce8;font-size:1.02rem}.post-body :is(h2,h3,h4){letter-spacing:-.02em;margin:1.8em 0 .6em}.post-body p{margin:.9em 0}.post-body a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.post-body img{border:1px solid var(--line);border-radius:8px}.post-body pre{border:1px solid var(--line);background:#0a0c10;padding:1rem;font-size:.82rem;line-height:1.55;overflow:auto}.post-body :not(pre)>code{font-family:var(--font-mono);color:var(--accent-green);background:#9fef0014;padding:.05em .35em;font-size:.9em}.post-body blockquote{border-left:2px solid var(--accent-green);color:var(--fg-muted);margin:1.2em 0;padding:.2rem 1rem}.post-body :is(ul,ol){margin:.9em 0;padding-left:1.35rem}.post-body li{margin:.28em 0}.post-body hr{border:0;border-top:1px solid var(--line);margin:2rem 0}.post-body table{border-collapse:collapse;width:100%;font-size:.92rem;display:block;overflow-x:auto}.post-body th,.post-body td{border:1px solid var(--line);padding:.45rem .6rem}.post-body th{background:var(--fill)}.post-body .mermaid{margin:1.2rem 0;overflow-x:auto}.source{font-family:var(--font-mono);color:var(--fg-muted);border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem;font-size:.72rem}.empty{color:var(--fg-muted);font-family:var(--font-mono);padding:.4rem 0 2rem}.about-simple{flex-direction:column;align-items:flex-start;gap:1.2rem;display:flex}.about-avatar{object-fit:cover;border:1px solid var(--line);width:160px;height:160px}.reveal{opacity:0;animation:rise .8s var(--ease) forwards;transform:translateY(16px)}.reveal:nth-child(2){animation-delay:80ms}.reveal:nth-child(3){animation-delay:.16s}@keyframes rise{to{opacity:1;transform:none}}.cursor-root{z-index:10000;pointer-events:none;opacity:0;position:fixed;inset:0}.cursor-root.is-on{opacity:1}.cursor-core{will-change:transform;background:#fff;border-radius:50%;width:4px;height:4px;position:fixed;top:0;left:0;box-shadow:0 0 4px .5px #ffffffd9,0 0 10px 2px #9fef0047}@media (width<=840px){.plat-grid,.repo-grid,.connect-grid,.tool-grid,.project-hits{grid-template-columns:1fr}.project-row{grid-template-columns:1fr;gap:.22rem}.project-row-meta{white-space:normal}.nav-brand-sep,.nav-brand-sub{display:none}.hero-title{font-size:clamp(1.55rem,7vw,2.2rem)}}@media (width<=640px){:root{--nav-h:36px;--stage-top:calc(var(--nav-h) + 1.6rem)}.site-nav{top:max(.45rem, env(safe-area-inset-top));left:max(.45rem, env(safe-area-inset-left));max-width:calc(100% - .9rem)}.nav-bar{border-radius:9px}.nav-brand{gap:.32rem;padding:0 .62rem 0 .55rem;font-size:.78rem}.nav-tab{padding:0 .58rem;font-size:.76rem}.nav-ink{border-radius:5px;top:3px;bottom:3px}}@media (width<=400px){.nav-brand-text{display:none}.nav-brand{padding:0 .52rem}}@media (width<=720px){.blog-grid.two{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.blog-card,.repo-card,.project-now,.blog-cover-img,.reveal,.site-nav{opacity:1;transition:none;animation:none;transform:none}.nav-ink{transition:none}.maze-spin-a,.maze-spin-b,.maze-path,.maze-nodes circle{animation:none}.code-rain{transform:none!important}}@media (pointer:coarse){.cursor-root{display:none!important}}