@font-face{font-family:Fixedsys Core;src:url(/assets/fixedsys-core-CFzOWuNw.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Zpix;src:url(/assets/zpix-DTjlOYPe.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-display:"Inter", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--font-text:var(--font-display);--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--bg:#0a0a0b;--bg-soft:#131316;--fg:#fff;--fg-dim:#b4b4ba;--fg-faint:#6d6d74;--line:#ffffff2e;--line-soft:#ffffff14;--accent:#e4002b;--accent-2:#ff4d63;--pad:clamp(1.25rem, 5vw, 5.5rem);--maxw:1320px;--ease:cubic-bezier(.2, 0, 0, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-text);letter-spacing:-.004em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:clamp(15px,1vw,17px);line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}#stage{z-index:0;outline:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.vignette{z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 8%,#0000 40%,#0000008c 100%),linear-gradient(#06060899,#0000 24% 68%,#060608eb);position:fixed;top:0;bottom:0;left:0;right:0}.noise{z-index:2;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;top:0;bottom:0;left:0;right:0}.cursor-glow{z-index:1;pointer-events:none;filter:blur(6px);width:300px;height:300px;transition:opacity .4s var(--ease);background:radial-gradient(circle,#e4002b1a,#0000 64%);position:fixed;top:0;left:0}main,.topbar,.footer{z-index:3;position:relative}.topbar{z-index:20;padding:.95rem var(--pad);border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0bb8;align-items:center;gap:1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:-.01em;align-items:center;gap:.6rem;font-weight:700;display:inline-flex}.brand-dot{background:var(--accent);width:10px;height:10px}.brand-name{font-size:1.05rem}.nav{gap:1.6rem;margin-left:auto;display:flex}.nav a{font-family:var(--font-mono);color:var(--fg-dim);letter-spacing:.02em;transition:color .25s var(--ease);font-size:.78rem;position:relative}.nav a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .35s var(--ease);position:absolute;bottom:-6px;left:0}.nav a:hover{color:var(--fg)}.nav a:hover:after{width:100%}.lang{border:1px solid var(--line);color:var(--fg-dim);font-family:var(--font-mono);cursor:pointer;transition:border-color .25s var(--ease), color .25s var(--ease);background:0 0;align-items:center;gap:.35rem;padding:.4rem .7rem;font-size:.74rem;display:inline-flex}.lang:hover{border-color:var(--fg);color:var(--fg)}.lang .lang-sep{color:var(--fg-faint)}.lang [data-lang-tag]{transition:color .25s var(--ease)}.lang [data-lang-tag].on{color:var(--accent);font-weight:700}.hero{min-height:100svh;padding:8rem var(--pad) 5rem;align-items:center;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:1;max-width:820px;position:relative}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim);align-items:center;gap:.6rem;margin:0 0 1.6rem;font-size:.74rem;display:inline-flex}.pulse{background:var(--accent);width:8px;height:8px;animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{0%{box-shadow:0 0 #e4002b80}70%{box-shadow:0 0 0 10px #e4002b00}to{box-shadow:0 0 #e4002b00}}.title{letter-spacing:-.04em;flex-direction:column;margin:0 0 1.8rem;font-size:clamp(2.8rem,9vw,7rem);font-weight:800;line-height:.94;display:flex}.title .accent{background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.lede{max-width:52ch;color:var(--fg-dim);margin:0 0 2.2rem;font-size:clamp(1rem,1.3vw,1.15rem)}.cta{flex-wrap:wrap;gap:.9rem;margin-bottom:2.4rem;display:flex}.btn{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;transition:background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease);align-items:center;padding:.85rem 1.5rem;font-size:.78rem;font-weight:500;display:inline-flex}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-2)}.btn.ghost{border:1px solid var(--line);color:var(--fg)}.btn.ghost:hover{border-color:var(--fg)}.chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.chips li{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-faint);border:1px solid var(--line-soft);padding:.35rem .7rem;font-size:.7rem}.scroll-hint{z-index:2;bottom:2.4rem;left:var(--pad);font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--fg-faint);align-items:center;gap:.7rem;font-size:.68rem;display:inline-flex;position:absolute}.scroll-line{background:var(--line);width:46px;height:1px;display:block;position:relative;overflow:hidden}.scroll-line:after{content:"";background:var(--accent);animation:scan 2.6s var(--ease) infinite;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}@keyframes scan{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.section{padding:clamp(5rem, 12vw, 10rem) var(--pad);max-width:var(--maxw);border-top:1px solid var(--line-soft);margin:0 auto}.section-head{max-width:64ch;margin-bottom:3.5rem}.num{font-family:var(--font-mono);letter-spacing:.24em;color:var(--accent);margin-bottom:1rem;font-size:.78rem;display:block}.section-head h2{letter-spacing:-.035em;margin:0 0 .8rem;font-size:clamp(2rem,5vw,3.6rem);font-weight:800}.section-desc{color:var(--fg-dim);max-width:56ch;margin:0}.work{border-top:1px solid var(--line-soft);max-width:none;padding:0;position:relative}.work-sticky{flex-direction:column;justify-content:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.work-intro{padding:clamp(1.4rem, 4vw, 2.6rem) var(--pad) 1.2rem;max-width:64ch}.work-intro h2{letter-spacing:-.035em;margin:0 0 .5rem;font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:800}.work-progress{background:var(--line);width:min(320px,42vw);height:2px;margin-top:1.4rem;position:relative;overflow:hidden}.work-progress span{background:var(--accent);transform-origin:0;transform:scaleX(var(--progress,0));position:absolute;top:0;bottom:0;left:0;right:0}.work-track{will-change:transform;height:62svh;display:flex}.work-panel{height:100%;padding:0 var(--pad);border-right:1px solid var(--line-soft);flex:0 0 100vw;align-items:center;display:flex;position:relative}.work-grid{z-index:0;opacity:.28;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(90% 90% at 78%,#000 30%,#0000 78%);mask-image:radial-gradient(90% 90% at 78%,#000 30%,#0000 78%)}.work-inner{z-index:1;max-width:620px;position:relative}.work-head{max-width:620px;font-family:var(--font-mono);letter-spacing:.16em;color:var(--fg-faint);justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.work-lang{color:var(--accent)}.work-name{letter-spacing:-.04em;margin:1rem 0 .35rem;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800}.work-tag{font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent);margin:0 0 1.3rem;font-size:.82rem}.work-desc{color:var(--fg-dim);margin:0 0 1.5rem;font-size:clamp(1rem,1.25vw,1.14rem);line-height:1.72}.work-topics{flex-wrap:wrap;gap:.4rem;margin:0 0 1.6rem;padding:0;list-style:none;display:flex}.work-topics li{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-faint);border:1px solid var(--line-soft);padding:.28rem .6rem;font-size:.66rem}.work-foot{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;max-width:620px;padding-top:1.2rem;display:flex}.work-meta{font-family:var(--font-mono);color:var(--fg-faint);font-size:.72rem}.work-link{font-family:var(--font-mono);color:var(--fg);transition:color .25s var(--ease);font-size:.78rem;font-weight:600}.work-link:hover{color:var(--accent)}.hero-logo{z-index:0;pointer-events:none;opacity:.5;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(115% 95% at 62% 46%,#000 36%,#0000 82%);mask-image:radial-gradient(115% 95% at 62% 46%,#000 36%,#0000 82%)}.hero-logo canvas{width:100%;height:100%;display:block}@media (max-width:780px){.hero-logo{opacity:.32}}.about-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:clamp(2rem,6vw,5rem);padding-bottom:clamp(70px,12vw,150px);display:grid;position:relative}.about-text{z-index:2;border-left:3px solid var(--accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0bf0;padding:1.4rem 1.6rem;position:relative}.about-text p{color:var(--fg-dim);max-width:58ch;margin:0 0 1.2rem}.about-text p:first-child{color:var(--fg);font-size:1.08rem}.about-text p:last-child{margin-bottom:0}#about .section-head h2{color:#fff;background:var(--accent);padding:.08em .35em .14em;display:inline-block}.skillflow{z-index:0;pointer-events:none;opacity:.9;-webkit-mask-composite:source-in;height:clamp(200px,26vw,340px);position:absolute;bottom:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 18% 82%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.skillflow canvas{width:100%;height:100%;display:block}@media (max-width:780px){.skillflow{height:200px}}.contact{text-align:left}.contact-lead{color:var(--fg-dim);margin:0 0 1.4rem}.mailto{letter-spacing:-.04em;background:linear-gradient(100deg, var(--fg), var(--fg-dim));color:#0000;transition:background .4s var(--ease);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.6rem,5.5vw,3.4rem);font-weight:800;display:inline-block}.mailto:hover{background:linear-gradient(100deg, var(--accent), var(--accent-2));-webkit-background-clip:text;background-clip:text}.links{flex-wrap:wrap;gap:1.6rem;margin:2.4rem 0 0;padding:0;list-style:none;display:flex}.links a{font-family:var(--font-mono);color:var(--fg-dim);transition:color .25s var(--ease);font-size:.82rem}.links a:hover{color:var(--accent)}.footer{padding:3rem var(--pad) 4rem;font-family:var(--font-mono);color:var(--fg-faint);border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;margin-top:3rem;font-size:.74rem;display:flex}.footer-sep{color:var(--accent)}.civ .section-head{margin-bottom:2.4rem}.civ-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.6rem;margin:0 0 .9rem;font-size:.72rem;display:inline-flex}.civ-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(0,1fr);gap:.75rem;margin-bottom:1.8rem;display:grid}.civ-shot{border:1px solid var(--line);background:var(--bg-soft);margin:0;position:relative;overflow:hidden}.civ-shot--hero{grid-area:span 2/span 2}.civ-shot img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease);filter:saturate(.9)brightness(.92);display:block}.civ-shot:hover img{filter:saturate()brightness();transform:scale(1.03)}.civ-shot:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#0a0a0b80);position:absolute;top:0;bottom:0;left:0;right:0}.civ-shot--hero:after{background:linear-gradient(#0000 65%,#0a0a0b8c)}.civ-metrics{grid-template-columns:repeat(4,1fr);gap:.75rem;margin:0 0 clamp(2.4rem,5vw,3.6rem);padding:0;list-style:none;display:grid}.civ-metrics li{border:1px solid var(--line);flex-direction:column;gap:.35rem;padding:1rem 1.1rem;display:flex}.civ-metrics strong{letter-spacing:-.03em;color:var(--fg);font-size:clamp(1.4rem,2.8vw,2.1rem)}.civ-metrics span{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-faint);font-size:.7rem}.civ-body{grid-template-columns:1.5fr 1fr;align-items:start;gap:clamp(2rem,5vw,4.5rem);display:grid}.civ-features{flex-direction:column;display:flex}.civ-feature{border-top:1px solid var(--line-soft);grid-template-columns:auto 1fr;gap:1.1rem;padding:1.35rem 0;display:grid}.civ-feature:last-child{border-bottom:1px solid var(--line-soft)}.civ-fnum{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent);padding-top:.25rem;font-size:.78rem}.civ-ftitle{letter-spacing:-.01em;margin:0 0 .4rem;font-size:1.02rem;font-weight:700}.civ-fdesc{color:var(--fg-dim);margin:0;font-size:.95rem;line-height:1.7}.civ-side{border:1px solid var(--line);background:var(--bg-soft);padding:1.6rem;position:sticky;top:6rem}.civ-cta{flex-wrap:wrap;gap:.75rem;margin-bottom:1.8rem;display:flex}.civ-sub{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-faint);margin:0 0 .6rem;font-size:.72rem}.civ-tech{color:var(--fg-dim);margin:0 0 1.2rem;font-size:.86rem;line-height:1.7}.civ-note{border-top:1px solid var(--line-soft);color:var(--fg-faint);margin:0;padding-top:1.2rem;font-size:.82rem;line-height:1.7}@media (max-width:980px){.civ-grid{grid-template-columns:repeat(2,1fr)}.civ-shot--hero{grid-area:span 1/span 2}.civ-body{grid-template-columns:1fr}.civ-side{position:static}}@media (max-width:560px){.civ-metrics{grid-template-columns:repeat(2,1fr)}.civ-grid{gap:.5rem}}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}:lang(zh-CN) .title{letter-spacing:-.01em;font-size:clamp(2.15rem,6.4vw,5.1rem);line-height:1.08}:lang(zh-CN) .lede{font-size:clamp(.98rem,1.32vw,1.12rem);line-height:1.75}:lang(zh-CN) .section-head h2{font-size:clamp(1.7rem,3.9vw,2.85rem)}:lang(zh-CN) .work-intro h2{font-size:clamp(1.3rem,2.4vw,1.85rem)}:lang(zh-CN) .work-name{font-size:clamp(1.9rem,4.1vw,2.9rem)}:lang(zh-CN) .work-desc{line-height:1.85}@media (max-width:820px),(prefers-reduced-motion:reduce){.work-sticky{height:auto;position:static}.work-track{flex-direction:column;height:auto}.work-panel{min-height:100svh;padding:6rem var(--pad) 4rem;border-right:none;border-bottom:1px solid var(--line-soft);flex:none}.work-grid{-webkit-mask-image:radial-gradient(90% 80% at 50% 40%,#000 30%,#0000 80%);mask-image:radial-gradient(90% 80% at 50% 40%,#000 30%,#0000 80%)}.work-progress{display:none}}@media (max-width:780px){.about-grid{grid-template-columns:1fr}.cursor-glow{display:none}.topbar{gap:.75rem;padding-left:1.1rem;padding-right:1.1rem}.nav{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;gap:1rem;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{white-space:nowrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}