@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body,h1,h2,h3,p,figure,dl,dd,ol,ul{margin:0}ul,ol{padding:0}button,input{font:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}img,picture{max-width:100%;display:block}}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f5f5f2;--page-alt:#ecece8;--surface:#fff;--surface-soft:#efefeb;--surface-raised:#ffffffe0;--text:#111315;--text-soft:#303438;--muted:#686c70;--muted-strong:#50555a;--line:#1113151c;--line-strong:#11131530;--accent:#078b81;--accent-soft:#cbece7;--accent-ink:#055e58;--dark-panel:#111315;--dark-panel-soft:#1d2023;--dark-panel-text:#f6f6f2;--shadow-sm:0 10px 30px #16191c12;--shadow-md:0 24px 70px #16191c1a;--shadow-lg:0 40px 110px #16191c26;--radius-control:12px;--radius-button:14px;--radius-card:20px;--radius-container:28px;--radius-hero:32px;--shell:1240px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--duration-fast:.18s;--duration-medium:.38s;--duration-slow:.62s}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#090a0c;--page-alt:#0d0f11;--surface:#121416;--surface-soft:#17191c;--surface-raised:#121416db;--text:#f2f3ef;--text-soft:#d6d8d4;--muted:#9a9fa3;--muted-strong:#b4b8ba;--line:#ffffff1a;--line-strong:#ffffff2e;--accent:#70d8cd;--accent-soft:#143c39;--accent-ink:#a4eee7;--dark-panel:#f0f1ed;--dark-panel-soft:#e3e5e1;--dark-panel-text:#111315;--shadow-sm:0 12px 34px #00000038;--shadow-md:0 28px 76px #0000004d;--shadow-lg:0 48px 120px #00000061}}@layer base{body{background:var(--page);min-width:320px;min-height:100vh;color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;transition:background-color var(--duration-medium) var(--ease-standard), color var(--duration-medium) var(--ease-standard);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}body.menu-open{overflow:hidden}::selection{background:var(--accent-soft);color:var(--text)}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:var(--page)}::-webkit-scrollbar-thumb{border:3px solid var(--page);background:var(--line-strong);border-radius:999px}a{color:inherit;text-decoration:none}button,summary{color:inherit}button{border:0}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 72%, transparent);outline-offset:4px}.shell{width:min(calc(100% - 48px), var(--shell));margin-inline:auto}.section{padding-block:clamp(104px,11vw,176px);position:relative}[data-reveal]{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(24px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}html[lang=zh-CN] body{letter-spacing:.01em}html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] h3{letter-spacing:-.035em}html[lang=zh-CN] .hero h1{letter-spacing:-.055em;text-wrap:balance;font-size:clamp(3.25rem,5vw,5rem);line-height:.98}}@layer components{.welcome-hello-card{color:var(--text);isolation:isolate;grid-template-rows:auto minmax(250px,1fr) auto;display:grid}.welcome-hello-card>*{z-index:2;position:relative}.welcome-hello-card__header{color:var(--muted-strong);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;font-size:10px;font-weight:670;display:flex}.welcome-hello-card__status{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.welcome-hello-card__status i{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 11%, transparent);border-radius:50%}.welcome-hello-card__stage{contain:layout paint;place-items:center;min-height:250px;display:grid;overflow:hidden}.welcome-hello-card__stage:before{aspect-ratio:1;border:1px solid var(--line);content:"";opacity:.42;border-radius:50%;width:min(76%,360px);position:absolute;transform:scale(.78)}.welcome-word-shell{z-index:1;width:100%;color:var(--text);opacity:1;animation:welcome-word-enter .34s var(--ease-out) both;will-change:opacity, filter, transform;position:relative}.welcome-word-shell.is-exit{animation:welcome-word-exit var(--word-fade-duration) var(--ease-out) both}.welcome-word-svg{shape-rendering:geometricprecision;text-rendering:geometricprecision;width:100%;height:auto;display:block;overflow:visible}.welcome-mask-stroke{stroke-dasharray:1;stroke-dashoffset:1px;animation:welcome-stroke-draw var(--stroke-duration) var(--ease-out) var(--stroke-delay) both}.welcome-ink-stroke{stroke-dasharray:1;stroke-dashoffset:1px;opacity:.2;animation:welcome-stroke-draw var(--stroke-duration) var(--ease-out) var(--stroke-delay) both, welcome-guide-fade var(--final-ink-duration) var(--ease-out) var(--final-ink-delay) both}.welcome-word-svg__masked-ink,.welcome-word-svg__final-ink{fill:currentColor;font-weight:300}.welcome-word-svg__masked-ink{opacity:.92}.welcome-word-svg__final-ink{opacity:0;animation:welcome-final-ink var(--final-ink-duration) var(--ease-out) var(--final-ink-delay) both}.welcome-word-shell.is-settled{animation:none}.welcome-word-shell.is-settled .welcome-word-svg__final-ink,.welcome-hello-card.is-reduced .welcome-word-svg__final-ink{opacity:1;animation:none}.welcome-hello-card__footer{border-top:1px solid var(--line);gap:20px;padding-top:22px;display:grid}.welcome-hello-card__footer p{letter-spacing:-.045em;font-size:clamp(1.45rem,2.5vw,2rem);font-weight:670;line-height:1.05}.welcome-hello-card__copy>span{color:var(--muted);margin-top:9px;font-size:11px;line-height:1.55;display:block}.welcome-hello-card__tags{flex-wrap:wrap;gap:7px;display:flex}.welcome-hello-card__tags span{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 78%, transparent);color:var(--muted-strong);border-radius:999px;padding:7px 10px;font-size:9px;font-weight:610}.welcome-sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes welcome-stroke-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes welcome-final-ink{0%{opacity:0;filter:blur(2.2px)}to{opacity:1;filter:blur()}}@keyframes welcome-guide-fade{0%{opacity:.2}to{opacity:0}}@keyframes welcome-word-enter{0%{opacity:0;filter:blur(2px);transform:translateY(2px)scale(.998)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes welcome-word-exit{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(2px);transform:translateY(-2px)scale(.998)}}.scroll-progress{--scroll-progress:0;z-index:100;pointer-events:none;height:2px;position:fixed;inset:0 0 auto}.scroll-progress:after{background:var(--accent);content:"";width:100%;height:100%;transform:scaleX(var(--scroll-progress));transform-origin:0;display:block}.site-header{z-index:90;pointer-events:none;width:100%;padding:18px 24px;position:fixed;top:0}.floating-nav{pointer-events:auto;width:min(100%,1080px);min-height:58px;transition:width var(--duration-medium) var(--ease-out), max-width var(--duration-medium) var(--ease-out), background-color var(--duration-medium) var(--ease-standard), border-color var(--duration-medium) var(--ease-standard), box-shadow var(--duration-medium) var(--ease-standard);border:1px solid #0000;border-radius:999px;align-items:center;margin-inline:auto;padding:7px 9px 7px 14px;display:flex}.site-header.is-scrolled .floating-nav,.site-header.is-open .floating-nav{border-color:var(--line);background:var(--surface-raised);width:min(100%,960px);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%)}.brand{white-space:nowrap;align-items:center;gap:10px;min-height:42px;display:inline-flex}.brand__mark{background:var(--text);width:36px;height:36px;color:var(--page);letter-spacing:-.02em;transition:background-color var(--duration-medium), color var(--duration-medium);border-radius:11px;place-items:center;font-size:11px;font-weight:750;display:grid}.brand__name{letter-spacing:-.01em;font-size:13px;font-weight:680}.nav-panel{flex:1;justify-content:flex-end;align-items:center;gap:20px;display:flex}.nav-links,.nav-controls{align-items:center;display:flex}.nav-links{gap:4px}.nav-links a{min-height:40px;color:var(--muted-strong);transition:color var(--duration-fast), background-color var(--duration-fast);border-radius:999px;align-items:center;padding:0 13px;font-size:12px;font-weight:620;display:inline-flex;position:relative}.nav-links a:hover{color:var(--text);background:var(--surface-soft)}.nav-links a.is-active{color:var(--text)}.nav-links a.is-active:after{background:var(--accent);content:"";border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.nav-controls{border-left:1px solid var(--line);gap:7px;padding-left:10px}.icon-control,.language-control{border:1px solid var(--line);border-radius:var(--radius-control);cursor:pointer;min-width:42px;min-height:42px;transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast), border-color var(--duration-fast);background:0 0;justify-content:center;align-items:center;display:inline-flex}.icon-control:hover,.language-control:hover{border-color:var(--line-strong);background:var(--surface-soft)}.icon-control:active,.language-control:active,.button:active{transform:scale(.97)}.language-control{color:var(--text-soft);gap:6px;padding-inline:11px;font-size:11px;font-weight:680}.theme-control{position:relative}.theme-control__dot{border:1px solid var(--surface);background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;bottom:7px;right:7px}.mobile-menu-button{margin-left:auto;display:none}.button{border-radius:var(--radius-button);cursor:pointer;letter-spacing:-.01em;min-height:50px;transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast), border-color var(--duration-fast), box-shadow var(--duration-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:9px;padding:0 19px;font-size:13px;font-weight:680;display:inline-flex}.button--primary{background:var(--text);color:var(--page);box-shadow:0 10px 24px color-mix(in srgb, var(--text) 18%, transparent)}.button--primary:hover{box-shadow:0 15px 34px color-mix(in srgb, var(--text) 23%, transparent);transform:translateY(-2px)}.button--secondary{border-color:var(--line-strong);background:var(--surface)}.button--secondary:hover{border-color:var(--text);transform:translateY(-2px)}.button--inverted{background:var(--dark-panel-text);color:var(--dark-panel)}.button--ghost-inverted{border-color:color-mix(in srgb, var(--dark-panel-text) 24%, transparent);color:var(--dark-panel-text);background:0 0}.button--ghost-inverted:hover{border-color:color-mix(in srgb, var(--dark-panel-text) 46%, transparent);background:color-mix(in srgb, var(--dark-panel-text) 8%, transparent)}.section-heading{max-width:780px;margin-bottom:clamp(48px,6vw,80px)}.section-heading--center{text-align:center;margin-inline:auto}.section-kicker{color:var(--accent-ink);letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px;font-size:11px;font-weight:760}.section-heading h2,.contact-panel h2{letter-spacing:-.065em;max-width:820px;font-size:clamp(2.5rem,5vw,5rem);font-weight:680;line-height:.98}.section-intro{max-width:620px;color:var(--muted);margin-top:24px;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.6}.status-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent);border-radius:50%;flex:none;display:inline-block}}@layer sections{.hero{align-items:center;min-height:100svh;padding:132px 0 72px;display:flex;position:relative;overflow:hidden}.hero__ambient{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 12%, transparent), transparent 65%);pointer-events:none;border-radius:50%;width:min(72vw,1100px);position:absolute;top:-28%;right:-16%}.hero__layout{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;gap:clamp(56px,7vw,104px);display:grid}.hero__copy{z-index:1;max-width:760px;position:relative}.hero__eyebrow{color:var(--accent-ink);letter-spacing:.15em;text-transform:uppercase;margin-bottom:30px;font-size:11px;font-weight:760}.hero__name{color:var(--muted-strong);letter-spacing:-.025em;margin-bottom:16px;font-size:clamp(1rem,1.4vw,1.28rem);font-weight:620}.hero h1{letter-spacing:-.078em;max-width:820px;font-size:clamp(3.35rem,6.2vw,6.7rem);font-weight:680;line-height:.91}.hero__intro{max-width:650px;color:var(--muted);margin-top:32px;font-size:clamp(1.05rem,1.35vw,1.24rem);line-height:1.6}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.hero__availability{color:var(--muted-strong);align-items:center;gap:12px;margin-top:28px;font-size:12px;font-weight:560;display:flex}.hero-enter{animation:hero-enter .76s var(--ease-out) both}.hero-enter--1{animation-delay:80ms}.hero-enter--2{animation-delay:.14s}.hero-enter--3{animation-delay:.21s}.hero-enter--4{animation-delay:.3s}.hero-enter--5{animation-delay:.39s}.hero-enter--6{animation-delay:.47s}@keyframes hero-enter{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:translateY(0)}}.hero-visual{border:1px solid var(--line);border-radius:var(--radius-hero);background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, color-mix(in srgb, var(--accent) 38%, transparent), transparent 50%) border-box;min-height:590px;box-shadow:var(--shadow-lg);padding:28px;position:relative;overflow:hidden}.hero-visual:before{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);content:"";opacity:.3;background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.hero-visual__topline,.hero-visual__tracks,.hero-visual__content{z-index:2;position:relative}.hero-visual__topline{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;font-weight:720;display:flex}.hero-visual__status{align-items:center;gap:7px;display:flex}.hero-visual__status span{background:var(--accent);border-radius:50%;width:6px;height:6px}.hero-visual__core{aspect-ratio:1;place-items:center;width:min(75%,310px);margin:58px auto 44px;display:grid;position:relative}.hero-visual__ring{border:1px solid var(--line-strong);border-radius:50%;position:absolute}.hero-visual__ring--outer{inset:0}.hero-visual__ring--inner{background:radial-gradient(circle at 42% 35%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 72%);inset:17%}.hero-visual__monogram{aspect-ratio:1;border:1px solid var(--line-strong);background:var(--text);width:45%;color:var(--page);box-shadow:var(--shadow-md);letter-spacing:-.09em;transition:transform var(--duration-medium) var(--ease-out);border-radius:36%;place-items:center;font-size:clamp(2rem,4vw,3.6rem);font-weight:720;display:grid;transform:rotate(-4deg)}.hero-visual:hover .hero-visual__monogram{transform:rotate(0)scale(1.015)}.hero-visual__node{border:3px solid var(--surface);background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%;position:absolute}.hero-visual__node--one{top:14%;right:16%}.hero-visual__node--two{bottom:30%;right:1%}.hero-visual__node--three{bottom:5%;left:25%}.hero-visual__content p{letter-spacing:-.045em;max-width:360px;font-size:clamp(1.35rem,2.3vw,2rem);font-weight:670;line-height:1.08}.hero-visual__content>span{max-width:400px;color:var(--muted);margin-top:10px;font-size:12px;display:block}.hero-visual__tracks{flex-wrap:wrap;gap:7px;margin-top:24px;display:flex}.hero-visual__tracks>span{border:1px solid var(--line);background:var(--surface-raised);min-height:31px;color:var(--muted-strong);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:10px;font-weight:640;display:inline-flex}.about{background:var(--page-alt)}.about__layout{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(56px,8vw,116px);display:grid}.portrait-card{max-width:440px;position:relative}.portrait-card__frame{aspect-ratio:4/5;border:1px solid var(--line);border-radius:var(--radius-container);background:var(--surface-soft);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.portrait-card img{object-fit:cover;object-position:center 18%;filter:saturate(.72)contrast(1.03);width:100%;height:100%;transition:filter var(--duration-medium), transform .7s var(--ease-out)}.portrait-card:hover img{filter:saturate(.92)contrast(1.02);transform:scale(1.018)}.portrait-card__wash{pointer-events:none;background:linear-gradient(#0000,#0b0d0f47);height:32%;position:absolute;inset:auto 0 0}.portrait-card figcaption{color:var(--muted);align-items:center;gap:12px;margin-top:16px;font-size:12px;font-weight:580;display:flex}.about__body{letter-spacing:-.048em;max-width:720px;font-size:clamp(1.55rem,2.6vw,2.7rem);font-weight:560;line-height:1.19}.about__details{border-top:1px solid var(--line-strong);margin-top:48px}.about__details>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,.55fr) 1fr;gap:24px;padding:19px 0;display:grid}.about__details dt{color:var(--text-soft);align-items:flex-start;gap:10px;font-size:12px;font-weight:680;display:flex}.about__details dt svg{color:var(--accent-ink);flex:none}.about__details dd{color:var(--muted);font-size:13px}.about__stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:40px;display:grid}.about__stats>div{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);padding:22px}.about__stats strong,.about__stats span{display:block}.about__stats strong{letter-spacing:-.06em;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:690}.about__stats span{color:var(--muted);margin-top:4px;font-size:10px;font-weight:620}.work{background:var(--page)}.work__layout{grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);align-items:start;gap:clamp(50px,7vw,100px);display:grid}.work__intro{position:sticky;top:122px}.work__intro .section-heading{margin-bottom:42px}.work__index{border-top:1px solid var(--line);display:grid}.work__index span{border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:38px 1fr;gap:8px;padding:12px 0;font-size:10px;line-height:1.35;display:grid}.work__index b{color:var(--accent-ink);font-weight:720}.project-stack{gap:32px;display:grid}.project-card{border:1px solid var(--line);border-radius:var(--radius-hero);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .26s var(--ease-out), border-color .26s, box-shadow .26s;overflow:hidden}.project-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-5px)}.project-card__meta{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:9px;font-weight:720;display:flex}.project-visual{aspect-ratio:16/10;border-radius:22px;margin-inline:12px;position:relative;overflow:hidden}.project-visual--learn{background:#c8e5df}.project-visual--rental{background:#dce6d1}.project-visual--commerce{background:#eadfd0}.project-visual--cricket{background:#d9e0e6}.project-visual--fitness{background:#d7d1e2}.mock{color:#202427;transition:transform .52s var(--ease-out);background:#f9faf8;border:1px solid #1113151f;border-radius:17px 17px 0 0;position:absolute;inset:9% 7% -7%;overflow:hidden;box-shadow:0 25px 60px #151a1d33}.project-card:hover .mock{transform:scale(1.025)translateY(-3px)}.mock__bar{background:#ffffffb8;border-bottom:1px solid #11131514;align-items:center;gap:5px;height:34px;padding:0 12px;display:flex}.mock__bar>span{background:#c9ccca;border-radius:50%;width:6px;height:6px}.mock__bar b{color:#666d71;margin-left:7px;font-size:8px;font-weight:650}.learn-ui{grid-template-columns:44px 1.15fr .85fr;height:calc(100% - 34px);display:grid}.learn-ui__rail{border-right:1px solid #e8eae8;place-content:start center;gap:10px;padding-top:18px;display:grid}.learn-ui__rail i{background:#e1e4e2;border-radius:5px;width:15px;height:15px}.learn-ui__rail i.is-active{background:#24877f}.learn-ui__editor{color:#aeb6b4;background:#171b1d;border-right:1px solid #e8eae8;align-content:start;gap:9px;padding:22px;font-family:Consolas,monospace;font-size:clamp(6px,.8vw,10px);display:grid}.learn-ui__editor .code-accent{color:#6fd3c8}.learn-ui__feedback{flex-direction:column;gap:13px;padding:22px 18px;display:flex}.learn-ui__feedback b{font-size:clamp(8px,1vw,12px)}.learn-ui__feedback>span{color:#6f7577;font-size:clamp(6px,.75vw,9px);line-height:1.5}.mini-chart{background:#edf5f3;border-radius:10px;align-items:flex-end;gap:6px;height:72px;padding:10px;display:flex}.mini-chart i{background:#87c9c2;border-radius:3px 3px 1px 1px;width:15%}.mini-chart i:first-child{height:35%}.mini-chart i:nth-child(2){height:52%}.mini-chart i:nth-child(3){height:46%}.mini-chart i:nth-child(4){height:74%}.mini-chart i:nth-child(5){background:#178a80;height:88%}.rental-ui{grid-template-columns:1.3fr .7fr;height:calc(100% - 34px);display:grid}.rental-ui__map{background:linear-gradient(28deg,#0000 47%,#fffc 48% 52%,#0000 53%),linear-gradient(118deg,#0000 44%,#ffffffb8 45% 50%,#0000 51%),#dfe9d5;position:relative;overflow:hidden}.rental-ui__map:before,.rental-ui__map:after{content:"";background:#bad0ad;border-radius:50%;position:absolute}.rental-ui__map:before{inset:-20% 48% 44% -20%}.rental-ui__map:after{inset:58% -20% -30% 48%}.map-road{z-index:1;transform-origin:0;background:#ffffffeb;border-radius:99px;height:3px;position:absolute}.map-road--one{width:75%;top:24%;left:5%;transform:rotate(22deg)}.map-road--two{width:82%;top:66%;left:8%;transform:rotate(-18deg)}.map-road--three{width:67%;top:5%;left:52%;transform:rotate(86deg)}.map-pin{z-index:2;color:#fff;background:#226b57;border:3px solid #f9faf8;border-radius:50% 50% 50% 10%;place-items:center;width:30px;height:30px;font-size:8px;font-weight:700;display:grid;position:absolute;transform:rotate(-45deg);box-shadow:0 7px 13px #1b42343d}.map-pin:after{content:attr(class);display:none}.map-pin--one{top:25%;left:32%}.map-pin--two{top:52%;left:68%}.map-pin--three{top:67%;left:21%}.map-pin{color:#0000}.map-pin:before{color:#fff;content:"•";transform:rotate(45deg)}.rental-ui__listing{background:#f9faf8;padding:22px 17px}.rental-ui__listing small,.rental-ui__listing b{display:block}.rental-ui__listing small{color:#788076;font-size:7px}.rental-ui__listing b{margin-top:5px;font-size:clamp(8px,1vw,12px)}.listing-photo{background:linear-gradient(145deg,#0000 48%,#d7c3a8 49%),linear-gradient(#a4c6cf 0 48%,#9eb085 49%);border-radius:10px;height:42%;margin-top:16px}.rental-ui__listing p{color:#727a75;justify-content:space-between;margin-top:12px;font-size:7px;display:flex}.commerce-ui{background:#f7f3ec;height:calc(100% - 34px);padding:22px;position:relative}.commerce-ui__hero small,.commerce-ui__hero b{display:block}.commerce-ui__hero small{color:#8f7961;text-transform:uppercase;letter-spacing:.12em;font-size:8px}.commerce-ui__hero b{letter-spacing:-.06em;margin-top:3px;font-family:Georgia,serif;font-size:clamp(1.25rem,2.6vw,2.65rem);font-weight:500}.commerce-ui__hero button{color:#fff;background:#202321;border-radius:999px;margin-top:11px;padding:7px 10px;font-size:7px}.commerce-ui__products{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:23px;display:grid}.commerce-ui__products i{aspect-ratio:1.05;background:linear-gradient(145deg,#e1d7c9,#c8b89f);border-radius:10px;display:block}.commerce-ui__products i:nth-child(2){background:linear-gradient(145deg,#dadfd2,#aab59d)}.commerce-ui__products i:nth-child(3){background:linear-gradient(145deg,#ded6d1,#bea99b)}.commerce-ui__metric{background:#ffffffc7;border:1px solid #11131514;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;display:flex;position:absolute;top:20px;right:18px;box-shadow:0 8px 20px #3c312614}.commerce-ui__metric span{color:#7e7469;font-size:7px}.commerce-ui__metric strong{font-size:15px}.cricket-ui{background:#f4f6f7;height:calc(100% - 34px);padding:20px}.cricket-ui__summary{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cricket-ui__summary>span{background:#fff;border:1px solid #e1e5e7;border-radius:9px;padding:11px}.cricket-ui__summary small,.cricket-ui__summary b{display:block}.cricket-ui__summary small{color:#7c8387;font-size:7px}.cricket-ui__summary b{margin-top:5px;font-size:15px}.cricket-ui__table{background:#e2e6e8;border:1px solid #e2e6e8;border-radius:10px;gap:1px;margin-top:16px;display:grid;overflow:hidden}.cricket-ui__table>div{background:#fff;grid-template-columns:18px 1fr 28px;align-items:center;gap:10px;height:34px;padding-inline:10px;display:grid}.cricket-ui__table i{background:#dbe0e2;border-radius:5px;width:15px;height:15px}.cricket-ui__table span{background:#dfe3e5;border-radius:99px;height:5px}.cricket-ui__table b{background:#cde6da;border-radius:99px;height:15px}.cricket-ui__table b.is-warn{background:#f0dbbd}.mock--fitness{box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;display:grid;inset:0}.fitness-ui__backdrop{position:absolute;inset:0;overflow:hidden}.fitness-ui__backdrop i{border:1px solid #382b5129;border-radius:50%;position:absolute}.fitness-ui__backdrop i:first-child{aspect-ratio:1;width:75%;top:-28%;left:-16%}.fitness-ui__backdrop i:nth-child(2){aspect-ratio:1;width:52%;bottom:-12%;right:-8%}.fitness-ui__backdrop i:nth-child(3){aspect-ratio:1;width:28%;top:17%;right:20%}.fitness-phone{z-index:1;aspect-ratio:.55;background:#f7f7f4;border:5px solid #1d1c21;border-radius:29px;width:min(42%,210px);min-width:140px;padding:28px 18px 18px;position:relative;transform:rotate(5deg);box-shadow:0 30px 65px #28223547}.fitness-phone__top{background:#1d1c21;border-radius:99px;width:34%;height:8px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.fitness-phone>small{color:#77727f;font-size:7px}.fitness-phone>b{color:#25232a;margin-top:2px;font-size:clamp(.72rem,1.2vw,1rem);display:block}.activity-ring{aspect-ratio:1;background:conic-gradient(#765f9c 0 68%, #e3dfea 68% 100%);border-radius:50%;place-items:center;width:62%;margin:20px auto;display:grid}.activity-ring:before{aspect-ratio:1;content:"";background:#f7f7f4;border-radius:50%;grid-area:1/1;width:70%}.activity-ring span{z-index:1;color:#2f2a39;grid-area:1/1;font-size:11px;font-weight:700}.fitness-stats{grid-template-columns:1fr 1fr;gap:6px;display:grid}.fitness-stats>span{text-align:center;background:#ebe9ef;border-radius:8px;padding:8px}.fitness-stats b,.fitness-stats small{color:#333038;display:block}.fitness-stats b{font-size:10px}.fitness-stats small{color:#827d88;font-size:6px}.project-card__body{padding:30px 32px 32px}.project-card__heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.project-card__heading p{color:var(--accent-ink);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:720}.project-card h3{letter-spacing:-.055em;font-size:clamp(1.65rem,3vw,2.7rem);font-weight:670;line-height:1.02}.project-card__signal{border:1px solid var(--line);color:var(--muted-strong);border-radius:999px;flex:none;padding:8px 11px;font-size:9px;font-weight:680}.project-card__summary{max-width:680px;color:var(--muted);margin-top:20px;font-size:15px;line-height:1.65}.tag-list{flex-wrap:wrap;gap:7px;margin-top:22px;list-style:none;display:flex}.tag-list li{background:var(--surface-soft);color:var(--muted-strong);border-radius:999px;padding:7px 10px;font-size:9px;font-weight:640}.project-details{border-top:1px solid var(--line);margin-top:26px}.project-details summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:52px;font-size:11px;font-weight:680;list-style:none;display:flex}.project-details summary::-webkit-details-marker{display:none}.project-details summary svg{transition:transform var(--duration-fast) var(--ease-out)}.project-details[open] summary svg{transform:rotate(180deg)}.project-details__open,.project-details[open] .project-details__closed{display:none}.project-details[open] .project-details__open{display:inline}.project-details__content{transition:grid-template-rows .28s var(--ease-out);grid-template-rows:0fr;display:grid}.project-details[open] .project-details__content{grid-template-rows:1fr}.project-details__content ul{min-height:0;color:var(--muted);gap:10px;padding-bottom:2px;padding-left:18px;font-size:12px;display:grid;overflow:hidden}.skills{background:var(--page-alt)}.skills__grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.skill-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);min-height:280px;transition:transform .24s var(--ease-out), border-color .24s, box-shadow .24s;padding:26px}.skill-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);transform:translateY(-5px)}.skill-card__icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-ink);border-radius:13px;place-items:center;display:grid}.skill-card h3{letter-spacing:-.035em;margin-top:31px;font-size:1.18rem;font-weight:670}.skill-card ul{flex-wrap:wrap;gap:7px;margin-top:18px;list-style:none;display:flex}.skill-card li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 9px;font-size:9px;font-weight:590}.timeline__layout{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);align-items:start;gap:clamp(56px,8vw,120px);display:grid}.timeline__layout .section-heading{position:sticky;top:124px}.timeline-list{border-top:1px solid var(--line-strong);list-style:none}.timeline-list li{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(120px,.45fr) 1fr;gap:22px;padding:34px 0;display:grid}.timeline-list__marker{justify-content:center;align-items:flex-start;display:flex}.timeline-list__marker span{border:1px solid var(--line-strong);width:32px;height:32px;color:var(--accent-ink);border-radius:50%;place-items:center;font-size:8px;font-weight:750;display:grid}.timeline-list__period{color:var(--muted);padding-top:6px;font-size:10px;font-weight:640}.timeline-list__content p{color:var(--accent-ink);letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:740}.timeline-list__content h3{letter-spacing:-.045em;margin-top:6px;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:670;line-height:1.08}.timeline-list__content>span{color:var(--muted);margin-top:14px;font-size:13px;line-height:1.65;display:block}.timeline-list__content small{background:var(--surface-soft);color:var(--muted-strong);border-radius:9px;margin-top:17px;padding:7px 9px;font-size:9px;font-weight:620;display:inline-block}.academic-reference{border:1px solid var(--line);background:var(--surface-raised);box-shadow:var(--shadow-sm);border-radius:26px;margin-top:34px;overflow:hidden}.academic-reference__header{border-bottom:1px solid var(--line);background:var(--surface-soft);align-items:center;gap:14px;padding:24px 26px;display:flex}.academic-reference__icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-ink);border-radius:13px;flex:none;place-items:center;display:grid}.academic-reference__header p,.academic-reference__label{color:var(--accent-ink);letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:740}.academic-reference__header h3{letter-spacing:-.025em;margin-top:3px;font-size:1.18rem;font-weight:680}.academic-reference__grid{grid-template-columns:1.05fr .95fr;display:grid}.academic-reference__grid>section{min-width:0;padding:26px}.academic-reference__grid>section+section{border-left:1px solid var(--line)}.academic-reference__label{align-items:center;gap:7px;display:flex}.academic-reference__grid h4{letter-spacing:-.025em;margin-top:9px;font-size:clamp(1rem,1.8vw,1.3rem);font-weight:660;line-height:1.25}.academic-reference__role{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.55}.academic-reference__links{gap:8px;margin-top:20px;display:grid}.academic-reference__links a{border:1px solid var(--line);background:var(--surface-soft);min-width:0;color:var(--text);border-radius:13px;align-items:center;gap:10px;padding:11px 12px;font-size:11px;font-weight:620;transition:border-color .18s,color .18s,transform .18s;display:flex}.academic-reference__links a:hover{border-color:var(--accent);color:var(--accent-ink);transform:translateY(-1px)}.academic-reference__links a>span{overflow-wrap:anywhere;min-width:0}.academic-reference__links small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;font-size:8px;font-weight:600;display:block}.academic-reference__website{color:var(--accent-ink);align-items:center;gap:7px;margin-top:22px;font-size:11px;font-weight:680;display:inline-flex}.academic-reference__website:hover{text-underline-offset:4px;text-decoration:underline}.contact{padding-top:40px}.contact-panel{background:var(--dark-panel);color:var(--dark-panel-text);box-shadow:var(--shadow-lg);border-radius:clamp(26px,4vw,42px);padding:clamp(40px,7vw,96px);position:relative;overflow:hidden}.contact-panel>:not(.contact-panel__orb){z-index:1;position:relative}.contact-panel .section-kicker{color:color-mix(in srgb, var(--dark-panel-text) 68%, transparent)}.contact-panel h2{max-width:850px;font-size:clamp(3rem,7vw,7.6rem)}.contact-panel__body{max-width:630px;color:color-mix(in srgb, var(--dark-panel-text) 67%, transparent);margin-top:30px;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6}.contact-panel__actions{flex-wrap:wrap;gap:10px;margin-top:38px;display:flex}.contact-panel__details{border-top:1px solid color-mix(in srgb, var(--dark-panel-text) 15%, transparent);grid-template-columns:1.1fr .8fr 1fr;gap:16px;margin-top:72px;padding-top:24px;display:grid}.contact-panel__details dt{color:color-mix(in srgb, var(--dark-panel-text) 50%, transparent);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;font-size:9px;font-weight:680;display:flex}.contact-panel__details dd{margin-top:8px;font-size:12px;font-weight:590}.contact-panel__details a:hover{text-underline-offset:4px;text-decoration:underline}.contact-panel__orb{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--dark-panel-text) 12%, transparent);background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--accent) 42%, transparent), transparent 67%);border-radius:50%;width:min(56vw,680px);position:absolute;bottom:-52%;right:-9%}.contact-panel__orb:before,.contact-panel__orb:after{border:1px solid color-mix(in srgb, var(--dark-panel-text) 10%, transparent);content:"";border-radius:50%;position:absolute}.contact-panel__orb:before{inset:18%}.contact-panel__orb:after{inset:36%}.toast{z-index:110;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-raised);min-height:44px;box-shadow:var(--shadow-md);color:var(--text-soft);opacity:0;pointer-events:none;transition:opacity var(--duration-fast), transform var(--duration-fast) var(--ease-out);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:8px;padding:0 15px;font-size:11px;font-weight:650;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(12px)scale(.98)}.toast.is-visible{opacity:1;transform:translateY(0)scale(1)}.site-footer{padding:28px 0 34px}.site-footer__inner{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;padding-top:24px;font-size:10px;display:flex}.site-footer__inner a{color:var(--text-soft);align-items:center;gap:6px;font-weight:650;display:inline-flex}}@layer responsive{@media (max-width:1080px){.hero__layout{grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);gap:50px}.hero-visual{min-height:540px}.work__layout{grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr);gap:46px}.timeline__layout{grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);gap:52px}}@media (max-width:880px){.site-header{padding:12px 16px}.floating-nav,.site-header.is-scrolled .floating-nav,.site-header.is-open .floating-nav{border-color:var(--line);background:var(--surface-raised);width:100%;max-width:none;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);padding:6px 7px 6px 11px;position:relative}.mobile-menu-button{display:inline-flex}.nav-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transform-origin:top;transition:opacity .22s var(--ease-standard), transform .32s var(--ease-out);-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);border-radius:22px;justify-content:stretch;align-items:stretch;gap:15px;padding:10px;display:grid;position:absolute;top:calc(100% + 9px);left:0;right:0;transform:translateY(-8px)scale(.98)}.site-header.is-open .nav-panel{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.nav-links{gap:2px;width:100%;display:grid}.nav-links a{border-radius:13px;min-height:48px;padding-inline:15px;font-size:14px}.nav-links a.is-active{background:var(--surface-soft)}.nav-links a.is-active:after{bottom:50%;left:auto;right:14px;transform:translateY(50%)}.nav-controls{border-top:1px solid var(--line);border-left:0;justify-content:flex-end;padding:10px 0 0}.hero{min-height:auto;padding:132px 0 90px}.hero__layout{grid-template-columns:1fr;gap:64px}.hero__copy{max-width:720px}.hero h1{max-width:760px;font-size:clamp(3.7rem,10.5vw,6.6rem)}html[lang=zh-CN] .hero h1{font-size:clamp(3.5rem,9vw,5.6rem)}.hero-visual{aspect-ratio:1.25;min-height:auto}.hero-visual__core{width:min(46%,270px);margin:35px auto 28px}.about__layout{grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:46px}.about__details>div{grid-template-columns:1fr;gap:8px}.about__stats,.work__layout,.timeline__layout{grid-template-columns:1fr}.work__intro,.timeline__layout .section-heading{position:static}.work__intro .section-heading{max-width:760px}.work__index{display:none}.skills__grid{grid-template-columns:repeat(2,1fr)}.timeline__layout{gap:12px}.contact-panel__details{grid-template-columns:1fr 1fr}.contact-panel__details>div:last-child{grid-column:1/-1}}@media (max-width:640px){.shell{width:min(calc(100% - 32px), var(--shell))}.section{padding-block:96px}.brand__name{display:none}.hero{padding:120px 0 76px}.hero__eyebrow{margin-bottom:24px;font-size:9px}.hero h1{letter-spacing:-.074em;font-size:clamp(3.15rem,15vw,5.2rem)}html[lang=zh-CN] .hero h1{font-size:clamp(3rem,13vw,4.5rem);line-height:1}.hero__intro{margin-top:24px;font-size:1rem}.hero__actions{grid-template-columns:1fr;display:grid}.hero__actions .button{width:100%}.hero__availability{align-items:flex-start;line-height:1.5}.hero-visual{aspect-ratio:auto;border-radius:26px;min-height:500px;padding:22px}.hero-visual__core{width:min(70%,240px);margin:50px auto 48px}.hero-visual__tracks{gap:6px}.section-heading h2,.contact-panel h2{font-size:clamp(2.4rem,12vw,4.1rem)}.section-heading{margin-bottom:44px}.about__layout{grid-template-columns:1fr}.portrait-card{max-width:none}.about__body{font-size:clamp(1.5rem,7.5vw,2.2rem)}.about__details{margin-top:38px}.about__stats{grid-template-columns:repeat(3,1fr);gap:7px}.about__stats>div{border-radius:15px;padding:15px 12px}.about__stats strong{font-size:1.6rem}.project-stack{gap:22px}.project-card{border-radius:24px}.project-card:hover{transform:none}.project-card__meta{padding:15px 17px;font-size:8px}.project-visual{aspect-ratio:1.1;border-radius:18px;margin-inline:8px}.mock{inset:9% 5% -7%}.learn-ui{grid-template-columns:30px 1fr}.learn-ui__feedback{display:none}.rental-ui{grid-template-columns:1fr}.rental-ui__listing{display:none}.commerce-ui__products{margin-top:36px}.commerce-ui__metric{top:auto;bottom:18px;right:18px}.fitness-phone{width:54%}.project-card__body{padding:25px 20px 22px}.project-card__heading{gap:15px;display:grid}.project-card__signal{grid-row:1;width:fit-content}.project-card__summary{font-size:14px}.skills__grid{grid-template-columns:1fr}.skill-card{min-height:0}.timeline-list li{grid-template-columns:38px 1fr;gap:14px;padding:28px 0}.timeline-list__period{grid-area:1/2}.timeline-list__marker{grid-area:1/1/span 2}.timeline-list__content{grid-column:2}.academic-reference{border-radius:22px;margin-top:26px}.academic-reference__header,.academic-reference__grid>section{padding:21px}.academic-reference__grid{grid-template-columns:1fr}.academic-reference__grid>section+section{border-top:1px solid var(--line);border-left:0}.contact{padding-top:18px}.contact-panel{border-radius:26px;padding:38px 24px}.contact-panel h2{font-size:clamp(3.05rem,14vw,4.8rem)}.contact-panel__actions{display:grid}.contact-panel__actions .button{width:100%}.contact-panel__details{grid-template-columns:1fr;margin-top:52px}.contact-panel__details>div:last-child{grid-column:auto}.contact-panel__orb{width:125vw;bottom:-18%;right:-40%}.site-footer__inner{flex-direction:column;align-items:flex-start}.toast{justify-content:center;bottom:16px;left:16px;right:16px}}@media (max-width:380px){.about__stats{grid-template-columns:1fr}.hero-visual__tracks>span{font-size:9px}.project-card__meta span:first-child{max-width:56%}}@media (min-width:1440px){.hero__layout{gap:112px}.project-stack{gap:44px}}@media (hover:none){.project-card:hover,.skill-card:hover,.button--primary:hover,.button--secondary:hover,.project-card:hover .mock,.portrait-card:hover img{transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}@media print{.site-header,.scroll-progress,.hero__ambient,.contact-panel__orb,.toast{display:none!important}body{color:#111;background:#fff}.section,.hero{min-height:auto;padding:40px 0}.project-card,.skill-card,.contact-panel{break-inside:avoid;box-shadow:none}}}