:root{--ink:#151a18;--paper:#f4f1e8;--lime:#c9f04b;--orange:#ff6846;--blue:#75c9dc;--white:#fffdf7;--header-bg:#f4f1e8f0;--project-bg:#151a18;--project-text:#fffdf7;--project-muted:#c5c8c3;--project-line:#ffffffa6;--connect-bg:#c9f04b;--footer-bg:#ff6846;--button-bg:#151a18;--button-text:#fffdf7;--project-hover-text:#151a18;--link-hover:#d74224;--connect-accent:#c83c22;--hover-bg:#ffffff5c;--line:1.5px solid var(--ink)}html.dark{--ink:#e8eee7;--paper:#0b100e;--lime:#78982f;--orange:#a84630;--blue:#173b40;--white:#f1f5ed;--header-bg:#0b100ef0;--project-bg:#121815;--project-text:#e8eee7;--project-muted:#aab6ac;--project-line:#e8eee747;--connect-bg:#27331b;--footer-bg:#3a211b;--button-bg:#e8eee7;--button-text:#121815;--project-hover-text:#121815;--link-hover:#f07a5d;--connect-accent:#d77b58;--hover-bg:#e8eee717}html.dark .site-header{background:var(--header-bg)}html.dark .project-copy>p,html.dark .project-copy>span{color:var(--project-muted)}html.dark .section-index.light{border-color:var(--ink)}html.dark .project-arrow{border-color:var(--project-line)}html.dark .project-main-link:hover .project-arrow{color:var(--button-text)}html.dark .project-visual{border-color:var(--project-line)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-user-select:none;user-select:none;background:var(--paper);color:var(--ink);letter-spacing:0;-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Noto Sans SC,Microsoft YaHei,Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:12px 16px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:12px}.loader-overlay{--loader-background:#f4f1e8;--loader-muted:#777;--loader-active:#151a18;z-index:1000;background:var(--loader-background);color:var(--loader-active);isolation:isolate;position:fixed;inset:0;overflow:hidden}html[data-loader-theme=dark] .loader-overlay{--loader-background:#191919;--loader-muted:#777;--loader-active:#ddd}.loader-blackhole{place-items:center;display:grid;position:absolute;inset:0}.loader-blackhole canvas{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.loader-btn{z-index:2;aspect-ratio:1;width:min(255px,60vw);color:var(--loader-muted);cursor:default;letter-spacing:0;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font:400 18px/1 Georgia,Times New Roman,serif;transition:opacity .45s,color .45s;display:grid;position:relative}.loader-btn.ready{cursor:pointer}.loader-btn.ready:hover,.loader-btn.ready:focus-visible{color:var(--loader-active);outline:none}.loader-btn.open{opacity:0;pointer-events:none}.loader-btn span{justify-content:center;align-items:center;gap:12px;min-width:98px;display:flex}.loader-btn span:before,.loader-btn span:after{content:"";background:currentColor;flex:0 0 16px;width:16px;height:1px;transition:background-color .45s}.loader-overlay.reveal{opacity:0;transition:opacity 1s}.site-content{z-index:1001;clip-path:circle(0 at 50% 50vh);pointer-events:none;will-change:clip-path;min-height:100vh;position:relative}.site-content.revealed{clip-path:circle(150vmax at 50% 50vh);pointer-events:auto;transition:clip-path 1.35s cubic-bezier(.72,0,.2,1)}.site-content.finished{clip-path:none;will-change:auto}.site-header{border-bottom:var(--line);text-transform:uppercase;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;height:78px;padding:0 clamp(20px,4.5vw,72px);font:700 12px/1.2 Courier New,monospace;display:grid;position:relative}.brand{justify-self:start;align-items:center;gap:11px;display:flex}.brand-avatar{object-fit:cover;border:var(--line);background:var(--white);width:36px;height:36px}.brand>span:last-child{font-size:15px}.site-header nav{gap:clamp(22px,3vw,46px);display:flex}.site-header nav a,.header-link{transition:color .2s}.site-header nav a:hover,.header-link:hover{color:var(--link-hover)}.header-actions{justify-self:end;align-items:center;gap:14px;display:flex}.theme-toggle{border:var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;place-items:center;transition:background .2s,color .2s;display:grid}.theme-toggle:hover{background:var(--ink);color:var(--paper)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .sun-icon{display:none}.theme-toggle .moon-icon,html.dark .theme-toggle .sun-icon{display:block}html.dark .theme-toggle .moon-icon{display:none}.header-link{align-self:stretch;align-items:center;gap:7px;line-height:1;display:flex}.header-link svg{width:16px;height:16px}.hero{border-bottom:var(--line);grid-template-columns:1fr;min-height:calc(100svh - 78px);display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;flex-direction:column;justify-content:center;padding:clamp(80px,11vh,132px) clamp(20px,5vw,80px) 100px;display:flex;position:relative}.line-drawing{z-index:1;pointer-events:none;opacity:.85;width:min(60vw,720px);color:var(--ink);position:absolute;bottom:0;right:0;overflow:hidden}.line-drawing__canvas{display:none}.line-drawing__layer{width:100%;height:auto}.line-drawing__layer svg{object-fit:contain;width:100%;height:auto;display:block}.line-drawing__layer--draw{z-index:1;color:var(--ink);position:relative}.line-drawing__layer--trace{z-index:2;color:var(--ink);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.line-drawing.is-trace-shown .line-drawing__layer--trace{opacity:1}.line-drawing__layer--trace svg path{fill:currentColor;stroke:none}.line-drawing__credit{z-index:3;letter-spacing:.04em;color:var(--ink);background:var(--paper);border:1px solid var(--ink);opacity:0;pointer-events:auto;border-radius:999px;align-items:baseline;gap:6px;padding:2px 8px;font-size:11px;line-height:1.4;text-decoration:none;transition:opacity .6s .1s,transform .6s .1s;display:flex;position:absolute;bottom:6px;right:8px;transform:translateY(4px)}.line-drawing.is-trace-shown .line-drawing__credit,.line-drawing--static .line-drawing__credit{opacity:.8;transform:translateY(0)}.line-drawing__credit:hover{opacity:1}.line-drawing__credit-src{opacity:.6;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.line-drawing--static{opacity:.85}.eyebrow,.section-index,.project-copy>p{letter-spacing:.02em;text-transform:uppercase;font:700 11px/1.3 Courier New,monospace}.eyebrow{align-items:center;gap:9px;margin:0 0 35px;display:flex}.eyebrow span,.mini-dot{background:var(--orange);border-radius:50%;width:8px;height:8px;display:inline-block}.hero h1{letter-spacing:0;white-space:nowrap;max-width:100%;margin:0;font:900 clamp(64px,8vw,126px)/.82 Arial,sans-serif}.hero-title-sm{white-space:normal!important;max-width:800px!important;font:850 clamp(28px,4.5vw,52px)/1.25 Arial,Noto Sans SC,sans-serif!important}.hero-sub{margin-top:.35em;font-size:.55em;font-weight:600;display:inline-block}.hero-intro{margin:42px 0 0;font-size:clamp(17px,1.5vw,22px);font-weight:600;line-height:1.65}.hero-actions{align-items:center;gap:28px;margin-top:42px;display:flex}.button{border:var(--line);align-items:center;gap:26px;min-height:50px;padding:0 18px;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex}.button-dark{background:var(--button-bg);color:var(--button-text);box-shadow:5px 5px 0 var(--orange)}.button:hover{box-shadow:2px 2px 0 var(--orange);transform:translate(3px,3px)}.button svg,.text-link svg{width:18px;height:18px}.text-link{border-bottom:var(--line);align-items:center;gap:8px;padding-bottom:4px;font-weight:800;display:inline-flex}.scroll-cue{z-index:6;align-items:center;gap:12px;font:700 10px Courier New,monospace;display:flex;position:absolute;bottom:22px;left:clamp(20px,5vw,80px)}.scroll-track{width:22px;height:52px;display:block;position:relative}.scroll-mouse{z-index:1;border:1.5px solid var(--ink);background:var(--paper);border-radius:10px;width:18px;height:28px;animation:2s ease-in-out infinite scroll-mouse;position:absolute;top:0;left:50%;transform:translate(-50%)}.scroll-mouse i{background:var(--ink);border-radius:50%;width:4px;height:4px;position:absolute;top:5px;left:50%;transform:translate(-50%)}@keyframes scroll-mouse{0%{opacity:0;transform:translate(-50%)}22%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(-50%,24px)}}.section{padding:clamp(82px,11vw,160px) clamp(20px,7vw,108px)}.section-index{border-bottom:var(--line);justify-content:space-between;width:100%;padding-bottom:14px;display:flex}.about-content{grid-template-columns:1.2fr .8fr;align-items:end;gap:clamp(50px,10vw,160px);padding-top:58px;display:grid}.section h2{letter-spacing:0;margin:0;font:850 clamp(42px,6vw,88px)/1.04 Arial,Noto Sans SC,sans-serif}.section h2 em{color:var(--orange);font-style:normal}.about-content>h2{white-space:nowrap;font-size:clamp(38px,5.2vw,78px)}.about-detail>p{margin:0 0 38px;font-size:17px;line-height:1.9}.about-detail dl{border-top:var(--line);margin:0}.about-detail dl>div{border-bottom:var(--line);justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.about-detail dt{font:700 10px Courier New,monospace}.about-detail dd{text-align:right;margin:0;font-size:13px;font-weight:700}.mini-dot{background:#4ca335;width:7px;height:7px}.projects{background:var(--project-bg);color:var(--project-text)}.section-index.light{border-color:var(--project-text)}.projects-heading h2{margin:50px 0 75px}.projects-heading h2 em{color:var(--lime)}.project-list{border-top:1px solid var(--project-line)}.project{border-bottom:1px solid var(--project-line);grid-template-columns:1fr minmax(330px,.72fr);min-height:390px;display:grid}.project-main-link{grid-template-columns:52px 1fr 44px;align-items:center;gap:22px;padding:48px 5vw 48px 0;display:grid}.project-number{color:var(--lime);align-self:start;font:700 12px Courier New,monospace}.project-copy>p{color:var(--project-muted);margin:0 0 23px}.project-copy h3{margin:0 0 20px;font-size:clamp(28px,3.5vw,50px);line-height:1.15}.project-copy>span{color:var(--project-muted);max-width:530px;font-size:15px;line-height:1.8;display:block}.project-arrow{border:1px solid var(--project-line);place-items:center;width:44px;height:44px;transition:background .2s,color .2s,transform .2s;display:grid}.project-main-link:hover .project-arrow{background:var(--lime);color:var(--project-hover-text);transform:translate(3px,-3px)}.project-arrow svg{width:20px}.project-visual{aspect-ratio:2;border:1px solid var(--project-line);background:#080c0a;align-self:center;margin:32px 0;overflow:hidden}.project-visual img{object-fit:cover;width:100%;height:100%;display:block}.connect{background:var(--connect-bg)}.connect-heading{padding:54px 0 62px}.connect-heading h2 em{color:var(--connect-accent)}.email-link{border-top:var(--line);grid-template-columns:54px 1fr 30px;align-items:center;gap:22px;min-height:108px;padding:14px 5px;transition:padding .2s,background .2s;display:grid}.email-link:hover{background:var(--hover-bg);padding-left:15px;padding-right:15px}.email-link>svg{width:21px}.social-list{border-top:var(--line)}.social-list>a{border-bottom:var(--line);grid-template-columns:54px 1fr 30px;align-items:center;gap:22px;min-height:108px;padding:14px 5px;transition:padding .2s,background .2s;display:grid}.social-list>a:hover{background:var(--hover-bg);padding-left:15px;padding-right:15px}.social-icon{border:var(--line);background:var(--paper);place-items:center;width:50px;height:50px;font:900 20px Arial,sans-serif;display:grid}.social-icon svg{fill:currentColor;stroke:none;width:28px;height:28px}.social-icon.email-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:22px;height:22px}.bilibili-icon{color:#1689b9}.netease-icon{color:#d63232}.douyin-icon{color:var(--ink)}.social-name{flex-direction:column;gap:7px;display:flex}.social-name b{font-size:20px}.social-name small{font:700 10px Courier New,monospace}.social-list svg{width:21px}footer{background:var(--footer-bg);padding:clamp(60px,8vw,110px) clamp(20px,5vw,76px) 24px;overflow:hidden}.footer-top{justify-content:flex-end;align-items:start;display:flex}.footer-top>a{border:var(--line);background:0 0;place-items:center;width:48px;height:48px;transition:transform .2s;display:grid}.footer-top>a:hover{transform:translateY(-5px)}.footer-top svg{width:20px}.footer-wordmark{white-space:nowrap;letter-spacing:0;text-align:left;width:100%;height:1.6em;margin:8vw 0 6vw;font:900 clamp(44px,13.5vw,210px)/1 Arial,sans-serif;position:relative}.footer-wordmark-text{color:var(--ink);justify-content:flex-start;align-items:center;padding-left:.5em;display:flex;position:absolute;inset:0}.footer-wordmark-text span{color:var(--lime)}.footer-distortion{opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.footer-distortion canvas{width:100%;height:100%;display:block}.has-wordmark-distortion .footer-wordmark-text{opacity:0;pointer-events:none}.has-wordmark-distortion .footer-distortion{opacity:1}.footer-meta{border-top:var(--line);justify-content:space-between;gap:16px;padding-top:17px;font:700 10px Courier New,monospace;display:flex}.footer-meta a{text-underline-offset:3px;text-decoration:underline}.has-motion .section,.has-motion .project{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(28px)}.has-motion .section.is-visible,.has-motion .project.is-visible{opacity:1;transform:none}#osu-cursor{pointer-events:none;z-index:2147483647;position:fixed}#osu-cursor>.cursor-inner{will-change:transform;transform-origin:0 0;position:relative}#osu-cursor>.cursor-inner>img{width:30px;position:absolute;top:0;left:0}#osu-cursor>.cursor-inner>img.cursor-additive{opacity:0}@media (width<=860px){.site-header{grid-template-columns:1fr auto;height:66px}.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{min-height:560px;padding-top:75px}.hero h1{font-size:clamp(60px,14vw,105px)}.scroll-cue,.line-drawing{display:none}.about-content{grid-template-columns:1fr;gap:48px}.project{grid-template-columns:1fr}.project-main-link{padding-right:0}.project-visual{margin:0 0 40px}}@media (width<=560px){.site-header{padding:0 16px}.brand>span:last-child{display:none}.header-link{font-size:10px}.hero-copy{min-height:500px;padding:65px 20px 70px}.hero h1{font-size:clamp(49px,15.5vw,78px)}.hero-intro{margin-top:32px}.hero-actions{gap:20px;margin-top:34px}.button{gap:14px;padding:0 14px}.section{padding:75px 20px}.section h2{font-size:clamp(38px,12vw,58px)}.about-content>h2{font-size:clamp(28px,9.8vw,50px)}.about-content{padding-top:42px}.projects-heading h2{margin:42px 0 56px}.project-main-link{grid-template-columns:30px 1fr 36px;gap:10px;padding:38px 0}.project-copy h3{font-size:27px}.project-copy>span{font-size:14px}.project-arrow{width:36px;height:36px}.connect-heading{padding:42px 0 48px}.email-link{grid-template-columns:48px 1fr 24px;gap:14px;min-height:108px}.social-list>a{grid-template-columns:48px 1fr 24px;gap:14px}.social-icon{width:46px;height:46px}.footer-wordmark{margin:70px 0 55px;font-size:clamp(44px,13.5vw,76px)}.footer-meta{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.scroll-mouse{opacity:1;animation:none}.site-content{clip-path:none;opacity:0;transition:opacity 80ms linear}.site-content.revealed{opacity:1;clip-path:none;transition:opacity 80ms linear}.site-content.finished{opacity:1}}