*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.bottom-\[-2\.4\%\]{bottom:-2.4%}.left-0{left:0}.left-\[11\.35\%\]{left:11.35%}.left-\[17\.6\%\]{left:17.6%}.left-\[2\.85\%\]{left:2.85%}.left-\[27\.1\%\]{left:27.1%}.left-\[5\.7\%\]{left:5.7%}.left-\[8\.55\%\]{left:8.55%}.right-0{right:0}.right-\[10\.9\%\]{right:10.9%}.right-\[2\.8\%\]{right:2.8%}.right-\[7\.4\%\]{right:7.4%}.top-0{top:0}.top-\[15\%\]{top:15%}.top-\[42\.5\%\]{top:42.5%}.top-\[43\.6\%\]{top:43.6%}.top-\[50\.1\%\]{top:50.1%}.top-\[51\%\]{top:51%}.top-\[70\%\]{top:70%}.top-\[85\%\]{top:85%}.block{display:block}.flex{display:flex}.aspect-\[1244\/364\]{aspect-ratio:1244/364}.aspect-square{aspect-ratio:1/1}.h-\[0\.47vw\]{height:.47vw}.h-\[34\%\]{height:34%}.max-h-\[9px\]{max-height:9px}.min-h-\[3px\]{min-height:3px}.w-\[2\.86\%\]{width:2.86%}.w-\[64\.8\%\]{width:64.8%}.w-full{width:100%}.resize{resize:both}.items-end{align-items:flex-end}.gap-\[0\.7vw\]{gap:.7vw}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.bg-amber{--tw-bg-opacity:1;background-color:rgb(255 186 70/var(--tw-bg-opacity,1))}.bg-blue{--tw-bg-opacity:1;background-color:rgb(83 105 245/var(--tw-bg-opacity,1))}.bg-coral{--tw-bg-opacity:1;background-color:rgb(242 89 89/var(--tw-bg-opacity,1))}.bg-ink{--tw-bg-opacity:1;background-color:rgb(43 43 43/var(--tw-bg-opacity,1))}.bg-paper{--tw-bg-opacity:1;background-color:rgb(255 254 249/var(--tw-bg-opacity,1))}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.pb-\[0\.18em\]{padding-bottom:.18em}.text-\[clamp\(\.55rem\2c 1\.25vw\2c 1\.5rem\)\]{font-size:clamp(.55rem,1.25vw,1.5rem)}.text-\[clamp\(1rem\2c 2\.5vw\2c 3rem\)\]{font-size:clamp(1rem,2.5vw,3rem)}.font-extralight{font-weight:200}.font-semibold{font-weight:600}.leading-none{line-height:1}.tracking-\[0\.02em\]{letter-spacing:.02em}.text-ink{--tw-text-opacity:1;color:rgb(43 43 43/var(--tw-text-opacity,1))}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{color-scheme:light}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#fffef9}body{color:#2b2b2b;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}main{min-height:100svh;display:grid;place-items:center}.cover-stage,main{overflow:hidden;background:#fffef9}.cover-stage{position:relative;width:min(100vw,calc(100svh * 16 / 9));aspect-ratio:16/9;isolation:isolate}.reflections{color:transparent;background:linear-gradient(90deg,#f25959 0 27.885%,#2b2b2b 27.895% 65.375%,#5369f5 65.385% 79.808%,#ffba46 79.818% 100%);background-clip:text;-webkit-background-clip:text}.portfolio-signature{position:absolute;left:-2.4%;top:7.55%;width:105%;height:46%}.signature-layer{position:absolute;inset:0;clip-path:inset(0 100% 0 0);animation:signature-reveal 2.8s cubic-bezier(.2,.75,.2,1) forwards;will-change:clip-path}.signature-shadow{opacity:1}.signature-refraction{position:absolute;z-index:3;left:-2.4%;top:7.55%;width:105%;height:46%;pointer-events:none;-webkit-mask:url(/assets/line-shadow.svg) center/100% 100% no-repeat;mask:url(/assets/line-shadow.svg) center/100% 100% no-repeat;opacity:0;filter:drop-shadow(1px 0 0 rgb(32 205 255/.34)) drop-shadow(-1px 0 0 rgb(255 154 55/.24));animation:refracted-stroke-in .35s ease 2.35s forwards}.name-entry{z-index:8;top:79.9%;width:16%;border:0;background:transparent;color:inherit;cursor:pointer}.name-entry,.name-liquid-lens{position:absolute;left:50%;aspect-ratio:1;transform:translateX(-50%)}.name-liquid-lens{z-index:12;top:82.1%;width:11.2%;border-radius:48% 52% 55% 45%/52% 45% 55% 48%;pointer-events:none;animation:liquid-lens-float 4.2s ease-in-out infinite;box-shadow:0 0 1px rgb(255 255 255),0 0 10px rgb(255 255 255/.9),0 0 24px rgb(50 190 255/.32),0 0 38px rgb(255 143 66/.18)}.name-label{top:34%;background:#2b2b2b;padding:0 .5vw;color:#fffef9;font-size:clamp(1rem,2.5vw,3rem);line-height:1.4;box-shadow:0 7px 20px rgb(43 43 43/.2)}.name-hint,.name-label{position:absolute;z-index:3;left:50%;transform:translateX(-50%);white-space:nowrap}.name-hint{top:61%;opacity:0;font-size:clamp(.55rem,.7vw,.85rem);letter-spacing:.08em;transition:opacity .25s ease}.name-entry:focus-visible .name-hint,.name-entry:hover .name-hint{opacity:.68}.name-entry:focus-visible+.name-liquid-lens,.name-entry:hover+.name-liquid-lens{animation-duration:1.8s;filter:brightness(1.08)}.name-entry:focus-visible{outline:2px solid #5369f5;outline-offset:5px;border-radius:50%}.glass-transition{position:absolute;z-index:20;left:50%;top:92.5%;width:12vw;aspect-ratio:1;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(0);opacity:0;background:rgb(255 254 249/.5);border:1px solid rgb(255 255 255/.9);box-shadow:inset 0 0 7vw rgb(255 255 255/.9),0 0 9vw rgb(43 43 43/.18);backdrop-filter:blur(24px) saturate(1.7)}.is-entering .glass-transition{animation:glass-expand .82s cubic-bezier(.5,0,.15,1) forwards}.is-entering .name-liquid-lens{animation:name-lens-expand .82s cubic-bezier(.5,0,.15,1) forwards}@keyframes signature-reveal{to{clip-path:inset(0 0 0 0)}}@keyframes refracted-stroke-in{to{opacity:1}}@keyframes name-lens-expand{to{transform:translateX(-50%) scale(7);opacity:0}}@keyframes glass-expand{0%{opacity:.8;transform:translate(-50%,-50%) scale(.4)}45%{opacity:1}to{opacity:1;transform:translate(-50%,-50%) scale(24)}}@media (max-aspect-ratio:4/5){main{align-items:start}.cover-stage{width:100vw;min-height:100svh;aspect-ratio:auto}.portfolio-signature,.signature-refraction{top:8%;height:35%;width:145%;left:-22%}.cover-portrait{left:5%;top:42%;width:90%}.cover-stage header{left:8%;top:35%;gap:2vw}.name-entry{top:70%;width:42%}.name-liquid-lens{top:73%;width:27%}.glass-transition{top:80%;width:36vw}}@media (prefers-reduced-motion:reduce){.signature-layer{clip-path:none;animation:none}.signature-refraction{opacity:1;animation:none}.name-liquid-lens{animation:none}.is-entering .glass-transition{animation-duration:.01s}}.portfolio-nav{position:absolute;z-index:4;top:13px;left:25px;display:flex;align-items:center;gap:clamp(2.5rem,5vw,6rem);height:72px;font-size:clamp(.7rem,1.05vw,1.25rem);font-weight:600;white-space:nowrap}.portfolio-nav a{position:relative;z-index:1;transition:color .2s ease}.portfolio-nav a:focus-visible,.portfolio-nav a:hover{color:#fffef9;outline:none}.portfolio-nav .is-active{color:#fffef9}.portfolio-nav .is-active:before{content:"";position:absolute;z-index:-1;inset:-1.1em -1.25em;border-radius:999px;background:rgb(255 255 255/.1)}.ocean-page{position:relative;display:block;place-items:initial;width:100%;min-height:100svh;overflow:hidden;background:#080b0d;color:#fffef9}.ocean-background{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.ocean-vignette{position:absolute;inset:0 auto 0 0;width:52%;background:linear-gradient(90deg,rgb(0 0 0/.68),rgb(0 0 0/.25) 78%,transparent);backdrop-filter:blur(1.5px)}.ocean-copy{position:relative;z-index:2;width:min(38vw,730px);margin-left:clamp(1.5rem,2.85vw,3.45rem);padding-top:clamp(9rem,18.2vh,12.3rem);text-shadow:0 1px 3px rgb(0 0 0/.65)}.ocean-copy h1{margin:0;font-size:clamp(1.75rem,2.5vw,3rem);font-weight:600;line-height:1.18}.ocean-tools{margin:clamp(.75rem,1.7vh,1.15rem) 0 0;font-size:clamp(.65rem,.78vw,.94rem);line-height:1.45;color:#cbcbcb}.ocean-tools span{padding-left:.75rem}.ocean-description{margin-top:clamp(1.2rem,3.6vh,2.4rem);max-width:35rem;font-size:clamp(.66rem,.78vw,.94rem);font-weight:500;line-height:1.38;color:#cbcbcb}.ocean-description p{margin:0 0 clamp(1rem,3vh,2rem)}.back-home{position:absolute;z-index:3;right:2rem;bottom:1.5rem;color:rgb(255 255 255/.7);font-size:.75rem;letter-spacing:.1em}.back-home:focus-visible,.back-home:hover{color:#fff}@media (max-width:900px){.portfolio-nav{left:1rem;right:1rem;gap:0;justify-content:space-between;height:54px;font-size:.68rem}.portfolio-nav .is-active:before{inset:-.9em -.75em}.ocean-page{min-height:100svh;overflow-y:auto}.ocean-background{-o-object-position:62% center;object-position:62% center}.ocean-vignette{position:fixed;width:100%;background:linear-gradient(180deg,rgb(0 0 0/.22),rgb(0 0 0/.75) 35%,rgb(0 0 0/.9))}.ocean-copy{width:auto;margin:0;padding:37svh 1.25rem 5rem}.ocean-copy h1{font-size:clamp(1.55rem,7vw,2.6rem)}.ocean-tools{font-size:.72rem}.ocean-description{max-width:42rem;font-size:.78rem;line-height:1.52}.back-home{position:fixed;right:1rem;bottom:1rem}}.profile-page{position:relative;display:grid;place-items:initial;grid-template-columns:42% 1fr;grid-template-rows:1fr auto;gap:4vw;width:100%;min-height:100svh;padding:6.7vh 3vw 2.5vh 5.6vw;overflow:hidden;background:#fffef9;color:#2b2b2b;animation:profile-arrive .65s ease-out both}.profile-back{position:absolute;left:2rem;bottom:1.5rem;font-size:.7rem;letter-spacing:.1em;z-index:2}.profile-info header{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem}.profile-info h2:before,.profile-info header i{display:inline-block;width:54px;height:54px;background:#2b2b2b;content:""}.profile-info header h1{font-size:3rem;margin:0}.profile-info header p{margin:.25rem 0 0}.profile-info>p{font-size:1.1rem;line-height:1.55}.profile-experience h2,.profile-info h2,.profile-software h2{font-size:1.2rem;margin:2.5rem 0 1rem}.profile-experience{align-self:start;background:#2b2b2b;color:#fffef9;padding:3rem;min-height:68vh}.profile-experience p,.profile-software p{font-size:1rem;line-height:1.65}.profile-software{grid-column:2;background:#2b2b2b;color:#fffef9;padding:1.25rem 2rem}.profile-software h2{margin:0 0 .5rem}@keyframes profile-arrive{0%{opacity:0;filter:blur(18px);transform:scale(1.025)}to{opacity:1;filter:none;transform:none}}@media(max-width:800px){.portfolio-signature,.signature-refraction{left:-22%;top:8%;width:145%;height:35%}.name-entry{top:70%;width:42%}.name-liquid-lens{top:73%;width:27%}.glass-transition{top:80%}.profile-page{display:block;padding:5rem 1.25rem 7rem;overflow:auto}.profile-info header h1{font-size:2.2rem}.profile-experience{min-height:0;margin-top:2rem;padding:1.5rem}.profile-software{margin-top:1rem;padding:1.5rem}}.profile-page{grid-template-columns:27% 43% 26%;gap:2%}.profile-experience{padding:2rem}.profile-software{grid-column:2/4}.profile-portal{position:relative;z-index:5;align-self:center;width:min(39vw,727px);aspect-ratio:1;border:0;background:transparent;cursor:pointer}.profile-collage{inset:0;border-radius:50%;background:#fffef9;box-shadow:0 18px 50px rgb(43 43 43/.12)}.profile-collage,.profile-thumb{position:absolute;overflow:hidden}.profile-thumb{display:block;transform-origin:center;animation:profile-float 6s ease-in-out infinite alternate}.profile-thumb-1{left:42%;top:0;width:20%;height:15%;transform:rotate(7deg)}.profile-thumb-2{right:8%;top:12%;width:20%;height:14%;transform:rotate(-8deg)}.profile-thumb-3{left:4%;top:17%;width:16%;height:18%;transform:rotate(-10deg)}.profile-thumb-4{left:19%;top:12%;width:17%;height:17%;transform:rotate(8deg)}.profile-thumb-5{right:0;top:36%;width:24%;height:20%;transform:rotate(-12deg)}.profile-thumb-6{left:3%;top:42%;width:18%;height:22%;transform:rotate(6deg)}.profile-thumb-7{left:4%;bottom:18%;width:22%;height:13%;transform:rotate(-4deg)}.profile-thumb-8{left:16%;bottom:3%;width:22%;height:16%;transform:rotate(7deg)}.profile-thumb-9{right:4%;bottom:16%;width:24%;height:17%;transform:rotate(-8deg)}.profile-thumb-10{right:2%;bottom:2%;width:25%;height:16%;transform:rotate(9deg)}.profile-thumb-11{left:44%;bottom:0;width:18%;height:15%;transform:rotate(-7deg)}.profile-thumb-12{left:27%;top:25%;width:16%;height:11%;transform:rotate(7deg)}.profile-thumb-13{right:25%;top:16%;width:18%;height:11%;transform:rotate(-8deg)}.profile-thumb:nth-child(3n){animation-delay:-1.8s}.profile-thumb:nth-child(4n){animation-delay:-3.1s}.profile-cube{-o-object-fit:contain!important;object-fit:contain!important;padding:19%;z-index:3}.profile-avatar{z-index:4;left:31%;top:32%;width:39%;overflow:hidden;box-shadow:0 15px 38px rgb(43 43 43/.2)}.profile-avatar,.profile-orbit-glass{position:absolute;aspect-ratio:1;border-radius:50%}.profile-orbit-glass{z-index:9;left:29%;top:50%;width:min(39vw,727px);transform:translateY(-50%);pointer-events:none;animation:profile-glass-breathe 5s ease-in-out infinite;box-shadow:0 0 2px white,0 0 22px rgb(66 202 255/.25),0 0 38px rgb(255 148 66/.14)}.profile-portal-hint{position:absolute;z-index:12;left:50%;bottom:5%;transform:translateX(-50%);padding:.5rem .8rem;border-radius:999px;background:rgb(255 254 249/.78);font-size:.7rem;letter-spacing:.08em;opacity:0;transition:opacity .25s}.profile-portal:focus-visible .profile-portal-hint,.profile-portal:hover .profile-portal-hint{opacity:1}.profile-transition-glass{position:absolute;z-index:30;left:50%;top:50%;width:12vw;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;background:rgb(255 254 249/.42);backdrop-filter:blur(0);box-shadow:inset 0 0 7vw white,0 0 8vw rgb(64 190 255/.25);pointer-events:none}.profile-is-entering .profile-portal{animation:portal-collapse 1.05s cubic-bezier(.55,0,.1,1) forwards}.profile-is-entering .profile-orbit-glass{animation:profile-glass-exit 1.05s cubic-bezier(.55,0,.1,1) forwards}.profile-is-entering .profile-transition-glass{animation:profile-transition 1.05s cubic-bezier(.55,0,.1,1) forwards}@keyframes profile-float{to{translate:0 -8px;rotate:2deg;scale:1.025}}@keyframes portal-collapse{0%{transform:scale(1);filter:blur(0)}45%{transform:scale(.92);filter:blur(3px)}to{transform:scale(2.65);filter:blur(20px);opacity:0}}@keyframes profile-transition{0%{opacity:0;transform:translate(-50%,-50%) scale(.2);backdrop-filter:blur(0)}35%{opacity:1}to{opacity:1;transform:translate(-50%,-50%) scale(18);backdrop-filter:blur(22px)}}@media(max-width:800px){.profile-page{display:block}.profile-portal{display:block;width:92vw;margin:2rem auto}.profile-orbit-glass{left:4vw;top:39rem;width:92vw}.profile-experience{margin-top:2rem}.profile-software{margin-top:1rem}}.profile-info{grid-column:1;grid-row:1}.profile-portal{grid-column:2;grid-row:1;justify-self:center}.profile-experience{grid-column:3;grid-row:1}.profile-software{grid-row:2}.name-liquid-lens{width:10.2%;border-radius:50%!important;overflow:hidden;box-shadow:inset -12px -14px 24px rgb(27 35 46/.16),inset 10px 9px 20px rgb(255 255 255/.44),0 5px 15px rgb(43 43 43/.2),0 0 2px white,0 0 17px rgb(50 190 255/.28),0 0 29px rgb(255 143 66/.15)}.name-liquid-lens canvas{border-radius:50%!important;clip-path:circle(50% at 50% 50%)}.name-liquid-lens:after{content:"";position:absolute;inset:4%;border-radius:50%;border:1px solid rgb(255 255 255/.7);background:radial-gradient(circle at 36% 27%,rgb(255 255 255/.32),transparent 25%),radial-gradient(circle at 68% 72%,rgb(25 32 40/.13),transparent 42%);box-shadow:inset 0 0 15px rgb(255 255 255/.3);mix-blend-mode:screen}@keyframes liquid-lens-float{0%,to{transform:translateX(-50%) translate(-2%,1%) scale(.96);border-radius:50%}33%{transform:translateX(-50%) translate(3%,-2%) scale(1.04);border-radius:50%}66%{transform:translateX(-50%) translate(-1%,3%) scale(1.01);border-radius:50%}}.profile-orbit-glass{position:relative;left:auto;top:auto;grid-column:2;grid-row:1;align-self:center;justify-self:center;width:min(42vw,780px);margin:-1.5vw;transform:none;border-radius:50%!important;overflow:hidden;box-shadow:inset 14px 12px 28px rgb(255 255 255/.32),inset -16px -18px 28px rgb(33 42 52/.11),0 10px 34px rgb(43 43 43/.14),0 0 2px white,0 0 18px rgb(66 202 255/.17),0 0 30px rgb(255 148 66/.09)}.profile-orbit-glass canvas{border-radius:50%!important;clip-path:circle(50% at 50% 50%)}.profile-orbit-glass:after{content:"";position:absolute;inset:1.2%;border-radius:50%;border:1px solid rgb(255 255 255/.65);background:radial-gradient(circle at 34% 22%,rgb(255 255 255/.22),transparent 22%),radial-gradient(circle at 70% 76%,rgb(25 35 44/.07),transparent 46%);box-shadow:inset 0 0 24px rgb(255 255 255/.18)}@keyframes profile-glass-breathe{0%,to{transform:translate(-.7%,.4%) scale(.975)}50%{transform:translate(.8%,-.6%) scale(1.025)}}@keyframes profile-glass-exit{to{transform:scale(3);filter:blur(14px);opacity:0}}.portfolio-nav{--glass-x:52px;--glass-w:132px;z-index:10;left:50%;right:auto;width:-moz-max-content;width:max-content;translate:-50% 0;gap:clamp(3.75rem,6vw,7.5rem);padding-inline:18px;isolation:isolate}.portfolio-nav a{z-index:3;color:rgb(43 43 43/.62);transition:color .25s ease,transform .32s cubic-bezier(.2,1.55,.35,1)}.portfolio-nav.is-light a{color:rgb(255 255 255/.66)}.portfolio-nav .is-active,.portfolio-nav a:focus-visible,.portfolio-nav a:hover{color:#fffef9;outline:none;transform:translateY(-1px) scale(1.035)}.portfolio-nav:not(.is-light) .is-active,.portfolio-nav:not(.is-light) a:focus-visible,.portfolio-nav:not(.is-light) a:hover{color:#111820}.portfolio-nav .is-active:before{display:none}.nav-liquid-glass{position:absolute;z-index:2;left:var(--glass-x);top:50%;width:var(--glass-w);height:52px;translate:-50% -26px;overflow:hidden;pointer-events:none;transition:left .78s cubic-bezier(.16,1,.3,1),width .72s cubic-bezier(.16,1,.3,1),height .72s cubic-bezier(.16,1,.3,1),border-radius .42s ease;box-shadow:inset 8px 7px 16px rgb(255 255 255/.3),inset -8px -8px 14px rgb(18 28 38/.14),0 4px 14px rgb(0 0 0/.2),0 0 2px white,0 0 15px rgb(55 199 255/.3),0 0 24px rgb(255 142 64/.17)}.nav-liquid-glass canvas{border-radius:999px!important}.nav-liquid-glass:after{content:"";position:absolute;inset:2px;border-radius:inherit;border:1px solid rgb(255 255 255/.62);background:linear-gradient(135deg,rgb(255 255 255/.18),transparent 42%,rgb(60 170 255/.08) 76%,rgb(255 154 67/.12));box-shadow:inset 0 0 12px rgb(255 255 255/.18)}.nav-submenu-content{position:relative;z-index:4;display:flex;flex-direction:column;gap:2px;min-width:260px;padding:69px 12px 12px;opacity:0;pointer-events:none;transition:opacity .22s ease .2s}.nav-liquid-glass.is-menu-open .nav-submenu-content{opacity:1;pointer-events:auto}.nav-submenu-content:before{content:"";position:absolute;left:25px;right:25px;top:60px;height:1px;background:rgb(255 255 255/.72);box-shadow:0 0 5px rgb(255 255 255/.38);transform:scaleX(0);transform-origin:center;transition:transform .42s cubic-bezier(.2,.9,.25,1) .14s}.portfolio-nav:not(.is-light) .nav-submenu-content:before{background:rgb(17 24 32/.72);box-shadow:0 0 5px rgb(17 24 32/.22)}.nav-liquid-glass.is-menu-open .nav-submenu-content:before{transform:scaleX(1)}.portfolio-nav .nav-submenu-content a{display:block;padding:9px 13px;border-radius:14px;color:rgb(255 255 255/.82);font-size:clamp(.66rem,.76vw,.86rem);font-weight:500;letter-spacing:.025em;transform:none;transition:background .2s ease,color .2s ease,transform .28s cubic-bezier(.2,1.45,.35,1)}.portfolio-nav:not(.is-light) .nav-submenu-content a{color:rgb(17 24 32/.84)}.portfolio-nav .nav-submenu-content a:focus-visible,.portfolio-nav .nav-submenu-content a:hover{color:#fff;background:rgb(255 255 255/.14);transform:translateX(4px);outline:none}.portfolio-nav:not(.is-light) .nav-submenu-content a:focus-visible,.portfolio-nav:not(.is-light) .nav-submenu-content a:hover{color:#05080b;background:rgb(17 24 32/.1)}@media(max-width:800px){.profile-orbit-glass{position:absolute;left:2vw;top:auto;margin-top:calc(-92vw - 2rem);width:96vw}.portfolio-nav{left:.5rem;right:.5rem;width:auto;translate:0;gap:0;padding-inline:10px;font-size:.62rem}.nav-liquid-glass{height:40px}.nav-submenu-content{min-width:220px;padding:58px 10px 10px}.portfolio-nav .nav-submenu-content a{font-size:.68rem;padding:8px 11px}}@media(prefers-reduced-motion:reduce){.nav-liquid-glass{transition-duration:.01s}.profile-orbit-glass{animation:none}}.name-liquid-lens,.nav-liquid-glass,.profile-orbit-glass{--liquid-x:0;--liquid-y:0;--liquid-near:0;overflow:clip!important;border:0!important;outline:0!important;will-change:transform,border-radius}.name-liquid-lens:after,.nav-liquid-glass:after,.profile-orbit-glass:after{content:"";position:absolute;inset:0;border:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at calc(33% + var(--liquid-x) * 16%) calc(24% + var(--liquid-y) * 13%),rgb(255 255 255/.72),transparent 18%),radial-gradient(circle at calc(68% + var(--liquid-x) * 12%) calc(76% + var(--liquid-y) * 10%),rgb(37 190 255/.22),transparent 25%),radial-gradient(circle at calc(22% + var(--liquid-x) * 9%) 72%,rgb(255 153 39/.18),transparent 20%);mix-blend-mode:screen;opacity:calc(.48 + var(--liquid-near) * .35);filter:blur(calc(1px - var(--liquid-near) * .55px))}.name-liquid-lens:before,.nav-liquid-glass:before,.profile-orbit-glass:before{content:"";position:absolute;z-index:3;inset:-2%;border-radius:inherit;pointer-events:none;background:conic-gradient(from calc(205deg + var(--liquid-x) * 16deg),transparent 0 7%,rgb(40 190 255/.42) 10%,transparent 15% 48%,rgb(255 177 42/.34) 54%,rgb(255 66 124/.24) 58%,transparent 64%);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 5px),#000 calc(100% - 2px));mask:radial-gradient(closest-side,transparent calc(100% - 5px),#000 calc(100% - 2px));opacity:calc(.34 + var(--liquid-near) * .48);filter:blur(.8px);display:none}.name-liquid-lens.is-liquid-pressed,.nav-liquid-glass.is-liquid-pressed,.profile-orbit-glass.is-liquid-pressed{animation:none!important;scale:.93 1.06}.name-liquid-lens.is-liquid-released,.nav-liquid-glass.is-liquid-released,.profile-orbit-glass.is-liquid-released{animation:liquid-release .62s linear!important}@keyframes liquid-release{0%{scale:.93 1.06}28%{scale:1.075 .945}52%{scale:.975 1.025}74%{scale:1.018 .986}to{scale:1}}.name-liquid-lens{border-radius:calc(48% + var(--liquid-x) * 3%) calc(52% - var(--liquid-x) * 3%) calc(46% + var(--liquid-y) * 4%) calc(54% - var(--liquid-y) * 4%) /calc(53% - var(--liquid-y) * 3%) calc(45% + var(--liquid-x) * 4%) calc(55% + var(--liquid-y) * 3%) calc(47% - var(--liquid-x) * 4%)!important;box-shadow:inset -13px -15px 25px rgb(27 35 46/.15),inset 11px 9px 21px rgb(255 255 255/.39),0 8px 20px rgb(43 43 43/.2),0 0 18px rgb(59 194 255/.18),0 0 25px rgb(255 151 56/.1);animation:liquid-name-morph 5.4s ease-in-out infinite}.name-liquid-lens canvas,.profile-orbit-glass canvas{border-radius:inherit!important;clip-path:none!important}@keyframes liquid-name-morph{0%,to{transform:translateX(calc(-50% + var(--liquid-x) * 4px)) translateY(calc(var(--liquid-y) * 3px)) scale(.97);border-radius:48% 52% 46% 54%/53% 45% 55% 47%}35%{transform:translateX(calc(-50% + var(--liquid-x) * 7px)) translateY(calc(var(--liquid-y) * 5px)) scale(1.035,.98);border-radius:55% 45% 52% 48%/46% 57% 43% 54%}70%{transform:translateX(calc(-50% + var(--liquid-x) * 5px)) translateY(calc(var(--liquid-y) * 4px)) scale(.985,1.025);border-radius:44% 56% 47% 53%/56% 44% 53% 47%}}.profile-orbit-glass{border-radius:calc(48% + var(--liquid-x) * 2.5%) calc(52% - var(--liquid-x) * 2.5%) calc(47% + var(--liquid-y) * 3%) calc(53% - var(--liquid-y) * 3%) /calc(53% - var(--liquid-y) * 2.5%) calc(46% + var(--liquid-x) * 3%) calc(54% + var(--liquid-y) * 2.5%) calc(47% - var(--liquid-x) * 3%)!important;box-shadow:inset 15px 13px 29px rgb(255 255 255/.28),inset -17px -19px 29px rgb(33 42 52/.1),0 14px 38px rgb(43 43 43/.16),0 0 19px rgb(66 202 255/.13),0 0 29px rgb(255 148 66/.07);animation:liquid-profile-morph 6.3s ease-in-out infinite}@keyframes liquid-profile-morph{0%,to{transform:translate(calc(-.7% + var(--liquid-x) * 6px),calc(.4% + var(--liquid-y) * 6px)) scale(.98);border-radius:48% 52% 47% 53%/53% 46% 54% 47%}34%{transform:translate(calc(.8% + var(--liquid-x) * 9px),calc(-.6% + var(--liquid-y) * 8px)) scale(1.025,.985);border-radius:54% 46% 52% 48%/47% 55% 45% 53%}68%{transform:translate(calc(-.2% + var(--liquid-x) * 7px),calc(.7% + var(--liquid-y) * 7px)) scale(.99,1.018);border-radius:45% 55% 48% 52%/55% 45% 52% 48%}}.nav-liquid-glass{border-radius:999px!important;box-shadow:inset 8px 7px 16px rgb(255 255 255/.28),inset -8px -8px 14px rgb(18 28 38/.12),0 6px 16px rgb(0 0 0/.2),0 0 14px rgb(55 199 255/.19),0 0 22px rgb(255 142 64/.1);transform:translate(calc(var(--liquid-x) * 3px),calc(var(--liquid-y) * 2px)) scaleX(calc(1 + var(--liquid-near) * .025))}.nav-liquid-glass.is-menu-open{width:max(var(--glass-w),280px);height:var(--expanded-glass-h);border-radius:24px!important;pointer-events:auto;transform:translate(calc(var(--liquid-x) * 2px),calc(var(--liquid-y) * 1px))}.nav-liquid-glass.is-menu-open canvas{border-radius:24px!important}@media(min-width:801px){.profile-page{display:block;padding:0;min-height:100svh}.profile-info{position:absolute;left:5.625%;top:6.02%;width:33.5%;height:93%;z-index:2}.profile-info header{position:absolute;left:0;top:0;display:block;width:22vw;height:10svh;margin:0}.profile-info header>div{display:contents}.profile-info header i{position:absolute;left:0;top:.648svh;width:min(2.8125vw,54px);height:min(2.8125vw,54px)}.profile-info header h1{position:absolute;left:min(4.0625vw,78px);top:0;font-size:clamp(2rem,2.5vw,3rem);font-weight:400;line-height:normal;margin:0;white-space:nowrap}.profile-info header p{position:absolute;left:min(.3125vw,6px);top:7.593svh;font-size:clamp(.8rem,1.04vw,1.25rem);margin:0;white-space:nowrap}.profile-info>p{position:absolute;left:6px;top:11.57svh;font-weight:300;line-height:1.35}.profile-info h2,.profile-info>p{margin:0;font-size:clamp(.78rem,1.04vw,1.25rem)}.profile-info h2{font-weight:400}.profile-info h2:before{width:min(2.8125vw,54px);height:min(2.8125vw,54px);margin-right:min(1.25vw,24px);vertical-align:middle}.profile-info section>p{font-size:clamp(.78rem,1.04vw,1.25rem);font-weight:300;line-height:1.35;margin:16px 0 0}.profile-skill{position:absolute;left:0;top:31.39svh}.profile-language{position:absolute;left:0;top:57.87svh}.profile-language h2,.profile-language>p{display:inline-block}.profile-language>p{vertical-align:top;margin:0 0 0 min(1.25vw,24px)}.profile-awards{position:absolute;left:0;top:67.87svh;width:100%}.profile-awards>div{display:grid;grid-template-columns:minmax(420px,1fr) auto;gap:22px;margin-top:16px}.profile-awards>div p{margin:0;font-size:clamp(.68rem,1.04vw,1.25rem);font-weight:300;line-height:1.35;white-space:nowrap}.profile-portal{position:absolute;left:26.72%;top:6.67%;width:min(37.87vw,727px);margin:0}.profile-orbit-glass{position:absolute;left:25.65%;top:5.55%;width:min(40vw,768px);margin:0}.profile-experience{position:absolute;left:71.15%;top:6.67%;width:25.21%;height:67.31%;min-height:0;padding:2.6% 1.46%;overflow:hidden}.profile-experience h2{font-size:clamp(.78rem,1.04vw,1.25rem);font-weight:400;margin:0 0 1.35em}.profile-experience h2:nth-of-type(2){margin-top:2.1em}.profile-experience p{font-size:clamp(.67rem,1.04vw,1.25rem);font-weight:300;line-height:1.35;margin:0}.profile-software{position:absolute;left:44.58%;top:80.46%;width:51.77%;height:12.96%;padding:1.45%}.profile-software h2{font-size:clamp(.78rem,1.04vw,1.25rem);font-weight:400;margin:0 0 1em}.profile-software p{font-size:clamp(.7rem,1.04vw,1.25rem);font-weight:300;line-height:1.35;margin:0}}@media(max-width:800px){.profile-experience,.profile-info,.profile-orbit-glass,.profile-portal,.profile-software{position:relative;left:auto;top:auto;width:auto;height:auto}.profile-info{height:auto}.profile-info section{position:relative;left:auto;top:auto;margin-top:2rem}.profile-awards>div{display:block}.profile-awards>div p{white-space:normal}.profile-orbit-glass{position:absolute;left:2vw;width:96vw}}@media(max-width:600px) and (orientation:portrait){.portfolio-signature,.signature-refraction{left:-22%;top:8%;width:145%;height:35%}.cover-portrait{left:5%;top:42%;width:90%}.cover-stage header{left:8%;top:35%;gap:2vw}.name-entry{top:70%;width:42%}.name-liquid-lens{top:73%;width:27%}.glass-transition{top:80%;width:36vw}.profile-page{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto;gap:1.25rem;min-height:100svh;padding:4.5rem 1.1rem 2rem;overflow-x:hidden;overflow-y:visible}.profile-info{grid-column:1;grid-row:1;min-width:0}.profile-info header{gap:.9rem;margin-bottom:1.5rem}.profile-info header i{width:42px;height:42px;flex:0 0 42px}.profile-info header h1{font-size:2.15rem;line-height:1.08}.profile-info section>p,.profile-info>p{font-size:.98rem;line-height:1.6}.profile-info section{margin-top:2rem}.profile-experience h2,.profile-info h2,.profile-software h2{font-size:1.05rem}.profile-info h2:before{width:42px;height:42px;margin-right:.9rem;vertical-align:middle}.profile-language{display:flex;align-items:flex-start;gap:.9rem}.profile-language h2{flex:0 0 42px;height:42px}.profile-language>p{margin:0!important}.profile-awards>div{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;margin-top:1rem}.profile-awards>div p{font-size:.9rem;line-height:1.55;white-space:normal}.profile-experience{grid-column:1;grid-row:2;min-height:0;margin:0;padding:1.5rem 1.25rem}.profile-experience h2{margin:0 0 1rem}.profile-experience h2:nth-of-type(2){margin-top:2rem}.profile-experience p,.profile-software p{font-size:.92rem;line-height:1.6}.profile-software{grid-column:1;grid-row:3;margin:0;padding:1.35rem 1.25rem}.profile-portal{position:relative;width:min(88vw,430px);margin:2rem 0 1rem;z-index:5;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.profile-orbit-glass,.profile-portal{grid-column:1;grid-row:4;align-self:center;justify-self:center}.profile-orbit-glass{position:relative!important;left:auto!important;top:auto!important;width:min(94vw,458px)!important;margin:2rem 0 1rem!important;z-index:9;pointer-events:none}.profile-portal-hint{bottom:3%;opacity:1;white-space:nowrap;font-size:.68rem}.profile-back{position:relative;grid-column:1;grid-row:5;left:auto;bottom:auto;justify-self:center;margin-top:.5rem;padding:.75rem}.profile-transition-glass{position:fixed;left:50%;top:50%}}@media(prefers-reduced-motion:reduce){.name-liquid-lens,.profile-orbit-glass{animation:none}.name-liquid-lens.is-liquid-released,.nav-liquid-glass.is-liquid-released,.profile-orbit-glass.is-liquid-released{animation:none!important}}html{scroll-behavior:smooth;scroll-padding-top:0}.showcase-page{position:relative;display:block;overflow:visible;width:100%;min-height:400svh;background:#090b0d;color:#fffef9}.showcase-page .portfolio-nav{position:fixed;z-index:100}.showcase-home{position:fixed;z-index:101;right:28px;top:23px;display:flex;align-items:center;gap:.55rem;height:52px;padding:0 1.15rem;border-radius:999px!important;overflow:hidden;color:rgb(255 255 255/.86);font-size:.72rem;letter-spacing:.1em;background:linear-gradient(145deg,rgb(255 255 255/.23),rgb(255 255 255/.06));box-shadow:inset 7px 6px 14px rgb(255 255 255/.28),inset -7px -7px 14px rgb(18 28 38/.14),0 4px 14px rgb(0 0 0/.2),0 0 2px white,0 0 15px rgb(55 199 255/.26),0 0 23px rgb(255 142 64/.14);backdrop-filter:blur(16px) saturate(1.35);transition:color .3s ease,transform .35s cubic-bezier(.2,1.45,.35,1),box-shadow .25s ease}.showcase-home.is-dark-text{color:#111820}.showcase-home canvas{border-radius:999px!important}.showcase-home:after{content:"";position:absolute;inset:2px;border-radius:inherit;border:1px solid rgb(255 255 255/.58);background:radial-gradient(circle at calc(30% + var(--liquid-x,0) * 12%) calc(24% + var(--liquid-y,0) * 10%),rgb(255 255 255/.45),transparent 22%),linear-gradient(135deg,rgb(255 255 255/.14),transparent 50%,rgb(60 170 255/.1));pointer-events:none}.showcase-home span,.showcase-home strong{position:relative;z-index:2}.showcase-home span{font-size:1rem;transition:transform .3s cubic-bezier(.2,1.5,.35,1)}.showcase-home strong{font-size:inherit;font-weight:600}.showcase-home:focus-visible,.showcase-home:hover{color:#fff;transform:scale(1.055,.965);outline:none;box-shadow:inset 8px 7px 16px rgb(255 255 255/.36),0 7px 20px rgb(0 0 0/.2),0 0 18px rgb(55 199 255/.34)}.showcase-home.is-dark-text:focus-visible,.showcase-home.is-dark-text:hover{color:#05080b}.showcase-home:hover span{transform:translateX(-3px)}.showcase-home.is-liquid-pressed,.showcase-home:active{transform:scale(.92,1.07)}@media(max-width:800px){.showcase-page .portfolio-nav{top:.4rem}.showcase-home{right:.65rem;top:4.25rem;height:42px;padding:0 .9rem;font-size:.62rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.showcase-gallery{min-height:auto;background:#d4d4d4}.showcase-group,.showcase-slide{position:relative;width:100%}.showcase-slide{height:100svh;min-height:620px;overflow:hidden;content-visibility:auto;contain-intrinsic-size:100vw 56.25vw;background:#2b2b2b;scroll-snap-align:start}.showcase-frame-image{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;background:#2b2b2b}.showcase-gallery iframe,.showcase-gallery img{-webkit-user-drag:none;user-drag:none}.showcase-gallery img{-webkit-touch-callout:none}.showcase-copyright,.showcase-gallery img{-webkit-user-select:none;-moz-user-select:none;user-select:none}.showcase-copyright{position:absolute;right:clamp(12px,1.8vw,30px);bottom:clamp(10px,1.5vw,24px);z-index:8;padding:.38em .7em;border:1px solid rgb(255 255 255/.3);border-radius:999px;color:rgb(255 255 255/.76);background:rgb(10 12 16/.24);box-shadow:0 4px 18px rgb(0 0 0/.14),inset 0 1px rgb(255 255 255/.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:500 clamp(8px,.58vw,11px)/1.15 Arial,sans-serif;letter-spacing:.13em;pointer-events:none}.showcase-frame-image.skills-01-animated{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#2b2b2b}.skills-01-foreground{position:absolute;z-index:2;left:2.552083%;top:16.388889%;width:23.489583%;color:#cbcbcb;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(.6rem,.78125vw,.9375rem);font-weight:600;line-height:1.42;pointer-events:none;text-shadow:0 2px 8px rgb(0 0 0/.28)}.skills-01-foreground h2{margin:0 0 1.15rem;color:#ffd035;font-size:clamp(3rem,5vw,6rem);font-weight:600;line-height:1}.skills-01-foreground p{margin:0 0 1.3rem}.showcase-gallery:before{content:"";position:fixed;z-index:99;inset:0 0 auto;width:100%;height:112px;pointer-events:none;background:linear-gradient(180deg,rgb(15 17 20/.24),rgb(15 17 20/.13) 48%,transparent);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);-webkit-mask-image:linear-gradient(#000 0 54%,transparent 100%);mask-image:linear-gradient(#000 0 54%,transparent 100%)}.showcase-gallery .portfolio-nav:before{display:none}.showcase-video-slide{background:#111;isolation:isolate}.video-idle-poster{z-index:-3!important;-o-object-fit:cover;object-fit:cover}.moebius-video{position:absolute;z-index:-3;inset:-10%;width:120%;height:120%;border:0;pointer-events:none;background:#111}.moebius-copy-feather{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse 48% 63% at 19% 52%,rgb(7 17 25/.56) 0 42%,rgb(7 17 25/.34) 58%,transparent 83%);filter:blur(10px)}.moebius-copy{position:absolute;z-index:2;left:5.25%;top:26.8%;color:#fff;font-size:clamp(.72rem,.86vw,1rem);line-height:1.35;text-shadow:0 2px 9px rgb(0 0 0/.52)}.moebius-copy p{margin:0 0 2.2rem}.moebius-copy .moebius-orange{margin:0;color:#ff8738;font-size:clamp(2rem,3.35vw,4rem);font-weight:500;line-height:1}.moebius-copy h2{margin:.45rem 0 2.75rem;font-size:clamp(3rem,5vw,6rem);font-weight:500;line-height:.95;letter-spacing:-.035em}.moebius-copy .moebius-tools{margin-bottom:2.5rem}.relics-video-slide .moebius-copy-feather{background:radial-gradient(ellipse 38% 73% at 82% 53%,rgb(10 11 12/.72) 0 45%,rgb(10 11 12/.44) 62%,transparent 88%);filter:blur(13px)}.relics-video-slide .moebius-video{z-index:-2;inset:0;width:100%;height:100%;border-radius:0;-o-object-fit:cover;object-fit:cover}.figma-video-slide .moebius-copy-feather{display:none}.figma-video-slide .figma-video{z-index:-3;inset:0;width:100%;height:100%}.figma-video-foreground{z-index:2!important;-o-object-fit:contain;object-fit:contain;pointer-events:none}.figma-video-mask{position:absolute;z-index:1;inset:0;pointer-events:none;filter:blur(14px)}.figma-video-mask.is-left{background:radial-gradient(ellipse 40% 72% at 18% 52%,rgb(7 12 18/.52) 0 45%,rgb(7 12 18/.28) 61%,transparent 86%)}.figma-video-mask.is-right{background:radial-gradient(ellipse 40% 72% at 82% 52%,rgb(7 12 18/.52) 0 45%,rgb(7 12 18/.28) 61%,transparent 86%)}.figma-video-mask.is-light{background:radial-gradient(ellipse 40% 72% at 18% 52%,rgb(255 254 249/.64) 0 44%,rgb(255 254 249/.32) 62%,transparent 86%)}.relics-foreground{position:absolute;z-index:2;inset:0;pointer-events:none;color:#cbcbcb;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(.55rem,.78125vw,.9375rem);line-height:1.42}.relics-logo{position:absolute;left:70.208333%;top:8.888889%;width:25.052083%;height:21.666667%;-o-object-fit:contain;object-fit:contain}.relics-tools-copy{top:38.703704%;margin:0;font-weight:600}.relics-en-copy,.relics-tools-copy{position:absolute;left:71.770833%;width:23.489583%}.relics-en-copy{top:48.796296%;text-align:justify}.relics-zh-copy{position:absolute;left:71.770833%;top:75.092593%;width:23.489583%;text-align:justify}.relics-en-copy p,.relics-zh-copy p{margin:0 0 1em}.moebius-fullscreen{position:absolute;z-index:5;right:10.4rem;top:7.1rem;display:flex;align-items:center;gap:.55rem;padding:.5rem .78rem .5rem .56rem;border:0;border-radius:999px;color:rgb(255 255 255/.86);background:linear-gradient(145deg,rgb(255 255 255/.24),rgb(255 255 255/.075));box-shadow:inset 1px 1px 1px rgb(255 255 255/.52),inset -2px -2px 5px rgb(12 18 25/.18),0 7px 20px rgb(0 0 0/.18),0 0 13px rgb(77 198 255/.14);backdrop-filter:blur(14px) saturate(1.35);cursor:zoom-in;transition:transform .35s cubic-bezier(.2,.85,.25,1.25),box-shadow .25s ease}.moebius-fullscreen span{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;font-size:1rem;background:rgb(255 255 255/.15)}.moebius-fullscreen small{font-size:.61rem;letter-spacing:.09em}.moebius-fullscreen:focus-visible,.moebius-fullscreen:hover{transform:scale(1.06,.96);outline:none;box-shadow:inset 1px 1px 2px rgb(255 255 255/.62),0 9px 24px rgb(0 0 0/.2),0 0 17px rgb(77 198 255/.22)}.moebius-fullscreen:active{transform:scale(.91,1.08)}.video-sound-toggle{position:absolute;z-index:5;right:2rem;top:7.1rem;display:flex;align-items:center;gap:.55rem;padding:.5rem .78rem .5rem .56rem;border:0;border-radius:999px;color:rgb(255 255 255/.82);background:linear-gradient(145deg,rgb(255 255 255/.24),rgb(255 255 255/.075));box-shadow:inset 1px 1px 1px rgb(255 255 255/.52),inset -2px -2px 5px rgb(12 18 25/.18),0 7px 20px rgb(0 0 0/.18),0 0 13px rgb(77 198 255/.14);backdrop-filter:blur(14px) saturate(1.35);cursor:pointer;transition:transform .35s cubic-bezier(.2,.85,.25,1.25),background .25s ease,box-shadow .25s ease}.video-sound-toggle:after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(135deg,rgb(255 255 255/.35),transparent 34% 70%,rgb(80 202 255/.2));pointer-events:none;mix-blend-mode:screen}.video-sound-toggle span{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;font-size:.78rem;background:rgb(255 255 255/.15)}.video-sound-toggle small{font-size:.61rem;letter-spacing:.09em}.video-sound-toggle:hover{transform:scale(1.06,.96);box-shadow:inset 1px 1px 2px rgb(255 255 255/.62),inset -2px -2px 5px rgb(12 18 25/.15),0 9px 24px rgb(0 0 0/.2),0 0 17px rgb(77 198 255/.22)}.video-sound-toggle:active{transform:scale(.91,1.08)}.video-sound-toggle.is-on{background:linear-gradient(145deg,rgb(255 255 255/.32),rgb(73 193 255/.13));color:#fff}.showcase-video-slide:fullscreen{width:100vw;height:100vh;min-height:100vh}.showcase-video-slide:fullscreen .figma-video-foreground,.showcase-video-slide:fullscreen .figma-video-mask,.showcase-video-slide:fullscreen .moebius-copy,.showcase-video-slide:fullscreen .moebius-copy-feather,.showcase-video-slide:fullscreen .moebius-fullscreen,.showcase-video-slide:fullscreen .relics-foreground,.showcase-video-slide:fullscreen .video-idle-poster{display:none}.showcase-video-slide:fullscreen .moebius-video{z-index:1;inset:0;width:100%;height:100%;pointer-events:auto}.showcase-video-slide:fullscreen .video-sound-toggle{position:fixed;z-index:6;top:1.5rem;right:1.5rem}.dream-moebius-liquid-glass{position:absolute;z-index:10;left:25%;top:calc(4000svh + 20svh);width:50%;height:56svh;border-radius:48% 52% 46% 54%/54% 46% 53% 47%;overflow:clip!important;pointer-events:none;animation:dream-glass-breathe 6s ease-in-out infinite;box-shadow:inset 15px 12px 28px rgb(255 255 255/.25),inset -16px -17px 27px rgb(32 40 50/.1),0 16px 42px rgb(20 28 38/.18),0 0 18px rgb(52 194 255/.14),0 0 26px rgb(255 155 58/.08)}.dream-moebius-liquid-glass canvas{border-radius:inherit!important}@keyframes dream-glass-breathe{0%,to{transform:translate(-.6%,.3%) scale(.985);border-radius:48% 52% 46% 54%/54% 46% 53% 47%}50%{transform:translate(.7%,-.5%) scale(1.02,.985);border-radius:54% 46% 52% 48%/47% 55% 45% 53%}}@media(max-width:800px){.showcase-slide{min-height:100svh}.showcase-frame-image{-o-object-fit:contain;object-fit:contain;background:#2b2b2b}.showcase-frame-image.skills-01-animated{-o-object-fit:cover;object-fit:cover}.moebius-video{inset:0;width:100%;height:100%}.moebius-copy{left:6vw;right:6vw;top:25%;font-size:.7rem}.moebius-copy .moebius-orange{font-size:clamp(1.5rem,7vw,2.4rem)}.moebius-copy h2{font-size:clamp(2.6rem,11vw,4rem);margin-bottom:2rem}.moebius-copy p{margin-bottom:1.4rem}.video-sound-toggle{right:1rem;top:5rem}.moebius-fullscreen{right:1rem;top:8.5rem}.dream-moebius-liquid-glass{left:8%;top:calc(4000svh + 26svh);width:84%;height:45svh}}@media(prefers-reduced-motion:reduce){.dream-moebius-liquid-glass{animation:none}}