.nav{z-index:var(--z-nav);height:var(--nav-height);transition:background var(--duration-base) var(--ease-default), opacity var(--duration-base) var(--ease-default), transform var(--duration-base) var(--ease-default);background:0 0;position:fixed;top:0;left:0;right:0}.nav.is-scrolled{background:color-mix(in srgb, var(--color-surface) 88%, transparent)}.nav.is-hero-hidden{opacity:0;pointer-events:none;transform:translateY(-8px)}.nav__inner{height:100%;width:min(100% - 40px, var(--page-max-width));grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-inline-start:auto;margin-inline-end:auto;display:grid}.nav__brand{flex-direction:column;justify-self:start;gap:2px;display:flex}.nav__brand-zh{letter-spacing:.02em;font-size:16px;font-weight:700}.nav__brand-en{color:var(--color-muted);letter-spacing:.12em;font-size:10px;font-weight:500}.nav__links{justify-self:center;align-items:center;gap:28px;display:flex}.nav__link{color:var(--color-text);opacity:.92;transition:opacity var(--duration-fast) var(--ease-default);font-size:14px;font-weight:500}.nav__link:hover{opacity:1}.nav__actions{justify-self:end;align-items:center;gap:10px;display:flex}.nav__menu-btn{border:1px solid color-mix(in srgb, var(--color-line) 40%, transparent);border-radius:var(--radius-button);justify-self:end;padding:8px 12px;font-size:14px;font-weight:500;display:none}.nav__mobile{display:none}@media (max-width:960px){.nav__inner{grid-template-columns:1fr auto}.nav__links,.nav__actions{display:none}.nav__menu-btn{display:inline-flex}.nav__mobile{background:var(--color-surface);border-top:1px solid color-mix(in srgb, var(--color-line) 12%, transparent);flex-direction:column;gap:8px;padding:12px 20px 24px;display:flex}.nav__mobile-link{padding:12px 4px;font-size:16px;font-weight:500}.nav__mobile-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}}.tunnel{width:100%;height:100vh;color:#fff;isolation:isolate;z-index:20;background:#000;height:100dvh;min-height:560px;position:relative;overflow:hidden}.tunnel.is-exiting{pointer-events:none}.tunnel__stage{z-index:0;--art-w:100%;--art-h:100%;--tb-sy:1;perspective:1600px;perspective-origin:50% 48%;cursor:default;background:#000;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.tunnel__bg{z-index:0;background:#000;position:absolute;top:0;bottom:0;left:0;right:0}.tunnel__art{width:var(--art-w);height:var(--art-h);margin-left:calc(var(--art-w) / -2);margin-top:calc(var(--art-h) / -2);z-index:1;transform-origin:50% 48%;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:0;will-change:auto;transition:opacity .45s;position:absolute;top:50%;left:50%;overflow:hidden}.tunnel__art.is-loaded{opacity:1}.tunnel.is-ready .tunnel__art.is-loaded,.tunnel.is-tracking .tunnel__art{will-change:transform}.tunnel__layer{object-fit:fill;object-position:center center;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:auto;transform-origin:50%;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.tunnel.is-tracking .tunnel__layer{will-change:transform}.tunnel__layer--top{z-index:1;transform-origin:50% 0}.tunnel__layer--left,.tunnel__layer--right{z-index:2}.tunnel__layer--bottom{z-index:3;transform-origin:50% 100%}.tunnel__chrome{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(18px,3vw,40px);display:flex;position:absolute;top:0;left:0;right:0}.tunnel__chrome a{pointer-events:auto;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,sans-serif;text-decoration:none}.tunnel__brand{letter-spacing:.04em;white-space:nowrap;font-size:15px;font-weight:700}.tunnel__nav{gap:clamp(36px,5vw,64px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.tunnel__nav a{opacity:.92;white-space:nowrap;font-size:14px;font-weight:500}.tunnel__nav a:hover{opacity:1}.tunnel__center{z-index:5;pointer-events:none;opacity:0;visibility:hidden;flex-direction:column;align-items:center;gap:14px;transition:opacity .5s cubic-bezier(.22,1,.36,1),visibility .5s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tunnel__center.is-visible{visibility:visible;opacity:1;pointer-events:none}.tunnel__center.is-visible .tunnel__go{pointer-events:auto}.tunnel__center.is-fading-out{pointer-events:none;transition:none}.tunnel__center.is-fading-out .tunnel__go{pointer-events:none}.tunnel__center.is-fading-out .tunnel__chevron{animation:none}.tunnel__hint{letter-spacing:-.04em;color:#ffffffeb;white-space:nowrap;text-shadow:0 1px 8px #00000073;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei UI,Microsoft YaHei,sans-serif;font-size:clamp(13px,1.15vw,15px);font-weight:400;line-height:1.2}.tunnel__go{pointer-events:auto;cursor:pointer;width:36px;height:36px;color:inherit;background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid}.tunnel__chevron{border-bottom:1.5px solid #ffffffd9;border-right:1.5px solid #ffffffd9;width:10px;height:10px;animation:1.6s ease-in-out infinite tunnel-bob;transform:rotate(45deg)}@keyframes tunnel-bob{0%,to{opacity:.5;transform:rotate(45deg)translate(-2px,-2px)}50%{opacity:1;transform:rotate(45deg)translate(2px,2px)}}.tunnel__chrome a:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #6a52ff}.tunnel__go:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #6a52ff}@media (max-width:560px){.tunnel__nav{display:none}.tunnel__hint{letter-spacing:-.05em;font-size:13px}}@media (pointer:coarse){.tunnel.is-ready .tunnel__art.is-loaded{will-change:auto}}@media (prefers-reduced-motion:reduce){.tunnel__chevron{animation:none}.tunnel__art{transition:none;opacity:1!important}.tunnel__center{transition:none}.tunnel__center.is-visible{opacity:1!important}}:root{--color-bg:#000;--color-surface:#0a0a0a;--color-card:#353535;--color-text:#fff;--color-muted:#999;--color-disabled:#666;--color-line:#e5e5e5;--color-ink:#030303;--color-brand:#6e60ee;--color-green:#03e65b;--color-yellow:#ffc533;--color-pink:#ff3386;--color-coral:#ff5d4b;--color-magenta:#d25fff;--color-blue:#33d0ff;--radius-input:6px;--radius-card:8px;--radius-large-card:20px;--radius-button:60px;--radius-tag:270px;--page-max-width:1440px;--section-gap:80px;--card-padding:20px;--element-gap:10px;--gallery-gap:12px;--nav-height:72px;--text-caption:10px;--text-body:14px;--text-subheading:19px;--text-heading-sm:34px;--text-heading:48px;--text-heading-lg:78px;--text-display:98px;--text-display-xl:165px;--leading-caption:1.2;--leading-body:1.33;--leading-subheading:1.15;--leading-heading-sm:.92;--leading-heading:.9;--leading-heading-lg:.85;--leading-display:.8;--leading-display-xl:.82;--tracking-tight:-.04em;--tracking-display:-.02em;--font-sans:"PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--ease-default:cubic-bezier(.22, 1, .36, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--z-nav:100;--z-modal:200;--z-toast:300}*,:before,:after{box-sizing:border-box}html{scroll-behavior:auto;scrollbar-gutter:stable;background:var(--color-bg);color:var(--color-text)}#resume,#works,#canvas{scroll-margin-top:calc(var(--nav-height) + 20px)}html,body,#root{min-height:100%}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;margin:0;overflow-x:hidden}.dense.section,.resume.section,#canvas{content-visibility:auto;contain-intrinsic-size:1px 900px}html.hero-screen-lock,html.hero-screen-lock body,html.rush-screen-lock,html.rush-screen-lock body{overscroll-behavior:none;overflow:hidden!important}.main--on-hero{height:100dvh;max-height:100dvh;position:relative;overflow:hidden}.main--on-hero>:not(#hero):not(.works-bridge-hint){visibility:hidden;pointer-events:none;width:100%;height:0;position:absolute;top:0;left:0;overflow:hidden}.main--transitioning{height:100dvh;max-height:100dvh;position:relative;overflow:hidden}.main--transitioning>:not(#hero):not(#works-rush):not(.works-bridge-hint){visibility:hidden;pointer-events:none;height:0;position:absolute;overflow:hidden}.main--past-hero{height:auto;min-height:100%;overflow:visible}.works-bridge-hint{z-index:100;pointer-events:none;opacity:0;visibility:hidden;flex-direction:column;align-items:center;gap:14px;transition:none;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:auto!important;height:auto!important;overflow:visible!important}.works-bridge-hint--show{transition:opacity .45s;opacity:1!important;visibility:visible!important}.works-bridge-hint--fade{opacity:0;visibility:visible;pointer-events:none;transition:opacity 1.8s cubic-bezier(.22,1,.36,1)}.works-bridge-hint--off{opacity:0;visibility:hidden;pointer-events:none;transition:none}.works-bridge-hint__text{letter-spacing:-.04em;color:#fffffff2;white-space:nowrap;text-shadow:0 1px 12px #000000d9,0 0 24px #00000080;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:clamp(13px,1.15vw,15px);font-weight:400}.works-bridge-hint__go{pointer-events:auto;cursor:pointer;width:36px;height:36px;color:inherit;background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid}.works-bridge-hint--fade .works-bridge-hint__go,.works-bridge-hint--off .works-bridge-hint__go{pointer-events:none}.works-bridge-hint__chevron{opacity:.85;filter:drop-shadow(0 1px 6px #000000b3);border-bottom:1.5px solid #ffffffe6;border-right:1.5px solid #ffffffe6;width:10px;height:10px;animation:1.6s ease-in-out infinite bridge-bob;display:block;transform:rotate(45deg)}.works-bridge-hint--fade .works-bridge-hint__chevron{animation:none}@keyframes bridge-bob{0%,to{opacity:.5;transform:rotate(45deg)translate(-2px,-2px)}50%{opacity:1;transform:rotate(45deg)translate(2px,2px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.works-bridge-hint--fade{transition:opacity .25s linear}.works-bridge-hint__chevron{animation:none}}img,video{max-width:100%;display:block}a{color:inherit;touch-action:manipulation;text-decoration:none}button{cursor:pointer;touch-action:manipulation;font-family:inherit}button:not([class]){color:inherit;background:0 0;border:none}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0}:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:min(100% - 48px, var(--page-max-width));margin-inline-start:auto;margin-inline-end:auto}.section{padding-block:var(--section-gap)}.section-headline{font-size:clamp(34px, 6vw, var(--text-heading-lg));font-weight:900;line-height:var(--leading-heading-lg);letter-spacing:var(--tracking-display);color:var(--color-text)}.section-lead{max-width:42ch;color:var(--color-muted);font-size:var(--text-body);line-height:var(--leading-body);margin-top:16px}.hairline{background:color-mix(in srgb, var(--color-line) 18%, transparent);border:0;height:1px}.btn{border-radius:var(--radius-button);font-size:var(--text-body);transition:background var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default), opacity var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-default);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:10px 27px;font-weight:500;line-height:1.2;display:inline-flex}.btn:active{transform:translateY(1px)scale(.985)}.btn-primary{background:var(--color-text);color:var(--color-surface);box-shadow:0 0 0 1px #ffffff14}.btn-primary:hover{opacity:.92}.btn-outline{color:var(--color-text);border:1px solid color-mix(in srgb, var(--color-line) 70%, transparent);background:0 0}.btn-outline:hover{border-color:var(--color-text)}.btn-sm{font-size:var(--text-body);padding:7px 14px}.btn-group{gap:var(--element-gap);flex-wrap:wrap;display:inline-flex}.color-tag{border-radius:var(--radius-tag);color:#fff;background:var(--color-brand);align-items:center;padding:7px 14px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.film-card{width:100%;aspect-ratio:var(--media-ar,16 / 9);cursor:pointer;text-align:left;transition:transform .22s var(--ease-default), box-shadow .22s var(--ease-default);background:#141414;border-radius:12px;margin:0;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff12}.film-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #ffffff1f,0 12px 32px #00000073}.film-card:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 1px #ffffff1f,0 12px 32px #00000073}.film-card--portrait{aspect-ratio:9/16}.film-card--landscape{aspect-ratio:16/9}.film-card--square{aspect-ratio:1}.film-card img{object-fit:cover;object-position:center;content-visibility:auto;width:100%;height:100%;display:block}.film-card__overlay{opacity:0;transition:opacity var(--duration-base) var(--ease-default);pointer-events:none;background:linear-gradient(#0000 0%,#00000059 55%,#000000e0 100%);flex-direction:column;justify-content:flex-end;padding:14px 14px 16px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.film-card:hover .film-card__overlay{opacity:1}.film-card:focus-visible .film-card__overlay{opacity:1}.film-card__title{letter-spacing:.02em;-webkit-line-clamp:2;line-clamp:2;word-break:keep-all;overflow-wrap:anywhere;color:#fff;-webkit-box-orient:vertical;font-size:15px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.film-card__meta{color:#ffffffb8;margin-top:4px;font-size:12px;line-height:1.35}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (max-width:768px){.container{width:min(100% - 28px, var(--page-max-width))}}@media (max-width:700px){:root{--section-gap:56px;--nav-height:64px}.section-headline{font-size:clamp(32px,10vw,44px);line-height:.95}.section-lead{margin-top:12px;line-height:1.6}.btn{min-height:44px;padding:11px 20px}.btn-sm{min-height:40px;padding:8px 14px}.works-bridge-hint{gap:12px;width:min(100% - 48px,320px)!important}.works-bridge-hint__text{text-align:center;white-space:normal}.film-card__overlay{opacity:1;padding:30px 10px 10px}.film-card__title{font-size:14px}.film-card__meta{font-size:11px}}body.is-locked{padding-right:var(--scrollbar-compensation,0px);overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}