:root{--paper:#fff9ed;--ink:#252d36;--blue:#315ec3;--hero:#b7d5ec;--sans:'DM Sans','PingFang SC','Microsoft YaHei',sans-serif;--display:'Bricolage Grotesque','PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 var(--sans);overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,figure:focus-visible{outline:2px solid currentColor;outline-offset:6px}button:disabled{cursor:default}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}::selection{background:#315ec3;color:#fff9ed}.skip-link{position:fixed;top:-80px;left:20px;z-index:1000;background:#fff;padding:12px}.skip-link:focus{top:12px}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:30px;padding:26px 4%;height:98px;transition:background .3s,box-shadow .3s}.site-header.scrolled{background:#fff9edf2;box-shadow:0 1px 0 #252d3615;backdrop-filter:blur(12px)}.wordmark{font-family:var(--display);font-size:25px;line-height:.88;letter-spacing:-1px;font-weight:700;position:relative;padding-right:25px}.wordmark span{display:block;margin-left:25px}.wordmark i{position:absolute;right:0;top:0;font-size:32px;line-height:1;font-style:normal;color:#315ec3}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:32px;font-size:14px}.desktop-nav>a{position:relative}.desktop-nav>a:not(.contact-link):after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transition:transform .25s}.desktop-nav>a:hover:after{transform:scaleX(1)}.contact-link{display:flex;gap:23px;align-items:center;background:var(--paper);padding:9px 21px;border-radius:50px}.header-tools{display:flex;gap:12px}.motion-toggle{display:grid;place-items:center;width:40px;height:40px;border:1px solid #252d363d;border-radius:50%;background:transparent}.motion-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.play-glyph{display:none}.motion-paused .play-glyph{display:block}.motion-paused .pause-glyph{display:none}.menu-toggle,.mobile-menu{display:none}
.hero{position:relative;isolation:isolate;min-height:820px;height:104svh;max-height:1150px;background:var(--hero);overflow:hidden;transition:background .7s}.hero-paper{position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.25' filter='url(%23grain)'/%3E%3C/svg%3E");z-index:9}.hero-line{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero-line path{fill:none;stroke:#345b6270;stroke-width:1.5;stroke-dasharray:3 9}.hero-copy{position:absolute;left:7%;top:20%;z-index:3}.hero-kicker{font-size:15px;letter-spacing:2px;margin-bottom:25px}.hero h1{font-family:var(--display);font-size:clamp(98px,11.8vw,188px);line-height:.77;font-weight:600;letter-spacing:-.075em}.hero h1>span{display:inline-block;margin-top:10px;margin-left:9px}.hero-description{margin-top:33px;font-size:21px;line-height:1.6;letter-spacing:2px}.hero-cta{margin-top:28px;display:inline-flex;align-items:center;gap:24px;font-size:15px}.hero-cta i{font-style:normal;display:grid;place-items:center;border:1px solid #252d3670;width:45px;height:45px;border-radius:50%;font-size:22px;transition:background .2s,transform .2s}.hero-cta:hover i{background:var(--paper);transform:translateY(3px)}.hero-art{position:absolute;inset:0;pointer-events:none;z-index:2;--mx:0;--my:0}.portrait-wrap{position:absolute;left:57%;top:14%;width:31%;height:74%;transform:translate(calc(var(--mx)*8px),calc(var(--my)*8px));will-change:transform}.hero-character{width:100%;height:100%;object-fit:contain;transform-origin:50% 60%;will-change:transform}.hero-prop{position:absolute;object-fit:contain;filter:drop-shadow(0 4px 1px #26333905)}.prop-one{width:10%;height:19%;left:46%;top:9%;transform:rotate(-19deg) translate(calc(var(--mx)*-12px),calc(var(--my)*-12px))}.prop-two{width:16%;height:25%;right:-2%;top:18%;transform:rotate(17deg) translate(calc(var(--mx)*15px),calc(var(--my)*15px))}.prop-three{width:11%;height:17%;left:46%;bottom:11%;transform:rotate(-12deg) translate(calc(var(--mx)*-8px),calc(var(--my)*8px))}.hero-flower{position:absolute;width:17%;left:-7%;bottom:7%;transform:rotate(38deg)}.hero-side-note{position:absolute;right:5%;bottom:17%;z-index:4;transform:rotate(-8deg);font-family:var(--display);font-size:17px}.hero-side-note svg{display:block;margin:2px 0 0 25px;fill:none;stroke:currentColor;stroke-width:1.3}.hero-bottom{position:absolute;bottom:29px;left:7%;right:4%;display:flex;align-items:center;justify-content:space-between;z-index:10}.theme-picker{display:flex;align-items:center;gap:11px}.theme-picker button{width:17px;height:17px;border-radius:50%;background:var(--swatch);outline-offset:4px;transition:transform .2s}.theme-picker button[aria-pressed=true]{outline:1px solid var(--ink);transform:scale(.8)}.theme-picker>span{font-size:12px;margin-left:10px}.edition{font-size:12px;color:#384e5a}
.work-intro{padding:74px 7% 55px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.small-label{font-size:13px;letter-spacing:1px}.work-intro h2{font-family:var(--display);font-size:clamp(52px,7.3vw,120px);line-height:1.1;letter-spacing:-.06em;margin-top:10px}.work-intro h2 span{display:inline-block;color:#315ec3}.work-intro-aside{display:flex;align-items:flex-end;gap:60px;font-size:15px}.work-intro-aside>span{font:20px/1 var(--display);white-space:nowrap;padding-bottom:6px}.work-runway{height:410svh;position:relative}.work-stage{position:sticky;top:0;height:100svh;min-height:690px;overflow:hidden}.work-panel{position:absolute;inset:0;padding:112px 6% 100px;display:grid;grid-template-columns:35% 65%;align-items:center;gap:0;background:var(--project);color:var(--project-ink);overflow:hidden;will-change:transform;border-radius:30px 30px 0 0;box-shadow:0 -12px 40px #24352e10}.work-panel:first-child{border-radius:0}.work-panel:nth-child(n+2){transform:translateY(100%)}.work-panel-copy{position:relative;z-index:2;padding-right:34px;max-width:460px}.work-index{font-family:var(--display);font-size:15px;margin-bottom:48px}.work-index span{opacity:.55;margin-left:7px}.work-panel h3{font-size:clamp(26px,2.8vw,43px);line-height:1.35;letter-spacing:-1px}.work-english{font-family:var(--display);font-size:21px;margin:11px 0 26px;letter-spacing:-.5px}.work-summary{font-size:15px;line-height:1.9;max-width:26em}.work-deliverables{margin:20px 0 30px;display:flex;flex-wrap:wrap;gap:9px 15px;font-size:12px}.work-deliverables span+span{border-left:1px solid #252d3660;padding-left:15px}.project-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid currentColor;padding:9px 0;min-width:130px;font-size:15px}.project-link span{display:block;font-size:21px;transition:transform .2s}.project-link:hover span{transform:translate(3px,-3px)}.project-art{position:relative;margin:0;will-change:transform}.project-art a{display:block}.project-art img{width:100%;max-height:72svh;object-fit:contain;filter:drop-shadow(0 20px 24px #2b324012)}.project-art figcaption{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:1px;white-space:nowrap}.work-stepper{position:absolute;bottom:33px;left:6%;right:6%;display:flex;align-items:center;gap:12px;z-index:10;color:#253632}.work-stepper button{background:transparent;padding:6px 7px;font-family:var(--display);font-size:16px;opacity:.5;min-width:34px;min-height:36px}.work-stepper button[aria-pressed=true]{opacity:1;border-bottom:2px solid currentColor}.work-stepper>span{height:1px;width:35px;background:currentColor;opacity:.3}.work-stepper:after{content:'向下，继续看作品';font-size:12px;margin-left:auto}.about-section{display:grid;grid-template-columns:44% 56%;gap:0;min-height:750px;padding:82px 9% 90px;background:var(--paper);position:relative}.about-portrait{position:relative;display:flex;align-items:center;justify-content:center;min-height:460px}.about-portrait img{height:390px;width:auto;transform:none;object-fit:contain}.note-script{position:absolute;top:15px;left:3%;font:22px/1.2 var(--display);transform:rotate(-8deg)}.about-star{position:absolute;right:15%;top:16%;font-size:85px;color:#d491b1;font-family:var(--display);line-height:1}.about-copy{max-width:570px;padding:30px 0 0 30px}.about-copy h2{font-size:clamp(36px,4.2vw,68px);line-height:1.28;letter-spacing:-2px;margin:18px 0 30px}.about-copy>p{font-size:16px;line-height:1.9;max-width:30em;margin-bottom:17px}.about-interests{display:flex;flex-wrap:wrap;gap:9px 20px;margin:28px 0 25px;font:16px/1.4 var(--display);color:#315ec3}.about-copy>.preview-footnote{font-size:12px;color:#70756b}
.photo-wall{position:relative;height:970px;background:#ecc1d0;overflow:hidden}.photo-heading{position:absolute;left:7%;top:62px;z-index:1}.photo-heading h2{font-family:var(--display);font-size:clamp(60px,7.5vw,116px);line-height:1.1;letter-spacing:-.06em;margin:8px 0 13px}.photo-heading>p{font-size:16px}.photo-instruction{position:absolute;top:95px;right:8%;font-size:13px;line-height:1.8;transform:rotate(6deg)}.photo-instruction span{position:absolute;right:20px;bottom:-50px;font-size:45px;font-family:var(--display)}.photo-collection{position:absolute;inset:0}.photo-print{position:absolute;top:0;left:0;width:var(--photo-width,250px);margin:0;padding:10px 10px 9px;background:#fffaf1;box-shadow:2px 8px 15px #47293629;cursor:grab;user-select:none;touch-action:none;transform:translate(var(--x,0px),var(--y,0px)) rotate(var(--angle,0deg));z-index:2;transition:box-shadow .2s;will-change:transform}.photo-print:hover,.photo-print:focus-visible{box-shadow:5px 12px 25px #47293640}.photo-print.dragging{cursor:grabbing;box-shadow:7px 20px 28px #47293647}.photo-print img{width:100%;aspect-ratio:1.5;object-fit:cover;pointer-events:none}.photo-print.portrait-print img{aspect-ratio:.86;object-position:50% 62%}.photo-print figcaption{display:flex;justify-content:space-between;gap:7px;font-size:11px;padding:9px 4px 0;pointer-events:none;color:#54534b}.photo-print figcaption span{font-family:var(--display);font-size:12px}.photo-dialog{border:0;background:var(--paper);padding:18px;max-width:min(92vw,1250px);width:max-content;max-height:94svh;overflow:auto}.photo-dialog::backdrop{background:#172328db;backdrop-filter:blur(5px)}.photo-dialog>img{max-height:77svh;max-width:85vw;object-fit:contain;margin:auto}.photo-dialog>p{padding:15px 6px 2px;font-size:14px}.dialog-close{position:absolute;right:24px;top:24px;border-radius:50%;width:40px;height:40px;background:#fff9ed;box-shadow:0 0 10px #252d3620;font-size:27px;line-height:1}.contact-section{background:#e4e7b2;padding:95px 8% 80px;display:grid;grid-template-columns:1.15fr 1fr;gap:80px}.contact-main h2{font-size:clamp(65px,7.4vw,115px);line-height:1.3;letter-spacing:-5px;margin-top:20px}.contact-main h2 span{color:#375743}.contact-details{padding-top:45px}.contact-signature{font:35px/1.3 var(--display);letter-spacing:-1px;margin-bottom:5px}.contact-details>p+ p{font-size:14px}.pending-contact{display:grid;grid-template-columns:1fr;margin-top:30px}.pending-contact>span{font-size:12px;color:#435439;margin-top:15px}.pending-contact>p{font-size:15px;margin-top:3px}.game-entry{background:transparent;border-bottom:1px solid #435439;padding:8px 0;margin-top:25px;display:flex;gap:35px;align-items:center;font-size:14px}.game-entry>span{font-size:25px;line-height:1}.site-footer{background:#e4e7b2;display:flex;justify-content:space-between;padding:22px 8% 28px;border-top:1px solid #43543930;font-size:12px;gap:20px}.bee-guide{position:fixed;top:0;left:0;width:43px;height:43px;object-fit:contain;pointer-events:none;z-index:90;will-change:transform;filter:drop-shadow(1px 2px 0 #25362820)}.click-flower{position:fixed;width:24px;height:24px;object-fit:contain;pointer-events:none;z-index:89;animation:flower-visit 1.15s both}@keyframes flower-visit{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-15deg)}20%,65%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(8deg)}100%{opacity:0;transform:translate(-50%,-70%) scale(.6) rotate(25deg)}}.noscript-note{padding:30px;background:#fff;position:relative;z-index:50}.noscript-note a{text-decoration:underline}
@media(min-width:1700px){.hero-copy{left:10%}.portrait-wrap{width:27%;left:59%}.work-panel{padding-left:10%;padding-right:10%}.work-stepper{left:10%;right:10%}}
@media(max-width:1000px){.hero h1{font-size:13vw}.portrait-wrap{left:53%;width:40%;top:16%;height:70%}.hero-copy{left:6%}.hero-side-note{bottom:17%;right:4%;font-size:14px}.prop-one{left:47%;width:11%}.prop-three{left:43%}.work-panel{grid-template-columns:37% 63%;padding-left:5%;padding-right:4%}.work-panel-copy{padding-right:15px}.work-panel h3{font-size:29px}.work-english{font-size:18px}.work-summary{font-size:14px}.work-index{margin-bottom:30px}.about-section{padding-left:6%;padding-right:6%}.about-copy{padding-left:15px}.contact-section{gap:35px}.photo-instruction{right:5%}}
@media(max-width:800px){.work-runway{height:auto}.work-stage{position:static;height:auto;min-height:0;overflow:visible}.work-panel,.work-panel:nth-child(n+2){position:relative;transform:none!important;min-height:800px;padding:60px 7% 70px;display:grid;grid-template-columns:1fr;border-radius:0;box-shadow:none;gap:30px;will-change:auto}.work-panel-copy{max-width:none;padding:0}.work-index{margin-bottom:15px}.work-panel h3{font-size:32px}.work-english{margin:7px 0 15px}.work-summary{max-width:34em;font-size:15px}.work-deliverables{margin:16px 0}.project-art{transform:none!important;max-width:650px;margin:auto;width:100%;will-change:auto}.project-art img{max-height:none}.work-stepper{display:none}.work-intro{padding:55px 7% 40px}.work-intro-aside{gap:15px}.work-intro-aside p{display:none}.about-section{min-height:650px;padding:60px 6%}.about-portrait img{height:300px}.about-star{font-size:60px;right:2%;top:23%}.note-script{font-size:17px;top:18%;left:0}.about-copy h2{font-size:40px}.photo-heading h2{font-size:75px}.photo-instruction{top:145px;font-size:12px}.contact-section{padding:65px 7%;gap:30px}.contact-main h2{font-size:65px;letter-spacing:-2px}}
@media(max-width:600px){html{scroll-padding-top:79px}.site-header{height:78px;padding:20px 6%;gap:15px}.wordmark{font-size:21px}.wordmark i{font-size:27px}.header-tools{margin-left:auto}.desktop-nav{display:none}.motion-toggle{width:35px;height:35px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:35px;height:35px;padding:7px;background:transparent}.menu-toggle span{height:1.5px;background:var(--ink);width:21px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.mobile-menu{display:flex;position:fixed;top:78px;left:0;right:0;padding:18px 6% 25px;background:var(--paper);z-index:99;border-bottom:1px solid #252d3626;justify-content:space-between;font-size:15px;box-shadow:0 12px 30px #252d3610}.hero{min-height:820px;height:100svh;max-height:920px}.hero-copy{top:135px;left:7%;right:7%}.hero-kicker{font-size:12px;letter-spacing:1px;margin-bottom:24px}.hero h1{font-size:21vw;line-height:.82;letter-spacing:-.07em}.hero h1>span{margin-left:1px;margin-top:9px}.hero-description{font-size:16px;margin-top:28px;line-height:1.65;letter-spacing:1px}.hero-cta{margin-top:25px;gap:15px;font-size:13px}.hero-cta i{width:35px;height:35px}.portrait-wrap{left:41%;top:40%;width:58%;height:48%}.prop-one{left:auto;right:10%;top:12%;height:10%;width:15%}.prop-two{top:24%;right:-5%;width:23%;height:17%}.prop-three{left:8%;bottom:16%;width:18%;height:12%}.hero-flower{width:29%;left:-14%;bottom:8%}.hero-side-note{right:6%;bottom:12%;font-size:13px}.hero-side-note svg{width:65px;height:24px}.hero-bottom{left:7%;right:6%;bottom:25px;align-items:flex-start}.theme-picker{gap:12px;position:relative}.theme-picker>span{position:absolute;left:0;top:26px;white-space:nowrap;font-size:10px;margin:0}.edition{font-size:10px}.work-intro h2{font-size:47px}.work-intro .small-label{font-size:11px}.work-intro-aside>span{font-size:16px}.work-panel,.work-panel:nth-child(n+2){min-height:0;padding:44px 7% 65px;gap:25px}.work-panel h3{font-size:28px}.work-english{font-size:19px}.work-summary{font-size:14px;line-height:1.8}.work-index{font-size:13px}.project-art{width:112%;max-width:none;margin-left:-6%;}.project-art figcaption{bottom:-22px;font-size:10px}.work-deliverables{font-size:11px}.project-link{font-size:14px;padding:7px 0}.about-section{display:flex;flex-direction:column;min-height:0;padding:65px 7%}.about-copy{order:0;padding:0}.about-copy h2{font-size:44px;letter-spacing:-1.5px;margin:18px 0 24px}.about-copy>p{font-size:15px}.about-portrait{order:1;min-height:310px;margin-top:10px}.about-portrait img{height:300px;transform:none}.note-script{left:0;top:40px;font-size:19px;max-width:100px}.about-star{right:6%;top:15%}.about-interests{font-size:14px;gap:9px 15px;margin:23px 0 17px}.photo-wall{height:1080px}.photo-heading{left:7%;top:48px}.photo-heading h2{font-size:61px}.photo-heading>p{font-size:14px}.photo-instruction{top:213px;right:9%;font-size:11px;transform:rotate(-4deg)}.photo-instruction span{right:-20px;bottom:-25px;font-size:32px}.photo-print{padding:7px 7px 8px}.photo-print figcaption{font-size:10px;padding:7px 2px 0}.photo-print figcaption span{font-size:10px}.photo-dialog{padding:9px;max-width:96vw}.photo-dialog>img{max-width:90vw}.dialog-close{top:17px;right:17px;width:34px;height:34px;font-size:24px}.contact-section{grid-template-columns:1fr;gap:15px;padding:60px 7% 50px}.contact-main h2{font-size:70px}.contact-details{padding-top:12px}.contact-signature{font-size:30px}.pending-contact{margin-top:18px}.site-footer{flex-wrap:wrap;padding:20px 7%;font-size:10px;gap:10px}.site-footer>span:nth-child(2){order:3;flex-basis:100%}.site-footer>a{margin-left:auto}.bee-guide{width:32px;height:32px}}
.motion-paused .work-runway{height:auto}.motion-paused .work-stage{position:static;height:auto;min-height:0;overflow:visible}.motion-paused .work-panel{position:relative;transform:none!important;min-height:760px;border-radius:0;box-shadow:none}.motion-paused .work-stepper{display:none}.motion-paused .hero-character,.motion-paused .project-art{transform:none!important}.motion-paused .hero-prop{transition:none}.motion-paused .click-flower{animation:none;display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.work-runway{height:auto}.work-stage{position:static;height:auto;min-height:0}.work-panel,.work-panel:nth-child(n+2){position:relative;transform:none!important;min-height:760px}.work-stepper{display:none}.hero-character,.project-art{transform:none!important}}