@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap";:root{--bg: #000000;--bg-soft: #0A0A0C;--surface: #111114;--ink: #FFFFFF;--ink-secondary: #C8C8CC;--ink-muted: #6B6B72;--ink-faint: #353539;--accent: #1E40FF;--accent-bright: #4D6FFF;--accent-deep: #0F1E80;--accent-glow: rgba(30, 64, 255, .35);--line: #1F1F23;--font-display: "DengXian", "等线", "Outfit", "Noto Sans SC", system-ui, sans-serif;--font-sans: "DengXian", "等线", "Outfit", "Noto Sans SC", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 120px;--s-11: 160px;--sidebar-width: 280px;--content-max: 880px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--duration: .35s;--duration-slow: .6s}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:16px;font-weight:400;line-height:1.6;background:var(--bg);color:var(--ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-wrap:pretty;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color var(--duration) var(--ease)}img{max-width:100%;display:block}button{background:none;border:none;color:inherit;font:inherit;cursor:pointer}::selection{background:var(--accent);color:var(--ink)}.display-xl{font-family:var(--font-display);font-weight:900;font-size:clamp(72px,14vw,180px);line-height:.9;letter-spacing:-.04em;color:var(--ink)}.display-lg{font-family:var(--font-display);font-weight:800;font-size:clamp(44px,7vw,96px);line-height:.95;letter-spacing:-.03em}.display-md{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4vw,44px);line-height:1.05;letter-spacing:-.02em}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-bright)}.lead{font-family:var(--font-display);font-size:clamp(15px,1.8vw,22px);line-height:1.5;color:var(--ink-secondary);font-weight:400}.mono{font-family:var(--font-mono)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;color:var(--ink)}h2{font-size:clamp(22px,3vw,36px);line-height:1.1;letter-spacing:-.01em}h3{font-size:20px;line-height:1.2}p{color:var(--ink-secondary)}p+p{margin-top:var(--s-4)}.shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;position:relative}.sidebar{background:var(--bg);border-right:1px solid var(--line);padding:var(--s-7) var(--s-6);display:flex;flex-direction:column;gap:var(--s-6);position:sticky;top:0;height:100vh;z-index:10}.content{padding:var(--s-9) var(--s-8) var(--s-11);position:relative;overflow:hidden}.bg-diagonal{position:absolute;top:4%;right:-8%;width:60%;height:92%;background:var(--accent);clip-path:polygon(15% 0,100% 0,85% 100%,0% 100%);opacity:.95;pointer-events:none;z-index:0}.bg-diagonal--small{width:32%;right:-3%;top:8%;height:60%}.content>*{position:relative;z-index:1}.page-corner{position:fixed;bottom:var(--s-5);right:var(--s-6);font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--ink-muted);pointer-events:none;z-index:100;mix-blend-mode:difference;color:#fff}.sidebar__avatar-wrap{position:relative;width:140px;transform:rotate(-3deg);transition:transform var(--duration-slow) var(--ease-out)}.sidebar__avatar-wrap:hover{transform:rotate(0)}.sidebar__avatar-wrap:after{content:"";position:absolute;inset:-8px;border:1px solid var(--accent);z-index:-1;transform:translate(8px,8px);transition:transform var(--duration) var(--ease)}.sidebar__avatar-wrap:hover:after{transform:translate(4px,4px)}.sidebar__avatar{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;filter:contrast(1.05)}.sidebar__name-block{display:block;position:relative;padding-top:var(--s-5)}.sidebar__name-block:before{content:"";position:absolute;top:0;left:0;width:24px;height:2px;background:var(--accent);transition:width var(--duration) var(--ease)}.sidebar__name-block:hover:before{width:48px}.sidebar__name{font-family:var(--font-display);font-size:36px;font-weight:700;letter-spacing:-.01em;line-height:1;color:var(--ink)}.nav{display:flex;flex-direction:column;gap:0}.nav__item{position:relative;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-2) var(--s-3) 0;font-family:var(--font-sans);font-weight:500;font-size:14px;letter-spacing:.05em;color:var(--ink-secondary);text-transform:uppercase;transition:all var(--duration) var(--ease);overflow:hidden}.nav__item:before{content:"";position:absolute;inset:0;background:var(--accent);transform:translate(-100%);transition:transform var(--duration) var(--ease-out);z-index:-1}.nav__item:hover{color:var(--ink);padding-left:var(--s-3)}.nav__item:hover:before{transform:translate(0)}.nav__item--active{color:var(--ink);padding-left:var(--s-3);font-weight:600}.nav__item--active:before{transform:translate(0)}.nav__num{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;color:var(--ink-muted);min-width:22px}.nav__item--active .nav__num,.nav__item:hover .nav__num{color:#ffffffb3}.sidebar__footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--s-4)}.sidebar__social{display:flex;gap:var(--s-4)}.sidebar__social a{width:22px;height:22px;color:var(--ink-muted);transition:color var(--duration) var(--ease);display:inline-flex;align-items:center;justify-content:center}.sidebar__social a svg{width:100%;height:100%}.sidebar__social a:hover{color:var(--accent-bright)}.sidebar__copy{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--ink-faint)}.hero{position:relative;min-height:65vh;display:flex;flex-direction:column;justify-content:center;padding:var(--s-7) 0}.hero__eyebrow{margin-bottom:var(--s-5)}.tile-collage{position:absolute;top:-4%;right:-3%;width:64%;height:110%;pointer-events:none;z-index:0;transform:translate(-90px,20px)}.tile{--rotate: 0deg;--fall-delay: 0ms;--fall-duration: 1.3s;position:absolute;background:var(--surface);overflow:hidden;box-shadow:0 30px 80px #000000a6;transform:rotate(var(--rotate));animation:tile-fall var(--fall-duration) cubic-bezier(.22,1,.36,1) var(--fall-delay) both;will-change:transform,opacity}.tile img{width:100%;height:100%;object-fit:cover}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 55%,rgba(0,0,0,.45));pointer-events:none}@keyframes tile-fall{0%{transform:rotate(var(--rotate)) scale(1.8);opacity:0}20%{opacity:1}to{transform:rotate(var(--rotate)) scale(1);opacity:1}}.tile--portrait{--rotate: -3deg;--fall-delay: 1s;--fall-duration: .9s;top:22%;right:22%;width:28%;aspect-ratio:3/4;z-index:10;box-shadow:0 35px 100px #000000b3}.tile--slowfast{--rotate: 11deg;--fall-delay: .5s;--fall-duration: 1.2s;top:60%;right:30%;width:22%;aspect-ratio:1/1;z-index:7;opacity:.95}.tile--ash{--rotate: 9deg;--fall-delay: .6s;--fall-duration: 1.1s;top:2%;right:10%;width:26%;aspect-ratio:4/3;z-index:8}.tile--debug{--rotate: -7deg;--fall-delay: .3s;--fall-duration: 1.3s;top:10%;right:-2%;width:22%;aspect-ratio:4/3;z-index:6}.tile--boat{--rotate: 8deg;--fall-delay: .9s;--fall-duration: .95s;top:36%;right:-2%;width:26%;aspect-ratio:4/3;z-index:9}.tile--miner{--rotate: 13deg;--fall-delay: .8s;--fall-duration: 1s;top:44%;right:38%;width:22%;aspect-ratio:1/1;z-index:9}.tile--midnight{--rotate: -9deg;--fall-delay: .7s;--fall-duration: 1.05s;top:56%;right:8%;width:26%;aspect-ratio:4/3;z-index:8}.tile--otb{--rotate: -12deg;--fall-delay: .4s;--fall-duration: 1.25s;top:6%;right:36%;width:22%;aspect-ratio:1/1;z-index:6;opacity:.95}.section{margin-top:var(--s-10);position:relative}.section__head{display:flex;align-items:baseline;gap:var(--s-4);margin-bottom:var(--s-6);padding-bottom:var(--s-3);border-bottom:1px solid var(--line)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-7);margin-top:var(--s-5)}.pull-quote{margin:var(--s-9) 0;padding:var(--s-5) var(--s-6);border-left:3px solid var(--accent);background:var(--bg-soft);font-family:var(--font-display);font-weight:500;font-size:clamp(20px,2.5vw,32px);line-height:1.5;color:var(--ink);position:relative}.pull-quote:before{content:'"';position:absolute;top:-20px;left:var(--s-5);font-family:var(--font-display);font-size:80px;line-height:1;color:var(--accent);font-style:normal}.pull-quote__attr{display:block;margin-top:var(--s-3);font-family:var(--font-mono);font-size:11px;font-style:normal;letter-spacing:.18em;color:var(--ink-muted);text-transform:uppercase}.stagger-pop{animation:tile-pop .9s cubic-bezier(.34,1.56,.64,1) var(--pop-delay, 0ms) backwards}@keyframes tile-pop{0%{opacity:0;transform:translateY(30px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.stagger-slide-left{animation:slide-in-left .9s cubic-bezier(.22,1,.36,1) var(--pop-delay, 0ms) backwards}@keyframes slide-in-left{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}.stagger-fade{animation:fade-lift .9s cubic-bezier(.22,1,.36,1) var(--pop-delay, 0ms) backwards}@keyframes fade-lift{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp var(--duration-slow) var(--ease-out) both}.fade-up--1{animation-delay:.05s}.fade-up--2{animation-delay:.15s}.fade-up--3{animation-delay:.25s}.fade-up--4{animation-delay:.35s}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.slide-in-right{animation:slideInRight var(--duration-slow) var(--ease-out) both}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes wipeIn{0%{clip-path:polygon(35% 0,35% 0,35% 100%,0% 100%)}to{clip-path:polygon(35% 0,100% 0,100% 100%,0% 100%)}}.bg-diagonal{animation:wipeIn .8s var(--ease-out) both}.project-bg{position:absolute;top:0;left:0;right:0;height:640px;z-index:0;pointer-events:none;background-size:cover;background-position:center top;opacity:.5;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 20%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 20%,transparent 100%)}.project{max-width:880px;margin:0 auto;padding:var(--s-5) 0 var(--s-9);position:relative;z-index:1}.project__intro{font-family:var(--font-display);font-size:16px;line-height:1.85;color:var(--ink-secondary);margin-top:var(--s-5);max-width:720px}.project__video{position:relative;width:100%;padding-bottom:56.25%;margin:var(--s-7) 0;background:var(--bg-soft);border:1px solid var(--line);overflow:hidden}.project__video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.project__docs{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4);margin:var(--s-5) 0}.project__doc{display:block;border:1px solid var(--line);overflow:hidden;text-decoration:none;transition:transform var(--duration) var(--ease),border-color var(--duration) var(--ease)}.project__doc:hover{border-color:var(--accent-bright);transform:translateY(-2px)}.project__doc img{width:100%;height:auto;display:block}.project__doc-cap{display:block;padding:var(--s-3) var(--s-4);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--ink-muted);background:var(--bg-soft);border-top:1px solid var(--line)}@media(max-width:700px){.project__docs{grid-template-columns:1fr}}.project__concept{display:flex;gap:var(--s-3);overflow-x:auto;padding:var(--s-2) 0 var(--s-4);margin:var(--s-4) 0;scrollbar-width:thin;scrollbar-color:var(--ink-faint) transparent}.project__concept::-webkit-scrollbar{height:6px}.project__concept::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:3px}.project__concept-item{flex:0 0 auto;width:160px;border:1px solid var(--line);overflow:hidden;transition:transform var(--duration) var(--ease),border-color var(--duration) var(--ease);background:var(--bg-soft)}.project__concept-item:hover{border-color:var(--accent-bright);transform:translateY(-2px)}.project__concept-item img{width:100%;height:226px;object-fit:cover;object-position:center top;display:block}.project__concept-item-cap{display:block;padding:var(--s-2) var(--s-3);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--ink-muted);border-top:1px solid var(--line);text-align:center}.project__engineering{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--s-5);align-items:center;margin:var(--s-4) 0}.project__engineering-img{border:1px solid var(--line);overflow:hidden}.project__engineering-img img{width:100%;height:auto;display:block}.project__engineering-note{font-family:var(--font-display);font-size:15px;line-height:1.7;color:var(--ink-secondary)}.project__engineering-note strong{color:var(--ink)}@media(max-width:700px){.project__engineering{grid-template-columns:1fr}}.lightbox{position:fixed;inset:0;background:#000000eb;z-index:1000;display:none;align-items:center;justify-content:center;padding:var(--s-7);animation:lightboxFade .2s var(--ease-out)}.lightbox.is-open{display:flex}@keyframes lightboxFade{0%{opacity:0}to{opacity:1}}.lightbox__figure{max-width:92vw;max-height:88vh;display:flex;flex-direction:column;align-items:center;margin:0}.lightbox__img{max-width:100%;max-height:80vh;object-fit:contain;display:block}.lightbox__caption{font-family:var(--font-mono);font-size:12px;color:var(--ink-secondary);margin-top:var(--s-3);letter-spacing:.12em;text-align:center;text-transform:uppercase}.lightbox__close,.lightbox__nav{position:fixed;background:#0006;border:1px solid var(--ink-faint);color:var(--ink);cursor:pointer;transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease);font-family:var(--font-display);line-height:1;display:flex;align-items:center;justify-content:center}.lightbox__close:hover,.lightbox__nav:hover{background:var(--accent);border-color:var(--accent)}.lightbox__close{top:var(--s-5);right:var(--s-5);width:44px;height:44px;font-size:28px;font-weight:300}.lightbox__zoom{position:fixed;top:var(--s-5);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--s-2);background:#00000080;border:1px solid var(--ink-faint);padding:var(--s-2) var(--s-3);z-index:1}.lightbox__zoom-btn{width:32px;height:32px;background:transparent;border:1px solid var(--ink-faint);color:var(--ink);cursor:pointer;font-family:var(--font-display);font-size:18px;font-weight:300;line-height:1;display:flex;align-items:center;justify-content:center;transition:all var(--duration) var(--ease);padding:0}.lightbox__zoom-btn:hover{background:var(--accent);border-color:var(--accent)}.lightbox__zoom-reset{font-size:16px}.lightbox__zoom-level{font-family:var(--font-mono);font-size:12px;color:var(--ink-secondary);letter-spacing:.08em;min-width:46px;text-align:center}.lightbox__nav{top:50%;transform:translateY(-50%);width:56px;height:56px;font-size:36px;font-weight:300}.lightbox__prev{left:var(--s-5)}.lightbox__next{right:var(--s-5)}.lightbox__counter{position:fixed;bottom:var(--s-5);left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:12px;color:var(--ink-muted);letter-spacing:.15em}@media(max-width:700px){.lightbox__close,.lightbox__nav{width:40px;height:40px;font-size:24px}.lightbox__nav{top:auto;bottom:var(--s-7);transform:none}.lightbox__prev{left:var(--s-3)}.lightbox__next{right:var(--s-3)}}.project__back{display:inline-block;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;color:var(--ink-muted);text-transform:uppercase;margin-bottom:var(--s-6);transition:color var(--duration) var(--ease)}.project__back:hover{color:var(--accent-bright)}.project__head{margin-bottom:var(--s-7)}.project__eyebrow{margin-bottom:var(--s-4);font-size:12px}.project__title{font-family:var(--font-display);font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--ink);margin-bottom:var(--s-3)}.project__subtitle{font-family:var(--font-display);font-size:clamp(15px,1.7vw,20px);color:var(--ink-secondary);font-weight:400;line-height:1.5}.project__cover{margin:var(--s-6) 0 var(--s-7);border:1px solid var(--line);overflow:hidden;background:var(--bg-soft)}.project__cover img{width:100%;height:auto;display:block}.project__cover--solid{height:360px;background:linear-gradient(135deg,#7e2a24,#4a1815)}.project__body{line-height:1.85}.project__body p{font-family:var(--font-display);font-size:16px;line-height:1.85;color:var(--ink-secondary);margin-bottom:var(--s-4)}.project__body h2{font-family:var(--font-display);font-size:clamp(20px,2.2vw,26px);font-weight:700;color:var(--ink);margin-top:var(--s-8);margin-bottom:var(--s-4);padding-bottom:var(--s-3);border-bottom:1px solid var(--line)}.project__body>h2:first-child{margin-top:0}.project__body h3{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--ink);margin-top:var(--s-6);margin-bottom:var(--s-3)}.project__body strong{color:var(--ink);font-weight:600}.project__body .project__role{font-family:var(--font-mono);font-size:13px;color:var(--ink-secondary);letter-spacing:.05em}.project__principles{list-style:none;padding:0;margin:var(--s-4) 0}.project__principles li{font-family:var(--font-display);font-size:16px;line-height:1.6;color:var(--ink-secondary);padding:var(--s-3) 0;border-bottom:1px dashed var(--line)}.project__principles li:last-child{border-bottom:none}.project__principles li strong{color:var(--accent-bright)}.project__iter{width:100%;border-collapse:collapse;margin:var(--s-4) 0;font-family:var(--font-display);font-size:15px}.project__iter th,.project__iter td{padding:var(--s-3) var(--s-4);text-align:left;border-bottom:1px solid var(--line);color:var(--ink-secondary)}.project__iter th{font-size:11px;font-family:var(--font-mono);letter-spacing:.15em;color:var(--ink-muted);text-transform:uppercase;font-weight:500;border-bottom-color:var(--accent-bright)}.project__iter tbody tr:last-child td{border-bottom:none}.project__body .project__aside{font-family:var(--font-display);font-style:italic;font-size:14px;color:var(--ink-muted);margin:var(--s-3) 0 var(--s-5)}.project__body .project__principle-out{margin:var(--s-5) 0 0;padding:var(--s-4) var(--s-5);background:var(--bg-soft);border-left:3px solid var(--accent-bright);color:var(--ink);font-size:16px}.project__placeholder{padding:var(--s-7) var(--s-6);border:1px dashed var(--line);text-align:center;color:var(--ink-muted);font-family:var(--font-mono);font-size:13px;letter-spacing:.1em}.project__foot{margin-top:var(--s-8);padding-top:var(--s-5);border-top:1px solid var(--line)}@view-transition{navigation:auto}::view-transition-old(root){animation:fadeOut .25s var(--ease-in) both}::view-transition-new(root){animation:fadeIn .4s var(--ease-out) both}@keyframes fadeOut{to{opacity:0}}@keyframes fadeIn{0%{opacity:0}}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--line);padding:var(--s-5);flex-direction:row;gap:var(--s-4);align-items:center;flex-wrap:wrap}.sidebar__avatar-wrap{width:80px}.sidebar__name{font-size:22px}.sidebar__tagline{display:none}.nav{flex-direction:row;gap:var(--s-3);flex-wrap:wrap;width:100%;margin-top:var(--s-3)}.nav__item{padding:var(--s-2) var(--s-3);font-size:12px}.sidebar__footer{display:none}.content{padding:var(--s-6)}.two-col{grid-template-columns:1fr;gap:var(--s-5)}.tile-collage,.bg-diagonal,.page-corner{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}