:root{color-scheme:light;--page:#f8f7f3;--surface:#f0eee7;--paper:#fcfbf8;--ink:#252a28;--muted:#737770;--line:#deded5;--accent:#b95031;--accent-soft:#f3e5da;--focus:#ad462a;--mono:"Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--sans:"Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}:root[data-theme=dark]{color-scheme:dark;--page:#1c201e;--surface:#252b27;--paper:#202622;--ink:#e6e7dd;--muted:#a1a99f;--line:#3d443e;--accent:#e7a082;--accent-soft:#3e3029;--focus:#efb39a}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:var(--page);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.8}::selection{background:var(--accent-soft);color:var(--accent)}a{color:inherit;text-underline-offset:5px;text-decoration:none}a:hover{color:var(--accent)}button,input{font:inherit}button,input[type=range]{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--focus);outline-offset:5px}h1,h2,h3,p,ul,ol,figure{margin:0}h1,h2,h3{font-weight:600;line-height:1.45}svg{max-width:100%;display:block}img{max-width:100%;height:auto}.shell{width:min(1120px,100% - 96px);margin-inline:auto}.mono,.eyebrow,.section-number{font-family:var(--mono)}.accent{color:var(--accent)}.muted{color:var(--muted)}.skip-link{z-index:10;background:var(--ink);color:var(--page);padding:10px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--line);align-items:center;gap:40px;min-height:107px;display:flex}.brand{align-items:center;gap:12px;margin-right:auto;display:flex}.brand-mark{width:36px;height:36px;color:var(--accent)}.brand-name{letter-spacing:-.7px;font-size:23px;font-weight:650;line-height:1.3}.brand-subtitle{letter-spacing:1px;color:var(--muted);margin-top:4px;font-size:10px;font-weight:400;display:block}.site-nav{gap:30px;font-size:14px;display:flex}.site-nav a{padding-block:10px;position:relative}.site-nav a[aria-current=page]{color:var(--accent)}.site-nav a[aria-current=page]:after{background:var(--accent);content:"";border-radius:50%;width:4px;height:4px;position:absolute;bottom:1px;left:calc(50% - 2px)}.header-actions{align-items:center;gap:18px;display:flex}.theme-toggle{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:0 0;border-radius:50%;place-items:center;padding:8px;display:grid}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.theme-toggle .sun-icon,[data-theme=dark] .theme-toggle .moon-icon{display:none}[data-theme=dark] .theme-toggle .sun-icon{display:block}.contact-link{font-size:13px}.contact-link span{color:var(--accent);margin-left:7px}.eyebrow{color:var(--muted);letter-spacing:1.5px;font-size:11px;font-weight:400}.hero{padding-block:64px 56px}.hero-content{max-width:850px}.hero .eyebrow{margin-bottom:23px}.hero h1{letter-spacing:-1.1px;font-size:clamp(30px,3vw,43px);font-weight:600;line-height:1.6}.hero-description{max-width:760px;color:var(--ink);margin-top:22px;font-size:16px;line-height:2}.hero-greeting{color:var(--muted);margin-top:12px;font-size:15px;line-height:1.9}.hero-experience{max-width:760px;color:var(--muted);margin-top:9px;font-size:14px;line-height:2}.hero-links{align-items:center;gap:29px;margin-top:29px;font-size:13px;display:flex}.text-link{align-items:center;gap:15px;font-size:13px;display:inline-flex}.text-link.primary{border-bottom:1px solid var(--accent);color:var(--accent);padding-bottom:4px}.text-link span{transition:transform .16s}.text-link:hover span{transform:translate(3px)}.gait-study{min-width:0;padding-top:10px}.diagram-topline{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:10px;line-height:1.5;display:flex}.diagram-topline .mono{letter-spacing:1px;font-size:9px}.live-dot{font-family:var(--mono);align-items:center;gap:6px;display:inline-flex}.live-dot:before{background:var(--accent);content:"";border-radius:50%;width:5px;height:5px}.gait-svg{width:100%;height:auto;color:var(--muted);margin-block:12px 2px}.diagram-muted{color:var(--muted);opacity:.6}.diagram-label{font-family:var(--mono), var(--sans);letter-spacing:.4px;color:var(--muted);font-size:10px}.ghost-leg{fill:none;stroke:var(--ink);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;opacity:.14}.main-leg{fill:none;stroke:var(--ink);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.joint-root,.joint-knee{fill:var(--page);stroke:var(--ink);stroke-width:2.5px}.joint-ankle{fill:var(--accent);stroke:var(--page);stroke-width:2px}.foot-contact{stroke:var(--accent);stroke-width:5px;stroke-linecap:round}.gait-controls{border-block:1px solid var(--line);align-items:center;gap:14px;padding:13px 0;display:flex}.gait-toggle{border:1px solid var(--line);background:var(--paper);width:28px;height:28px;color:var(--accent);border-radius:50%;flex:0 0 28px;place-items:center;padding:0;font-size:9px;display:grid}.phase-control{color:var(--muted);flex:1;align-items:center;gap:16px;font-size:10px;display:flex}.phase-control span{flex-shrink:0}.phase-control input{width:100%;min-width:40px;height:4px;accent-color:var(--accent)}.gait-controls output{min-width:31px;color:var(--accent);font-size:11px}.diagram-caption{color:var(--muted);justify-content:space-between;gap:8px;margin-top:10px;font-size:9px;display:flex}.focus-grid{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:35px;padding-block:33px 38px;display:grid}.focus-item{padding-left:29px;position:relative}.focus-index{font-family:var(--mono);color:var(--accent);font-size:10px;position:absolute;top:2px;left:0}.focus-item h2,.focus-item h3{font-size:16px}.focus-item p{color:var(--muted);margin-top:9px;font-size:12px;line-height:1.95}.focus-item .focus-tags{font-family:var(--mono);letter-spacing:.3px;margin-top:12px;font-size:9px}.content-section{padding-top:62px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.section-number{color:var(--muted);letter-spacing:1.3px;margin-bottom:9px;font-size:10px;display:block}.section-heading h2{letter-spacing:-.5px;font-size:25px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;display:grid}.project-card{min-width:0}.project-card-featured{border-bottom:1px solid var(--line);grid-column:1/-1;grid-template-columns:1.15fr 1fr;align-items:center;gap:34px;padding-bottom:32px;display:grid}.project-card-featured .project-card-body{padding-top:0}.project-cover{background:var(--surface);position:relative}.project-cover img{aspect-ratio:16/9;width:100%;height:auto;display:block}.project-cover-label{color:#fff;letter-spacing:1px;background:#202622dd;border:1px solid #fff5;border-radius:2px;padding:4px 8px;font-size:9px;position:absolute;bottom:15px;left:17px}.project-demo-link{margin-top:22px}.project-card-art{border:1px solid var(--line);border-radius:4px;transition:border-color .16s;display:block;overflow:hidden}.project-card:hover .project-card-art{border-color:var(--accent)}.project-diagram{background:var(--surface);color:var(--ink);padding:18px 22px 8px}.project-diagram svg{width:100%;height:auto}.diagram-guide{color:var(--muted);opacity:.65}.diagram-large{border:1px solid var(--line);border-radius:4px;padding:24px 30px 8px}.diagram-large svg{max-height:360px;margin:auto}.project-card-body{padding-top:22px}.project-card .eyebrow{font-family:var(--sans);letter-spacing:1px;font-size:10px}.project-card h3{margin-top:6px;font-size:23px}.project-card h3 a{justify-content:space-between;align-items:center;display:flex}.project-card h3 span{color:var(--muted);font-size:20px;font-weight:400}.project-english{color:var(--muted);margin-top:5px;font-size:10px}.project-summary{color:var(--muted);margin-top:16px;font-size:13px;line-height:1.95}.tags{flex-wrap:wrap;gap:7px;margin-top:18px;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--line);color:var(--muted);font-family:var(--mono);border-radius:3px;padding:2px 8px;font-size:9px}.notes-panel{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-block:32px;display:grid}.notes-panel h3{font-size:22px;line-height:1.7}.notes-panel p{color:var(--muted);margin-bottom:16px;font-size:13px;line-height:2}.article-list{border-top:1px solid var(--line);padding:0;list-style:none}.article-row{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr 24px;align-items:baseline;gap:24px;padding-block:25px;display:grid}.article-row time{color:var(--muted);font-family:var(--mono);font-size:11px}.article-row h2,.article-row h3{font-size:19px}.article-row p{color:var(--muted);margin-top:7px;font-size:13px}.contact-section{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-top:62px;padding:31px 0;display:flex}.contact-section h2{font-size:19px}.contact-section p{color:var(--muted);margin-top:5px;font-size:12px}.site-footer{border-top:1px solid var(--line);justify-content:space-between;gap:30px;margin-top:54px;padding-block:33px;display:flex}.footer-brand{font-size:20px;font-weight:650}.site-footer p,.footer-meta{color:var(--muted);font-size:10px}.site-footer p{margin-top:4px}.footer-meta{text-align:right}.footer-meta div{font-family:var(--mono);color:var(--ink);justify-content:flex-end;gap:22px;margin-bottom:10px;font-size:11px;display:flex}.page-intro{max-width:760px;padding-block:65px 43px}.page-intro h1{letter-spacing:-1px;margin-top:15px;font-size:clamp(31px,4vw,43px)}.page-intro>p:last-child{color:var(--muted);margin-top:19px;font-size:15px;line-height:2}.page-projects .page-intro,.about-page .page-intro{padding-block:42px 28px}.page-projects .page-intro h1,.about-page .page-intro h1{margin-top:0}.page-projects .project-grid{padding-bottom:25px}.page-note{border-top:1px solid var(--line);color:var(--muted);margin-top:41px;padding-top:23px;font-size:12px}.empty-state{border:1px solid var(--line);background:var(--paper);border-radius:4px;grid-template-columns:70px 1fr;gap:27px;padding:37px;display:grid}.empty-icon{width:56px;height:64px;color:var(--accent)}.empty-state h2{font-size:22px}.empty-state p{max-width:640px;color:var(--muted);margin-top:11px;margin-bottom:16px;font-size:14px}.article-focus{margin-top:54px}.article-focus .focus-grid{margin-top:22px}.about-layout{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:90px;display:grid}.about-section{margin-bottom:47px}.about-section h2{margin-bottom:20px;font-size:24px}.about-section>p{color:var(--muted);margin-bottom:15px;font-size:15px;line-height:2.05}.career-item{border-left:1px solid var(--line);padding:0 0 30px 25px;position:relative}.career-item:before{background:var(--accent);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:8px;left:-4px}.career-item:last-child{padding-bottom:0}.career-period{color:var(--muted);font-family:var(--mono);margin-bottom:5px;font-size:11px}.career-item h3{font-size:18px}.career-focus{color:var(--accent);margin-top:5px;font-size:12px}.about-aside{padding-top:4px;position:sticky;top:30px}.profile-monogram{border:1px solid var(--line);background:var(--surface);width:100px;height:110px;color:var(--accent);border-radius:50px 50px 8px 8px;place-items:center;margin-bottom:24px;font-family:Georgia,serif;font-size:52px;font-style:italic;display:grid}.about-aside h2{font-size:23px}.about-aside .role{color:var(--muted);margin-block:6px 22px;font-size:12px}.about-aside .tags{margin-bottom:24px}.about-aside a{overflow-wrap:anywhere;font-size:12px}.education-item{border-top:1px solid var(--line);padding-block:18px}.education-item h3{font-size:16px}.education-item p{color:var(--muted);margin-top:5px;font-size:12px}.back-link{color:var(--muted);margin-top:39px;font-size:12px;display:inline-block}.detail-header{padding-top:30px;padding-bottom:35px}.detail-header h1{margin-top:13px;font-size:clamp(30px,4vw,43px)}.detail-header .lead{max-width:750px;color:var(--muted);margin-top:20px;font-size:16px;line-height:2}.detail-header .project-english{margin-top:9px;font-size:12px}.article-meta{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:18px;font-size:12px;display:flex}.article-layout{grid-template-columns:minmax(0,760px) 200px;align-items:start;gap:70px;margin-top:49px;display:grid}.prose{overflow-wrap:break-word;min-width:0;font-size:17px;line-height:1.95}.prose h2{margin-top:43px;margin-bottom:18px;scroll-margin-top:30px;font-size:26px}.prose h2:first-child{margin-top:0}.prose h3{margin-top:30px;margin-bottom:14px;font-size:21px}.prose p{color:var(--muted);margin-bottom:20px}.prose ul,.prose ol{color:var(--muted);margin-block:18px 25px;padding-left:25px}.prose li+li{margin-top:8px}.prose a{color:var(--accent);text-decoration:underline}.prose code{background:var(--surface);font-family:var(--mono);border-radius:3px;padding:2px 5px;font-size:.85em}.prose pre{border:1px solid var(--line);white-space:pre;tab-size:4;border-radius:4px;padding:45px 20px 20px;font-size:13px;line-height:1.8;position:relative;overflow:auto}.prose pre code{font-size:inherit;background:0 0;padding:0}[data-theme=dark] .astro-code,[data-theme=dark] .astro-code span{background-color:var(--shiki-dark-bg)!important;color:var(--shiki-dark)!important}.copy-code{border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:3px;padding:3px 8px;font-size:11px;position:absolute;top:10px;right:12px}.prose table{border-collapse:collapse;max-width:100%;margin-bottom:24px;font-size:14px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:10px 16px}.prose blockquote{border-left:2px solid var(--accent);background:var(--surface);margin:24px 0;padding:15px 22px}.prose blockquote p:last-child{margin-bottom:0}.toc{border-left:1px solid var(--line);padding-left:21px;position:sticky;top:30px}.toc h2{margin-bottom:15px;font-size:12px;font-weight:500}.toc ol{padding:0;list-style:none}.toc li{color:var(--muted);margin-bottom:11px;font-size:11px;line-height:1.8}.detail-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:22px}.archive-section{margin-bottom:44px}.archive-section h2{margin-bottom:19px;font-size:21px}.archive-list{border-top:1px solid var(--line);padding:0;list-style:none}.archive-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:25px;padding-block:19px;display:flex}.archive-list span,.archive-list time{color:var(--muted);font-size:11px}.not-found{text-align:center;padding-block:100px}.not-found h1{margin-block:13px 20px;font-size:35px}.not-found>p{color:var(--muted);margin-bottom:25px;font-size:14px}@media (width<=1000px){.shell{width:calc(100% - 64px)}.site-header{gap:26px}.site-nav{gap:23px}.hero{padding-block:55px}.hero h1{font-size:33px}.hero-description{font-size:15px}.focus-grid{gap:22px}.focus-item{padding-left:24px}.about-layout,.article-layout{grid-template-columns:minmax(0,1fr) 190px;gap:40px}}@media (width<=760px){.shell{width:calc(100% - 40px)}.site-header{flex-wrap:wrap;gap:0;padding-top:23px;padding-bottom:16px}.brand{flex:1}.site-nav{order:3;justify-content:space-between;width:100%;margin-top:18px;padding-right:5px;font-size:13px}.header-actions{gap:15px}.contact-link{font-size:11px}.brand-name{font-size:21px}.hero{padding-block:43px 35px}.hero h1{font-size:clamp(29px,6.5vw,42px);line-height:1.65}.hero-description{max-width:580px;font-size:14px}.hero-experience{font-size:13px}.hero .eyebrow{margin-bottom:19px;font-size:10px}.gait-study{width:min(100%,480px);margin-inline:auto}.focus-grid{grid-template-columns:1fr;gap:26px;padding-block:28px}.focus-item{padding-left:33px}.focus-item p{max-width:540px;font-size:13px}.content-section{padding-top:43px}.section-heading{margin-bottom:22px}.section-heading h2{font-size:23px}.section-heading .text-link{gap:9px;font-size:11px}.project-grid{grid-template-columns:1fr;gap:38px}.project-card-featured{grid-template-columns:1fr;gap:22px}.project-card h3{font-size:22px}.project-diagram{padding:17px 17px 8px}.notes-panel{grid-template-columns:1fr;gap:17px;padding-block:25px}.notes-panel h3{font-size:21px}.contact-section{align-items:flex-start;margin-top:32px}.contact-section h2{font-size:17px}.contact-section .text-link{flex-shrink:0;gap:8px;margin-top:5px;font-size:11px}.site-footer{flex-direction:column;gap:24px;margin-top:32px;padding-block:27px}.footer-meta{text-align:left}.footer-meta div{justify-content:flex-start}.page-intro{padding-block:43px 32px}.page-intro>p:last-child{font-size:14px}.empty-state{grid-template-columns:1fr;gap:20px;padding:25px}.empty-state h2{font-size:21px}.empty-icon{width:35px;height:43px}.about-layout,.article-layout{grid-template-columns:1fr;gap:25px}.about-aside{border-top:1px solid var(--line);padding-top:25px;position:static}.toc{border:1px solid var(--line);border-radius:3px;order:-1;margin-bottom:10px;padding:18px 20px;position:static}.toc ol{flex-wrap:wrap;gap:9px 20px;display:flex}.toc li{margin:0}.prose{font-size:16px}.prose h2{font-size:23px}.detail-header .lead{font-size:14px}.article-row{grid-template-columns:1fr 18px;gap:10px}.article-row time,.article-row-label{grid-column:1/-1}.archive-list li{flex-wrap:wrap;gap:5px 16px}.archive-list a{font-size:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}