/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.\!container{width:100%!important}@media (width>=40rem){.\!container{max-width:40rem!important}}@media (width>=48rem){.\!container{max-width:48rem!important}}@media (width>=64rem){.\!container{max-width:64rem!important}}@media (width>=80rem){.\!container{max-width:80rem!important}}@media (width>=96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.lowercase{text-transform:lowercase}.italic{font-style:italic}.blur{--tw-blur:blur(8px);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,)}.filter{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{--bg:#080a09;--panel:#0c0f0e;--ink:#eeeade;--muted:#949890;--line:#272b28;--gold:#d7aa64;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:32px 32px;margin:0;font-family:Arial,Microsoft YaHei,sans-serif}button,a{font:inherit}button{color:inherit}.wrap{width:min(var(--max),calc(100% - 56px));margin:auto}.fan-hero{border-bottom:1px solid #191c1a;height:660px;position:relative;overflow:hidden}.fan-hero:after{content:"";background:radial-gradient(circle at 50% 48%,#a06f2620,transparent 34%),linear-gradient(transparent 70%,var(--bg));position:absolute;inset:0}.grid-bg{background:radial-gradient(circle at 50% 40%,#0000,#030404 72%);position:absolute;inset:0}.fan{z-index:2;width:860px;height:390px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.fan button{--angle:calc((var(--i) - 2)*12deg);transform-origin:50% 150%;width:220px;height:300px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(abs(var(--i) - 2)*18px));cursor:pointer;background:#111;border:1px solid #ffffff1a;border-radius:10px;padding:0;transition:all .35s;position:absolute;top:52%;left:50%;overflow:hidden;box-shadow:0 28px 70px #000b}.fan button:hover{z-index:5;transform:translate(-50%,-58%) rotate(var(--angle)) scale(1.03)}.fan img{object-fit:cover;width:100%;height:100%}.hero-mark{z-index:4;width:min(var(--max),calc(100% - 56px));color:#6d746d;letter-spacing:.22em;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.hero-mark span{color:var(--gold)}.hero-mark i{font-style:normal}.profile{grid-template-columns:350px 1fr;gap:18px;padding:54px 0 120px;display:grid}.portrait-card{border:1px solid var(--line);background:#0a0d0b;height:370px;position:relative;overflow:hidden}.portrait-card img{object-fit:cover;filter:saturate(.65)brightness(.72);width:100%;height:100%}.portrait-card:after{content:"";background:linear-gradient(#0000 55%,#090b0a);position:absolute;inset:0}.portrait-card span{z-index:1;color:#b6b6ae;font-size:11px;position:absolute;bottom:22px;left:24px}.intro{padding:28px 16px 20px}.intro small,.contact small{color:var(--gold);letter-spacing:.18em;font-size:10px;font-weight:700}.intro h1{letter-spacing:-.08em;margin:2px 0 14px;font-size:104px;line-height:1}.intro p{max-width:690px;color:var(--muted);font-size:14px;line-height:1.8}.pills{gap:10px;margin-top:20px;display:flex}.pills span,.filters button{border:1px solid #343934;border-radius:999px;padding:9px 15px;font-size:10px}.pills span:first-child{background:var(--gold);color:#17140e;border-color:var(--gold);font-weight:700}.info-grid{grid-column:1/3;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:0;display:grid}.info-grid article{border:1px solid var(--line);background:linear-gradient(135deg,#101310,#090b0a);border-radius:6px;min-height:150px;padding:18px;box-shadow:inset 0 0 0 3px #ffffff03}.info-grid article.wide{grid-column:2/4}.info-grid h3{margin:0 0 14px;font-size:14px}.info-grid p,.info-grid span,.info-grid li{color:var(--muted);font-size:11px;line-height:1.7}.info-grid b{margin-bottom:4px;font-size:13px;display:block}.info-grid ul{margin:0;padding:0;list-style:none}.works{padding-bottom:130px}.works-head{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.works h2{letter-spacing:-.04em;margin:0;font-size:52px}.filters{gap:8px;display:flex}.filters button{cursor:pointer;color:#a0a59e;background:#0c0f0e;padding:7px 13px}.filters button.active{background:var(--gold);border-color:var(--gold);color:#17140e}.project{text-align:left;border:1px solid var(--line);cursor:pointer;background:linear-gradient(160deg,#101311,#090b0a);border-radius:7px;padding:0;overflow:hidden}.project img{aspect-ratio:1.18;object-fit:cover;width:100%;transition:all .5s;display:block}.project:hover img{filter:brightness(1.08);transform:scale(1.035)}.project small{color:var(--gold);font-size:9px}.project p{color:#777d77;font-size:10px}.contact{border-top:1px solid var(--line);grid-template-columns:1fr 320px;gap:70px;padding:85px 20px 45px;display:grid}.contact h2{letter-spacing:-.07em;margin:26px 0 24px;font-size:82px}.contact p{max-width:650px;color:var(--muted);font-size:13px;line-height:1.8}.qr{color:#2a2925;text-align:center;background:#e9e4d9;border-radius:12px;grid-area:1/2/3;place-items:center;height:320px;display:grid;box-shadow:inset 0 0 0 12px #d9d3c6}.qr div{letter-spacing:.08em;font-size:48px;font-weight:900;line-height:.8}.qr span{margin-top:-75px;font-size:11px}.contact dl{grid-column:1;grid-template-columns:repeat(3,1fr);gap:30px;margin:45px 0 0;display:grid}.contact dt{color:var(--gold);margin-bottom:10px;font-size:10px}.contact dd{margin:0;font-size:12px}.contact a{color:inherit;text-decoration:none}footer{width:min(var(--max),calc(100% - 56px));border-top:1px solid var(--line);color:#686e68;letter-spacing:.14em;justify-content:space-between;margin:auto;padding:24px 0 36px;font-size:9px;display:flex}footer a{color:inherit;text-decoration:none}.lightbox{z-index:50;cursor:zoom-out;background:#020302ee;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.lightbox img{max-width:92vw;max-height:90vh;box-shadow:0 20px 80px #000}.lightbox button{pointer-events:none;background:0 0;border:0;font-size:40px;position:absolute;top:16px;right:24px}@media (width<=850px){.fan-hero{height:520px}.fan{transform:translate(-50%,-50%)scale(.72)}.profile{grid-template-columns:1fr}.portrait-card{height:320px}.intro{padding:20px 0}.intro h1{font-size:78px}.info-grid{grid-column:1;grid-template-columns:1fr 1fr}.info-grid article.wide{grid-column:1/3}.project-grid{grid-template-columns:1fr 1fr}.works-head{flex-direction:column;align-items:flex-start;gap:22px}.filters{flex-wrap:wrap}.contact{grid-template-columns:1fr}.qr{grid-area:auto/1;width:320px}.contact dl{grid-template-columns:1fr 1fr}}@media (width<=560px){.wrap,footer,.hero-mark{width:calc(100% - 32px)}.fan-hero{height:430px}.fan{transform:translate(-50%,-50%)scale(.52)}.hero-mark i{display:none}.profile{padding-top:24px}.portrait-card{height:250px}.intro h1{font-size:64px}.pills{flex-direction:column;align-items:flex-start}.info-grid{grid-template-columns:1fr}.info-grid article.wide{grid-column:1}.project-grid{grid-template-columns:1fr}.works h2{font-size:40px}.contact{padding-left:0;padding-right:0}.contact h2{font-size:60px}.qr{width:100%;height:280px}.contact dl{grid-template-columns:1fr}.contact{padding-bottom:55px}}.fan-hero{background:#111;height:100vh;min-height:720px}.fan-hero:after{display:none}.hero-backdrop{object-fit:cover;object-position:center;filter:brightness(.68)saturate(.85);width:100%;height:100%;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#081010c7 0,#0000 55%),linear-gradient(0deg,#060807ed 0,#0000 36%),linear-gradient(#0508076b,#0000 25%);position:absolute;inset:0}.hero-nav{z-index:4;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1014148c;border:1px solid #ffffff24;border-radius:999px;justify-content:space-between;align-items:center;width:min(1120px,100% - 64px);height:56px;padding:7px 10px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.logo{color:#fff;letter-spacing:.08em;align-items:center;gap:8px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.logo b{color:#0b1105;background:#c8ff16;border-radius:999px;place-items:center;width:54px;height:38px;font-size:12px;display:grid}.hero-nav nav{gap:42px;display:flex}.hero-nav nav a{color:#dce1dc;font-size:11px;text-decoration:none}.nav-contact{color:#fff;border:1px solid #ffffff42;border-radius:999px;padding:12px 22px;font-size:10px;text-decoration:none}.hero-copy{z-index:3;max-width:760px;position:absolute;top:23%;left:max(7vw,48px)}.hero-copy h1{letter-spacing:-.06em;margin:0;font-size:clamp(62px,7.5vw,126px);line-height:.8}.hero-copy h1 span{color:#c8ff16}.hero-copy h1 i{color:#c8ff16;font-size:.65em;font-style:normal}.hero-copy p{text-shadow:0 2px 20px #000;margin:30px 0 22px;font-size:16px;line-height:1.55}.hero-copy>a{color:#101509;background:#c8ff16;border-radius:999px;padding:12px 20px;font-size:11px;font-weight:700;text-decoration:none;display:inline-block}.hero-reel{z-index:3;justify-content:center;align-items:flex-end;gap:18px;display:flex;position:absolute;bottom:52px;left:0;right:0}.hero-reel button{cursor:pointer;background:#111;border:1px solid #ffffff36;border-radius:17px;width:172px;height:205px;padding:0;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 15px 35px #0008}.hero-reel button:nth-child(2),.hero-reel button:nth-child(4){transform:translateY(-15px)}.hero-reel button:nth-child(3){transform:translateY(-28px)}.hero-reel button:hover{transform:translateY(-38px)scale(1.035)}.hero-reel img{object-fit:cover;width:100%;height:100%}.hero-reel span{color:#fff;text-shadow:0 2px 8px #000;font-size:9px;position:absolute;top:10px;left:12px}.hero-caption{z-index:4;color:#fff;justify-content:space-between;align-items:center;width:min(1120px,100% - 64px);display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hero-caption span{font-size:19px;font-weight:700}.hero-caption i{letter-spacing:.16em;color:#b8c0b8;font-size:8px;font-style:normal}@media (width<=850px){.fan-hero{height:760px;min-height:0}.hero-nav{width:calc(100% - 32px);top:16px}.hero-nav nav{display:none}.hero-copy{top:19%;left:28px}.hero-copy h1{font-size:72px}.hero-reel{justify-content:flex-start;padding-left:28px;bottom:62px;overflow:hidden}.hero-reel button{width:142px;min-width:142px;height:178px}.hero-reel button:nth-child(n){transform:none}.hero-caption{width:calc(100% - 56px)}.hero-caption i{display:none}}@media (width<=560px){.fan-hero{height:690px}.hero-copy{top:20%;left:18px}.hero-copy h1{font-size:56px}.hero-copy p{font-size:13px}.hero-reel{gap:10px;padding-left:18px}.hero-reel button{width:122px;min-width:122px;height:158px}.hero-caption{width:calc(100% - 36px)}.hero-caption span{font-size:14px}}.logo b{width:48px;height:34px}.hero-nav nav{gap:34px}.hero-copy h1{letter-spacing:-.065em;font-family:Arial Black,Microsoft YaHei UI,Microsoft YaHei,sans-serif;font-size:clamp(54px,6.1vw,98px);font-weight:900;line-height:.83}.hero-copy p{margin-top:24px;font-family:Microsoft YaHei UI,Microsoft YaHei,sans-serif;font-size:14px;font-weight:700;line-height:1.65}.hero-reel{gap:14px;bottom:42px}.hero-reel button{border-radius:14px;width:148px;height:176px}.hero-caption{width:min(1040px,100% - 72px);bottom:12px}.hero-caption span{font-family:Microsoft YaHei UI,Microsoft YaHei,sans-serif;font-size:16px;font-weight:900}@media (width<=850px){.fan-hero{height:700px;min-height:0}.hero-copy{top:20%;left:28px}.hero-copy h1{font-size:64px}.hero-reel{bottom:50px}.hero-reel button{width:128px;min-width:128px;height:158px}}@media (width<=560px){.fan-hero{height:620px}.hero-copy{top:21%;left:18px}.hero-copy h1{font-size:48px}.hero-copy p{font-size:12px}.hero-reel button{width:110px;min-width:110px;height:142px}}.hero-caption{pointer-events:none}.logo b{width:auto;min-width:86px;padding:0 18px}.hero-copy p{font-weight:400}.fan-hero{height:100vh;min-height:760px}.hero-nav{width:min(920px,100% - 48px);height:46px;top:10px}.hero-copy{max-width:580px;top:22%;left:max(17vw,110px)}.hero-copy h1{font-size:clamp(52px,5.3vw,86px);line-height:.84}.hero-copy p{margin-top:18px;font-size:13px;line-height:1.55}.hero-slogan{z-index:5;color:#fff;text-shadow:0 4px 20px #000;width:max-content;max-width:90%;font-family:Microsoft YaHei UI,Microsoft YaHei,sans-serif;font-size:clamp(26px,3.4vw,52px);font-weight:900;line-height:1;position:absolute;bottom:68px;left:50%;transform:translate(-50%)}.hero-steps{z-index:5;color:#fff;justify-content:space-between;align-items:center;width:min(1120px,100% - 48px);font-size:11px;display:flex;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.hero-steps i{background:#aab0aa;width:1px;height:24px;display:block}.hero-caption{display:none}@media (width<=850px){.fan-hero{height:740px;min-height:0}.hero-copy{top:17%;left:32px}.hero-copy h1{font-size:58px}.hero-slogan{font-size:25px;bottom:64px}.hero-steps{font-size:9px}.hero-steps span:nth-of-type(3),.hero-steps span:nth-of-type(5),.hero-steps i:nth-of-type(3),.hero-steps i:nth-of-type(5){display:none}}@media (width<=560px){.fan-hero{height:660px}.hero-copy{top:16%;left:20px}.hero-copy h1{font-size:46px}.hero-copy p{font-size:11px}.hero-slogan{font-size:18px;bottom:55px}.hero-steps{bottom:10px}.hero-steps span:nth-of-type(n+4),.hero-steps i:nth-of-type(n+3){display:none}}.hero-nav{transition:width .38s,transform .38s,background .25s,border-color .25s,box-shadow .25s,padding .38s;position:fixed;overflow:hidden}.hero-nav.is-scrolled{background:#0b1110d8;border-color:#ffffff2f;box-shadow:0 14px 38px #0006}.logo{flex:none}.logo b{min-width:92px}.hero-nav nav{align-items:center;transition:opacity .26s,width .38s,gap .38s}.hero-nav nav a{white-space:nowrap;align-items:center;gap:8px;transition:color .2s,opacity .2s;display:flex;position:relative}.hero-nav nav a.is-active{color:#fff}.hero-nav.is-collapsed{justify-content:center;width:124px;padding:6px;left:auto;right:24px;transform:none}.hero-nav.is-collapsed nav,.hero-nav.is-collapsed .nav-contact{opacity:0;pointer-events:none;border-width:0;width:0;padding:0;overflow:hidden}.hero-nav.is-collapsed .logo b{min-width:104px}@media (width<=850px){.hero-nav{position:fixed}.hero-nav nav{gap:18px;display:flex}.hero-nav.is-collapsed{width:120px;right:16px}.hero-nav.is-collapsed nav,.hero-nav.is-collapsed .nav-contact{opacity:0;width:0;display:flex}}@media (width<=560px){.hero-nav{width:calc(100% - 24px);height:44px}.hero-nav nav{gap:12px}.hero-nav nav a{font-size:10px}.nav-contact{display:none}.hero-nav.is-collapsed{width:116px;right:12px}}.hero-nav{z-index:40;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#04080a94;border:1px solid #26313a;border-radius:999px;grid-template-columns:154px 1fr 278px;align-items:center;width:min(1240px,100% - 96px);height:68px;padding:0 8px 0 0;transition:top .28s,height .28s,width .28s,background .28s,box-shadow .28s,border-color .28s;display:grid;position:fixed;top:22px;left:50%;transform:translate(-50%);box-shadow:0 18px 54px #0000005c,inset 0 0 0 1px #ffffff08}.hero-nav.is-scrolled{background:#050b0ed6;border-color:#39505d;width:min(1120px,100% - 120px);height:58px;top:12px;box-shadow:0 20px 70px #00000085,0 0 34px #64beff1a,inset 0 0 0 1px #a0dcff0f}.logo{color:#e9f7ff;background:linear-gradient(135deg,#04080ae0,#091216b8);border:1px solid #1f2a33;border-radius:999px;justify-self:start;place-items:center;width:104px;height:52px;margin-left:8px;text-decoration:none;transition:height .28s,width .28s,color .28s,box-shadow .28s;display:grid;box-shadow:0 16px 36px #00000061,inset 0 0 26px #398eff14}.logo b{width:auto;min-width:auto;height:auto;color:inherit;letter-spacing:.02em;text-shadow:0 0 18px #4597ffb8;background:0 0;border-radius:0;padding:0;font-size:26px;font-weight:900;line-height:1;display:block}.hero-nav.is-scrolled .logo{color:#75b6ff;width:92px;height:46px;box-shadow:0 14px 32px #00000075,inset 0 0 30px #43a6ff24}.hero-nav nav{grid-template-columns:repeat(3,1fr);align-items:center;gap:0;height:100%;display:grid}.hero-nav nav a{color:#d8e1e8;letter-spacing:.02em;place-items:center;height:100%;font-size:17px;font-weight:800;text-decoration:none;transition:color .22s,text-shadow .22s,transform .22s;display:grid}.hero-nav nav a:hover{color:#95dcff;text-shadow:0 0 18px #63c8ff7a;transform:translateY(-1px)}.nav-contact{color:#9fe6ff;background:linear-gradient(135deg,#183038e0,#0e1c20db);border:1px solid #5d9bb233;border-radius:999px;justify-self:stretch;place-items:center;height:52px;margin-right:4px;padding:0 30px;font-size:18px;font-weight:900;text-decoration:none;transition:height .28s,background .22s,color .22s,box-shadow .22s;display:grid;box-shadow:inset 0 0 34px #64e8ff14}.nav-contact:hover{color:#061013;background:linear-gradient(135deg,#b8f6ff,#d8ca7f);box-shadow:0 0 28px #97e6ff38}.hero-nav.is-scrolled .nav-contact{height:46px}.fan-hero{padding-top:1px}@media (width<=850px){.hero-nav{grid-template-columns:90px 1fr 118px;width:calc(100% - 32px);height:58px;top:14px}.hero-nav.is-scrolled{width:calc(100% - 40px);height:52px;top:10px}.logo{width:72px;height:44px}.logo b{font-size:20px}.hero-nav nav{display:grid}.hero-nav nav a{font-size:13px}.nav-contact{height:44px;padding:0 12px;font-size:13px}}@media (width<=560px){.hero-nav{grid-template-columns:70px 1fr 92px;width:calc(100% - 22px)}.hero-nav nav a,.nav-contact{font-size:12px}}.hero-nav{grid-template-columns:136px 1fr 180px;transition:top .28s,height .28s,width .36s,left .36s,right .36s,transform .36s,background .28s,box-shadow .28s,border-color .28s,padding .36s;overflow:hidden}.hero-nav nav{opacity:1;grid-template-columns:repeat(4,1fr);gap:0;transition:opacity .22s,width .32s;display:grid;overflow:hidden}.hero-nav nav a{white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.hero-nav nav a:before{content:"";opacity:.52;background:#6a7472;border-radius:50%;width:5px;height:5px;transition:background .2s,opacity .2s,box-shadow .2s,transform .2s;box-shadow:0 0 #0000}.hero-nav nav a.is-active:before{opacity:1;background:#c8ff16;transform:scale(1.22);box-shadow:0 0 13px #c8ff16}.hero-nav.is-collapsed{grid-template-columns:1fr;justify-content:center;width:132px;padding:6px;left:auto;right:24px;transform:none}.hero-nav.is-collapsed nav,.hero-nav.is-collapsed .nav-contact{opacity:0;pointer-events:none;border-width:0;width:0;min-width:0;margin:0;padding:0}.hero-nav.is-collapsed .logo{width:100%;margin:0}@media (width<=850px){.hero-nav{grid-template-columns:92px 1fr 104px}.hero-nav nav{grid-template-columns:repeat(4,1fr)}.hero-nav.is-collapsed{grid-template-columns:1fr;width:120px;right:16px}}@media (width<=560px){.hero-nav{grid-template-columns:76px 1fr;width:calc(100% - 22px)}.hero-nav nav{grid-template-columns:repeat(4,1fr)}.hero-nav nav a{gap:5px;font-size:10px}.hero-nav nav a:before{width:4px;height:4px}.nav-contact{display:none}.hero-nav.is-collapsed{grid-template-columns:1fr;width:116px;right:12px}}.hero-nav{grid-template-columns:112px 1fr 180px}.hero-nav nav{grid-template-columns:repeat(3,1fr)}.hero-nav.is-scrolled,.hero-nav.is-collapsed{height:56px;grid-template-columns:92px 1fr 150px!important;justify-content:normal!important;width:min(820px,100% - 180px)!important;padding:0 7px 0 0!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.hero-nav.is-collapsed nav,.hero-nav.is-collapsed .nav-contact{opacity:1!important;pointer-events:auto!important;border-width:1px!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;display:grid!important}.hero-nav.is-collapsed .nav-contact{padding:0 22px!important;display:grid!important}.hero-nav.is-collapsed .logo{width:78px!important;height:44px!important;margin-left:7px!important}.hero-nav.is-collapsed .logo b,.hero-nav.is-scrolled .logo b{font-size:24px}@media (width<=850px){.hero-nav{grid-template-columns:76px 1fr 104px}.hero-nav nav{grid-template-columns:repeat(3,1fr)}.hero-nav.is-scrolled,.hero-nav.is-collapsed{grid-template-columns:72px 1fr 104px!important;width:calc(100% - 48px)!important}}@media (width<=560px){.hero-nav{grid-template-columns:64px 1fr 88px}.hero-nav nav{grid-template-columns:repeat(3,1fr)}.hero-nav.is-scrolled,.hero-nav.is-collapsed{grid-template-columns:62px 1fr 84px!important;width:calc(100% - 24px)!important}}.fan-hero{justify-content:center;align-items:center;min-height:760px;display:flex}.hero-gallery-only{z-index:3;width:min(1500px,100%);height:min(66vh,620px);min-height:460px;margin-top:64px;position:relative}.hero-copy,.hero-slogan,.hero-steps,.hero-caption,.hero-reel,.gallery-hint{display:none!important}@media (width<=850px){.hero-gallery-only{width:100%;height:560px;min-height:420px;margin-top:48px}}@media (width<=560px){.hero-gallery-only{height:470px;min-height:360px;margin-top:40px}}.hero-gallery-only{height:min(42vh,390px)!important;min-height:300px!important;margin-top:88px!important}.fan-hero{align-items:flex-end!important}.hero-gallery-only{width:min(1500px,100%)!important;height:300px!important;min-height:300px!important;margin-top:0!important;position:absolute!important;bottom:34px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}@media (width<=850px){.hero-gallery-only{height:260px!important;min-height:260px!important;bottom:28px!important}}@media (width<=560px){.hero-gallery-only{height:220px!important;min-height:220px!important;bottom:22px!important}}.hero-nav,.hero-nav.is-scrolled,.hero-nav.is-collapsed{width:min(1500px,100% - 260px)!important;height:54px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important;border-radius:0!important;grid-template-columns:110px 1fr 150px!important;padding:0!important;top:26px!important;left:50%!important;right:auto!important;overflow:visible!important;transform:translate(-50%)!important}.hero-nav nav,.hero-nav.is-scrolled nav,.hero-nav.is-collapsed nav{height:54px!important;box-shadow:none!important;opacity:1!important;pointer-events:auto!important;background:0 0!important;border:0!important;outline:0!important;grid-template-columns:repeat(3,auto)!important;justify-content:center!important;gap:58px!important;width:auto!important;display:grid!important}.hero-nav nav:focus,.hero-nav nav:focus-visible,.hero-nav:focus,.hero-nav:focus-visible,.hero-nav a:focus,.hero-nav a:focus-visible{box-shadow:none!important;outline:0!important}.hero-nav nav a{color:#ebf4fad1!important;height:54px!important;text-shadow:none!important;padding:0!important;font-size:17px!important;font-weight:800!important}.hero-nav nav a:before{opacity:.85!important;width:5px!important;height:5px!important;box-shadow:none!important;background:#9cff47!important}.logo,.hero-nav.is-scrolled .logo,.hero-nav.is-collapsed .logo{width:auto!important;height:54px!important;box-shadow:none!important;color:#f2f6fb!important;background:0 0!important;border:0!important;border-radius:0!important;justify-self:start!important;margin:0!important}.logo b,.hero-nav.is-scrolled .logo b,.hero-nav.is-collapsed .logo b{color:#f2f6fb!important;text-shadow:none!important;font-size:25px!important;font-weight:900!important}.nav-contact,.hero-nav.is-scrolled .nav-contact,.hero-nav.is-collapsed .nav-contact{width:auto!important;height:54px!important;box-shadow:none!important;color:#ebf4fad6!important;background:0 0!important;border:0!important;border-radius:0!important;justify-self:end!important;padding:0!important;font-size:17px!important;font-weight:800!important}.nav-contact:hover{color:#9cff47!important;box-shadow:none!important;background:0 0!important}@media (width<=1200px){.hero-nav,.hero-nav.is-scrolled,.hero-nav.is-collapsed{grid-template-columns:80px 1fr 96px!important;width:calc(100% - 88px)!important}.hero-nav nav{gap:34px!important}}@media (width<=700px){.hero-nav,.hero-nav.is-scrolled,.hero-nav.is-collapsed{grid-template-columns:56px 1fr 74px!important;width:calc(100% - 36px)!important}.hero-nav nav{gap:18px!important}.hero-nav nav a,.nav-contact{font-size:13px!important}.logo b{font-size:20px!important}}.hero-video{object-fit:cover;object-position:center}.hero-nav,.hero-nav.is-scrolled,.hero-nav.is-collapsed{grid-template-columns:110px 1fr 110px!important}.hero-nav nav,.hero-nav.is-scrolled nav,.hero-nav.is-collapsed nav{grid-template-columns:repeat(4,auto)!important;gap:52px!important}.nav-contact{display:none!important}.hero-nav nav a:before{transition:opacity .2s,transform .2s,box-shadow .2s;opacity:0!important;transform:scale(.72)!important}.hero-nav nav a.is-active:before,.hero-nav nav a:hover:before{opacity:1!important;transform:scale(1)!important;box-shadow:0 0 12px #9cff47b8!important}@media (width<=1200px){.hero-nav,.hero-nav.is-scrolled,.hero-nav.is-collapsed{grid-template-columns:80px 1fr 80px!important}.hero-nav nav{gap:34px!important}}@media (width<=700px){.hero-nav,.hero-nav.is-scrolled,.hero-nav.is-collapsed{grid-template-columns:54px 1fr 20px!important}.hero-nav nav{gap:16px!important}}.hero-message{z-index:4;pointer-events:none;width:min(1080px,100% - 108px);position:absolute;top:17.5%;left:max(5.4vw,54px)}.hero-message h1{color:#f5f7f8;letter-spacing:0;text-shadow:0 10px 38px #00000075;max-width:1080px;margin:0;font-family:Arial Black,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif;font-size:clamp(64px,7.4vw,132px);font-weight:900;line-height:.96}.hero-message p{color:#ebf0f4c7;letter-spacing:0;text-shadow:0 4px 24px #00000080;max-width:980px;margin:34px 0 0;font-family:Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif;font-size:clamp(17px,1.45vw,28px);font-weight:700;line-height:1.65}@media (width<=1100px){.hero-message{width:calc(100% - 72px);top:18%;left:36px}.hero-message h1{font-size:clamp(54px,8.2vw,86px)}.hero-message p{max-width:760px;font-size:17px}}@media (width<=700px){.hero-message{width:calc(100% - 44px);top:16%;left:22px}.hero-message h1{font-size:44px;line-height:1.02}.hero-message p{margin-top:20px;font-size:13px;line-height:1.65}}.hero-message h1{letter-spacing:0!important;max-width:680px!important;font-size:clamp(48px,4.45vw,86px)!important;line-height:.9!important}.hero-message p{max-width:560px!important;margin-top:22px!important;font-size:clamp(14px,1.05vw,20px)!important;font-weight:800!important;line-height:1.62!important}@media (width<=1200px){.hero-message{width:560px!important;top:24%!important;left:80px!important}.hero-message h1{font-size:58px!important}.hero-message p{max-width:520px!important;font-size:15px!important}}@media (width<=700px){.hero-message{width:calc(100% - 48px)!important;top:18%!important;left:24px!important}.hero-message h1{font-size:38px!important;line-height:.98!important}.hero-message p{max-width:100%!important;font-size:12px!important}}.hero-message h1{letter-spacing:0!important;word-spacing:0!important;text-transform:none!important;font-family:Arial Black,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif!important;font-weight:900!important;line-height:.82!important}.hero-message p{letter-spacing:0!important;word-spacing:0!important;margin-top:18px!important;font-weight:800!important;line-height:1.38!important}@media (width<=1200px){.hero-message h1{line-height:.84!important}.hero-message p{margin-top:16px!important;line-height:1.42!important}}@media (width<=700px){.hero-message h1{line-height:.9!important}.hero-message p{margin-top:14px!important;line-height:1.5!important}}.hero-message h1{letter-spacing:-.015em!important;color:#f7f8f8!important;max-width:1120px!important;font-family:Arial Black,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif!important;font-size:clamp(76px,8.2vw,152px)!important;font-weight:900!important;line-height:.82!important}.hero-message p{letter-spacing:0!important;color:#ebeff3b8!important;max-width:1120px!important;margin-top:34px!important;font-family:Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif!important;font-size:clamp(19px,1.45vw,29px)!important;font-weight:500!important;line-height:1.62!important}@media (width<=1200px){.hero-message{width:calc(100% - 68px)!important;top:14.5%!important;left:34px!important}.hero-message h1{font-size:clamp(62px,9vw,98px)!important}.hero-message p{max-width:900px!important;font-size:17px!important}}@media (width<=700px){.hero-message{width:calc(100% - 40px)!important;top:15%!important;left:20px!important}.hero-message h1{letter-spacing:-.01em!important;font-size:42px!important;line-height:.9!important}.hero-message p{margin-top:18px!important;font-size:13px!important;font-weight:500!important;line-height:1.55!important}}.hero-message h1{letter-spacing:.012em!important;flex-direction:column!important;gap:.04em!important;line-height:.78!important;display:flex!important}.hero-title-strong,.hero-title-light{white-space:nowrap;display:block}.hero-title-light{letter-spacing:.012em!important;font-family:Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif!important;font-weight:500!important}.hero-message p{letter-spacing:.01em!important;margin-top:22px!important;font-weight:500!important;line-height:1.42!important}@media (width<=1200px){.hero-message h1{gap:.06em!important;line-height:.82!important}.hero-title-strong,.hero-title-light{white-space:normal}}@media (width<=700px){.hero-message h1{letter-spacing:0!important;gap:.08em!important;line-height:.9!important}.hero-title-strong,.hero-title-light{letter-spacing:0!important}}.works{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:32px 32px;width:min(1500px,100% - 48px)!important;padding:96px 0 150px!important}.works-head{align-items:flex-start!important;margin-bottom:54px!important}.works h2{letter-spacing:-.02em!important;color:#f2eee7!important;font-family:Arial,Microsoft YaHei UI,Microsoft YaHei,sans-serif!important;font-size:clamp(58px,5.4vw,92px)!important;font-weight:900!important;line-height:.9!important}.filters{gap:12px!important;padding-top:8px!important}.filters button{color:#f2eee7b8!important;background:#0a0c0bb8!important;border:1px solid #e4d6b83d!important;border-radius:999px!important;height:42px!important;padding:0 20px!important;font-size:14px!important;font-weight:800!important}.filters button.active{color:#15120c!important;background:#dfb967!important;border-color:#dfb967!important}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;display:grid!important}.project{background:linear-gradient(#121412c2,#080a09e0)!important;border:1px solid #eee4c829!important;border-radius:8px!important;min-height:460px!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px #ffffff06!important}.project img{aspect-ratio:1.46!important;object-fit:cover!important;border-bottom:1px solid #eee4c81a!important;width:100%!important}.project small{color:#d7aa64!important;font-size:14px!important;font-weight:800!important}.project h3{color:#f5f2ea!important;margin:14px 0 16px!important;font-size:24px!important;font-weight:900!important;line-height:1.15!important}.project p{color:#f2eee794!important;font-size:15px!important;line-height:1.65!important}@media (width<=980px){.works-head{flex-direction:column!important;gap:22px!important}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=620px){.works{width:calc(100% - 28px)!important;padding-top:72px!important}.project-grid{grid-template-columns:1fr!important}.works h2{font-size:48px!important}.filters{flex-wrap:wrap!important}}.hero-message{width:min(620px,40vw)!important;top:24%!important;left:max(17vw,230px)!important}.hero-message h1{letter-spacing:.01em!important;gap:.07em!important;max-width:620px!important;font-size:clamp(46px,4.1vw,78px)!important;line-height:.86!important}.hero-title-strong{letter-spacing:.012em!important;font-weight:900!important}.hero-title-light{letter-spacing:.01em!important;font-weight:500!important}.hero-message p{letter-spacing:.005em!important;max-width:540px!important;margin-top:18px!important;font-size:clamp(13px,.95vw,18px)!important;font-weight:500!important;line-height:1.52!important}@media (width<=1200px){.hero-message{width:560px!important;top:23%!important;left:72px!important}.hero-message h1{font-size:56px!important}.hero-message p{max-width:500px!important;font-size:14px!important}}@media (width<=700px){.hero-message{width:calc(100% - 48px)!important;top:18%!important;left:24px!important}.hero-message h1{font-size:36px!important;line-height:.94!important}.hero-message p{max-width:100%!important;font-size:12px!important}}.hero-message h1{gap:.16em!important;line-height:.86!important}@media (width<=1200px){.hero-message h1{gap:.14em!important;line-height:.88!important}}@media (width<=700px){.hero-message h1{gap:.12em!important;line-height:.94!important}}.resume-profile{grid-template-columns:1.05fr 1.05fr 1.35fr!important;align-items:stretch!important;gap:34px!important;width:min(1500px,100% - 72px)!important;padding:110px 0 120px!important;display:grid!important}.resume-card{color:#151515;background:linear-gradient(145deg,#eeebe2ed,#d2cdc4e0);border:1px solid #eeeee62e;border-radius:22px;min-height:640px;padding:34px 36px;box-shadow:0 28px 80px #00000047,inset 0 0 0 1px #ffffff80}.resume-title{align-items:flex-start;gap:12px;margin-bottom:28px;display:flex;position:relative}.resume-title:after{content:"";background:#126ee8;border-radius:999px;width:38px;height:5px;position:absolute;bottom:-10px;left:0}.resume-title h2{letter-spacing:-.03em;color:#111;margin:0;font-size:42px;font-weight:500;line-height:1}.resume-title span{color:#242424;font-size:20px;font-weight:500;line-height:1.08}.resume-name{align-items:flex-end;gap:22px;margin:28px 0 24px;display:flex}.resume-name strong{font-size:34px;font-weight:800;line-height:1}.resume-name em{color:#252525;font-size:18px;font-style:normal;font-weight:700}.resume-list{gap:15px;margin:0 0 28px;display:grid}.resume-list div{grid-template-columns:78px 1fr;align-items:baseline;gap:18px;display:grid}.resume-list dt{color:#666;font-size:18px}.resume-list dd{color:#171717;margin:0;font-size:19px;font-weight:700}.resume-portrait{background:#111;border-radius:18px;height:285px;margin-top:30px;position:relative;overflow:hidden}.resume-portrait img{object-fit:cover;filter:saturate(.85)contrast(1.05);width:100%;height:100%}.resume-portrait span{color:#fff;font-size:15px;position:absolute;bottom:18px;left:22px}.resume-honor{border:2px solid #1d1d1d;border-radius:18px;margin:30px 0;padding:22px}.resume-honor h3,.resume-links h3{margin:0 0 14px;font-size:22px}.resume-honor p,.resume-links p{color:#2f2f2f;margin:8px 0;font-size:16px;font-weight:600;line-height:1.55}.resume-tags{grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 30px;display:grid}.resume-tags span{color:#191919;background:#ffffff29;border:2px solid #2a2a2a;border-radius:999px;place-items:center;height:42px;font-size:17px;font-weight:700;display:grid}.resume-links{margin-top:22px}.resume-work{position:relative}.work-item time{border:2px solid #111;border-radius:999px;padding:5px 16px;font-size:22px;font-weight:500;line-height:1;display:inline-flex}.work-item h3{margin:18px 0 12px;font-size:23px;line-height:1.25}.work-item h3 span{margin-left:18px;font-weight:500}.work-item ol{margin:0;padding-left:22px}.work-item li{color:#333;margin:8px 0;font-size:16px;font-weight:600;line-height:1.45}@media (width<=1100px){.resume-profile{grid-template-columns:1fr!important}.resume-card{min-height:auto}.resume-title h2{font-size:34px}}.hero-nav,.hero-nav.is-scrolled,.hero-nav.is-collapsed{grid-template-columns:120px 1fr 120px!important;width:min(1580px,100% - 460px)!important;height:60px!important;top:28px!important}.logo,.hero-nav.is-scrolled .logo,.hero-nav.is-collapsed .logo{height:60px!important}.logo b,.hero-nav.is-scrolled .logo b,.hero-nav.is-collapsed .logo b{font-size:24px!important}.hero-nav nav,.hero-nav.is-scrolled nav,.hero-nav.is-collapsed nav{grid-template-columns:repeat(4,auto)!important;gap:42px!important;height:60px!important}.hero-nav nav a{height:60px!important;font-size:17px!important;font-weight:700!important}@media (width<=1500px){.hero-nav,.hero-nav.is-scrolled,.hero-nav.is-collapsed{width:calc(100% - 220px)!important}}@media (width<=1100px){.hero-nav,.hero-nav.is-scrolled,.hero-nav.is-collapsed{grid-template-columns:72px 1fr 40px!important;width:calc(100% - 80px)!important}.hero-nav nav{gap:26px!important}}:root{--folio-blue:#1257ff;--eye-x:0px;--eye-y:0px}.logo b,.hero-nav.is-scrolled .logo b,.hero-nav.is-collapsed .logo b{color:var(--folio-blue)!important;text-shadow:0 0 22px #1257ff61!important}.hero-nav nav a:before{background:var(--folio-blue)!important;box-shadow:none!important}.hero-nav nav a.is-active:before,.hero-nav nav a:hover:before{box-shadow:0 0 14px #1257ffb8!important}.moon-link{color:#f4f6ff;opacity:.92;border-radius:999px;place-self:center end;place-items:center;width:44px;height:44px;font-size:30px;line-height:1;text-decoration:none;transition:color .2s,transform .2s,text-shadow .2s;display:grid}.moon-link:hover{color:var(--folio-blue);text-shadow:0 0 18px #1257ffb8;transform:translateY(-1px)}.resume-profile{justify-content:center!important;align-items:stretch!important;gap:42px!important;width:min(1500px,100% - 96px)!important;margin:0 auto!important}.resume-card{color:#f3f5f8!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:1px solid #ffffff26!important}.resume-title h2,.resume-title span,.resume-name strong,.resume-name em,.resume-list dd,.resume-honor h3,.resume-links h3,.work-item h3,.work-item time{color:#f4f6fb!important}.resume-title:after{box-shadow:0 0 12px #1257ff99;background:var(--folio-blue)!important}.resume-list dt,.resume-honor p,.resume-links p,.work-item li{color:#ebf0f7b8!important}.resume-honor,.resume-tags span,.work-item time{color:#f4f6fb!important;background:#ffffff06!important;border-color:#ffffffa3!important}.resume-portrait{border:1px solid #ffffff1f;background:#ffffff08!important}.watch-eye{z-index:60;pointer-events:none;background:#f7f7f5;border-radius:50%;justify-content:center;align-items:center;gap:3px;width:84px;height:84px;display:flex;position:fixed;bottom:30px;right:34px;box-shadow:0 18px 45px #0000005c}.watch-eye-ball{transform-origin:50%;background:#fff;border:3px solid #0b0b0b;border-radius:50%;width:26px;height:34px;animation:5.2s infinite eyeBlink;display:block;position:relative}.watch-eye-ball i{width:9px;height:12px;transform:translate(var(--eye-x),var(--eye-y));background:#0b0b0b;border-radius:50%;transition:transform 80ms linear;position:absolute;top:10px;left:8px}@keyframes eyeBlink{0%,92%,to{scale:1}94%,96%{scale:1 .08}}@media (width<=700px){.watch-eye{width:64px;height:64px;bottom:18px;right:18px}.watch-eye-ball{width:20px;height:27px}.watch-eye-ball i{width:7px;height:10px;top:8px;left:6px}.moon-link{width:36px;height:36px;font-size:24px}}.resume-profile{grid-template-columns:.98fr .98fr 1.2fr!important;gap:28px!important;width:min(1360px,100% - 140px)!important;padding:92px 0 108px!important}.resume-card{border-radius:18px!important;min-height:560px!important;padding:28px 30px!important}.resume-title{gap:10px!important;margin-bottom:24px!important}.resume-title h2{font-size:34px!important}.resume-title span{font-size:17px!important}.resume-title:after{width:32px!important;height:4px!important;bottom:-9px!important}.resume-name{gap:18px!important;margin:24px 0 20px!important}.resume-name strong{font-size:29px!important}.resume-name em{font-size:15px!important}.resume-list{gap:13px!important}.resume-list div{grid-template-columns:68px 1fr!important;gap:16px!important}.resume-list dt{font-size:15px!important}.resume-list dd{font-size:16px!important}.resume-portrait{border-radius:16px!important;height:245px!important;margin-top:24px!important}.resume-honor{border-radius:16px!important;margin:26px 0 24px!important;padding:19px!important}.resume-honor h3,.resume-links h3{font-size:19px!important}.resume-honor p,.resume-links p{font-size:14px!important;line-height:1.55!important}.resume-tags{gap:10px!important;margin:22px 0 26px!important}.resume-tags span{border-width:1.5px!important;height:36px!important;font-size:14px!important}.work-item{margin-top:26px!important}.work-item time{padding:5px 14px!important;font-size:18px!important}.work-item h3{margin:15px 0 10px!important;font-size:20px!important}.work-item li{margin:7px 0!important;font-size:14px!important;line-height:1.45!important}@media (width<=1100px){.resume-profile{width:calc(100% - 60px)!important}}.hero-video{filter:brightness(.62)contrast(1.04)saturate(.88)!important}.watch-eye{width:62px!important;height:62px!important;bottom:24px!important;right:28px!important}.watch-eye-ball{border-width:3px!important;width:19px!important;height:26px!important}.watch-eye-ball i{width:7px!important;height:10px!important;top:7px!important;left:5px!important}.hero-gallery-only{height:250px!important;min-height:250px!important;bottom:54px!important}.circular-gallery canvas{backface-visibility:hidden;transform:translateZ(0)}@media (width<=700px){.watch-eye{width:54px!important;height:54px!important;bottom:16px!important;right:16px!important}.hero-gallery-only{height:220px!important;min-height:220px!important;bottom:44px!important}}.moon-link{color:#f6f6f6!important;text-shadow:0 0 8px #ffffff2e!important;width:34px!important;height:34px!important;font-size:24px!important}.hero-gallery-only{contain:layout paint style;background:0 0!important;height:285px!important;min-height:285px!important;bottom:48px!important;overflow:hidden!important}.circular-gallery{will-change:transform;transform:translateZ(0);background:0 0!important}.circular-gallery canvas{will-change:transform;backface-visibility:hidden;background:0 0!important;transform:translate(0)!important}.fan-hero{background:#050807!important}.hero-shade{pointer-events:none}@media (width<=700px){.moon-link{width:30px!important;height:30px!important;font-size:21px!important}.hero-gallery-only{height:245px!important;min-height:245px!important}}.works{width:min(1360px,100% - 120px)!important;padding:78px 0 128px!important}.works h2{font-size:clamp(46px,4.2vw,72px)!important;line-height:.92!important}.filters button{height:36px!important;padding:0 16px!important;font-size:12px!important}.project{border-radius:7px!important;min-height:370px!important}.project img{aspect-ratio:1.52!important}.project div{padding:18px 20px 22px!important}.project h3{margin:12px 0!important;font-size:20px!important}@media (width<=980px){.works{width:calc(100% - 60px)!important}}@media (width<=620px){.works{width:calc(100% - 28px)!important}.works h2{font-size:42px!important}}.watch-eye-ball{transition:transform .12s;animation:none!important}.watch-eye-ball i{transform:translate(var(--eye-x),var(--eye-y))!important}.hero-nav.is-scrolled nav,.hero-nav.is-collapsed nav{grid-template-columns:repeat(4,auto)!important;justify-content:center!important;gap:34px!important;height:58px!important;display:grid!important}.hero-nav.is-scrolled nav a,.hero-nav.is-collapsed nav a{color:#f1f4f8db!important;height:58px!important;font-size:15px!important;font-weight:800!important}.hero-nav.is-scrolled .logo b,.hero-nav.is-collapsed .logo b{color:var(--folio-blue)!important;font-size:23px!important}@media (width<=700px){.hero-nav.is-scrolled,.hero-nav.is-collapsed{grid-template-columns:54px 1fr 34px!important;width:calc(100% - 28px)!important;padding:0 10px 0 14px!important}.hero-nav.is-scrolled nav,.hero-nav.is-collapsed nav{gap:15px!important}.hero-nav.is-scrolled nav a,.hero-nav.is-collapsed nav a{font-size:12px!important}}.hero-nav.is-scrolled,.hero-nav.is-collapsed{-webkit-backdrop-filter:blur(18px)saturate(1.1)!important;backdrop-filter:blur(18px)saturate(1.1)!important;background:#07080bd1!important;border:1px solid #ffffff14!important;border-radius:999px!important;grid-template-columns:82px 1fr 42px!important;width:min(720px,100% - 120px)!important;height:54px!important;padding:0 14px 0 24px!important;top:24px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 16px 44px #0000005c,inset 0 0 0 1px #ffffff06!important}.hero-nav.is-scrolled nav,.hero-nav.is-collapsed nav{justify-content:center!important;gap:30px!important;height:54px!important}.hero-nav.is-scrolled nav a,.hero-nav.is-collapsed nav a{height:54px!important;font-size:14px!important;line-height:1!important}.hero-nav.is-scrolled .logo,.hero-nav.is-collapsed .logo{height:54px!important}.hero-nav.is-scrolled .logo b,.hero-nav.is-collapsed .logo b{font-size:22px!important}.hero-nav.is-scrolled .moon-link,.hero-nav.is-collapsed .moon-link{width:32px!important;height:32px!important;font-size:21px!important}@media (width<=900px){.hero-nav.is-scrolled,.hero-nav.is-collapsed{grid-template-columns:54px 1fr 32px!important;width:calc(100% - 36px)!important;padding:0 10px 0 16px!important}.hero-nav.is-scrolled nav,.hero-nav.is-collapsed nav{gap:18px!important}}.hero-nav.is-scrolled,.hero-nav.is-collapsed{-webkit-backdrop-filter:blur(18px)saturate(1.12)!important;backdrop-filter:blur(18px)saturate(1.12)!important;background:#08080ad6!important;border:1px solid #ffffff13!important;border-radius:999px!important;grid-template-columns:90px 1fr 90px!important;align-items:center!important;width:min(760px,100% - 140px)!important;height:54px!important;padding:0 22px!important;display:grid!important;top:18px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;box-shadow:0 14px 42px #00000061,inset 0 0 0 1px #ffffff06!important}.hero-nav.is-scrolled .logo,.hero-nav.is-collapsed .logo{justify-self:start!important;width:auto!important;min-width:0!important;height:54px!important;padding:0!important}.hero-nav.is-scrolled .logo b,.hero-nav.is-collapsed .logo b{min-width:0!important;color:var(--folio-blue)!important;font-size:22px!important;line-height:1!important}.hero-nav.is-scrolled nav,.hero-nav.is-collapsed nav{opacity:1!important;pointer-events:auto!important;justify-content:center!important;justify-self:center!important;align-items:center!important;gap:38px!important;width:auto!important;height:54px!important;display:flex!important;overflow:visible!important}.hero-nav.is-scrolled nav a,.hero-nav.is-collapsed nav a{white-space:nowrap!important;height:54px!important;font-size:14px!important;font-weight:800!important}.hero-nav.is-scrolled .moon-link,.hero-nav.is-collapsed .moon-link{justify-self:end!important;width:34px!important;height:34px!important;font-size:21px!important}.works-head h2{letter-spacing:0!important;font-size:clamp(54px,7.5vw,118px)!important;line-height:.9!important}.stable-gallery-card{width:184px!important;height:242px!important;transform:translateY(var(--curve-y,0px)) rotate(var(--curve-rotate,0deg))!important}.watch-eye{contain:paint!important;width:58px!important;height:58px!important;bottom:26px!important;right:28px!important;overflow:hidden!important}.watch-eye-ball{width:18px!important;height:28px!important;transition:transform 45ms linear!important;overflow:hidden!important}.watch-eye-ball i{width:7px!important;height:7px!important;transform:translate(var(--eye-x),var(--eye-y))!important;transition:transform 35ms linear!important;top:14px!important;left:5px!important}.eye-is-blinking .watch-eye-ball{transform:scaleY(.08)!important}@media (width<=900px){.hero-nav.is-scrolled,.hero-nav.is-collapsed{grid-template-columns:64px 1fr 42px!important;width:calc(100% - 36px)!important;padding:0 16px!important}.hero-nav.is-scrolled nav,.hero-nav.is-collapsed nav{gap:18px!important}.hero-nav.is-scrolled nav a,.hero-nav.is-collapsed nav a{font-size:12px!important}}.watch-eye-ball{background:#fff!important;position:relative!important;overflow:hidden!important}.watch-eye-ball i{opacity:1!important;width:9px!important;height:9px!important;transform:translate(var(--eye-x),var(--eye-y))!important;z-index:2!important;background:#050608!important;border-radius:50%!important;transition:transform 35ms linear!important;display:block!important;position:absolute!important;top:13px!important;left:4px!important}.eye-is-blinking .watch-eye-ball i{opacity:0!important}.works-head{align-items:flex-end!important}.filters{align-self:flex-end!important;transform:translateY(12px)!important}.portfolio-page{min-height:100vh;transition:background-color .55s,color .55s,filter .55s}.theme-toggle{cursor:pointer!important;border:0!important;font-family:inherit!important}.theme-toggle span{transition:transform .42s cubic-bezier(.2,.8,.2,1),color .42s,text-shadow .42s;place-items:center!important;display:grid!important}.theme-toggle[aria-pressed=true] span{color:#ffd35a!important;text-shadow:0 0 20px #ffd35a99!important;transform:rotate(180deg)scale(1.08)!important}.portfolio-page.theme-light{color:#121417!important;background:#e9edf0!important}.portfolio-page.theme-light .fan-hero,.portfolio-page.theme-light .profile,.portfolio-page.theme-light .works,.portfolio-page.theme-light .detail,.portfolio-page.theme-light .contact-final{background-color:#e9edf0!important}.portfolio-page.theme-light .hero-video,.portfolio-page.theme-light .hero-backdrop{filter:grayscale(.12)brightness(1.18)contrast(.9)saturate(.86)!important;opacity:.72!important}.portfolio-page.theme-light .hero-shade{background:linear-gradient(#f5f7f86b,#ebeff233 48%,#e8ebedd9 100%)!important}.portfolio-page.theme-light .hero-message h1,.portfolio-page.theme-light .works-head h2,.portfolio-page.theme-light .resume-title h2,.portfolio-page.theme-light .contact-final h2{color:#f8f6ee!important;text-shadow:0 12px 42px #00000047!important}.portfolio-page.theme-light .hero-message p,.portfolio-page.theme-light .resume-list,.portfolio-page.theme-light .resume-card p,.portfolio-page.theme-light .work-card p,.portfolio-page.theme-light .contact-card p{color:#16191cc2!important}.portfolio-page.theme-light .hero-nav,.portfolio-page.theme-light .hero-nav.is-scrolled,.portfolio-page.theme-light .hero-nav.is-collapsed{background:#f6f8fab8!important;border-color:#00000014!important;box-shadow:0 16px 50px #2a364424,inset 0 0 0 1px #ffffff94!important}.portfolio-page.theme-light .hero-nav nav a,.portfolio-page.theme-light .moon-link{color:#101318c7!important}.portfolio-page.theme-light .hero-nav nav a.is-active:before{background:#1257ff!important}.portfolio-page.theme-light .resume-card,.portfolio-page.theme-light .work-card,.portfolio-page.theme-light .contact-card,.portfolio-page.theme-light .resume-honor,.portfolio-page.theme-light .resume-portrait{background:#ffffff94!important;border-color:#14181e1f!important;box-shadow:0 24px 60px #3c46501f!important}.portfolio-page.theme-light .work-card h3,.portfolio-page.theme-light .resume-card strong,.portfolio-page.theme-light .resume-card h3{color:#111418!important}.hero-gallery-only{height:230px!important}@media (width<=700px){.stable-gallery-card{width:128px!important;height:170px!important}.hero-gallery-only{height:180px!important}}.hero-video,.hero-backdrop{filter:grayscale(.04)brightness(1.22)contrast(.94)saturate(.96)!important;opacity:.82!important}.hero-shade{background:radial-gradient(circle at 50% 36%,#14221f2e,#03060766 42%,#020304e0 100%)!important}.fan-hero:after{opacity:.42!important}.hero-gallery-only{height:202px!important;bottom:58px!important;transform:translateY(18px)!important}.stable-gallery-card{width:148px!important;height:194px!important}@media (width<=700px){.hero-gallery-only{height:160px!important;bottom:34px!important;transform:translateY(12px)!important}.stable-gallery-card{width:116px!important;height:154px!important}}.resume-tags{grid-template-columns:repeat(3,minmax(120px,1fr))!important;gap:14px 16px!important}.resume-tags span{white-space:nowrap!important;text-align:center!important;min-width:0!important}.hero-gallery-only{width:calc(100vw + 280px)!important;left:50%!important;overflow:hidden!important;transform:translate(-50%)translateY(18px)!important;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)!important;mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)!important}.circular-gallery{padding-left:90px!important;padding-right:90px!important}.stable-gallery-track{gap:38px!important}.contact.wrap{max-width:1500px!important;min-height:78vh!important;color:var(--ink)!important;background:0 0!important;border-top:1px solid #ffffff14!important;grid-template-columns:1.15fr .72fr!important;grid-template-areas:"copy qr""info qr"!important;align-items:center!important;gap:54px!important;margin:0 auto!important;padding:110px 56px 90px!important;font-family:inherit!important;display:grid!important}.contact.wrap>div:first-child{grid-area:copy!important}.contact.wrap small{color:var(--gold)!important;letter-spacing:.32em!important;text-transform:uppercase!important;margin-bottom:26px!important;font-size:12px!important;font-weight:900!important;display:block!important}.contact.wrap h2{color:var(--ink)!important;letter-spacing:0!important;margin:0!important;font-size:clamp(52px,7vw,118px)!important;font-weight:950!important;line-height:.92!important}.contact.wrap p{color:#ebeff2ad!important;max-width:620px!important;margin:30px 0 0!important;font-size:18px!important;font-weight:650!important;line-height:1.85!important}.contact.wrap .qr{aspect-ratio:1!important;color:#eef2f6e0!important;background:#ffffff0b!important;border:1px solid #ffffff1f!important;border-radius:8px!important;grid-area:qr!important;justify-self:end!important;place-items:center!important;width:min(390px,100%)!important;display:grid!important;box-shadow:0 24px 70px #00000042!important}.contact.wrap .qr div{color:var(--folio-blue)!important;letter-spacing:.02em!important;font-size:56px!important;font-weight:950!important;line-height:.82!important}.contact.wrap .qr span{color:#ebeff28f!important;margin-top:130px!important;font-size:13px!important}.contact.wrap dl{grid-area:info!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:30px!important;margin:0!important;display:grid!important}.contact.wrap dt{color:#ebeff27a!important;margin-bottom:12px!important;font-size:13px!important;font-weight:800!important}.contact.wrap dd{color:#f5f7f9db!important;overflow-wrap:anywhere!important;margin:0!important;font-size:15px!important;font-weight:800!important;line-height:1.45!important}.contact.wrap a{color:inherit!important;text-decoration:none!important}.portfolio-page.theme-light .contact.wrap{color:#121417!important;border-top-color:#00000014!important}.portfolio-page.theme-light .contact.wrap h2{color:#111418!important;text-shadow:none!important}.portfolio-page.theme-light .contact.wrap p,.portfolio-page.theme-light .contact.wrap dt{color:#12161c9e!important}.portfolio-page.theme-light .contact.wrap dd{color:#101318d6!important}.portfolio-page.theme-light .contact.wrap .qr{background:#ffffffa8!important;border-color:#0000001a!important}@media (width<=900px){.contact.wrap{grid-template-columns:1fr!important;grid-template-areas:"copy""qr""info"!important;padding:80px 24px!important}.contact.wrap .qr{justify-self:start!important;width:min(320px,100%)!important}.contact.wrap dl{grid-template-columns:1fr!important}}.theme-toggle span{color:#0000!important;width:24px!important;height:24px!important;text-shadow:none!important;font-size:0!important;position:relative!important;transform:none!important}.theme-toggle span:before,.theme-toggle span:after{content:""!important;border-radius:999px!important;margin:auto!important;transition:transform .42s,opacity .32s,background .42s,border-color .42s,box-shadow .42s!important;position:absolute!important;inset:0!important}.theme-toggle span:before{width:17px!important;height:17px!important;box-shadow:none!important;background:0 0!important;border:2px solid #f5f8ffeb!important}.theme-toggle span:after{opacity:1!important;background:#08090bf5!important;width:15px!important;height:15px!important;transform:translate(5px,-2px)!important}.theme-toggle[aria-pressed=true] span:before{background:#ffd35a!important;border-color:#ffd35a!important;width:16px!important;height:16px!important;transform:rotate(180deg)scale(.92)!important;box-shadow:0 0 20px #ffd35a73!important}.theme-toggle[aria-pressed=true] span:after{opacity:0!important;transform:scale(.2)!important}.portfolio-page.theme-light .theme-toggle span:after{background:#f6f8fae0!important}.hero-gallery-only{transform:translate(-50%)translateY(34px)!important}.watch-eye-ball{transition:transform 25ms linear!important}.watch-eye-ball i{transition:transform 18ms linear!important}.work-item time{color:#f4f6fb!important;letter-spacing:0!important;width:max-content!important;box-shadow:none!important;letter-spacing:-.03em!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0 0 20px!important;padding:0!important;font-family:inherit!important;font-size:18px!important;font-weight:500!important;line-height:1.2!important;display:block!important}.portfolio-page.theme-light .work-item time{color:#111418!important}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:76px 74px!important;display:grid!important}.project-grid .project:nth-child(n+6){display:none!important}.project{min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important;overflow:visible!important}.project img{aspect-ratio:1.52!important;object-fit:cover!important;border:0!important;border-radius:28px!important;width:100%!important;transition:transform .42s,filter .42s,box-shadow .42s!important;display:block!important;box-shadow:0 28px 70px #00000047!important}.project:hover img{filter:brightness(1.05)!important;transform:translateY(-6px)scale(1.012)!important;box-shadow:0 34px 88px #00000057!important}.project div{grid-template-columns:1fr auto!important;align-items:start!important;column-gap:22px!important;padding:26px 0 0!important;display:grid!important}.project small{color:#f5f7f985!important;grid-column:1!important;font-size:14px!important;font-weight:800!important;line-height:1!important}.project h3{color:#f4f6fb!important;letter-spacing:-.02em!important;grid-column:1!important;margin:14px 0 0!important;font-size:28px!important;font-weight:900!important;line-height:1.15!important}.project p{color:#f5f7f97a!important;text-align:right!important;grid-area:1/2/span 2!important;align-self:center!important;max-width:180px!important;margin:0!important;font-size:17px!important;font-weight:700!important;line-height:1.35!important}.portfolio-page.theme-light .project h3{color:#111418!important}.portfolio-page.theme-light .project small,.portfolio-page.theme-light .project p{color:#12161c8f!important}@media (width<=900px){.works.wrap{width:calc(100% - 36px)!important}.project-grid{grid-template-columns:1fr!important;gap:48px!important}.project:nth-child(2n){margin-top:0!important}.project img{border-radius:20px!important}.project div{grid-template-columns:1fr!important}.project p{text-align:left!important;grid-area:auto/1!important;max-width:none!important;margin-top:12px!important}}.project-grid .project:nth-child(n+5){display:none!important}.project-grid.is-expanded .project:nth-child(n+5){display:block!important}.view-all-projects{color:#f4f6fb!important;cursor:pointer!important;background:#ffffff06!important;border:1px solid #f5f7f9c7!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;width:max-content!important;height:58px!important;margin:72px auto 0!important;padding:0 42px!important;font-size:17px!important;font-weight:900!important;transition:transform .25s,background .25s,border-color .25s!important;display:flex!important}.view-all-projects:hover{background:#ffffff14!important;border-color:#fff!important;transform:translateY(-3px)!important}.portfolio-page.theme-light .view-all-projects{color:#111418!important;background:#ffffff85!important;border-color:#111418b8!important}@media (width<=1200px){.works.wrap{width:calc(100% - 72px)!important}.project-grid{gap:64px 48px!important}}@media (width<=900px){.works.wrap{width:calc(100% - 36px)!important}.project-grid{grid-template-columns:1fr!important;gap:48px!important}.project:nth-child(2n){margin-top:0!important}}.project-grid{gap:68px 72px!important}.project p{max-width:96px!important;font-size:15px!important}@media (width<=1200px){.works.wrap{width:calc(100% - 72px)!important}}.works.wrap{width:min(1320px,100% - 360px)!important;max-width:1320px!important;padding-top:76px!important}.works-head{margin-bottom:42px!important}.works-head h2{font-size:clamp(40px,4.6vw,72px)!important;line-height:.92!important}.works-head .filters{align-self:flex-start!important;gap:14px!important;padding-top:12px!important}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:78px!important}.project img{aspect-ratio:1.54!important;border-radius:24px!important}.project div{padding-top:18px!important}.project h3{font-size:24px!important}.project small{font-size:12px!important}.project p{font-size:15px!important}.view-all-projects{height:54px!important;margin-top:64px!important;padding:0 38px!important;font-size:16px!important}@media (width<=1500px){.works.wrap{width:calc(100% - 120px)!important}}@media (width<=900px){.works.wrap{width:calc(100% - 36px)!important}}.theme-toggle,.moon-link{display:none!important}.nav-lanyard{transform-origin:50% 0;pointer-events:none;flex:0 0 76px;justify-content:center;align-items:flex-start;width:76px;height:58px;animation:5.2s ease-in-out infinite lanyard-idle;display:flex;position:relative}.lanyard-cord{background:linear-gradient(#ffffff1a,#3e7efff2,#ffffff59);border-radius:999px;width:2px;height:34px;position:absolute;top:-17px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #236fff73}.lanyard-ring{z-index:2;border:2px solid #ecf4ffcc;border-bottom:0;border-radius:18px 18px 0 0;width:18px;height:10px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.lanyard-card{color:#236fff;background:linear-gradient(145deg,#10161cf0,#05080cfa);border:1px solid #ffffff38;border-radius:13px;place-items:center;width:54px;height:42px;padding-top:3px;display:grid;position:absolute;top:18px;overflow:hidden;box-shadow:0 16px 32px #0000006b,inset 0 1px #ffffff1f,0 0 22px #236fff33}.lanyard-card:before{content:"";background:#ffffff80;border-radius:999px;width:9px;height:4px;position:absolute;top:7px}.lanyard-card b{letter-spacing:.02em;text-shadow:0 0 13px #236fff73;margin-top:5px;font-family:Arial Black,Microsoft YaHei UI,sans-serif;font-size:20px;line-height:.85}.lanyard-card small{color:#ecf4ffb3;letter-spacing:.16em;margin-top:-4px;font-size:8px;font-weight:900}.hero-nav.is-collapsed .nav-lanyard{transform:scale(.9)}@keyframes lanyard-idle{0%,to{rotate:-1.2deg}50%{rotate:1.5deg}}.nav-lanyard{pointer-events:none!important;transform-origin:50% 0!important;flex:0 0 72px!important;width:72px!important;height:76px!important;animation:4.8s ease-in-out infinite lanyard-rope-sway!important;display:block!important;position:relative!important}.nav-lanyard .lanyard-card,.nav-lanyard .lanyard-cord,.nav-lanyard .lanyard-ring{display:none!important}.lanyard-anchor{background:#f5f8ffeb!important;border-radius:999px!important;width:7px!important;height:7px!important;position:absolute!important;top:0!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 0 14px #236fff8c!important}.lanyard-line{transform-origin:50% 0!important;background:linear-gradient(#236ffff2,#f5f8ffe0 48%,#236fff8c)!important;border-radius:999px!important;width:2px!important;height:54px!important;position:absolute!important;top:5px!important;left:50%!important;box-shadow:0 0 12px #236fff6b!important}.lanyard-line-a{transform:translate(-5px)rotate(-8deg)!important}.lanyard-line-b{opacity:.78!important;transform:translate(4px)rotate(8deg)!important}.lanyard-clip{background:linear-gradient(#ffffff0f,#fff0)!important;border:2px solid #f5f8ffe0!important;border-top-color:#236ffff2!important;border-radius:999px 999px 12px 12px!important;width:26px!important;height:17px!important;position:absolute!important;top:52px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 0 18px #236fff4d!important}.lanyard-clip:after{content:""!important;border:2px solid #f5f8ffb8!important;border-top:0!important;border-radius:0 0 8px 8px!important;width:12px!important;height:8px!important;position:absolute!important;bottom:-9px!important;left:50%!important;transform:translate(-50%)!important}.hero-nav.is-collapsed .nav-lanyard{flex-basis:58px!important;width:58px!important;height:58px!important;scale:.82!important}@keyframes lanyard-rope-sway{0%,to{rotate:-2deg}50%{rotate:2deg}}.nav-lanyard.nav-lanyard-rope .lanyard-anchor{background:#dfe9ff!important;width:10px!important;height:10px!important;top:0!important;box-shadow:0 0 18px #236fffb8!important}.nav-lanyard.nav-lanyard-rope .lanyard-line{background:linear-gradient(#236fff 0%,#dfe8ff 44%,#236fffd1 100%)!important;width:2px!important;height:62px!important;top:8px!important}.nav-lanyard.nav-lanyard-rope .lanyard-clip{background:#06090e59!important;border-width:2px!important;border-radius:18px 18px 8px 8px!important;width:34px!important;height:22px!important;top:61px!important;box-shadow:0 0 20px #236fff59,inset 0 1px #ffffff2e!important}.nav-lanyard.nav-lanyard-rope .lanyard-clip:after{border-color:#e8efffcc!important;width:16px!important;height:10px!important;bottom:-12px!important}.lanyard-drop-card{color:#236fff!important;background:linear-gradient(145deg,#0f151ff2,#04070dfa)!important;border:1px solid #fff3!important;border-radius:15px!important;place-items:center!important;width:58px!important;height:44px!important;padding-top:4px!important;display:grid!important;position:absolute!important;top:82px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 16px 32px #0006,0 0 24px #236fff4d,inset 0 1px #ffffff1f!important}.lanyard-drop-card:before{content:""!important;background:#e8efff9e!important;border-radius:999px!important;width:14px!important;height:5px!important;position:absolute!important;top:6px!important;left:50%!important;transform:translate(-50%)!important}.lanyard-drop-card b{letter-spacing:.02em!important;text-shadow:0 0 14px #236fffa6!important;margin-top:5px!important;font-family:Arial Black,Microsoft YaHei UI,sans-serif!important;font-size:23px!important;line-height:.8!important}.lanyard-drop-card small{color:#ecf4ffc2!important;letter-spacing:.18em!important;margin-top:-4px!important;font-size:9px!important;font-weight:900!important;line-height:1!important}.hero-nav.is-collapsed .nav-lanyard.nav-lanyard-rope{margin-top:-20px!important;scale:.78!important}@keyframes lanyard-drop-in{0%{opacity:0;transform:translateY(-70px)rotate(-8deg)}58%{opacity:1;transform:translateY(9px)rotate(3deg)}78%{transform:translateY(-5px)rotate(-2deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes lanyard-soft-sway{0%,to{rotate:-1.8deg}50%{rotate:1.8deg}}.lanyard-drop-card{display:none!important}.nav-lanyard.nav-lanyard-rope{transform-origin:50% 0!important;flex:0 0 72px!important;width:72px!important;height:76px!important;margin-top:0!important;animation:4.8s ease-in-out infinite lanyard-rope-sway!important;overflow:visible!important}.nav-lanyard.nav-lanyard-rope .lanyard-anchor{width:7px!important;height:7px!important;top:0!important}.nav-lanyard.nav-lanyard-rope .lanyard-line{width:2px!important;height:54px!important;top:5px!important}.nav-lanyard.nav-lanyard-rope .lanyard-line-a{transform:translate(-5px)rotate(-8deg)!important}.nav-lanyard.nav-lanyard-rope .lanyard-line-b{opacity:.78!important;transform:translate(4px)rotate(8deg)!important}.nav-lanyard.nav-lanyard-rope .lanyard-clip{width:26px!important;height:17px!important;top:52px!important}.nav-lanyard.nav-lanyard-rope .lanyard-clip:after{width:12px!important;height:8px!important;bottom:-9px!important}.hero-nav.is-collapsed .nav-lanyard.nav-lanyard-rope{flex-basis:58px!important;width:58px!important;height:58px!important;margin-top:0!important;scale:.82!important}.profile-showcase{color:#eef3f8;width:min(1780px,100% - 72px);margin:86px auto 120px}.profile-shell{background:linear-gradient(145deg,#080a0cfa,#020305fa);border:1px solid #ffffff1a;border-radius:62px;min-height:860px;padding:82px 64px 76px;position:relative;overflow:hidden;box-shadow:0 30px 110px #0000006b,inset 0 0 0 1px #ffffff08}.profile-shell:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);height:1px;position:absolute;inset:0 62px auto}.profile-shell:after{content:"";pointer-events:none;background:radial-gradient(circle at 54% 0,#6c7a8c2e,#0000 34%),radial-gradient(circle at 18% 62%,#7036ff1f,#0000 26%);border-radius:62px;position:absolute;inset:0}.profile-tools{z-index:2;gap:10px;display:flex;position:absolute;top:30px;left:28px}.profile-tools span{color:#e7eef4db;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:11px;height:48px;padding:0 18px;font-size:16px;font-weight:900;display:inline-flex;box-shadow:0 14px 26px #00000047}.profile-tools i{background:#a7b2bd;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 7px #ffffff14}.profile-menu{justify-content:center;width:48px;padding:0!important}.profile-menu b{background:#a7b2bd;border-radius:999px;width:18px;height:2px;display:block;box-shadow:0 7px #a7b2bd,0 -7px #a7b2bd}.profile-stage-head{z-index:1;text-align:center;place-items:center;padding:16px 0 76px;display:grid;position:relative}.profile-stage-head h2{letter-spacing:-.06em;color:#9ca8b3;text-shadow:0 14px 45px #0000004d;margin:0;font-family:Arial Black,Microsoft YaHei UI,Arial,sans-serif;font-size:clamp(84px,11vw,168px);font-weight:950;line-height:.82}.profile-stage-head span{background:linear-gradient(90deg,#5a2cff,#ff7adf,#c4aecf);border-radius:999px;width:76px;height:5px;margin:34px 0 22px;box-shadow:0 0 18px #8e50ff6b}.profile-stage-head p{color:#e2eaf16b;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:16px;font-weight:850}.profile-feature{z-index:1;grid-template-columns:minmax(0,1.12fr) minmax(500px,.88fr);align-items:stretch;width:min(1500px,100%);min-height:470px;margin:0 auto;display:grid;position:relative}.profile-visual{background:#08090b;border:1px solid #ffffff1a;border-radius:42px 0 0 42px;min-height:470px;overflow:hidden;box-shadow:0 20px 70px #00000059}.profile-visual img{object-fit:cover;filter:brightness(.68)saturate(.9)contrast(1.05);width:100%;height:100%;display:block}.profile-info-card{background:#0a0b0df5;border:1px solid #ffffff1f;border-radius:38px;align-self:center;min-height:430px;margin-left:-54px;padding:50px 54px 44px;box-shadow:0 30px 90px #00000080,inset 0 1px #ffffff0d}.profile-info-card small{color:#c484ff;font-size:14px;font-weight:900}.profile-info-card h3{color:#f4f8fb;letter-spacing:-.04em;margin:22px 0 18px;font-size:clamp(34px,3vw,54px);font-weight:950;line-height:1.08}.profile-badges{flex-wrap:wrap;gap:12px;margin:18px 0 26px;display:flex}.profile-badges span{color:#e7d2ff;background:#7e40ff1f;border:1px solid #c484ff85;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:850}.profile-info-card p{color:#e5ecf4a8;margin:0 0 32px;font-size:17px;font-weight:650;line-height:1.9}.profile-info-grid{border-top:1px solid #ffffff14;grid-template-columns:1fr 1.18fr;gap:34px;padding-top:28px;display:grid}.profile-info-grid h4{color:#c484ff;margin:0 0 18px;font-size:17px;font-weight:950}.profile-info-grid ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.profile-info-grid li{color:#eef4fac7;grid-template-columns:96px 1fr;gap:12px;font-size:15px;line-height:1.55;display:grid}.profile-info-grid b{color:#f4f8fceb;font-weight:950}.profile-info-grid span{color:#e1e9f2a3;font-weight:700}@media (width<=1200px){.profile-showcase{width:calc(100% - 40px)}.profile-shell{border-radius:42px;padding:74px 34px 56px}.profile-feature{grid-template-columns:1fr}.profile-visual{border-radius:32px;min-height:360px}.profile-info-card{margin:-42px 24px 0}}@media (width<=760px){.profile-stage-head h2{font-size:62px}.profile-stage-head p{letter-spacing:.1em;font-size:12px}.profile-info-card{border-radius:28px;margin:-34px 14px 0;padding:34px 26px}.profile-info-grid{grid-template-columns:1fr}.profile-info-grid li{grid-template-columns:78px 1fr}}.profile-hero-only{margin:86px auto 36px!important}.profile-hero-only .profile-shell{place-items:center!important;min-height:520px!important;padding:86px 64px 72px!important;display:grid!important}.profile-hero-only .profile-shell:after{background:radial-gradient(circle at 52% 18%,#6c7a8c29,#0000 34%)!important}.profile-hero-only .profile-stage-head{padding:0!important}.profile-hero-only .profile-stage-head h2{font-size:clamp(90px,12vw,176px)!important}.profile-hero-only+.resume-profile{padding-top:54px!important}.profile-showcase.profile-hero-only{margin:86px auto 120px!important}.profile-showcase.profile-hero-only .profile-shell{place-items:unset!important;min-height:0!important;padding:86px 64px 72px!important;display:block!important;overflow:hidden!important}.profile-integrated-resume.resume-profile{z-index:2!important;grid-template-columns:minmax(0,.86fr) minmax(0,1fr) minmax(0,1.24fr)!important;align-items:stretch!important;gap:30px!important;width:min(1500px,100%)!important;margin:0 auto!important;padding:0!important;display:grid!important;position:relative!important}.profile-integrated-resume .resume-card{background:#02040647!important;border-color:#ffffff24!important;min-height:560px!important;box-shadow:inset 0 1px #ffffff0a,0 24px 70px #00000047!important}.profile-integrated-resume .resume-card:before{opacity:.34!important}.profile-integrated-resume .resume-title h2,.profile-integrated-resume .resume-title span,.profile-integrated-resume .resume-name strong,.profile-integrated-resume .resume-name em,.profile-integrated-resume .resume-list dd,.profile-integrated-resume .resume-honor h3,.profile-integrated-resume .resume-links h3,.profile-integrated-resume .work-item h3,.profile-integrated-resume .work-item time{color:#f4f7fb!important}.profile-integrated-resume .resume-list dt,.profile-integrated-resume .resume-honor p,.profile-integrated-resume .resume-links p,.profile-integrated-resume .work-item li{color:#e8eef6b3!important}@media (width<=1200px){.profile-showcase.profile-hero-only .profile-shell{padding:74px 34px 56px!important}.profile-integrated-resume.resume-profile{grid-template-columns:1fr!important}.profile-integrated-resume .resume-card{min-height:auto!important}}@media (width<=760px){.profile-showcase.profile-hero-only{width:calc(100% - 28px)!important}.profile-showcase.profile-hero-only .profile-shell{border-radius:32px!important;padding:56px 20px 34px!important}.profile-showcase.profile-hero-only .profile-stage-head{padding-bottom:42px!important}}.profile-integrated-resume .resume-title h2,.profile-integrated-resume .resume-name strong,.profile-integrated-resume .resume-honor h3,.profile-integrated-resume .resume-links h3,.profile-integrated-resume .work-item h3{letter-spacing:-.04em!important;font-family:Arial Black,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif!important;font-weight:950!important}.profile-integrated-resume .resume-title span,.profile-integrated-resume .resume-list dt,.profile-integrated-resume .resume-list dd,.profile-integrated-resume .resume-name em,.profile-integrated-resume .resume-honor p,.profile-integrated-resume .resume-links p,.profile-integrated-resume .work-item time,.profile-integrated-resume .work-item li,.profile-integrated-resume .resume-tags span{letter-spacing:-.015em!important;font-family:Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif!important}.profile-integrated-resume .resume-title span,.profile-integrated-resume .resume-list dt,.profile-integrated-resume .resume-honor p,.profile-integrated-resume .resume-links p,.profile-integrated-resume .work-item li{font-weight:650!important}.profile-integrated-resume .resume-list dd,.profile-integrated-resume .resume-name em,.profile-integrated-resume .resume-tags span,.profile-integrated-resume .work-item time{font-weight:850!important}.profile-integrated-resume .resume-basic-photo{background:#ffffff08!important;border:0!important;border-radius:8px!important;height:305px!important;margin-top:28px!important}.profile-integrated-resume .resume-basic-photo img{object-fit:cover!important;object-position:center 12%!important;filter:grayscale()contrast(1.08)brightness(.9)!important;width:100%!important;height:100%!important}.works.wrap{width:min(1920px,100% - 48px)!important;max-width:1920px!important;padding:118px 0 160px!important}.works-head.works-head-reference h2{color:#f5f6f7!important;letter-spacing:-.06em!important;margin:0 0 34px!important;font-family:Arial Black,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif!important;font-size:clamp(68px,6vw,116px)!important;font-weight:950!important;line-height:.9!important}.works-intro{color:#e1ebf2b8!important;max-width:690px!important;margin:44px 0 0!important;font-size:19px!important;font-weight:750!important;line-height:1.8!important}.works-head .filters{flex-wrap:wrap!important;gap:14px!important;padding:0!important;display:flex!important}.works-head .filters button{color:#e5edf3b8!important;cursor:pointer!important;background:#ffffff06!important;border:1px solid #8edbf12e!important;border-radius:999px!important;align-items:center!important;gap:10px!important;min-height:52px!important;padding:0 22px!important;font-size:16px!important;font-weight:850!important;display:inline-flex!important}.works-head .filters button b{color:#8bdfff!important;font-weight:950!important}.works-head .filters button.active{color:#f5fbff!important;background:#8bdfff1c!important;border-color:#8bdfff73!important}.project-grid,.project-grid.is-expanded{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important;display:grid!important}.project-grid .project,.project-grid.is-expanded .project,.project-grid .project:nth-child(n+5),.project-grid .project:nth-child(n+6),.project-grid .project:nth-child(n+7){display:flex!important}.project{text-align:left!important;min-height:0!important;box-shadow:none!important;cursor:pointer!important;background:#101518!important;border:1px solid #94a9b529!important;border-radius:8px!important;flex-direction:column!important;padding:0!important;overflow:hidden!important}.project figure{background:#090d0f!important;margin:0!important;position:relative!important;overflow:hidden!important}.project figure img,.project img{aspect-ratio:1.62!important;object-fit:cover!important;border-radius:0!important;width:100%!important;height:auto!important;transition:transform .45s,filter .45s!important;display:block!important}.project figure span{color:#ffffff8f!important;font-family:Arial Black,Microsoft YaHei UI,Arial,sans-serif!important;font-size:52px!important;font-weight:950!important;line-height:1!important;position:absolute!important;bottom:16px!important;right:26px!important}.project:hover figure img{filter:brightness(1.06)!important;transform:scale(1.035)!important}.project div{min-height:300px!important;padding:34px 34px 32px!important;display:block!important}.project small{color:#93e5f7!important;letter-spacing:.02em!important;justify-content:space-between!important;gap:20px!important;margin:0 0 22px!important;font-size:15px!important;font-weight:950!important;line-height:1.2!important;display:flex!important}.project h3{color:#f8fafb!important;letter-spacing:-.045em!important;margin:0 0 20px!important;font-family:Arial Black,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif!important;font-size:clamp(28px,2.1vw,42px)!important;font-weight:950!important;line-height:1.16!important}.project p{color:#e5ebf094!important;text-align:left!important;max-width:none!important;margin:0 0 26px!important;font-size:18px!important;font-weight:750!important;line-height:1.8!important;display:block!important}.project li{color:#e8eef485!important;background:#ffffff09!important;border:1px solid #ffffff1a!important;border-radius:999px!important;padding:9px 18px!important;font-size:15px!important;font-weight:780!important}.project:nth-child(2n){margin-top:0!important}.view-all-projects{margin-top:54px!important}@media (width<=1200px){.works-head.works-head-reference{grid-template-columns:1fr!important;gap:22px!important}.works-intro{margin-top:0!important}.project-grid,.project-grid.is-expanded{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=760px){.works.wrap{width:calc(100% - 28px)!important;padding-top:82px!important}.project-grid,.project-grid.is-expanded{grid-template-columns:1fr!important}.project div{min-height:0!important;padding:26px 24px 28px!important}}.fan-hero .hero-video,.fan-hero .hero-backdrop{z-index:0!important;opacity:1!important;filter:brightness(1.35)contrast(1.05)saturate(1.05)!important;display:block!important}.fan-hero .hero-shade{z-index:1!important;background:linear-gradient(90deg,#0204058a 0%,#02040533 52%,#02040514 100%),linear-gradient(#02030447 0%,#02030457 58%,#020304db 100%)!important}.fan-hero .hero-nav,.fan-hero .hero-message,.fan-hero .nav-lanyard{z-index:5!important}.works-head.works-head-reference{grid-template-columns:minmax(0,1fr) minmax(520px,35vw)!important;align-items:end!important;gap:0 120px!important;margin-bottom:42px!important;display:grid!important}.works-head.works-head-reference .filters{grid-area:2/1!important;place-self:start!important;gap:14px!important;margin:0!important;padding:0!important;transform:none!important}.works-intro{grid-area:1/2/span 2!important;align-self:center!important;max-width:680px!important;margin:40px 0 0!important;font-size:20px!important;font-weight:800!important;line-height:1.85!important}@media (width<=1180px){.works-head.works-head-reference{grid-template-columns:1fr!important;align-items:start!important;gap:22px!important}.works-intro{grid-area:auto/1!important;max-width:780px!important;margin:0!important}.works-head.works-head-reference .filters{grid-row:auto!important}}body,button,a,p,span,small,li,dt,dd,em,strong{font-family:var(--font-ui)!important}h1,h2,h3,.logo b,.hero-title-strong,.hero-title-light,.works-head h2,.project h3,.work-card h3,.resume-title h2,.resume-name strong,.resume-honor h3,.contact-final h2,.profile-stage-head h2{font-family:var(--font-display)!important;font-weight:900!important}.works-kicker,.project small,.work-card small,.resume-title span,.profile-stage-head p,.contact-kicker{font-family:var(--font-ui)!important;font-weight:800!important}.resume-card p,.resume-list,.resume-honor p,.resume-honor li,.work-card p,.project p,.works-intro,.contact-card p,.hero-message p{font-family:var(--font-ui)!important;font-weight:700!important}.fan-hero .hero-message{width:min(920px,62vw)!important;max-width:920px!important;inset:auto auto 132px max(3.8vw,44px)!important}.fan-hero .hero-message h1{max-width:920px!important}.fan-hero .hero-message p{max-width:850px!important}@media (width<=900px){.fan-hero .hero-message{width:calc(100% - 56px)!important;bottom:98px!important;left:28px!important}}@media (width<=620px){.fan-hero .hero-message{width:calc(100% - 40px)!important;bottom:72px!important;left:20px!important}}.works-kicker{letter-spacing:.36em!important;margin:0 0 20px!important;font-size:15px!important}.works-head.works-head-reference h2{margin:0 0 26px!important;font-size:clamp(68px,5.4vw,108px)!important;line-height:.92!important}.works-intro{grid-area:1/2/span 2!important;place-self:center end!important;max-width:660px!important;margin:34px 0 0!important;font-size:19px!important;line-height:1.75!important}.works-head.works-head-reference .filters{flex-wrap:wrap!important;grid-area:2/1!important;place-self:start!important;gap:12px!important;margin:0!important;padding:0!important;display:flex!important;transform:none!important}.works-head .filters button{min-height:50px!important;padding:0 22px!important;font-size:15px!important}.project figure img,.project img{aspect-ratio:1.78!important}.project div{min-height:260px!important;padding:32px 34px 34px!important}.project h3{letter-spacing:0!important;font-size:clamp(28px,1.75vw,38px)!important}.project p{font-size:18px!important;line-height:1.75!important}@media (width<=1180px){.works.wrap{width:calc(100% - 44px)!important;padding-top:88px!important}.works-head.works-head-reference{grid-template-columns:1fr!important;align-items:start!important;gap:22px!important}.works-intro{grid-area:auto/1!important;justify-self:start!important;max-width:760px!important;margin:0!important}.works-head.works-head-reference .filters{grid-row:auto!important}.project-grid,.project-grid.is-expanded{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=760px){.project-grid,.project-grid.is-expanded{grid-template-columns:1fr!important}}:root{--font-en:"Montserrat Black","Montserrat",Arial,sans-serif;--font-cn:"Alibaba PuHuiTi","Alibaba PuHuiTi 2.0","Microsoft YaHei UI","Microsoft YaHei",sans-serif}.logo b,.works-kicker,.profile-stage-head p,footer,.project small,.project small em{font-family:var(--font-en),var(--font-cn)!important;font-weight:900!important}.contact .qr{box-shadow:none!important;background:#fff!important;border:1px solid #ffffff24!important;padding:0!important;overflow:hidden!important}.contact .qr img{object-fit:contain!important;object-position:center center!important;width:100%!important;height:100%!important;display:block!important}.fan-hero .hero-message{width:min(1120px,78vw)!important;max-width:1120px!important}@media (width<=900px){.fan-hero .hero-message h1{font-size:clamp(58px,10vw,92px)!important}.fan-hero .hero-message p{font-size:16px!important}}:root{--font-ui:Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;--font-display:Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif}body,button,a,p,span,small,li,dt,dd,em,strong,h1,h2,h3,.logo b,.hero-title-strong,.hero-title-light,.works-head h2,.project h3,.work-card h3,.resume-title h2,.resume-name strong,.resume-honor h3,.resume-links h3,.contact-final h2,.profile-stage-head h2{font-family:var(--font-display)!important}.hero-title-strong,.works-head h2,.project h3,.resume-title h2,.resume-name strong,.contact-final h2,.profile-stage-head h2{font-weight:900!important}.hero-title-light{font-weight:400!important}.hero-message p,.profile-stage-head p,.resume-card p,.resume-honor p,.resume-honor li,.resume-links p,.resume-list dt,.resume-list dd,.project p,.project li,.works-intro,.work-card p,.contact-card p{font-family:var(--font-ui)!important;letter-spacing:0!important;font-weight:500!important}.resume-honor strong,.project small,.project strong,.work-card small{font-family:var(--font-ui)!important;font-weight:700!important}.fan-hero .hero-message h1{max-width:820px!important;font-size:clamp(58px,5.8vw,104px)!important;line-height:.86!important}.fan-hero .hero-message p{max-width:760px!important;font-size:clamp(16px,1.15vw,22px)!important;line-height:1.55!important}@media (width<=900px){.fan-hero .hero-message{width:calc(100% - 56px)!important;bottom:96px!important}.fan-hero .hero-message h1{font-size:clamp(44px,8vw,72px)!important}.fan-hero .hero-message p{font-size:14px!important}}.works-head.works-head-reference .filters{gap:10px!important}.works-head .filters button,.works-head.works-head-reference .filters button{letter-spacing:0!important;border-radius:999px!important;height:42px!important;min-height:42px!important;padding:0 18px!important;font-size:13px!important;font-weight:700!important;line-height:1!important}.works-head .filters button b,.works-head.works-head-reference .filters button b{margin-left:7px!important;font-size:13px!important;font-weight:900!important;line-height:1!important}@media (width<=900px){.works-head .filters button,.works-head.works-head-reference .filters button{height:38px!important;min-height:38px!important;padding:0 14px!important;font-size:12px!important}}.works.wrap{width:calc(100% - 64px)!important;max-width:1920px!important;padding-top:38px!important;padding-bottom:140px!important}.works-head.works-head-reference{grid-template-columns:minmax(0,1fr) minmax(560px,35vw)!important;align-items:end!important;column-gap:96px!important;margin-bottom:34px!important;display:grid!important}.works-kicker{color:#8bdfff!important;letter-spacing:.42em!important;margin:0 0 20px!important;font-size:14px!important;font-weight:900!important;line-height:1!important;display:block!important}.works-intro{color:#e1e8ecad!important;grid-area:1/2/span 2!important;place-self:center end!important;max-width:650px!important;margin:64px 0 0!important;font-size:18px!important;font-weight:700!important;line-height:1.75!important}.works-head.works-head-reference .filters{grid-area:2/1!important;gap:12px!important}.works-head .filters button,.works-head.works-head-reference .filters button{border-radius:999px!important;height:48px!important;min-height:48px!important;padding:0 22px!important;font-size:14px!important}.works-head .filters button b,.works-head.works-head-reference .filters button b{margin-left:8px!important;font-size:14px!important}.project-grid,.project-grid.is-expanded{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important}.project{min-height:0!important;box-shadow:none!important;background:#101518!important;border:0!important;border-radius:8px!important;flex-direction:column!important;display:flex!important;overflow:hidden!important}.project:focus,.project:focus-visible,.project:active,.project figure:focus,.project figure:focus-visible,.filters button:focus,.filters button:focus-visible,.view-all-projects:focus,.view-all-projects:focus-visible,.hero-reel button:focus,.hero-reel button:focus-visible,.fan button:focus,.fan button:focus-visible,.project-detail-nav a:focus,.project-detail-nav a:focus-visible,.project-detail-nav button:focus,.project-detail-nav button:focus-visible,.project-detail-actions button:focus,.project-detail-actions button:focus-visible,.project-detail-actions a:focus,.project-detail-actions a:focus-visible{outline:0!important}.project figure{aspect-ratio:16/9!important;background:#070a0c!important;border:0!important;margin:0!important;position:relative!important;overflow:hidden!important}.project figure img,.project img{object-fit:contain!important;object-position:center center!important;border:0!important;border-radius:0!important;width:100%!important;height:100%!important}.project figure.project-cover-clean{background-color:#050607!important;background-position:100%!important;background-repeat:no-repeat!important;background-size:300% 100%!important}.project figure.project-cover-phone{background-image:url(/work/%E5%B7%A5%E4%BD%9C%E6%B8%B2%E6%9F%93%E5%9B%BE/05.png)!important}.project figure.project-cover-powerbank{background-image:url(/work/%E5%B7%A5%E4%BD%9C%E6%B8%B2%E6%9F%93%E5%9B%BE/06.jpg)!important}.project figure.project-cover-clean img{opacity:0!important}.project figure span{color:#ffffff8c!important;font-size:48px!important;font-weight:900!important;line-height:1!important;position:absolute!important;bottom:14px!important;right:22px!important}.project div{flex-direction:column!important;height:330px!important;min-height:0!important;padding:30px 34px 34px!important;display:flex!important;overflow:hidden!important}.project small{color:#93e5f7!important;justify-content:space-between!important;margin:0 0 20px!important;font-size:15px!important;font-weight:900!important;display:flex!important}.project small em{color:#ebf0f657!important;font-size:22px!important;font-style:normal!important;font-weight:900!important}.project h3{color:#f8fafb!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;margin:0 0 18px!important;font-size:clamp(27px,1.9vw,38px)!important;font-weight:900!important;line-height:1.16!important;display:-webkit-box!important;overflow:hidden!important}.project p{color:#e5ebf09e!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;margin:0 0 24px!important;font-size:17px!important;font-weight:700!important;line-height:1.75!important;display:-webkit-box!important;overflow:hidden!important}.project strong{color:#93e5f7!important;margin:0 0 28px!important;font-size:16px!important;font-weight:900!important;display:inline-flex!important}.project ul{flex-wrap:wrap!important;gap:12px!important;margin:auto 0 0!important;padding:0!important;list-style:none!important;display:flex!important}.project li{color:#e8eef48f!important;background:#ffffff09!important;border:1px solid #ffffff1a!important;border-radius:999px!important;padding:9px 18px!important;font-size:15px!important}.project-detail-modal{z-index:80;color:#f3f6f7;background:#030505;position:fixed;inset:0;overflow:auto}.project-detail-page{width:min(1920px,100% - 64px);margin:0 auto;padding:28px 0 70px}.project-detail-nav{background:#0a0d0eb8;border:1px solid #ffffff17;border-radius:8px;grid-template-columns:150px 1fr 190px;align-items:center;height:74px;display:grid}.project-detail-nav a,.project-detail-nav button{color:#d9e4e8;cursor:pointer;background:0 0;border:0;font-weight:800;text-decoration:none}.project-detail-nav>a{border-right:1px solid #ffffff14;place-items:center;height:100%;display:grid}.project-detail-nav b{color:#1e6cff;font-size:30px;font-weight:900;line-height:1}.project-detail-nav nav{justify-content:center;gap:70px;display:flex}.project-detail-nav button{color:#93e5f7;border-left:1px solid #ffffff14;height:100%}.project-detail-title{border-bottom:1px solid #ffffff1a;gap:24px;padding:120px 0 54px;display:grid}.project-detail-title small,.detail-gallery-head small{color:#8bdfff;letter-spacing:.34em;font-size:15px;font-weight:900}.project-detail-title h2{letter-spacing:-.04em;max-width:1200px;margin:0;font-size:clamp(70px,6.6vw,136px);font-weight:900;line-height:.96}.project-detail-summary{border-bottom:1px solid #ffffff1a;grid-template-columns:minmax(0,1fr) minmax(420px,32vw);gap:86px;padding:52px 0;display:grid}.project-detail-summary p,.project-detail-main p,.project-detail-notes p{color:#e7eef2bd;margin:0;font-size:24px;font-weight:700;line-height:1.75}.project-detail-summary dl{border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:repeat(3,1fr);margin:0;display:grid;overflow:hidden}.project-detail-summary dl div{border-right:1px solid #ffffff1a;padding:28px 26px}.project-detail-summary dl div:last-child{border-right:0}.project-detail-summary dt{color:#ffffff57;letter-spacing:.22em;font-size:13px;font-weight:900}.project-detail-summary dd{color:#fff;margin:16px 0 0;font-size:22px;font-weight:900}.project-detail-main{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:40px;padding:42px 0;display:grid}.project-detail-main figure,.project-detail-gallery figure{background:#111;border:1px solid #ffffff1a;border-radius:8px;margin:0;overflow:hidden}.project-detail-main img,.project-detail-gallery img{object-fit:cover;width:100%;height:100%;display:block}.project-detail-main figure{aspect-ratio:3520/4861;max-width:620px}.project-detail-main>div{border-left:1px solid #ffffff1a;flex-direction:column;justify-content:space-between;padding-left:40px;display:flex}.project-detail-main ul{flex-wrap:wrap;gap:12px;margin:32px 0 0;padding:0;list-style:none;display:flex}.project-detail-main li{color:#e8eef499;border:1px solid #ffffff1a;border-radius:999px;padding:10px 18px;font-weight:800}.project-detail-notes{grid-template-columns:repeat(3,1fr);gap:24px;margin:0 0 72px;display:grid}.project-detail-notes article{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;min-height:210px;padding:32px}.project-detail-notes small{color:#8bdfff;letter-spacing:.22em;margin-bottom:28px;font-size:15px;font-weight:900;display:block}.project-detail-notes p{font-size:20px}.project-detail-gallery{border-top:1px solid #ffffff1a;padding-top:54px}.detail-gallery-head{justify-content:space-between;align-items:flex-end;margin-bottom:38px;display:flex}.detail-gallery-head h3{margin:0;font-size:52px;font-weight:900;line-height:1}.project-detail-gallery>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;display:grid}.project-detail-gallery figure{aspect-ratio:3520/4861}.project-detail-actions{border:0;gap:14px;width:auto;margin-top:42px;padding:0;display:flex}.project-detail-actions button,.project-detail-actions a{color:#93e5f7;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:999px;align-items:center;height:48px;padding:0 24px;font-weight:900;text-decoration:none;display:inline-flex}@media (width<=1100px){.works-head.works-head-reference,.project-detail-summary,.project-detail-main{grid-template-columns:1fr!important}.works-intro{grid-area:auto/1!important;justify-self:start!important;margin:0!important}.project-grid,.project-grid.is-expanded,.project-detail-notes,.project-detail-gallery>div:last-child{grid-template-columns:1fr!important}.project-detail-main>div{border-left:0;padding-left:0}}.project figure.project-cover-charger img{object-fit:cover!important;object-position:center 58%!important}.project-detail-page.is-landscape-detail .project-detail-main figure,.project-detail-page.is-landscape-detail .project-detail-gallery figure{aspect-ratio:16/9!important;max-width:none!important}.project-detail-page.is-landscape-detail .project-detail-main img,.project-detail-page.is-landscape-detail .project-detail-gallery img{object-fit:cover!important;object-position:center center!important}.project-cover-motion,.project-detail-page.is-motion-detail .project-detail-main figure,.project-detail-page.is-motion-detail .project-detail-gallery figure{aspect-ratio:16/9!important;max-width:none!important}.project-cover-motion video,.project-detail-page.is-motion-detail video{object-fit:cover;background:#050608;width:100%;height:100%;display:block}.project-detail-page.is-earphone-16x9 .project-detail-main figure,.project-detail-page.is-earphone-16x9 .project-detail-gallery figure{aspect-ratio:16/9!important;max-width:none!important}.project-detail-page.is-earphone-16x9 .project-detail-main img,.project-detail-page.is-earphone-16x9 .project-detail-gallery img{object-fit:cover!important;object-position:center center!important}.project-detail-page.is-packaging-detail .project-detail-main figure,.project-detail-page.is-packaging-detail .project-detail-gallery figure{aspect-ratio:1920/1080!important;background:#090b0d!important;width:100%!important;max-width:none!important}.project-detail-page.is-packaging-detail .project-detail-main img,.project-detail-page.is-packaging-detail .project-detail-gallery img{object-fit:cover!important;object-position:center center!important;width:100%!important;height:100%!important}.project-detail-page.is-lens-packaging-detail .project-detail-gallery>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr))!important}@media (width<=1100px){.project-detail-page.is-lens-packaging-detail .project-detail-gallery>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.nav-lanyard.nav-lanyard-rope{pointer-events:auto!important;color:inherit!important;cursor:pointer!important;appearance:none!important;background:0 0!important;border:0!important;padding:0!important}.nav-lanyard.nav-lanyard-rope:focus-visible{outline-offset:5px!important;border-radius:999px!important;outline:2px solid #8bdfff!important}.nav-lanyard.nav-lanyard-rope:active .lanyard-anchor,.nav-lanyard.nav-lanyard-rope:active .lanyard-line,.nav-lanyard.nav-lanyard-rope:active .lanyard-clip{translate:0 7px!important}.nav-lanyard.nav-lanyard-rope .lanyard-anchor,.nav-lanyard.nav-lanyard-rope .lanyard-line,.nav-lanyard.nav-lanyard-rope .lanyard-clip{transition:translate .18s!important}@media (width<=700px){.project-detail-page.is-lens-packaging-detail .project-detail-gallery>div:last-child{grid-template-columns:1fr!important}}.nav-lanyard.nav-lanyard-rope{--lanyard-pull:0px;touch-action:none!important;cursor:grab!important;justify-self:center!important;animation:none!important;position:relative!important;overflow:visible!important;transform:scale(1)translate(0)!important}.nav-lanyard.nav-lanyard-rope.is-dragging{cursor:grabbing!important}.nav-lanyard.nav-lanyard-rope .lanyard-anchor{transition:none!important;translate:0!important;scale:1!important}.nav-lanyard.nav-lanyard-rope .lanyard-line{height:calc(54px + var(--lanyard-pull))!important;transition:height .34s cubic-bezier(.22,.78,.2,1)!important;translate:0!important}.nav-lanyard.nav-lanyard-rope .lanyard-clip{top:calc(52px + var(--lanyard-pull))!important;transition:top .34s cubic-bezier(.22,.78,.2,1),scale .2s!important;translate:0!important;scale:1!important}.nav-lanyard.nav-lanyard-rope.is-dragging .lanyard-line,.nav-lanyard.nav-lanyard-rope.is-dragging .lanyard-clip,.nav-lanyard.nav-lanyard-rope.is-dragging .lanyard-hint{transition:none!important}.lanyard-hint{top:calc(78px + var(--lanyard-pull))!important;color:#ebf1f7d1!important;letter-spacing:.04em!important;white-space:nowrap!important;pointer-events:none!important;text-shadow:0 2px 10px #000000e6!important;width:max-content!important;font-size:10px!important;font-weight:400!important;line-height:1!important;transition:top .34s cubic-bezier(.22,.78,.2,1)!important;position:absolute!important;left:50%!important;transform:translate(-50%)!important}@media (width<=700px){.lanyard-hint{display:none!important}}.hero-nav{-webkit-backdrop-filter:blur(16px)saturate(1.08)!important;backdrop-filter:blur(16px)saturate(1.08)!important;background:#0306088a!important;border:1px solid #e2ebf175!important;border-radius:999px!important;grid-template-columns:120px 1fr 120px!important;width:min(1620px,100% - 88px)!important;height:86px!important;padding:0 18px!important;transition:top .3s,width .38s,height .3s,padding .3s,background .3s,border-color .3s,box-shadow .3s!important;top:26px!important;left:50%!important;right:auto!important;overflow:visible!important;transform:translate(-50%)!important;box-shadow:0 18px 54px #00000052,inset 0 0 0 1px #ffffff06!important}.hero-nav.is-scrolled{background:#08080adb!important;border-color:#ffffff1f!important;grid-template-columns:90px 1fr 90px!important;width:min(760px,100% - 140px)!important;height:54px!important;padding:0 22px!important;top:18px!important;box-shadow:0 14px 42px #0000006b,inset 0 0 0 1px #ffffff06!important}@media (width<=900px){.hero-nav,.hero-nav.is-scrolled{grid-template-columns:64px 1fr 70px!important;width:calc(100% - 36px)!important;padding:0 14px!important}}.project-video-controls{bottom:10px!important;right:10px!important}.project-video-controls button{color:#baf2ff!important;background:#020c11db!important;border-color:#93e5f7b8!important;width:42px!important;height:42px!important;box-shadow:0 6px 22px #00000075!important}.project-detail-actions button,.project-detail-actions a{color:#b9f2ff!important;background:#125e7638!important;border:1px solid #7ddff894!important;justify-content:center!important;min-width:138px!important;height:52px!important;font-size:14px!important;font-weight:900!important;box-shadow:0 8px 24px #00000047!important}.project-detail-actions button:hover,.project-detail-actions a:hover{color:#fff!important;background:#1689ad57!important;border-color:#9beaff!important}body .hero-nav,body .hero-nav.is-scrolled,body .hero-nav.is-collapsed,.fan-hero .hero-nav,.fan-hero .hero-nav.is-scrolled,.fan-hero .hero-nav.is-collapsed{z-index:9999!important}.lanyard-hint{color:#eaf7ff!important;letter-spacing:.08em!important;text-shadow:0 0 12px #4bb2ffe6!important;background:#04142ae0!important;border:1px solid #71c4ff8c!important;border-radius:999px!important;padding:7px 12px!important;font-size:13px!important;font-weight:900!important;animation:6s ease-in-out infinite resume-lanyard-label-focus!important;top:74px!important;box-shadow:0 0 18px #257cff73!important}.nav-lanyard.nav-lanyard-rope.is-dragging .lanyard-hint,.nav-lanyard.nav-lanyard-rope.is-awaiting-action .lanyard-hint{opacity:1!important}.nav-lanyard.nav-lanyard-rope.is-activated{filter:none!important}@keyframes resume-lanyard-sway-focus{0%,48%,to{rotate:none}7%{rotate:-5deg}14%{rotate:5deg}21%{rotate:-4deg}28%{rotate:4deg}36%{rotate:-2deg}43%{rotate:1deg}}@keyframes resume-lanyard-label-focus{0%,45%{opacity:1;transform:translate(-50%)translateY(0)}52%,to{opacity:0;transform:translate(-50%)translateY(-3px)}}@keyframes resume-lanyard-glow{0%{filter:drop-shadow(0 0 5px #6fc7ffb8)drop-shadow(0 0 12px #2668ff80)}to{filter:drop-shadow(0 0 12px #9fe1ff)drop-shadow(0 0 30px #2668fff2)}}.hero-nav nav a{justify-content:center!important;align-items:center!important;height:100%!important;line-height:1!important;display:inline-flex!important}.lanyard-hint{box-shadow:none!important;color:#f7fcfffa!important;letter-spacing:.12em!important;text-shadow:0 0 2px #ffffffc2,0 0 7px #9ad2f6a8,0 2px 8px #000000db!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important;font-size:12px!important;font-weight:800!important;animation:6s ease-in-out infinite resume-lanyard-label-focus,1.7s ease-in-out infinite alternate resume-label-twinkle!important}.lanyard-particles{pointer-events:none;opacity:0;width:76px;height:58px;position:absolute;top:46px;left:50%;transform:translate(-50%)}.nav-lanyard.is-awaiting-action .lanyard-particles{opacity:1}.nav-lanyard.is-activated .lanyard-particles{display:none}.lanyard-particles:before{content:"";background:#e5f6ff33;border-radius:50%;width:18px;height:18px;animation:1.55s ease-in-out infinite alternate resume-lanyard-flare;position:absolute;top:17px;left:50%;transform:translate(-50%);box-shadow:0 0 5px 2px #ddf3ff47,0 0 13px 6px #89c7ee2e,0 0 23px 9px #5293cc14}.lanyard-particles i{background:#e6f7ffb8;border-radius:50%;width:3px;height:3px;animation:2.8s ease-in-out infinite resume-particle-drift;position:absolute;box-shadow:0 0 4px 1px #9dd3f37a}.lanyard-particles i:first-child{animation-delay:-.2s;top:35px;left:10px}.lanyard-particles i:nth-child(2){animation-delay:-1.3s;top:13px;left:23px;scale:.7}.lanyard-particles i:nth-child(3){animation-delay:-2.1s;top:26px;right:13px;scale:.8}.lanyard-particles i:nth-child(4){animation-delay:-.8s;top:48px;right:25px;scale:.55}.lanyard-particles i:nth-child(5){animation-delay:-2.5s;top:51px;left:17px;scale:.5}.lanyard-particles i:nth-child(6){animation-delay:-1.7s;top:8px;right:8px;scale:.45}@keyframes resume-lanyard-pearl-glow{0%{filter:drop-shadow(0 0 1px #e1f4ff80)drop-shadow(0 0 5px #80bfeb66)drop-shadow(0 0 10px #417ec338)}55%{filter:drop-shadow(0 0 2px #ebf8ffb8)drop-shadow(0 0 8px #97d1f59e)drop-shadow(0 0 16px #5092cf52)}to{filter:drop-shadow(0 0 1px #e1f4ff75)drop-shadow(0 0 5px #80bfeb61)drop-shadow(0 0 11px #417ec333)}}@keyframes resume-lanyard-flare{0%{opacity:.18;scale:.78}50%{opacity:.5;scale:1}to{opacity:.2;scale:.84}}@keyframes resume-label-twinkle{0%{opacity:.68}50%{opacity:1}to{opacity:.72}}@keyframes resume-particle-drift{0%,to{opacity:0;transform:translateY(7px)scale(.55)}35%{opacity:.9}75%{opacity:.25;transform:translate(4px,-10px)scale(1)}}.nav-lanyard.nav-lanyard-rope.is-awaiting-action{filter:none!important;animation:6s ease-in-out infinite resume-lanyard-sway-focus!important}.nav-lanyard.nav-lanyard-rope.is-awaiting-action .lanyard-anchor,.nav-lanyard.nav-lanyard-rope.is-awaiting-action .lanyard-line,.nav-lanyard.nav-lanyard-rope.is-awaiting-action .lanyard-clip{box-shadow:none!important}.lanyard-particles:before{display:none!important}.lanyard-particles i{background:#cbebffcc!important;box-shadow:0 0 4px 1px #5bb1eb6b!important}.lanyard-hint{color:#e8f6fff5!important;text-shadow:0 1px 5px #125491b8,0 2px 8px #000000d1!important}.project-video-play:not([hidden]){place-items:center;display:grid!important}.project-grid .project>figure>img{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important}@media (width<=900px){.hero-nav,.hero-nav.is-scrolled,.hero-nav.is-collapsed{grid-template-columns:58px minmax(0,1fr) 58px!important;width:calc(100% - 28px)!important}.hero-nav nav,.hero-nav.is-scrolled nav,.hero-nav.is-collapsed nav{gap:16px!important}.hero-nav nav a{font-size:12px!important}.works-head.works-head-reference h2{font-size:clamp(64px,16vw,112px)!important}}.hero-nav nav a{text-align:center!important;transform:none!important}.works-head.works-head-reference h2{text-align:center!important}.nav-lanyard.nav-lanyard-rope{transition:scale .2s!important}.nav-lanyard.nav-lanyard-rope:hover{scale:1.12!important}.nav-lanyard.nav-lanyard-rope:hover .lanyard-clip,.nav-lanyard.nav-lanyard-rope.is-dragging{scale:1!important}.hero-nav,.hero-nav.is-scrolled{grid-template-columns:120px 1fr 120px!important;width:min(1620px,100% - 88px)!important;height:86px!important;padding:0 18px!important;top:26px!important;transform:translate(-50%)!important}.hero-nav nav{justify-content:center!important;align-items:center!important;display:flex!important}.hero-nav nav a{text-align:center!important;justify-content:center!important;align-items:center!important;display:inline-flex!important}.lanyard-hint{letter-spacing:0!important;text-align:center!important;font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif!important;font-size:10px!important;font-weight:400!important;left:50%!important;transform:translate(-50%)!important}@media (width<=900px){.hero-nav,.hero-nav.is-scrolled{grid-template-columns:64px 1fr 70px!important;width:calc(100% - 36px)!important;padding:0 14px!important}}.project-detail-page.is-eye-mask-packaging-detail .project-detail-gallery>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr))!important}@media (width<=1100px){.project-detail-page.is-eye-mask-packaging-detail .project-detail-gallery>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=700px){.project-detail-page.is-eye-mask-packaging-detail .project-detail-gallery>div:last-child{grid-template-columns:1fr!important}}.hero-nav,.hero-nav.is-scrolled{grid-template-columns:78px 1fr 78px!important;width:min(960px,100% - 64px)!important;height:60px!important;padding:0 12px!important;top:20px!important}.nav-lanyard.nav-lanyard-rope,.nav-lanyard.nav-lanyard-rope:hover,.nav-lanyard.nav-lanyard-rope.is-dragging{transform-origin:50% 0!important;scale:.94!important}.nav-lanyard.nav-lanyard-rope:not(.is-dragging){animation:8s ease-in-out infinite resume-lanyard-sway!important}.lanyard-hint{opacity:0!important;animation:8s linear infinite resume-lanyard-label!important}@keyframes resume-lanyard-sway{0%,4%,40%,to{rotate:none}9%{rotate:-4deg}15%{rotate:4deg}21%{rotate:-3deg}27%{rotate:3deg}34%{rotate:-1.5deg}}@keyframes resume-lanyard-label{0%,3%{opacity:0}7%,36%{opacity:1}41%,to{opacity:0}}.profile-showcase.profile-hero-only{width:min(1780px,100% - 72px)!important;margin:86px auto 28px!important}.profile-showcase.profile-hero-only .profile-shell{background:linear-gradient(145deg,#080a0cfa,#020305fa)!important;border:1px solid #ffffff1a!important;border-radius:62px!important;min-height:0!important;padding:86px 64px 72px!important;overflow:hidden!important;box-shadow:0 30px 110px #0000006b,inset 0 0 0 1px #ffffff08!important}.profile-showcase.profile-hero-only .profile-shell:before{display:block!important}.profile-showcase.profile-hero-only .profile-shell:after{background:radial-gradient(circle at 52% 18%,#6c7a8c29,#0000 34%)!important;display:block!important}.profile-showcase.profile-hero-only .profile-stage-head{padding:0 0 72px!important}.profile-integrated-resume.resume-profile{grid-template-columns:minmax(0,.86fr) minmax(0,1fr) minmax(0,1.24fr)!important;gap:30px!important;width:min(1500px,100%)!important}.profile-integrated-resume .resume-basic-photo{height:305px!important;margin-top:28px!important}.profile-integrated-resume .resume-basic-photo img{object-position:center 12%!important}@media (width<=1200px){.profile-integrated-resume.resume-profile{grid-template-columns:1fr!important}}@media (width<=900px){.hero-nav,.hero-nav.is-scrolled{grid-template-columns:64px 1fr 70px!important;width:calc(100% - 36px)!important;height:64px!important;padding:0 14px!important}.profile-showcase.profile-hero-only{width:calc(100% - 28px)!important}}.resume-image-modal{z-index:1200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000d1;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.resume-image-modal>div{justify-content:center;width:min(860px,92vw);max-height:92vh;position:relative;display:flex!important}.resume-image-modal img{object-fit:contain;border-radius:10px;width:auto;max-width:100%;max-height:92vh;display:block;box-shadow:0 28px 90px #000000b8}.resume-image-modal button{z-index:2;color:#fff;cursor:pointer;background:#04080cb8;border:1px solid #ffffff59;border-radius:50%;width:38px;height:38px;font:300 28px/1 Arial,sans-serif;position:absolute;top:12px;right:12px}body{background-image:none!important}.profile-showcase.profile-hero-only .profile-stage-head h2{letter-spacing:-.075em!important;color:#aab4be!important;white-space:nowrap!important;font-size:clamp(68px,7.2vw,136px)!important;line-height:.76!important}.works.wrap{box-sizing:border-box!important;background:linear-gradient(145deg,#080a0cfa,#020305fa)!important;border:1px solid #ffffff1a!important;border-radius:62px!important;width:min(1940px,100% - 32px)!important;margin:18px auto 120px!important;padding:86px 28px 72px!important;overflow:hidden!important;box-shadow:0 30px 110px #0000006b,inset 0 0 0 1px #ffffff08!important}.works-head.works-head-reference{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:0!important;margin:0 auto 64px!important;display:flex!important}.works-head.works-head-reference .works-kicker{text-align:center!important;margin:0 0 24px!important}.works-head.works-head-reference h2{letter-spacing:-.075em!important;color:#aab4be!important;text-align:center!important;white-space:nowrap!important;margin:0 0 42px!important;font-size:clamp(120px,13vw,250px)!important;line-height:.78!important}.works-head.works-head-reference .filters{flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:14px!important;width:100%!important;display:flex!important}.works-head.works-head-reference .works-intro{text-align:center!important;grid-area:auto!important;place-self:center!important;width:min(860px,100%)!important;max-width:860px!important;margin:30px auto 0!important}@media (width<=1200px){.works.wrap{padding:74px 36px 56px!important}.profile-showcase.profile-hero-only .profile-stage-head h2{font-size:clamp(52px,7.2vw,92px)!important}.works-head.works-head-reference h2{font-size:clamp(100px,14vw,180px)!important}}@media (width<=900px){.works.wrap{border-radius:32px!important;width:calc(100% - 28px)!important;margin:54px auto 80px!important;padding:56px 20px 38px!important}.profile-showcase.profile-hero-only .profile-stage-head h2{font-size:clamp(29px,7.2vw,60px)!important}.works-head.works-head-reference h2{margin-bottom:30px!important;font-size:clamp(64px,16vw,130px)!important}.works-head.works-head-reference .works-intro{font-size:13px!important}}.hero-nav,.hero-nav.is-scrolled,.hero-nav.is-collapsed{grid-template-columns:72px minmax(0,1fr) 72px!important;align-items:center!important;width:min(780px,100% - 48px)!important;height:58px!important;padding:0 14px!important;top:18px!important;overflow:visible!important}.hero-nav nav,.hero-nav.is-scrolled nav,.hero-nav.is-collapsed nav{justify-content:center!important;align-items:center!important;gap:34px!important;height:100%!important;display:flex!important}.hero-nav nav a{justify-content:center!important;align-items:center!important;height:100%!important;line-height:1!important;display:inline-flex!important;transform:translateY(-3px)!important}.nav-lanyard.nav-lanyard-rope{place-self:center!important}.lanyard-hint{top:calc(78px + var(--lanyard-pull))!important;opacity:0!important;animation:8s linear infinite resume-lanyard-label!important}.nav-lanyard.nav-lanyard-rope.is-dragging .lanyard-hint{opacity:1!important;animation:none!important}.works-head.works-head-reference{text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important;margin:0 0 52px!important}.works-head.works-head-reference>div{align-items:flex-start!important}.works-head.works-head-reference h2{text-align:left!important;margin:0 0 30px!important;font-size:clamp(86px,9vw,168px)!important;line-height:.82!important}.works-head.works-head-reference .works-intro{text-align:left!important;place-self:start!important;margin:28px 0 0!important}@media (width<=900px){.hero-nav,.hero-nav.is-scrolled,.hero-nav.is-collapsed{grid-template-columns:58px minmax(0,1fr) 58px!important;width:calc(100% - 28px)!important}.hero-nav nav,.hero-nav.is-scrolled nav,.hero-nav.is-collapsed nav{gap:16px!important}.hero-nav nav a{font-size:12px!important}.works-head.works-head-reference h2{font-size:clamp(64px,16vw,112px)!important}}.hero-nav,.hero-nav.is-scrolled,.hero-nav.is-collapsed{position:fixed!important}.hero-nav nav,.hero-nav.is-scrolled nav,.hero-nav.is-collapsed nav{justify-content:center!important;align-items:center!important;display:flex!important}.hero-nav nav a{text-align:center!important;justify-content:center!important;align-items:center!important;height:100%!important;line-height:1!important;display:inline-flex!important;transform:none!important}.hero-nav,.hero-nav.is-scrolled,.hero-nav.is-collapsed,.hero-nav *{transition:none!important}.hero-nav{position:fixed!important;top:18px!important;left:50%!important;transform:translate(-50%)!important}.hero-nav nav a{transform:translate(0)!important}.hero-nav,.hero-nav.is-scrolled,.hero-nav.is-collapsed{grid-template-columns:58px minmax(0,1fr) 58px!important;width:calc(100% - 64px)!important}.hero-nav nav,.hero-nav.is-scrolled nav,.hero-nav.is-collapsed nav{justify-content:center!important;justify-self:center!important}.hero-nav .logo b,.hero-nav nav a{transform:translateY(-8px)!important}@media (width>=901px){.hero-nav,.hero-nav.is-scrolled,.hero-nav.is-collapsed{grid-template-columns:72px minmax(0,1fr) 72px!important;width:min(620px,100% - 96px)!important}}@media (width<=900px){.hero-nav,.hero-nav.is-scrolled,.hero-nav.is-collapsed{width:calc(100% - 160px)!important}}.works-head.works-head-reference{text-align:center!important;justify-content:center!important;align-items:center!important}.works-head.works-head-reference>div{flex-direction:column!important;align-items:center!important;width:100%!important;display:flex!important}.works-head.works-head-reference h2{letter-spacing:-.075em!important;text-align:center!important;margin:0 0 42px!important;font-size:clamp(68px,7.2vw,136px)!important;line-height:.76!important}.works-head.works-head-reference .filters{justify-content:center!important}.works-head.works-head-reference .works-intro{text-align:center!important;justify-self:center!important;margin:30px auto 0!important}@media (width<=1200px){.works-head.works-head-reference h2{font-size:clamp(52px,7.2vw,92px)!important}}@media (width<=900px){.works-head.works-head-reference h2{margin-bottom:30px!important;font-size:clamp(29px,7.2vw,60px)!important}}.works-head.works-head-reference h2{flex-direction:column!important;align-items:center!important;width:max-content!important;max-width:100%!important;margin:0 auto 26px!important;display:flex!important}.works-head.works-head-reference h2:after{content:"";background:linear-gradient(90deg,#6a2cff,#ff7ee8,#c7a2ce);border-radius:999px;width:102px;height:6px;margin-top:34px;display:block;box-shadow:0 0 18px #bf5cff59}.works-head.works-head-reference .filters{max-width:920px!important;margin:0 auto!important}.works-head.works-head-reference .works-intro{text-align:center!important;max-width:720px!important;margin:28px auto 0!important}@media (width<=900px){.works-head.works-head-reference h2:after{width:52px;height:3px;margin-top:16px}.works-head.works-head-reference .filters{max-width:100%!important}}.works-head.works-head-reference{margin-bottom:42px!important}.works-head.works-head-reference h2{margin-bottom:20px!important;font-size:clamp(60px,6.2vw,118px)!important}.works-head.works-head-reference .filters button{padding:8px 16px!important;font-size:12px!important}.works-head.works-head-reference .works-intro{letter-spacing:normal!important;color:#e2eaf16b!important;max-width:760px!important;font-family:Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif!important;font-size:12px!important;font-weight:500!important;line-height:18px!important}@media (width<=1200px){.works-head.works-head-reference h2{font-size:clamp(48px,6.2vw,82px)!important}}@media (width<=900px){.works-head.works-head-reference h2{font-size:clamp(29px,6.2vw,52px)!important}}.works-head.works-head-reference .works-intro{font-size:14px!important;line-height:21px!important}.works-head.works-head-reference h2{letter-spacing:-.075em!important;margin:0 auto 22px!important;font-size:clamp(68px,7.2vw,136px)!important;line-height:.76!important}.works-head.works-head-reference h2:after{width:76px!important;height:5px!important;margin:34px 0 0!important}@media (width<=1200px){.works-head.works-head-reference h2{font-size:clamp(52px,7.2vw,92px)!important}}@media (width<=900px){.works-head.works-head-reference h2{font-size:clamp(29px,7.2vw,60px)!important}}.contact.wrap{background:#fff!important;border:0!important;width:100%!important;max-width:none!important;height:100vh!important;min-height:100vh!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden!important}.contact.wrap>:not(.qr){display:none!important}.contact.wrap .qr{background:#fff!important;border:0!important;border-radius:0!important;place-items:center!important;width:100vw!important;height:100vh!important;min-height:100vh!important;margin:0!important;padding:0!important;display:grid!important;overflow:hidden!important}.contact.wrap .qr img{object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important}.contact.wrap{background:0 0!important;grid-template-columns:minmax(0,1fr) minmax(360px,520px)!important;grid-template-areas:"copy qr""info qr"!important;gap:46px 72px!important;width:min(1180px,100% - 56px)!important;max-width:1180px!important;height:auto!important;min-height:0!important;margin:0 auto!important;padding:80px 20px 56px!important;display:grid!important;overflow:visible!important}.contact.wrap>div:first-child{grid-area:copy!important;display:block!important}.contact.wrap>dl{grid-area:info!important;display:grid!important}.contact.wrap .qr{aspect-ratio:1002/1266!important;background:#fff!important;border-radius:18px!important;grid-area:qr!important;place-self:center end!important;width:min(46vw,520px)!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden!important}.contact.wrap .qr img{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important;display:block!important}@media (width<=900px){.contact.wrap{grid-template-columns:1fr!important;grid-template-areas:"copy""qr""info"!important;width:calc(100% - 28px)!important;padding:54px 0!important}.contact.wrap .qr{justify-self:center!important;width:min(100%,520px)!important}}@media (width>=1101px){.project-detail-page{width:min(1680px,100% - 72px)!important;padding:16px 0 48px!important}.project-detail-nav{height:52px!important}.project-detail-nav b{font-size:22px!important}.project-detail-nav nav{gap:42px!important}.project-detail-title{gap:12px!important;padding:34px 0 24px!important}.project-detail-title small{font-size:12px!important}.project-detail-title h2{white-space:nowrap!important;max-width:none!important;font-size:clamp(48px,4.15vw,84px)!important;line-height:.92!important}.project-detail-summary{grid-template-columns:minmax(0,1fr) minmax(360px,29vw)!important;gap:48px!important;padding:24px 0!important}.project-detail-summary p,.project-detail-main p,.project-detail-notes p{font-size:16px!important;line-height:1.55!important}.project-detail-summary dl div{padding:16px 18px!important}.project-detail-summary dt{font-size:10px!important}.project-detail-summary dd{margin-top:8px!important;font-size:17px!important}.project-detail-main{gap:28px!important;padding:24px 0!important}.project-detail-main figure{aspect-ratio:auto!important;width:100%!important;max-width:none!important;height:min(34vh,340px)!important}.project-detail-main img,.project-detail-main video{object-fit:contain!important}.project-detail-main>div{padding-left:28px!important}.project-detail-main ul{gap:8px!important;margin-top:18px!important}.project-detail-main li{padding:7px 13px!important;font-size:13px!important}}.project-detail-main figure,.project-detail-page.is-landscape-detail .project-detail-main figure,.project-detail-page.is-motion-detail .project-detail-main figure,.project-detail-page.is-packaging-detail .project-detail-main figure,.project-detail-gallery figure,.project-detail-page.is-landscape-detail .project-detail-gallery figure,.project-detail-page.is-motion-detail .project-detail-gallery figure,.project-detail-page.is-packaging-detail .project-detail-gallery figure{aspect-ratio:1920/1080!important;width:100%!important;max-width:none!important;height:auto!important}.project-detail-main img,.project-detail-main video,.project-detail-gallery img,.project-detail-gallery video{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important}.project-grid,.project-grid.is-expanded{column-gap:38px!important}@media (width<=900px){.project-grid,.project-grid.is-expanded{column-gap:24px!important}}.works.wrap{width:min(1780px,100% - 72px)!important;margin:28px auto 120px!important}.contact.wrap{grid-template-columns:minmax(0,1fr) 360px!important;grid-template-areas:"copy qr""info qr"!important;width:min(1180px,100% - 56px)!important;max-width:1180px!important}.contact.wrap .qr{aspect-ratio:1!important;border-radius:18px!important;width:360px!important;height:360px!important;min-height:0!important}.contact.wrap .qr img{object-fit:cover!important;width:100%!important;height:100%!important}@media (width<=900px){.works.wrap{width:calc(100% - 28px)!important}.contact.wrap{grid-template-columns:1fr!important;grid-template-areas:"copy""qr""info"!important}.contact.wrap .qr{aspect-ratio:1!important;width:min(100%,320px)!important;height:auto!important}}.fan-hero .hero-message{bottom:54px!important}.hero-contact-button{z-index:6;color:#fff;cursor:pointer;background:linear-gradient(105deg,#6e00c7,#dd00cf 52%,#a55b45);border:2px solid #fff;border-radius:999px;width:184px;height:64px;font-size:22px;font-weight:900;position:absolute;bottom:54px;right:max(3.8vw,44px);box-shadow:0 0 0 1px #c558ff66,0 10px 28px #aa00d28c}.hero-contact-button:hover{filter:brightness(1.14);transform:translateY(-2px)}.quick-contact-modal{z-index:1300;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020205b3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.quick-contact-card{color:#e6e8ef;text-align:center;background:linear-gradient(145deg,#18151f,#100e16);border:1px solid #c9bede61;border-radius:28px;width:min(430px,100%);padding:38px 34px 30px;position:relative;box-shadow:0 28px 80px #0000008c}.quick-contact-card>img{object-fit:cover;border:1px solid #ffffff38;border-radius:20px;width:112px;height:132px}.quick-contact-card p{color:#e2e7f194;margin:0 0 20px}.quick-contact-card a{color:#e9edf5;text-align:left;border:1px solid #ffffff2b;border-radius:14px;margin-top:12px;padding:15px 18px;font-weight:700;text-decoration:none;display:block}.quick-contact-close{color:#aeb3c0;cursor:pointer;background:0 0;border:0;font-size:32px;position:absolute;top:14px;right:18px}@media (width<=900px){.fan-hero .hero-message{bottom:32px!important}.hero-contact-button{width:126px;height:48px;font-size:16px;bottom:32px;right:20px}.fan-hero .hero-message{width:calc(100% - 190px)!important}}.fan-hero .hero-message p{width:min(1100px,100vw - 340px)!important;max-width:1100px!important}.hero-contact-button{background:linear-gradient(105deg,#063cff 0%,#0874ff 55%,#18b7ff 100%);border-color:#e7f4ff;bottom:30px;box-shadow:0 0 0 1px #4bbbff6b,0 10px 28px #005bff7a,0 0 20px #1ca2ff4d}.hero-contact-button:hover{filter:brightness(1.13)saturate(1.1)}.quick-contact-card>img{width:112px;height:132px;margin:0 auto;display:block}.quick-contact-entry{color:#e9edf5;width:100%;font:inherit;text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #ffffff30;border-radius:14px;justify-content:space-between;align-items:center;margin-top:12px;padding:15px 18px;font-weight:700;display:flex}.quick-contact-entry:hover{background:#1167ff1a;border-color:#3e95ffb3}.quick-contact-entry small{color:#d2d8e67a;white-space:nowrap;font-size:13px;font-weight:600}@media (width<=900px){.fan-hero .hero-message{width:calc(100% - 175px)!important;bottom:24px!important}.fan-hero .hero-message p{width:100%!important}.hero-contact-button{bottom:24px}}.quick-contact-card{padding:34px 34px 30px}.quick-contact-card h2{margin:16px 0 14px;font-size:30px;line-height:1}.quick-contact-role{color:#dbeeff;background:linear-gradient(100deg,#113d813d,#08122673);border:1px solid #5aa2ff52;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:62px;margin:0 0 14px;font-size:18px;font-weight:800;display:flex}.quick-contact-role b{color:#35b9ff;font-size:20px}.quick-contact-entry{margin-top:12px;font-size:18px}.quick-contact-label{align-items:center;gap:12px;display:inline-flex}.quick-contact-label i{place-items:center;width:20px;height:20px;font-style:normal;display:inline-grid}.quick-contact-mail{color:#35b9ff;font-size:23px;line-height:1}.quick-contact-wechat{background:#18c76b;border-radius:50%;position:relative;width:21px!important;height:19px!important}.quick-contact-wechat:before{content:"";background:#18c76b;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-2px;right:-3px}.quick-contact-wechat:after{content:"··";color:#fff;letter-spacing:-1px;font-size:14px;font-weight:900;position:absolute;top:-8px;left:3px}.fan-hero .hero-message{width:min(1180px,72vw)!important;max-width:1180px!important;bottom:44px!important}.fan-hero .hero-message p{width:min(1160px,100vw - 330px)!important;max-width:1160px!important;font-size:clamp(18px,1.3vw,25px)!important;line-height:1.52!important}.hero-contact-button{border-radius:999px;width:148px;height:52px;font-size:19px;bottom:44px}.project-detail-page.is-charger-detail .project-detail-main figure{aspect-ratio:16/9!important;width:min(100%,520px)!important;max-width:520px!important;height:auto!important}.project-detail-page.is-charger-detail .project-detail-gallery figure{aspect-ratio:3520/4861!important;width:min(100%,620px)!important;max-width:620px!important;height:auto!important}.project-detail-page.is-charger-detail .project-detail-main img,.project-detail-page.is-charger-detail .project-detail-gallery img{object-fit:cover!important}.project-detail-page.is-charger-detail .project-detail-gallery>div:last-child{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))!important}@media (width>=1101px){.project-detail-summary p,.project-detail-main p,.project-detail-notes p{font-size:18px!important;line-height:1.6!important}.project-detail-main li{padding:8px 14px!important;font-size:14px!important}.project-detail-summary dt{font-size:11px!important}.project-detail-summary dd{font-size:19px!important}}@media (width<=900px){.fan-hero .hero-message{width:calc(100% - 174px)!important;bottom:32px!important}.fan-hero .hero-message p{width:100%!important}.hero-contact-button{width:126px;height:46px;font-size:16px;bottom:32px}.project-detail-page.is-charger-detail .project-detail-main figure,.project-detail-page.is-charger-detail .project-detail-gallery figure{width:100%!important;max-width:none!important}}.project-detail-page.is-keyboard-detail .project-detail-main figure{aspect-ratio:16/9!important;width:min(100%,760px)!important;max-width:760px!important;height:auto!important}.quick-contact-card{border-radius:22px!important;width:min(380px,100vw - 36px)!important;padding:26px 24px 22px!important;box-shadow:0 22px 64px #0000007a!important}.quick-contact-card>img{border-radius:16px!important;width:88px!important;height:104px!important}.quick-contact-card h2{margin:12px 0 10px!important;font-size:25px!important}.quick-contact-role{border-radius:12px!important;min-height:48px!important;margin-bottom:10px!important;font-size:15px!important}.quick-contact-role b{font-size:17px!important}.quick-contact-entry{border-radius:12px!important;margin-top:9px!important;padding:12px 14px!important;font-size:15px!important}.quick-contact-label{gap:9px!important}.quick-contact-close{font-size:27px!important;top:10px!important;right:13px!important}.project-detail-gallery figure.is-zoomable{cursor:zoom-in}.project-detail-gallery figure.is-zoomable img{transition:transform .22s,filter .22s}.project-detail-gallery figure.is-zoomable:hover img{filter:brightness(1.04);transform:scale(1.012)}.image-lightbox{z-index:2200;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:zoom-out;background:#000000e8;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.image-lightbox img{object-fit:contain;cursor:default;border-radius:10px;max-width:min(94vw,1800px);max-height:92vh;display:block;box-shadow:0 30px 100px #000000b8}.image-lightbox button{z-index:1;color:#fff;cursor:pointer;background:#0a0a0eb8;border:1px solid #ffffff59;border-radius:50%;width:42px;height:42px;font:300 30px/1 Arial,sans-serif;position:fixed;top:20px;right:24px}.project-detail-page.is-keyboard-detail .project-detail-gallery>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}.project-detail-page.is-keyboard-detail .project-detail-gallery figure{aspect-ratio:16/9!important;width:100%!important;height:auto!important}@media (width<=900px){.project-detail-page.is-keyboard-detail .project-detail-main figure{width:100%!important;max-width:none!important}.project-detail-page.is-keyboard-detail .project-detail-gallery>div:last-child{grid-template-columns:1fr!important}}@media (width>=901px){.works.wrap .project-grid,.works.wrap .project-grid.is-expanded{width:calc(100% - 128px)!important;margin-left:auto!important;margin-right:auto!important}}.project-detail-page.is-charger-detail .project-detail-main figure{width:min(100%,520px)!important;max-width:520px!important}.project{text-align:left!important;position:relative!important}.project-cover-motion video{cursor:pointer}.project-video-play{z-index:4;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03070aad;border:1px solid #ffffff6b;border-radius:50%;width:58px;height:58px;padding:0 0 0 4px;font-size:22px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 34px #0006}.project-video-play:hover{background:#147daad1;transform:translate(-50%,-50%)scale(1.06)}.project-video-play[hidden]{display:none!important}.project-more{z-index:6;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03070ab3;border:1px solid #ffffff47;border-radius:50%;width:38px;height:38px;padding:0;font:700 24px/1 Arial,sans-serif;position:absolute;top:14px;right:14px}.project-more:hover{color:#93e5f7;border-color:#93e5f7}.project-detail-trigger{cursor:pointer;color:#93e5f7!important;background:0 0!important;border:0!important;margin:0 0 28px!important;padding:0!important;font:900 16px/1.2 inherit!important;display:inline-flex!important}.project-detail-trigger:hover{text-decoration:underline}.quick-contact-card{border-radius:24px!important;width:min(326px,100vw - 34px)!important;padding:36px 22px 32px!important}.quick-contact-card>img{width:82px!important;height:104px!important}.quick-contact-card h2{margin:15px 0 14px!important}.quick-contact-role{min-height:56px!important;margin-bottom:15px!important;font-size:14px!important}.quick-contact-entry{margin-top:12px!important;padding:14px 12px!important;font-size:13.5px!important}.quick-contact-entry small{font-size:10px!important}.project-more{display:none!important}.project figure img{cursor:pointer}.project-video-controls{z-index:7;gap:9px;display:flex;position:absolute;bottom:12px;right:14px;min-height:0!important;padding:0!important}.project-video-controls[hidden]{display:none!important}.project-video-controls button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03070ab8;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;font-size:19px;display:grid}.project-video-controls button:hover{color:#93e5f7;border-color:#93e5f7}.project-cover-motion:has(.project-video-controls:not([hidden]))>span{display:none!important}.resume-links p,.contact>div:first-child>p{white-space:nowrap!important;max-width:none!important}.works-head.works-head-reference .works-intro{width:max-content!important;max-width:none!important;font-size:16px!important;font-weight:600!important;line-height:1.5!important}.quick-contact-wechat:after{content:none!important;display:none!important}.hero-nav,.hero-nav.is-scrolled,.hero-nav.is-collapsed{z-index:3000!important;isolation:isolate!important}.hero-nav .logo{cursor:pointer!important}@media (width<=900px){.resume-links p,.contact>div:first-child>p{white-space:normal!important}.works-head.works-head-reference .works-intro{width:auto!important;font-size:14px!important}}.logo b,.hero-nav.is-scrolled .logo b,.hero-nav.is-collapsed .logo b,.project-detail-nav b{letter-spacing:0!important;font-family:Arial Black,Arial,Microsoft YaHei,sans-serif!important;font-size:32px!important;line-height:.86!important;transform:translateY(-5px)scaleX(1)!important}.project-cover-motion>span{display:none!important}.project-video-zoom-label{z-index:8;color:#e9fbff;cursor:pointer;-webkit-backdrop-filter:none;backdrop-filter:none;width:22px;height:22px;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:absolute;bottom:3px;right:5px}.project-video-zoom-label:hover{color:#fff;background:0 0}.project-video-zoom-label[hidden]{display:none!important}.project-video-zoom-icon{width:17px;height:17px;display:block;position:relative}.project-video-zoom-icon i{border-style:solid;border-color:currentColor;width:6px;height:6px;position:absolute}.project-video-zoom-icon i:first-child{border-width:2px 0 0 2px;top:0;left:0}.project-video-zoom-icon i:nth-child(2){border-width:2px 2px 0 0;top:0;right:0}.project-video-zoom-icon i:nth-child(3){border-width:0 0 2px 2px;bottom:0;left:0}.project-video-zoom-icon i:nth-child(4){border-width:0 2px 2px 0;bottom:0;right:0}.project-cover-motion video,.project-detail-page.is-motion-detail video{object-fit:contain!important}.contact.wrap h2{white-space:nowrap!important;font-size:clamp(40px,5vw,72px)!important;line-height:1!important}@media (width<=560px){.contact.wrap h2{font-size:clamp(34px,10vw,48px)!important}}@media (width>=1101px){.project-detail-main{gap:0!important}.project-detail-main>div{padding-left:34px!important}}@media (width<=560px){.contact.wrap h2{font-size:clamp(38px,11vw,54px)!important}}.nav-lanyard.nav-lanyard-rope{opacity:.72!important;transform:scale(.86)!important}.nav-lanyard.nav-lanyard-rope:hover,.nav-lanyard.nav-lanyard-rope.is-dragging{opacity:1!important;transform:scale(.92)!important}.nav-lanyard.nav-lanyard-rope .lanyard-hint{letter-spacing:.06em!important;font-weight:800!important}.project figure.project-cover-charger img{object-fit:cover!important;object-position:center 55%!important;background:#f7fbfb!important;transform:scale(1.08)!important}.project figure.project-cover-charger{background:#f7fbfb!important;overflow:hidden!important}@media (width>=1101px){.project-detail-main{grid-template-columns:minmax(0,.94fr) minmax(360px,.76fr)!important;gap:18px!important}.project-detail-main>div{padding-left:24px!important}.project-detail-page.is-charger-detail .project-detail-main{grid-template-columns:minmax(0,.94fr) minmax(360px,.76fr)!important;gap:18px!important}.project-detail-page.is-charger-detail .project-detail-main figure{aspect-ratio:16/9!important;justify-self:start!important;width:min(100%,520px)!important;max-width:520px!important}}.project-detail-page.is-packaging-detail .project-detail-gallery>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr))!important}@media (width<=1100px){.project-detail-page.is-packaging-detail .project-detail-gallery>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.resume-key{color:#f7fbff;padding:0;display:inline;position:relative;text-shadow:none!important;background:0 0!important;font-weight:900!important}.resume-key:before{content:none!important;display:none!important}.project-detail-page.is-original-ratio-detail .project-detail-main figure,.project-detail-page.is-original-ratio-detail .project-detail-gallery figure{aspect-ratio:auto!important;background:#050707!important;height:auto!important}.project-detail-page.is-original-ratio-detail .project-detail-main figure{justify-self:start!important;width:min(100%,560px)!important;max-width:560px!important}.project-detail-page.is-original-ratio-detail .project-detail-gallery figure{max-width:560px!important}.project-detail-page.is-original-ratio-detail .project-detail-main img,.project-detail-page.is-original-ratio-detail .project-detail-gallery img{object-fit:contain!important;object-position:center center!important;width:100%!important;height:auto!important;display:block!important}@media (width<=700px){.project-detail-page.is-packaging-detail .project-detail-gallery>div:last-child{grid-template-columns:1fr!important}}@media (width>=1101px){.project-detail-page.is-charger-detail .project-detail-main,.project-detail-page.is-original-ratio-detail .project-detail-main{grid-template-columns:max-content minmax(360px,1fr)!important;gap:0!important}.project-detail-page.is-charger-detail .project-detail-main>div,.project-detail-page.is-original-ratio-detail .project-detail-main>div{padding-left:24px!important}.project-detail-page.is-charger-detail .project-detail-main figure,.project-detail-page.is-original-ratio-detail .project-detail-main figure{aspect-ratio:auto!important;background:#050707!important;justify-self:start!important;width:min(42vw,680px)!important;max-width:680px!important;height:auto!important}.project-detail-page.is-charger-detail .project-detail-main img,.project-detail-page.is-original-ratio-detail .project-detail-main img{object-fit:contain!important;width:100%!important;height:auto!important}}.project{overflow:visible!important}.project figure{overflow:hidden!important}.project div{height:auto!important;min-height:0!important;overflow:visible!important}.project h3,.project p{-webkit-line-clamp:unset!important;-webkit-box-orient:unset!important;text-overflow:clip!important;white-space:normal!important;display:block!important;overflow:visible!important}.project p{margin-bottom:24px!important}.project-grid,.project-grid.is-expanded{align-items:stretch!important}.project{flex-direction:column!important;height:100%!important;display:flex!important}.project figure{flex:none!important}.project>div{flex-direction:column!important;flex:auto!important;display:flex!important}.project-detail-trigger{margin-top:auto!important}.project ul{margin-top:0!important}@media (width>=701px){.project h3{min-height:2.3em!important}.project p{min-height:4.65em!important}}.project div,.project>div{padding:24px 30px 28px!important}.project small{margin-bottom:16px!important}.project h3{margin-bottom:14px!important}.project p{margin-bottom:16px!important;line-height:1.62!important}.project ul{gap:10px!important;margin-top:0!important}@media (width>=701px){.project p{min-height:3.3em!important}}@media (width<=700px){.project div,.project>div{padding:22px 24px 26px!important}}.project>div>p{min-height:0!important;margin:0 0 12px!important;line-height:1.5!important;display:block!important}.project-detail-trigger{margin-top:0!important;margin-bottom:18px!important}@media (width>=701px){.project h3,.project p{min-height:0!important}}.hero-copy h1 .hero-title-strong,.hero-copy h1 .hero-title-light{font-family:Arial Black,Microsoft YaHei UI,Microsoft YaHei,sans-serif!important;font-weight:950!important}.contact.wrap h2{font-size:clamp(46px,5.6vw,82px)!important}@media (width>=1101px){.project-detail-main{gap:0!important}.project-detail-main>div{padding-left:34px!important}}@media (width<=560px){.contact.wrap h2{font-size:clamp(38px,11vw,54px)!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
