.rainbow-button{--rainbow-1:#ff4242;--rainbow-2:#a142ff;--rainbow-3:#42a1ff;--rainbow-4:#42d0ff;--rainbow-5:#a1ff42;isolation:isolate;background:linear-gradient(#121619, #121619) padding-box, linear-gradient(#121619 50%, #12161994 80%, #12161900) border-box, linear-gradient(90deg, var(--rainbow-1), var(--rainbow-5), var(--rainbow-3), var(--rainbow-4), var(--rainbow-2)) border-box;color:#edf3f5;animation:rainbow-button-move var(--rainbow-speed) linear infinite;background-size:200% 100%;border:.08rem solid #0000;border-radius:999px;justify-content:center;align-items:center;transition:color .16s,transform .18s ease-out;display:inline-flex;position:relative;overflow:visible;transform:translateY(0)}.rainbow-button:before{content:"";z-index:-1;background:linear-gradient(90deg, var(--rainbow-1), var(--rainbow-5), var(--rainbow-3), var(--rainbow-4), var(--rainbow-2));filter:blur(10px);opacity:.56;width:58%;height:22%;animation:rainbow-button-move var(--rainbow-speed) linear infinite;background-size:200% 100%;border-radius:50%;transition:opacity .16s;position:absolute;bottom:-18%;left:50%;transform:translate(-50%)}.rainbow-button>span{align-items:center;gap:14px;display:inline-flex}.rainbow-button:hover{color:#f8fafb;transform:translateY(-2px)}.rainbow-button:hover:before{opacity:.8}.rainbow-button:active{transform:translateY(1px)}@keyframes rainbow-button-move{0%{background-position:0 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.rainbow-button,.rainbow-button:before{animation:none}}.expandable-gallery{gap:10px;width:100%;height:min(46vw,500px);min-height:420px;display:flex}.expandable-card{isolation:isolate;cursor:pointer;border:0;border-radius:18px;flex:1 1 0;min-width:0;transition:flex-grow .48s cubic-bezier(.2,.75,.2,1);position:relative;overflow:hidden}.expandable-card.is-expanded,.expandable-card:hover,.expandable-card:focus-visible{flex-grow:3}.expandable-card:focus-visible{outline-offset:4px;outline:3px solid #22313a}.expandable-media{z-index:-2;place-items:center;display:grid;position:absolute;inset:0}.expandable-project-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .48s cubic-bezier(.2,.75,.2,1);display:block;transform:scale(1.01)}.expandable-card.is-expanded .expandable-project-image,.expandable-card:hover .expandable-project-image,.expandable-card:focus-visible .expandable-project-image{transform:scale(1.035)}.gallery-window{aspect-ratio:1.35;background:#ebeeefe6;border:1px solid #14191c38;width:clamp(260px,32vw,620px);transition:transform .48s cubic-bezier(.2,.75,.2,1);transform:perspective(1200px)rotateY(-7deg)translate(4%);box-shadow:20px 28px 48px #14191c29}.expandable-card.is-expanded .gallery-window,.expandable-card:hover .gallery-window,.expandable-card:focus-visible .gallery-window{transform:perspective(1200px)rotateY(-3deg)translate(0)}.gallery-window-top{border-bottom:1px solid #c4c9cb;align-items:center;gap:6px;height:32px;padding-inline:12px;display:flex}.gallery-window-top i{background:#9ea6aa;border-radius:50%;width:6px;height:6px}.gallery-window-body{height:calc(100% - 32px);display:flex}.gallery-window-nav{background:#d5d9db;border-right:1px solid #c4c9cb;width:20%}.gallery-window-content{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1.3fr .8fr;gap:16px;padding:11%;display:grid}.gallery-window-content i{background:#c2c8cb;display:block}.gallery-window-content i:first-child{background:#9fa9ae;grid-row:1/3}.expandable-overlay{z-index:2;background:linear-gradient(#0000 0%,#000 100%);flex-direction:column;justify-content:flex-end;gap:12px;height:144px;padding:16px 30px;display:flex;position:absolute;bottom:0;left:0;right:0}.expandable-title{color:#fff;justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:relative}.expandable-title h3{white-space:nowrap;margin:0;font-size:22px;font-weight:600;line-height:28px}.expandable-title .expandable-tags{opacity:0;pointer-events:none;transition:opacity .18s ease-out}.expandable-card.is-expanded .expandable-title .expandable-tags,.expandable-card:hover .expandable-title .expandable-tags,.expandable-card:focus-visible .expandable-title .expandable-tags{opacity:1}.expandable-detail{color:#edf1f3;opacity:0;pointer-events:none;display:none;position:relative}.expandable-card.is-expanded .expandable-detail,.expandable-card:hover .expandable-detail,.expandable-card:focus-visible .expandable-detail{opacity:1;display:block}.expandable-detail p{color:#fffc;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:none;margin:0;font-size:16px;line-height:24px;display:-webkit-box;overflow:hidden}.expandable-tags{flex-wrap:wrap;gap:7px;display:flex}.expandable-tags span{color:#111619;background:#fff;border:0;border-radius:2px;padding:3px 9px;font-size:14px;line-height:20px}@media (width<=760px){.expandable-gallery{flex-direction:column;height:auto;min-height:0}.expandable-card{flex:none;width:100%;height:210px;transition:height .38s cubic-bezier(.2,.75,.2,1)}.expandable-card.is-expanded{height:460px}.expandable-card:hover:not(.is-expanded){flex-grow:0}.expandable-overlay{gap:12px;height:144px;padding:16px 20px}.expandable-title h3{font-size:22px;line-height:28px}.expandable-title{display:block}.expandable-title .expandable-tags{justify-content:flex-start;margin-top:12px}.expandable-detail p{font-size:16px;line-height:24px}.gallery-window{width:86%}}@media (prefers-reduced-motion:reduce){.expandable-card,.gallery-window,.expandable-overlay,.expandable-title,.expandable-detail{transition:none}}.text-generate{white-space:nowrap;display:inline-flex}.text-generate-character{opacity:0;filter:blur(var(--character-blur));animation:text-generate-in var(--character-duration) ease-out var(--character-delay) forwards;will-change:opacity, filter, transform;display:inline-block;transform:translateY(12px)}@keyframes text-generate-in{to{opacity:1;filter:blur();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.text-generate-character{opacity:1;filter:none;animation:none;transform:none}}.experience-card-static{color:#e8edef;background:0 0;flex-direction:column;gap:22px;width:100%;height:auto;padding:26px;display:flex}.experience-card-summary{border-bottom:1px solid #283036;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:22px;min-width:0;padding-bottom:22px;display:grid}.experience-card-logo{width:96px;height:54px}.experience-card-logo img{object-fit:contain;object-position:left center;width:100%;height:100%;display:block}.experience-card-company>span{color:#a8c6d8;letter-spacing:.11em;margin-bottom:10px;font:11px/1 monospace;display:block}.experience-card-company h3{letter-spacing:-.04em;margin:0;font-size:clamp(24px,2vw,32px);font-weight:600;line-height:1.18}.experience-card-company p{color:#929da3;margin:9px 0 0;font-size:13px}.experience-card-role{color:#77838a;letter-spacing:.1em;text-transform:uppercase;font:10px/1 monospace}.experience-card-detail{flex-direction:column;flex:none;justify-content:flex-start;min-width:0;display:flex}.experience-card-detail>span{color:#69747b;letter-spacing:.12em;font:10px/1 monospace}.experience-card-detail ul{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.experience-card-detail li{color:#aeb7bc;padding-left:18px;font-size:13.5px;line-height:1.65;position:relative}.experience-card-detail li:before{content:"";background:#5d8ea5;border-radius:50%;width:5px;height:5px;position:absolute;top:.72em;left:0}@media (width<=1200px){.experience-card-static{gap:24px;height:auto}.experience-card-summary{grid-template-columns:100px 1fr;gap:16px 22px}.experience-card-logo{grid-row:1/3}.experience-card-role{grid-column:2}.experience-card-detail{justify-content:flex-start}.experience-card-detail ul{margin-top:18px}}@media (width<=760px){.experience-card-static{height:auto;min-height:0;padding:24px}.experience-card-summary{grid-template-columns:1fr}.experience-card-logo{grid-row:auto}.experience-card-role{grid-column:auto}.experience-card-company h3{font-size:28px}.experience-card-detail li{font-size:13px}}.side-rays-container{pointer-events:none;width:100%;height:100%;position:relative;overflow:hidden}.side-rays-container canvas{width:100%;height:100%;display:block}.side-rays-container.is-static{background:radial-gradient(80% 70% at 100% 0,#9cc9da38,#0000 68%),radial-gradient(65% 85% at 92% 8%,#446f9129,#0000 72%)}@media (prefers-reduced-motion:reduce){.side-rays-container{opacity:.28}}.glowing-effect-card{--glowing-card-radius:18px;isolation:isolate;border-radius:var(--glowing-card-radius);background:#0c1012;border:1px solid #e8f0f426;display:grid;position:relative;overflow:visible}.glowing-effect-card-inner{z-index:1;border-radius:inherit;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.glowing-effect{z-index:2;border-radius:inherit;opacity:1;pointer-events:none;filter:blur(var(--blur));position:absolute;inset:0}.glowing-effect-mask{border-radius:inherit;position:absolute;inset:0}.glowing-effect-mask:after{content:"";inset:calc(-1 * var(--glowing-border-width));border:var(--glowing-border-width) solid transparent;border-radius:calc(var(--glowing-card-radius) + var(--glowing-border-width));filter:saturate(1.4)brightness(1.3);opacity:var(--active);-webkit-mask-image:linear-gradient(#0000, #0000), conic-gradient(from calc((var(--start) - var(--spread)) * 1deg), transparent 0deg, #fff, transparent calc(var(--spread) * 2deg));mask-image:linear-gradient(#0000, #0000), conic-gradient(from calc((var(--start) - var(--spread)) * 1deg), transparent 0deg, #fff, transparent calc(var(--spread) * 2deg));-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-image:linear-gradient(#0000, #0000), conic-gradient(from calc((var(--start) - var(--spread)) * 1deg), transparent 0deg, #fff, transparent calc(var(--spread) * 2deg));-webkit-mask-composite:source-in;background:conic-gradient(from 236.84deg,#3bffd5 0deg,#2478ff 100deg,#0d5eff 190deg,#c069ff 285deg,#3bffd5 360deg) fixed;transition:opacity .3s;position:absolute;-webkit-mask-clip:padding-box,border-box}@media (prefers-reduced-motion:reduce){.glowing-effect{display:none}}.comet-card{perspective:1200px;transform-style:preserve-3d}.comet-card-inner{transform-style:preserve-3d;will-change:transform;border-radius:20px;position:relative;box-shadow:0 520px 146px #00000003,0 333px 133px #0000000a,0 83px 83px #00000042,0 21px 46px #0000004a}.comet-card-glare{z-index:5;opacity:.52;mix-blend-mode:overlay;pointer-events:none;border-radius:20px;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.comet-card-inner{transform:none!important}.comet-card-glare{display:none}}.following-pointer-surface{position:relative}.following-pointer{z-index:100;pointer-events:none;transform-origin:0 0;align-items:flex-start;display:flex;position:fixed;top:0;left:0}.following-pointer svg{color:#315cec;fill:currentColor;stroke:#fff;stroke-width:1.333px;stroke-linejoin:round;paint-order:stroke fill;filter:drop-shadow(0 2px 5px #00000059);width:24px;height:24px;transform:translate(-12px,-10px)rotate(-70deg)}.following-pointer span{color:#fff;letter-spacing:.02em;background:#e26556;border:2px solid #fff;border-radius:999px;min-width:max-content;margin:8px 0 0 -2px;padding:7px 10px;font:600 11px/1 Inter,Helvetica Neue,sans-serif;box-shadow:0 8px 24px #0000003d}@media (hover:hover) and (pointer:fine){.following-pointer-surface.is-pointer-enabled,.following-pointer-surface.is-pointer-enabled *{cursor:none!important}}@media (prefers-reduced-motion:reduce){.following-pointer{display:none}}:root{color:#e8ebed;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0b0d0f;--bg-raised:#111417;--panel:#15191d;--line:#2a3035;--line-soft:#20252a;--text:#e8ebed;--muted:#8b949c;--faint:#77838a;--accent:#a8c6d8;--silver:#c8cdd0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;background:#0b0d0f;font-family:Inter,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif}@font-face{font-family:BXZ Wujiehei;src:url(../fonts/biaoxiaozhi-wujiehei.woff2)format("woff2");font-style:normal;font-weight:400 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;overflow-x:clip}body,button,a{cursor:default}a,button{cursor:pointer}a{color:inherit;text-decoration:none}button{font:inherit}::selection{color:#0b0d0f;background:var(--accent)}.shell{width:min(1700px,100% - 96px);margin-inline:auto}.section{padding-block:clamp(112px,10vw,184px)}#about,#work,#contact{scroll-margin-top:110px}.reveal{opacity:1;transform:none}.reveal.is-visible{opacity:1;transform:translateY(0)}.site-header{z-index:10;isolation:isolate;background:#e6f1f60d;border:1px solid #e8f0f452;border-radius:999px;justify-content:space-between;align-items:center;width:min(1120px,100% - 48px);height:72px;padding:9px 10px 9px 13px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 2px 1px #e7f2f72e,inset 0 0 10px 4px #e7f2f714,0 6px 18px #03050714,0 14px 36px #0305071f,0 20px 54px #03050714,inset 0 6px 18px #ffffff0d}.site-header.is-light{background:#ffffff0f;border-color:#28323833;box-shadow:inset 0 0 2px 1px #151d221f,inset 0 0 10px 4px #151d220d,0 8px 24px #11161a1a,0 18px 48px #11161a14}.liquid-glass-filter{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.liquid-glass{-webkit-backdrop-filter:blur(14px)saturate(1.25)}.site-header>:not(.liquid-glass-filter):not(.nav):not(.menu-button){z-index:1;position:relative}.brand{align-items:center;gap:12px;display:flex}.brand-avatar{object-fit:cover;object-position:center 22%;background:#dfe4e6;border:1px solid #ecf4f86b;border-radius:50%;flex:none;width:46px;height:46px;box-shadow:inset 0 0 0 2px #ffffff14}.brand-mark{letter-spacing:-.02em;font-size:15px;font-weight:650}.nav{opacity:1;pointer-events:auto;align-items:center;gap:12px;display:flex}.nav>a:not(.nav-contact){color:#d2d8dc;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:520;transition:color .16s,background-color .16s,transform .16s}.nav>a:not(.nav-contact):hover{color:var(--text);background:#ebf4f81a;transform:translateY(-1px)}.site-header.is-light .brand-mark,.site-header.is-light .nav>a:not(.nav-contact){color:#182126}.site-header.is-light .nav>a:not(.nav-contact):hover{color:#05090b}.nav .nav-contact{color:#edf3f5;border-radius:999px;align-items:center;min-height:52px;margin-left:4px;padding:0 22px;font-size:14px;font-weight:600;display:inline-flex}.nav .nav-contact:hover{color:#f7fafb}.menu-button{color:var(--text);background:0 0;border:0;padding:8px;display:none}.mobile-nav-backdrop{display:none}.hero{isolation:isolate;background:#0c0f11;min-height:100svh;position:relative;overflow:hidden}.hero-opening-mask{z-index:3;pointer-events:none;transform-origin:0;will-change:transform;background:#0b0d0fad;position:absolute;inset:0;transform:scaleX(0)}.hero-video{z-index:-4;object-fit:cover;filter:contrast(1.08)brightness(.72)saturate(.92);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.04)}.hero-shade{z-index:-3;background:#04070b4d;position:absolute;inset:0}.hero-grid{z-index:-2;opacity:0;background-image:linear-gradient(#e0e8ee1f 1px,#0000 1px),linear-gradient(90deg,#e0e8ee1f 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0}.hero-content{min-height:100svh;padding-top:120px;padding-bottom:48px;position:relative}.hero-title-wrap{isolation:isolate;width:min(1380px,80vw);position:absolute;top:50%;left:0;transform:translateY(-48%)}.hero-title-wrap.reveal{transform:translateY(calc(22px - 48%))}.hero-title-wrap.reveal.is-visible{transform:translateY(-48%)}.hero-year{white-space:nowrap;align-items:center;gap:16px;font-family:Arial Black,Arial Narrow,sans-serif;line-height:1;display:flex}.hero-year strong{letter-spacing:-.06em;font-size:clamp(52px,5.2vw,92px);font-weight:900}.year-corner{border-style:solid;border-color:#edf1f3;width:13px;height:13px;display:block;position:relative}.year-corner-top{border-width:4px 0 0 4px;align-self:flex-start;margin-right:-8px}.year-corner-bottom{border-width:0 4px 4px 0;align-self:flex-end;margin-left:-8px}.year-arrow{color:#d9e1e5;margin-left:10px;font-family:Arial Narrow,sans-serif;font-size:clamp(34px,3.4vw,58px);font-weight:800;line-height:.7}.hero-cn-title{z-index:1;letter-spacing:-.035em;white-space:nowrap;margin:34px 0 0;font-family:BXZ Wujiehei,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(86px,9.2vw,168px);font-weight:900;line-height:.94;position:relative}.hero-cn-title .text-generate{color:#edf1f3}.hero-en-title{letter-spacing:.14em;white-space:nowrap;margin:32px 0 0 4px;font-family:Arial Narrow,Helvetica Neue,sans-serif;font-size:clamp(15px,1.25vw,22px);font-weight:750;line-height:1}.hero-bottom{border:0;grid-template-columns:repeat(3,1fr);align-items:center;display:grid;position:absolute;bottom:48px;left:0;right:0}.hero-bottom p,.hero-bottom a{color:#eef1f2;margin:0;font-size:12px;font-weight:550;line-height:1.4}.hero-bottom p:nth-child(2){text-align:center}.hero-bottom a{justify-content:flex-end;align-items:center;gap:12px;display:flex}.hero-bottom a svg{transition:transform .18s ease-out}.hero-bottom a:hover svg{transform:translateY(4px)}.section-label{border-bottom:1px solid var(--line);grid-template-columns:minmax(170px,1fr) 4fr;padding-bottom:24px;display:grid}.section-label span{color:var(--faint);font:11px/1 monospace}.section-label p{color:#adb4b9;letter-spacing:.18em;margin:0;font-size:11px}.about{isolation:isolate;background:var(--bg);position:relative;overflow:hidden}.about-rays{z-index:0;opacity:.9;pointer-events:none;position:absolute;inset:0}.about-rays:after{content:"";pointer-events:none;background:#070a0c33;position:absolute;inset:0}.about-shell{z-index:1;position:relative}.about-layout{grid-template-columns:minmax(380px,1.04fr) 1.96fr;gap:clamp(56px,6vw,112px);padding-top:72px;display:grid}.lanyard-stage{isolation:isolate;height:clamp(680px,48vw,800px);margin-top:-72px;position:relative}.lanyard-stage:before{content:"";z-index:-1;filter:blur(34px);background:#a8c6d814;border-radius:50%;width:62%;height:22%;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.lanyard-loading{height:100%;color:var(--faint);letter-spacing:.14em;place-items:center;font:10px/1 monospace;display:grid}.profile-lanyard-wrap{width:100%;height:100%;position:relative}.lanyard-fallback{z-index:1;opacity:1;pointer-events:none;transition:opacity .22s ease-out;position:absolute;inset:0}.lanyard-fallback.is-hidden{opacity:0}.static-lanyard{width:100%;height:100%;position:relative;overflow:hidden}.static-lanyard-band{transform-origin:top;background:#252c30;border:1px solid #68747b;width:18px;height:300px;position:absolute;top:-80px;left:50%;transform:translate(-50%)rotate(-5deg)}.static-lanyard-clip{z-index:1;border:5px solid #8c969b;border-radius:12px;width:38px;height:54px;position:absolute;top:186px;left:50%;transform:translate(-50%)}.static-lanyard img{border-radius:16px;width:min(62%,310px);animation:.7s cubic-bezier(.2,.75,.2,1) both static-lanyard-enter;position:absolute;top:224px;left:50%;transform:translate(-50%)rotate(3deg);box-shadow:0 28px 52px #02050747}@keyframes static-lanyard-enter{0%{opacity:0;transform:translate(-50%)translateY(-24px)rotate(-4deg)}to{opacity:1;transform:translate(-50%)translateY(0)rotate(3deg)}}.lanyard-caption{color:var(--faint);letter-spacing:.08em;pointer-events:none;justify-content:space-between;font:9px/1.3 monospace;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.profile-bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;padding-top:88px;display:grid}.profile-panel-glow{min-height:450px}.profile-panel-identity{grid-column:span 5}.profile-panel-summary{grid-column:span 7}.profile-panel{background:#0a0e10ad;border-radius:18px;min-height:450px}.about-identity{flex-direction:column;justify-content:center;min-width:0;padding:44px;display:flex}.about-greeting{display:inline-block;position:relative}.about-greeting h2{letter-spacing:-.055em;margin:0;font-family:BXZ Wujiehei,PingFang SC,sans-serif;font-size:clamp(54px,5.2vw,92px);font-weight:850;line-height:1.08}.about-greeting h2 span{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#e26556 0%,#e88b80 22%,#fff 58% 100%);-webkit-background-clip:text;background-clip:text}.about-identity-meta{color:#c4ccd0;align-items:center;gap:56px;margin-top:64px;font-size:17px;display:flex}.about-contact-list{gap:24px;margin-top:40px;display:grid}.about-contact-list a{color:#cbd2d5;align-items:center;gap:18px;width:fit-content;font-size:17px;transition:color .16s,transform .16s;display:flex}.about-contact-list a span{color:#879198}.about-contact-list a:hover{color:#edf1f3;transform:translate(4px)}.about-lead{letter-spacing:-.06em;max-width:1120px;margin:32px 0 0;font-size:clamp(52px,5.5vw,96px);font-weight:450;line-height:1.08}.about-lead span{color:var(--accent)}.about-summary{flex-direction:column;justify-content:center;padding:52px clamp(44px,4vw,72px);display:flex}.about-summary>span{color:var(--faint);letter-spacing:.14em;font:10px/1 monospace}.about-summary>p{color:#b2bbc0;max-width:720px;margin:28px 0 0;font-size:17px;line-height:2}.about-summary>p strong{color:#fff;font-weight:650}.about-copy{grid-template-columns:1fr;gap:20px;max-width:520px;display:grid}.about-copy p{color:#9fa7ad;margin:0;font-size:15px;line-height:1.9}.about-facts{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin-top:56px;display:grid}.about-facts>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#0c10124d;flex-direction:column;justify-content:space-between;min-height:112px;padding:18px;display:flex}.about-facts span{color:var(--faint);letter-spacing:.08em;font:9px/1 monospace}.about-facts strong{color:#c9d0d4;font-size:12px;font-weight:500}.profile-strength-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin-top:64px;display:grid}.profile-strength{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#11141757;min-height:220px;padding:24px}.profile-strength>div{color:var(--accent);justify-content:space-between;align-items:flex-start;display:flex}.profile-strength>div span{color:var(--faint);font:9px/1 monospace}.profile-strength h3{margin:48px 0 14px;font-size:19px;font-weight:550}.profile-strength p{max-width:34ch;color:var(--muted);margin:0;font-size:12px;line-height:1.7}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px;display:grid}.metric-card{min-height:154px}.metric-content{flex-direction:column;justify-content:space-between;height:100%;padding:22px 24px;display:flex}.metrics strong{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:clamp(38px,3.25vw,58px);font-weight:600;line-height:1;display:block}.metrics span{color:var(--muted);font-size:12px;display:block}.experience-bento-card{grid-column:span 6}.experience-section{padding-top:clamp(96px,8vw,136px)}.experience-heading{justify-content:space-between;align-items:flex-end;gap:48px;padding-bottom:56px;display:flex}.experience-heading>div>span{color:var(--faint);letter-spacing:.12em;font:10px/1 monospace}.experience-heading h2{letter-spacing:-.06em;max-width:900px;margin:24px 0 0;font-size:clamp(42px,4.8vw,80px);font-weight:450;line-height:1.06}.experience-heading>p{max-width:300px;color:var(--muted);margin:0 0 8px;font-size:13px;line-height:1.7}.experience-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.work{color:#141719;background:#fff}.work .section-label{border-color:#b7bdc0}.work .section-label p{color:#4c555b}.work-heading{grid-template-columns:2fr 1fr;align-items:end;gap:64px;padding:72px 0 96px;display:grid}.work-heading h2,.strengths-heading h2{letter-spacing:-.065em;margin:0;font-size:clamp(40px,5vw,86px);font-weight:450;line-height:1.06}.work-heading p{color:#5f686e;max-width:400px;margin:0 0 8px auto;font-size:13px;line-height:1.8}.project-list{gap:112px;display:grid}.project-card{border-top:1px solid #aeb5b8}.project-visual{isolation:isolate;place-items:center;min-height:min(55vw,780px);margin-top:24px;display:grid;position:relative;overflow:hidden}.project-silver{color:#202527;background:#b8bec1}.project-blue{color:#172125;background:#8ca5b3}.project-grid{color:#d8dcde;background-color:#30373b;background-image:linear-gradient(#444d52 1px,#0000 1px),linear-gradient(90deg,#444d52 1px,#0000 1px);background-size:64px 64px}.project-dark{color:#c8cdd0;background:#171b1e}.placeholder-window{aspect-ratio:1.65;background:#ebeeefe0;border:1px solid #14191c38;width:min(68%,920px);transform:perspective(1400px)rotateX(2deg)rotateY(-7deg);box-shadow:28px 36px 60px #14191c2e}.project-grid .placeholder-window,.project-dark .placeholder-window{background:#e1e4e5}.placeholder-top{border-bottom:1px solid #c4c9cb;align-items:center;gap:6px;height:8%;min-height:28px;padding-inline:12px;display:flex}.placeholder-top i{background:#9ea6aa;border-radius:50%;width:6px;height:6px}.placeholder-body{height:92%;display:flex}.placeholder-sidebar{background:#d5d9db;border-right:1px solid #c4c9cb;width:19%}.placeholder-content{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1.4fr .8fr;gap:20px;padding:11%;display:grid}.placeholder-content span{background:#c2c8cb;display:block}.placeholder-content span:first-child{background:#9fa9ae;grid-row:1/3}.project-code{letter-spacing:.14em;font:10px/1 monospace;position:absolute;top:28px;left:32px}.project-note{letter-spacing:.08em;font-size:11px;position:absolute;bottom:28px;right:32px}.project-info{grid-template-columns:72px 1.4fr 1fr 48px;align-items:center;gap:24px;min-height:116px;display:grid}.project-index{color:#747d82;font:11px/1 monospace}.project-info h3{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:550}.project-info p{color:#687176;text-transform:uppercase;letter-spacing:.12em;margin:6px 0 0;font-size:11px}.project-tags{flex-wrap:wrap;gap:8px;display:flex}.project-tags span{color:#596267;border:1px solid #aeb5b8;padding:7px 10px;font-size:10px}.project-arrow{color:#252a2d;background:0 0;border:1px solid #aeb5b8;border-radius:50%;justify-self:end;place-items:center;width:44px;height:44px;transition:background-color .16s,color .16s,transform .16s;display:grid}.project-arrow:hover{color:#e8ebed;background:#1a1e20;transform:rotate(5deg)}.strengths{background:var(--bg)}.strengths-heading{justify-content:space-between;align-items:flex-end;gap:64px;padding:72px 0 104px;display:flex}.strengths-heading h2{max-width:1000px}.strengths-heading p{color:var(--muted);letter-spacing:.1em;margin:0 0 10px;font-size:12px}.strength-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.strength-card{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:460px;padding:28px;transition:background-color .18s,transform .18s;display:flex}.strength-card:first-child{padding-left:0}.strength-card:last-child{border-right:0}.strength-card:hover{background:var(--bg-raised);transform:translateY(-6px)}.strength-top{color:var(--accent);justify-content:space-between;align-items:flex-start;display:flex}.strength-top span{color:var(--faint);font:10px/1 monospace}.strength-card h3{margin:0 0 20px;font-size:24px;font-weight:500}.strength-card p{max-width:300px;color:var(--muted);margin:0;font-size:14px;line-height:1.8}.strength-meta{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;font:9px/1.4 monospace}.contact{isolation:isolate;color:#edf1f3;background:#000;min-height:100svh;display:flex;position:relative;overflow:hidden}.contact-inner{flex-direction:column;justify-content:space-between;min-height:100svh;padding-block:48px 40px;display:flex}.contact-top,.contact-bottom{letter-spacing:.12em;justify-content:space-between;align-items:center;font:10px/1 monospace;display:flex}.contact-top p,.contact-bottom p{margin:0}.contact-center{grid-template-columns:minmax(0,3fr) minmax(300px,2fr);align-items:center;gap:clamp(48px,6vw,96px);padding-block:58px 48px;display:grid}.contact-main{min-width:0}.contact-status{color:#9ba5aa;letter-spacing:.14em;align-items:center;gap:10px;width:fit-content;margin-bottom:28px;font:10px/1 monospace;display:flex}.contact-status i{background:#87d6a2;border-radius:50%;width:7px;height:7px;animation:2.2s ease-in-out infinite contact-pulse;box-shadow:0 0 0 5px #87d6a21a}.contact-title{letter-spacing:-.055em;max-width:1320px;margin:0;font-family:BXZ Wujiehei,PingFang SC,sans-serif;font-size:clamp(64px,8.2vw,142px);font-weight:800;line-height:.9}.contact-title em{color:#0000;-webkit-text-stroke:1.4px #edf1f3c2;font-style:normal}.contact-intro{color:#8f999f;letter-spacing:-.015em;white-space:nowrap;max-width:none;margin:18px 0 0;font-size:clamp(13px,1vw,15px);line-height:1.8}.contact-actions{align-items:stretch;gap:14px;margin-top:36px;display:flex}.download-button{color:#edf1f3;text-align:left;background:#ffffff09;border:1px solid #353b40;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;width:min(300px,100%);min-height:82px;padding:17px 20px 17px 22px;transition:color .18s,background-color .18s,border-color .18s,transform .18s;display:flex}.download-button span{gap:7px;display:grid}.download-button strong{font-size:16px;font-weight:650}.download-button small{color:#7e888e;letter-spacing:.1em;font:9px/1 monospace}.download-button svg{flex:none;transition:transform .18s}.download-button-secondary:hover{background:#ffffff12;border-color:#74818a;transform:translateY(-3px)}.download-button-secondary:hover svg{transform:translateY(3px)}.download-button-primary{isolation:isolate;color:#fff;background:0 0;border-color:#0000;position:relative;overflow:hidden}.download-button-primary:before{content:"";z-index:0;background:conic-gradient(from 90deg,#e2cbff 0%,#393bb2 50%,#e2cbff 100%);animation:2s linear infinite border-magic-spin;position:absolute;inset:-1000%}.download-button-primary:after{content:"";z-index:1;background:#020617;border-radius:13px;transition:background-color .18s;position:absolute;inset:1px}.download-button-primary>span,.download-button-primary>svg{z-index:2;position:relative}.download-button-primary small{color:#94a3b8}.download-button-primary:hover{background:0 0;border-color:#0000;transform:translateY(-3px)}.download-button-primary:hover:after{background:#0b1120}.download-button-primary:hover svg{transform:translateY(3px)}.download-button-primary{width:min(320px,100%)}.download-button-primary strong{font-size:17px}.download-button-secondary{width:min(260px,100%)}.download-button:disabled{cursor:not-allowed;opacity:.62;transform:none}.download-button-primary:disabled{opacity:1}.download-button:disabled svg{transform:none}.download-feedback{color:#9dd6e8;opacity:0;align-items:center;gap:7px;min-height:20px;margin-top:12px;font-size:12px;transition:opacity .18s,transform .18s;display:flex;transform:translateY(-4px)}.download-feedback svg{color:#3bffd5}.download-feedback.is-visible{opacity:1;transform:translateY(0)}.contact-direct{margin-top:22px}.contact-direct-links{align-items:center;gap:28px;display:flex}.contact-direct-links a,.contact-location{color:#d7dee1;align-items:center;gap:10px;font-size:14px;transition:color .18s,transform .18s;display:flex}.contact-direct-links a span,.contact-location span{gap:5px;display:grid}.contact-direct-links small,.contact-location small{color:#69757c;letter-spacing:.12em;font:9px/1 monospace}.contact-direct-links a:hover{color:#fff;transform:translate(3px)}.contact-location{color:#d7dee1}.contact-aside{justify-self:center;justify-items:center;gap:18px;width:min(100%,320px);display:grid}.contact-profile-card{background:#ffffff09;border:1px solid #293137;border-radius:16px;align-items:center;gap:14px;width:100%;padding:16px 18px;display:flex}.contact-profile-card>img{object-fit:cover;border:2px solid #ffffffb8;border-radius:50%;flex:none;width:52px;height:52px}.contact-profile-card>div{gap:5px;display:grid}.contact-profile-card strong{color:#f3f6f7;font-size:18px;font-weight:650}.contact-profile-card span{color:#b9c3c8;font-size:13px}.contact-profile-card small{color:#78848a;font-size:11px}.wechat-position{align-self:center;width:220px;margin:0}.wechat-comet{width:100%}.wechat-card{background:#fff;border:1px solid #343a3f;border-radius:20px;width:100%;margin:0;padding:10px;box-shadow:0 24px 64px #00000042}.wechat-code{aspect-ratio:888/1131;background:#fff;border-radius:12px;overflow:hidden}.wechat-code img{object-fit:contain;width:100%;height:100%;display:block}.contact-tags{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.contact-tags span{color:#aab4b9;letter-spacing:.04em;background:#ffffff06;border:1px solid #303940;border-radius:999px;padding:7px 10px;font:10px/1 monospace}.contact-tags span.is-open{color:#bce8c9;border-color:#87d6a26b}.contact-tags span.is-open i{vertical-align:1px;background:#87d6a2;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.contact-closing{max-width:420px;color:#a5afb4!important;letter-spacing:.02em!important;margin:0!important;font:500 12px/1.5 Inter,Helvetica Neue,sans-serif!important}.back-top{align-items:center;gap:8px;display:flex}.back-top svg{transform:rotate(-90deg)}@keyframes contact-pulse{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes border-magic-spin{to{transform:rotate(360deg)}}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.contact a:focus-visible,.contact button:focus-visible{outline-color:var(--accent)}@media (width<=1100px){.shell{width:min(100% - 48px,1700px)}.about-layout{grid-template-columns:minmax(340px,.95fr) 1.55fr;gap:48px}.profile-bento{gap:14px}.about-identity{padding:34px}.about-summary{padding:40px}.about-identity-meta{gap:28px}.about-summary{padding-left:40px}.about-copy{grid-template-columns:1fr;gap:20px}.profile-strength{min-height:238px}.strength-grid{grid-template-columns:repeat(2,1fr)}.strength-card:nth-child(2){border-right:0}.strength-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.contact-center{grid-template-columns:minmax(0,3fr) minmax(260px,2fr);gap:36px;padding-block:52px 42px}.contact-direct-links{flex-wrap:wrap;gap:20px 24px}.contact-aside{width:min(100%,280px)}.wechat-position{width:180px}}@media (width<=760px){.shell{width:calc(100% - 40px)}.section{padding-block:96px}.site-header{width:calc(100% - 24px);height:56px;padding:7px 10px;top:12px}.brand{gap:9px}.brand-avatar{width:36px;height:36px}.brand-mark{font-size:11px}.menu-button{z-index:3;display:grid;position:relative}.site-header>.menu-button{z-index:3;position:relative}.nav-desktop{display:none}.mobile-nav-backdrop{z-index:20;background:#050709b8;justify-content:center;align-items:flex-start;padding:84px 12px 20px;display:flex;position:fixed;inset:0}.mobile-nav{background:#0b0d0ff5;border:1px solid #e8f0f43d;border-radius:24px;flex-direction:column;align-items:stretch;gap:0;width:100%;max-width:520px;min-height:min(430px,100dvh - 104px);padding:28px 24px 24px;display:flex;box-shadow:0 24px 70px #00000073}.mobile-nav>a{border-bottom:1px solid var(--line);padding:20px 0;font-size:20px}.mobile-nav .nav-contact{border:0;justify-content:space-between;min-height:58px;margin:28px 0 0;padding-inline:18px}.mobile-nav-close{color:var(--muted);text-align:left;background:0 0;border:0;margin-top:24px;padding:12px 0;font-size:13px}.hero-content{padding-top:72px;padding-bottom:24px}.hero-title-wrap{width:100%;top:49%;transform:translateY(-50%)}.hero-title-wrap.reveal{transform:translateY(calc(22px - 50%))}.hero-title-wrap.reveal.is-visible{transform:translateY(-50%)}.hero-year{gap:11px}.hero-year strong{font-size:14vw}.year-corner{width:9px;height:9px}.year-corner-top{border-width:3px 0 0 3px}.year-corner-bottom{border-width:0 3px 3px 0}.year-arrow{margin-left:2px;font-size:9vw}.hero-cn-title{letter-spacing:-.035em;margin-top:26px;font-size:13vw}.hero-en-title{letter-spacing:.1em;margin-top:22px;font-size:3.5vw}.hero-bottom{grid-template-columns:1fr auto;bottom:24px}.hero-bottom p,.hero-bottom a{font-size:9px}.hero-bottom p:nth-child(2){display:none}.section-label{grid-template-columns:56px 1fr}.profile-bento{grid-template-columns:1fr;gap:14px;padding-top:56px}.profile-panel-glow,.profile-panel{min-height:0}.about-identity,.about-summary,.experience-bento-card,.profile-panel-identity,.profile-panel-summary{grid-column:1}.about-identity{padding:32px 24px}.about-greeting h2{font-size:54px}.about-identity-meta{gap:12px;margin-top:48px;font-size:15px;display:grid}.about-contact-list{margin-top:32px}.about-contact-list a{gap:12px;font-size:14px}.about-summary{border:1px solid var(--line);margin-top:0;padding:32px 24px}.about-summary>p{font-size:15px;line-height:1.85}.about-lead{margin-top:24px;font-size:44px}.about-copy{gap:18px}.about-facts{margin-top:40px}.profile-strength-grid{grid-template-columns:1fr;margin-top:48px}.profile-strength{min-height:200px}.metrics{grid-template-columns:repeat(2,1fr);margin-top:14px}.metric-card{min-height:138px}.metric-content{padding:18px}.experience-heading{padding-bottom:40px;display:block}.experience-heading>p{margin-top:24px}.experience-grid{grid-template-columns:1fr}.work-heading,.strengths-heading{padding:48px 0 64px;display:block}.work-heading h2,.strengths-heading h2{font-size:42px}.work-heading p,.strengths-heading p{margin:28px 0 0}.project-list{gap:72px}.project-visual{min-height:480px}.placeholder-window{width:88%;transform:perspective(1000px)rotateX(2deg)rotateY(-4deg)}.project-code{left:18px}.project-note{text-align:right;left:18px;right:18px}.project-info{grid-template-columns:32px 1fr 44px;gap:12px;padding:20px 0}.project-tags{grid-column:2/4}.project-arrow{grid-area:1/3}.strength-grid{grid-template-columns:1fr}.strength-card{border-right:0;border-bottom:1px solid var(--line);min-height:360px;padding:28px 0}.strength-card:nth-child(2){border-bottom:1px solid var(--line)}.strength-card:last-child{border-bottom:0}.strength-card:hover{transform:none}.contact-inner{padding-block:28px 24px}.contact-top p{display:none}.contact-center{grid-template-columns:1fr;align-items:start;gap:36px;padding-block:52px 40px}.contact-status{margin-bottom:22px;font-size:8px}.contact-title{font-size:clamp(52px,15vw,82px);line-height:.94}.contact-title em{-webkit-text-stroke-width:1px}.contact-intro{white-space:normal;max-width:420px;margin-top:16px;font-size:13px}.contact-actions{flex-direction:column;margin-top:28px}.download-button{width:100%;min-height:72px}.contact-direct{margin-top:24px}.contact-direct-links{flex-direction:column;align-items:stretch;width:100%}.contact-direct-links a,.contact-location{width:fit-content;min-height:34px}.contact-aside{justify-self:stretch;justify-items:start;width:100%}.contact-profile-card{width:100%}.wechat-position{width:min(200px,62vw)}.contact-tags{justify-content:flex-start;max-width:360px}.contact-bottom{align-items:flex-end;gap:24px}.contact-closing{max-width:220px}.contact-copyright{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-video,.hero-opening-mask{display:none}.reveal{opacity:1;transition:none;transform:none}.nav,.mobile-nav-backdrop,.mobile-nav,.project-arrow,.contact-direct-links a,.download-button,.download-button svg,.download-feedback,.scroll-link svg,.strength-card{transition:none}.contact-status i,.download-button-primary:before{animation:none}}