@font-face{font-family:Geist;src:url(/fonts/Geist-var.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}:root{color-scheme:dark;--bg: #0b0b0d;--surface: #131316;--surface-2: #1b1b20;--media-bg: #151519;--text: #f1f0ec;--text-soft: #c8c8cf;--muted: #8f8f99;--accent: #5b8def;--accent-strong: #7fa6ff;--accent-soft: rgba(91, 141, 239, .14);--on-accent: #0b0b0d;--line: rgba(241, 240, 236, .09);--line-strong: rgba(241, 240, 236, .16);--nav-bg: rgba(11, 11, 13, .72);--shadow: 0 40px 90px -40px rgba(0, 0, 0, .9);--r-card: 16px;--r-media: 12px;--r-pill: 999px;--ease: cubic-bezier(.16, 1, .3, 1);--sans: "Geist", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif}html[data-theme=light]{color-scheme:light;--bg: #f5f5f3;--surface: #ffffff;--surface-2: #ececea;--media-bg: #e6e6e3;--text: #111113;--text-soft: #3a3a40;--muted: #6b6b74;--accent: #2b63d9;--accent-strong: #1f4fb3;--accent-soft: rgba(43, 99, 217, .1);--on-accent: #ffffff;--line: rgba(17, 17, 19, .1);--line-strong: rgba(17, 17, 19, .18);--nav-bg: rgba(245, 245, 243, .78);--shadow: 0 40px 90px -44px rgba(17, 17, 19, .35)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg)}body{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}a{color:inherit;text-decoration:none}img,video{max-width:100%}.icon{display:inline-block;vertical-align:-.15em;flex-shrink:0}::selection{background:var(--accent-soft);color:var(--accent-strong)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}h1,h2,h3{font-weight:600;letter-spacing:-.025em;line-height:1.1}html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] h3{letter-spacing:0}nav{position:sticky;top:0;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);background:var(--nav-bg);border-bottom:1px solid var(--line);z-index:10}.nav-inner{display:flex;justify-content:space-between;align-items:center;height:64px}.logo{font-weight:600;font-size:1.02rem;letter-spacing:-.01em}.nav-controls{display:flex;align-items:center;gap:20px}.nav-links{display:flex;gap:4px;font-size:.9rem;color:var(--muted)}.nav-links a{padding:6px 12px;border-radius:var(--r-pill);transition:color .2s ease,background .2s ease}.nav-links a:hover{color:var(--text);background:var(--surface-2)}.lang-switch{display:flex;padding:3px;gap:2px;border:1px solid var(--line);border-radius:var(--r-pill)}.lang-btn{padding:4px 10px;border-radius:var(--r-pill);border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:.8rem;font-family:var(--sans);transition:color .2s ease,background .2s ease}.lang-btn.active{color:var(--text);background:var(--surface-2)}.lang-btn:hover{color:var(--text)}.theme-toggle{appearance:none;display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:var(--r-pill);background:transparent;color:var(--muted);cursor:pointer;transition:color .2s ease,background .2s ease}.theme-toggle:hover{color:var(--text);background:var(--surface-2)}.theme-toggle span{display:grid;place-items:center}.theme-toggle .icon-sun{display:none}html[data-theme=dark] .theme-toggle .icon-sun,html:not([data-theme]) .theme-toggle .icon-sun{display:grid}html[data-theme=dark] .theme-toggle .icon-moon,html:not([data-theme]) .theme-toggle .icon-moon{display:none}.hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:center;padding:64px 0 24px}.hero-copy{grid-column:1 / span 6;min-width:0}.eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.86rem;color:var(--muted);margin-bottom:22px}.eyebrow-name{color:var(--text);font-weight:600}.eyebrow-name:after{content:","}h1.hero-title{font-size:clamp(2.8rem,5.4vw,4.6rem);line-height:.98;letter-spacing:-.04em;margin-bottom:22px;text-wrap:balance}html[lang=zh-CN] h1.hero-title{line-height:1.12}.hero-intro{font-size:1.1rem;color:var(--muted);max-width:40ch;margin-bottom:30px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--r-pill);border:1px solid var(--line-strong);font-size:.92rem;font-weight:500;white-space:nowrap;color:var(--text);background:transparent;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .25s var(--ease)}.button:hover{background:var(--surface-2);border-color:var(--line-strong);transform:translateY(-1px)}.button:active{transform:translateY(0) scale(.98)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.button.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.button.primary .icon{transition:transform .25s var(--ease)}.button.primary:hover .icon{transform:translate(3px)}.hero-reel{grid-column:7 / span 6;display:grid;grid-template-columns:1.8fr 1fr;grid-template-rows:auto auto;gap:12px;min-width:0}.reel-tile{display:flex;flex-direction:column;gap:8px;min-width:0}.reel-tile:first-child{grid-row:1 / span 2}.reel-media{display:block;position:relative;aspect-ratio:16 / 9;border-radius:var(--r-media);overflow:hidden;background:var(--media-bg);border:1px solid var(--line);transition:border-color .25s ease}.reel-tile:first-child .reel-media{aspect-ratio:auto;flex:1;box-shadow:var(--shadow)}.reel-media video,.reel-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.reel-tile:hover .reel-media{border-color:var(--accent)}.reel-tile:hover video{transform:scale(1.03)}.reel-caption{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.82rem;color:var(--muted)}.reel-title{color:var(--text);font-weight:500;transition:color .2s ease}.reel-tile:hover .reel-title{color:var(--accent-strong)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-copy>*{animation:rise .7s var(--ease) both}.hero-copy>:nth-child(1){animation-delay:.05s}.hero-copy>:nth-child(2){animation-delay:.12s}.hero-copy>:nth-child(3){animation-delay:.2s}.hero-copy>:nth-child(4){animation-delay:.28s}.reel-tile{animation:rise .8s var(--ease) both;animation-delay:calc(.25s + var(--i, 0) * .09s)}section{padding:112px 0 0}.section-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:12px}.section-subtitle{color:var(--muted);font-size:1.05rem;max-width:56ch;margin-bottom:40px}.pill-tag,.meta-chip{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--r-pill);font-size:.8rem;font-weight:500;color:var(--text-soft);background:var(--surface-2);border:1px solid transparent;transition:border-color .2s ease,color .2s ease}.meta-chip{font-size:.76rem;padding:4px 10px}.pill-tag:hover{border-color:var(--line-strong);color:var(--text)}.text-link,.card-cta,.card-ext{display:inline-flex;align-items:center;gap:5px;font-size:.9rem;font-weight:500;white-space:nowrap;transition:color .2s ease}.text-link,.card-ext{color:var(--muted)}.text-link:hover,.card-ext:hover{color:var(--text)}.card-cta{color:var(--accent-strong)}.card-cta .icon{transition:transform .25s var(--ease)}.card-cta:hover .icon{transform:translate(3px)}.project-tag{color:var(--accent-strong);font-weight:500;font-size:.86rem}.project-year{color:var(--muted);font-size:.86rem;font-variant-numeric:tabular-nums}.stack{display:block}.stack-card{position:sticky;top:calc(80px + var(--i, 0) * 10px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow);margin-bottom:28px}.stack-media{position:relative;display:block;aspect-ratio:16 / 9;background:var(--media-bg);overflow:hidden;border-right:1px solid var(--line)}.stack-media video,.stack-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.stack-card:hover .stack-media video,.stack-card:hover .stack-media img{transform:scale(1.03)}.stack-body{display:flex;flex-direction:column;padding:32px 36px;min-width:0}.stack-meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}.stack-card h3{font-size:clamp(1.6rem,2.6vw,2.2rem);margin-bottom:12px}.stack-card h3 a:hover{color:var(--accent-strong)}.stack-summary{color:var(--muted);font-size:.98rem;margin-bottom:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.meta-chips{display:flex;flex-wrap:wrap;gap:6px}.stack-links{margin-top:auto;padding-top:22px;display:flex;align-items:center;gap:20px}.yt-facade{appearance:none;border:0;margin:0;padding:0;width:100%;cursor:pointer;font:inherit;color:var(--text)}.yt-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:60px;height:60px;border-radius:var(--r-pill);color:var(--on-accent);background:var(--accent);box-shadow:0 10px 30px #00000059;transition:transform .25s var(--ease),background .2s ease;z-index:3}.yt-play-btn .icon{margin-left:2px}.yt-facade:hover .yt-play-btn,.yt-facade:focus-visible .yt-play-btn{transform:translate(-50%,-50%) scale(1.06);background:var(--accent-strong)}.yt-facade.is-playing .yt-play-btn,.yt-facade.is-playing img{opacity:0}.yt-facade iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:4}.others{margin-top:56px}.others-title{font-size:1.1rem;font-weight:500;color:var(--muted);margin-bottom:18px}.others-grid,.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;transition:transform .35s var(--ease),border-color .25s ease}.project-card:hover{transform:translateY(-3px);border-color:var(--line-strong)}.project-media{position:relative;display:block;aspect-ratio:16 / 9;background:var(--media-bg);overflow:hidden;border-bottom:1px solid var(--line)}.project-media img,.project-media video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.project-card:hover .project-media img,.project-card:hover .project-media video{transform:scale(1.03)}.project-content{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}.project-meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}.project-card h3{font-size:1.35rem;margin-bottom:8px}.project-card h3 a:hover{color:var(--accent-strong)}.project-summary{color:var(--muted);font-size:.94rem;margin-bottom:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.project-card-footer{margin-top:auto;display:flex;align-items:center;gap:18px}.archive{margin-top:28px;border-top:1px solid var(--line)}.archive-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;cursor:pointer;color:var(--muted);font-size:1.1rem;font-weight:500;transition:color .2s ease}.archive-summary::-webkit-details-marker{display:none}.archive-summary:hover,.archive[open] .archive-summary{color:var(--text)}.archive-label{display:inline-flex;align-items:center;gap:10px}.archive-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 8px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-soft);font-size:.78rem;font-variant-numeric:tabular-nums}.archive-chevron{transition:transform .3s var(--ease)}.archive[open] .archive-chevron{transform:rotate(90deg)}.archive-grid{padding-bottom:8px}.reveal-item{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i, 0) * 70ms)}.reveal-item.is-visible{opacity:1;transform:translateY(0)}.exp{border-top:1px solid var(--line-strong);padding-top:32px}.exp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap;margin-bottom:32px}.exp-headline{min-width:0;flex:1 1 420px}.exp-role{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:8px}.exp-sub{font-size:1.05rem;color:var(--text-soft);display:flex;flex-wrap:wrap;gap:4px 14px}.exp-project{font-weight:500;color:var(--text)}.exp-meta{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.9rem;color:var(--muted)}.exp-shipped{color:var(--accent-strong);font-weight:500}.exp-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:0 0 auto}.exp-cover{display:block;width:220px;border-radius:var(--r-media);overflow:hidden;border:1px solid var(--line);aspect-ratio:460 / 215;background:var(--media-bg);transition:border-color .2s ease}.exp-cover:hover{border-color:var(--accent)}.exp-cover img{width:100%;height:100%;object-fit:cover;display:block}.exp-links{display:flex;gap:16px}.exp-bullets{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.exp-bullets li{color:var(--muted);font-size:.95rem;line-height:1.6;padding-top:16px;border-top:1px solid var(--line)}.exp-bullets li:first-letter{color:var(--text)}.about-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 260px;gap:48px;align-items:start}.about-photo-wrap{margin:0}.about-photo{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;border-radius:var(--r-media);border:1px solid var(--line);display:block}.about-copy p{color:var(--muted);max-width:60ch;margin-bottom:1em}.about-copy p:first-child{font-size:1.3rem;line-height:1.45;letter-spacing:-.01em;color:var(--text)}.about-copy p:last-child{margin-bottom:0}.about-side{min-width:0}.about-facts{display:grid;gap:14px;padding-bottom:22px;border-bottom:1px solid var(--line)}.fact{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.fact dd{font-size:1.7rem;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.fact dt{font-size:.86rem;color:var(--muted)}.skills-title{margin-top:22px;font-size:.86rem;font-weight:500;color:var(--muted)}.skills-list{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.contact-band{border-top:1px solid var(--line-strong);padding:40px 0 8px}.contact-band .section-subtitle{margin-bottom:28px}.contact-email{display:inline-flex;align-items:center;gap:14px;font-size:clamp(1.5rem,4.4vw,3.2rem);font-weight:600;letter-spacing:-.03em;line-height:1.1;color:var(--text);padding-bottom:8px;background-image:linear-gradient(var(--accent),var(--accent));background-repeat:no-repeat;background-size:0% 3px;background-position:0 100%;transition:background-size .5s var(--ease),color .2s ease;word-break:break-all}.contact-email .icon{color:var(--accent-strong);transition:transform .3s var(--ease)}.contact-email:hover{background-size:100% 3px}.contact-email:hover .icon{transform:translate(3px,-3px)}.contact-links{display:flex;gap:22px;margin-top:24px}footer{display:flex;justify-content:space-between;gap:16px;margin-top:72px;padding:24px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:.86rem}.project-detail{padding:40px 0 96px}.project-detail-back{margin-bottom:28px}.project-detail-back a{color:var(--muted);font-size:.9rem;transition:color .2s ease}.project-detail-back a:hover{color:var(--text)}.cs-header{margin-bottom:36px;max-width:860px}.cs-header .project-tag{display:inline-block;margin-bottom:14px}.cs-title{font-size:clamp(2.6rem,6vw,4.6rem);letter-spacing:-.04em;line-height:.98;margin-bottom:20px}.cs-lede{font-size:clamp(1.15rem,2vw,1.4rem);color:var(--text-soft);line-height:1.5;letter-spacing:-.01em}.cs-meta{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:40px}.cs-meta-item{flex:1 1 160px;padding:18px 22px 18px 0}.cs-meta-item+.cs-meta-item{padding-left:22px;border-left:1px solid var(--line)}.cs-meta-label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:4px}.cs-meta-value{color:var(--text);font-size:.95rem}.cs-video{position:relative;display:block;width:100%;aspect-ratio:16 / 9;border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line);background:var(--media-bg);margin-bottom:18px;box-shadow:var(--shadow)}.cs-video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cs-video iframe,.cs-video video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;background:var(--media-bg);z-index:4}.cs-links{display:flex;flex-wrap:wrap;gap:10px 24px;margin-bottom:48px}.cs-external-link{display:inline-block;font-size:.9rem;font-weight:500;color:var(--muted);transition:color .2s ease}.cs-external-link:hover{color:var(--text)}.cs-section{max-width:720px;padding:0;margin-bottom:44px}.cs-section h2{font-size:1.6rem;margin-bottom:14px}.cs-section p{color:var(--muted);font-size:1.02rem;margin-bottom:1em}.cs-note{max-width:720px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);padding:24px 28px;margin-bottom:44px}.cs-note h2{font-size:1.1rem;margin-bottom:6px}.cs-note p{color:var(--muted);font-size:.95rem}.gallery-stack{display:flex;flex-direction:column;gap:20px}.gallery-figure{margin:0;border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line);background:var(--surface)}.gallery-figure img{display:block;width:100%;height:auto}.projects-all-page{padding:8px 0 80px}.projects-all{padding-top:36px}@media(max-width:1024px){.about-layout{grid-template-columns:200px minmax(0,1fr)}.about-side{grid-column:2}}@media(max-width:860px){.container{width:min(1180px,calc(100% - 32px))}section{padding-top:80px}.hero{grid-template-columns:1fr;gap:36px;padding-top:40px}.hero-copy,.hero-reel{grid-column:auto}.stack-card{position:static;grid-template-columns:1fr}.stack-media{border-right:0;border-bottom:1px solid var(--line)}.stack-body{padding:22px 24px 24px}.exp-bullets{grid-template-columns:1fr;gap:14px}.exp-side{align-items:flex-start}.about-layout{grid-template-columns:1fr;gap:28px}.about-side{grid-column:auto}.about-photo-wrap{max-width:220px}.nav-inner{height:auto;flex-wrap:wrap;gap:10px;padding:12px 0}.nav-controls{width:100%;justify-content:space-between;gap:10px}.nav-links{flex-wrap:wrap;gap:0}}@media(max-width:600px){.container{width:min(1180px,calc(100% - 24px))}section{padding-top:64px}h1.hero-title{font-size:clamp(2.5rem,11.5vw,3.4rem)}.hero-reel{grid-template-columns:1fr 1fr}.reel-tile:first-child{grid-column:1 / -1;grid-row:auto}.reel-tile:first-child .reel-media{aspect-ratio:16 / 9}.button-row,.button{width:100%}.others-grid,.project-grid{grid-template-columns:1fr}.section-title{font-size:1.9rem}.cs-meta-item{flex-basis:100%;padding:14px 0}.cs-meta-item+.cs-meta-item{padding-left:0;border-left:0;border-top:1px solid var(--line)}.contact-links{flex-wrap:wrap}footer{flex-direction:column;gap:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.reveal-item,.hero-copy>*,.reel-tile{opacity:1;transform:none}}