*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body,html{max-width:100%;overflow-x:clip}body{background:var(--bg);min-width:0;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,-apple-system,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5}img,video,svg,iframe{max-width:100%}img{display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;appearance:none;background:0 0;border:0}ul,ol,menu{list-style:none}::selection{background:var(--hl);color:var(--ink)}:root{--bg:#fff;--ink:#1a1a1a;--t2:#555;--t3:#999;--line:#e8e8e8;--hl:#ffe28a;--illo:#f9f0d8;--ease:cubic-bezier(.19, 1, .22, 1);--roll-y:0px;--roll-angle:0deg;--roll-angle-mobile:0deg;--roll-opacity:1;--roll-origin-y:50%;--card-hover-y:0px}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#00000008 1px,#0000 0),linear-gradient(90deg,#00000008 1px,#0000 0);background-size:32px 32px;position:fixed;inset:0}.bg-fade{z-index:0;pointer-events:none;background:radial-gradient(80% 50% at 50% -10%,#ffe28a33,#0000 70%);position:fixed;inset:0}.blob{will-change:transform;background:radial-gradient(circle,#ffe28af5 0%,#ffe28a94 45%,#ffe28a00 74%);border-radius:50%;position:absolute}.blob.b1{width:40vmax;height:40vmax;animation:36s ease-in-out infinite alternate float1;top:-12vmax;left:-10vmax}.blob.b2{width:32vmax;height:32vmax;animation:44s ease-in-out infinite alternate float2;top:40vh;right:-12vmax}@keyframes float1{0%{transform:translate(0)}to{transform:translate(10vmax,8vmax)}}@keyframes float2{0%{transform:translate(0)}to{transform:translate(-8vmax,10vmax)}}.site-loader{z-index:9999;background-color:var(--bg);transition:transform .62s var(--ease), opacity .42s ease;background-image:linear-gradient(#00000006 1px,#0000 0),linear-gradient(90deg,#00000006 1px,#0000 0);background-size:32px 32px;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.site-loader.is-exiting{opacity:.96;pointer-events:none;transform:translateY(-100%)}.site-loader-inner{flex-direction:column;align-items:center;display:flex;transform:translateY(-1.5vh)}.site-loader-mark{object-fit:contain;width:88px;height:88px;animation:loader-greet 1.55s var(--ease) infinite;filter:drop-shadow(5px 6px #ffe28ab8);display:block}.site-loader-track{background:#ececec;width:76px;height:3px;margin-top:24px;position:relative;overflow:hidden}.site-loader-track i{background:var(--hl);transform-origin:0;animation:loader-progress 1.25s var(--ease) infinite;position:absolute;inset:0}@keyframes loader-greet{0%,to{transform:translate(0)rotate(-2deg)}52%{transform:translateY(-5px)rotate(2deg)}}@keyframes loader-progress{0%{transform:translate(-100%)scaleX(.35)}52%{transform:translate(4%)scaleX(.72)}to{transform:translate(100%)scaleX(.35)}}.progress{background:var(--line);z-index:10;border-radius:2px;width:2px;height:120px;position:fixed;top:50%;left:28px;transform:translateY(-50%)}.progress i{background:var(--ink);transform-origin:top;border-radius:2px;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleY(0)}.progress>span{color:var(--t3);letter-spacing:.08em;font:500 10px/1 ui-monospace,SF Mono,Menlo,monospace;position:absolute;bottom:-3px;left:11px;transform:translateY(100%)}#progress-value{perspective:120px;min-width:3ch;height:1em;overflow:hidden}.progress-number{transform-origin:50% 100%;display:block}.col{z-index:2;width:100%;min-width:0;max-width:820px;margin:0 auto;padding:0 32px;position:relative}.col>header{letter-spacing:.12em;color:var(--t2);justify-content:space-between;align-items:baseline;padding-top:34px;font-size:14px;display:flex}.col>header>span{white-space:nowrap}.col>header .dot{background:var(--hl);border:1.5px solid var(--ink);border-radius:50%;width:7px;height:7px;margin-right:10px;animation:2.6s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.5}}.col>header a{color:var(--t2);transition:color .5s var(--ease);align-items:center;gap:7px;text-decoration:none;display:inline-flex}.col>header a:hover{color:var(--ink)}.hero{grid-template-rows:auto auto;grid-template-columns:minmax(0,480px) minmax(0,1fr);align-content:end;min-height:86vh;display:grid;position:relative}.hero h1{letter-spacing:-.045em;z-index:2;grid-area:1/1;width:max-content;min-width:0;font-size:clamp(72px,12vw,140px);font-weight:700;line-height:.94;position:relative}.hero h1 sup{vertical-align:super;font-size:.16em;font-weight:400}.lmask{margin-bottom:-.09em;padding-bottom:.09em;display:block;overflow:hidden}.lmask>span{animation:lift 1.5s var(--ease) forwards;display:block;transform:translateY(112%)}.hero h1 .lmask:first-child>span{animation-delay:.1s}.hero h1 .lmask:nth-child(2)>span{animation-delay:.24s}.hero h1 .lmask:nth-child(3)>span{animation-delay:.38s}@keyframes lift{to{transform:translateY(0)}}.hero .sub{opacity:0;animation:fadeup 1.4s var(--ease) 1s forwards;flex-wrap:wrap;grid-area:2/1/auto/-1;align-items:baseline;gap:20px;margin-top:40px;display:flex;transform:translateY(18px)}@keyframes fadeup{to{opacity:1;transform:translateY(0)}}.hero .zh{letter-spacing:.3em;font-size:20px;font-weight:500}.hero .en{letter-spacing:.14em;color:var(--t3);font-size:14px}.hero .arrow{letter-spacing:.3em;color:var(--t3);opacity:0;animation:fadeup 1.4s var(--ease) 1.8s forwards;font-size:14px;position:absolute;bottom:5vh;left:0}.hero-illo{z-index:3;pointer-events:none;opacity:0;clip-path:inset(100% 0 0);width:clamp(340px,38vw,470px);animation:hero-illo-enter 1.5s var(--ease) .24s forwards;grid-area:1/2;place-self:flex-end end;margin-top:0;margin-bottom:0;margin-left:clamp(-230px,-15vw,-140px);display:block;position:relative;bottom:auto;left:clamp(62px,8vw - 30px,80px);transform:translateY(8%)}@keyframes hero-illo-enter{to{opacity:1;clip-path:inset(0);transform:translateY(0)}}.hero-mascot-wrap{width:100%;display:block;position:relative}.hero-mascot-wrap>img{width:100%;height:auto;display:block}.hero-person{transform-origin:18% 92%;filter:drop-shadow(0 14px 22px #0000001a);animation:5.4s ease-in-out infinite person-breathe;transform:rotate(-1.2deg)translate(-.6%)}@keyframes person-breathe{0%,to{transform:rotate(-1.2deg)translate(-.6%)translateY(0)}50%{transform:rotate(-1.4deg)translate(-.6%)translateY(-2px)}}.rev{opacity:0;transition:opacity 1.3s var(--ease), transform 1.3s var(--ease);transform:translateY(30px)}.rev.on{opacity:1;transform:translateY(0)}.rev.d1{transition-delay:.1s}.rev.d2{transition-delay:.2s}.rev.d3{transition-delay:.3s}.col>main>section{padding:12vh 0;position:relative}.roll-band{--roll-y:0px;--roll-angle:0deg;--roll-opacity:1;transform:perspective(900px) translate3d(0, var(--roll-y), 0) rotateX(var(--roll-angle));transform-origin:50% var(--roll-origin-y);transform-style:preserve-3d;backface-visibility:hidden;opacity:var(--roll-opacity)}.roll-band.is-scroll-active{will-change:transform, opacity}.card-hitbox{min-width:0;position:relative}.card-hitbox>:is(.pcard,.scard,.experience-card,.acard,.article-card){height:100%;transform:translate3d(0, var(--card-hover-y,0), 0);transition:transform .45s var(--ease)}.card-hitbox>.article-card{aspect-ratio:1;height:auto;transition:transform .45s var(--ease), border-color .45s var(--ease), box-shadow .45s var(--ease)}.card-hitbox:focus-within>:is(.pcard,.scard,.experience-card,.acard,.article-card){--card-hover-y:-5px}@media (hover:hover) and (pointer:fine){.card-hitbox:hover>:is(.pcard,.scard,.experience-card,.acard,.article-card){--card-hover-y:-5px}.card-hitbox:hover>.scard .card-spotlight,.card-hitbox:hover>.experience-card .card-spotlight{opacity:1}.card-hitbox:hover>.article-card{border-color:#1a1a1a3d;box-shadow:0 18px 42px #5c4a221f}.card-hitbox:hover>.article-card .article-card-cover img{transform:scale(1.035)}}.card-spotlight{z-index:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle 170px at var(--spot-x,50%) var(--spot-y,50%), #ffe28a3d, #ffe28a14 42%, transparent 74%);transition:opacity .45s var(--ease);display:block;position:absolute;inset:0;overflow:hidden}.ghost{z-index:-1;letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1px #0000001a;-webkit-user-select:none;user-select:none;font-size:clamp(120px,22vw,220px);font-weight:800;line-height:1;position:absolute;top:5vh;right:-.05em}.reel-number{perspective:700px;display:flex}.reel-digit{display:block;overflow:hidden}.reel-digit>span{opacity:0;transform-origin:50% 100%;transition:transform 1.15s var(--ease), opacity .7s ease;display:block;transform:translateY(115%)rotateX(-42deg)}.reel-number.on .reel-digit>span{opacity:1;transform:translate(0)rotateX(0)}.reel-number .reel-digit:nth-child(2)>span{transition-delay:.1s}.tabs{z-index:2;background:0 0;justify-content:flex-start;align-items:flex-end;gap:42px;width:100%;margin-bottom:48px;padding:0 0 16px;display:flex;position:relative}.tab{cursor:pointer;letter-spacing:-.03em;text-align:left;white-space:nowrap;color:#b8b8b8;opacity:.76;min-height:1.16em;transition:color .6s var(--ease), opacity .6s var(--ease), transform .6s var(--ease);border:none;padding:0 0 10px;font-family:inherit;font-size:clamp(30px,5.2vw,48px);font-weight:700;line-height:.96;position:relative}.tab:after{content:"";background:var(--hl);transform-origin:0;width:104%;height:.32em;transition:transform .8s var(--ease);z-index:-1;position:absolute;bottom:2px;left:-2%;transform:scaleX(0)}.tab.is-active{color:var(--ink);opacity:1}.tab.is-active:after{transform:scaleX(1)}.tab:not(.is-active):hover{color:#777;opacity:1;transform:translateY(-2px)}.tab[data-target=skills],#panel-skills{display:none!important}.work-module{display:none;position:relative}.work-module.is-active{animation:panelin .9s var(--ease);display:block}@keyframes panelin{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.stagger{opacity:0;animation:stagger-in .9s var(--ease) forwards}@keyframes stagger-in{to{opacity:1}}.stagger:first-child{animation-delay:50ms}.stagger:nth-child(2){animation-delay:.13s}.stagger:nth-child(3){animation-delay:.21s}.stagger:nth-child(4){animation-delay:.29s}.stagger:nth-child(5){animation-delay:.37s}.stagger:nth-child(6){animation-delay:.45s}.plist{gap:16px;min-width:0;display:grid}.pcard{border:1px solid var(--line);min-height:300px;transition:transform .45s var(--ease), box-shadow .7s var(--ease), border-color .7s var(--ease);background:#fff;border-radius:20px;grid-template-columns:1.15fr 1fr;align-items:center;gap:36px;padding:22px 26px;display:grid;position:relative;overflow:visible}.card-hitbox:hover>.pcard,.card-hitbox:focus-within>.pcard{border-color:#d5d5d5;box-shadow:0 3px 6px #0000000a,0 26px 48px -18px #0000002e}.card-hitbox:nth-child(2n)>.pcard{grid-template-columns:1fr 1.15fr}.card-hitbox:nth-child(2n)>.pcard .stage{order:2}.card-hitbox:nth-child(2n)>.pcard .pinfo{order:1}.pinfo{color:inherit;z-index:1;min-width:0;text-decoration:none;display:block;position:relative}.pnum{z-index:0;letter-spacing:-.02em;color:#0000;-webkit-text-stroke:1px #00000024;-webkit-user-select:none;user-select:none;pointer-events:none;transition:transform .9s var(--ease);z-index:1;font-size:42px;font-weight:800;line-height:1;position:absolute;bottom:18px;left:28px}.card-hitbox:hover>.pcard .pnum{transform:translateY(-6px)}.stage{z-index:1;aspect-ratio:3/2;width:100%;min-width:0;position:relative;overflow:visible}.stage>img{object-fit:contain;width:100%;height:100%;display:block;transform:scale(1.12)}.ptitle{align-items:center;gap:12px;margin-bottom:12px;display:flex}.pbrand{aspect-ratio:1;width:40px;transition:transform .65s var(--ease);border-radius:10px;flex:0 0 40px;display:block;overflow:hidden}.pbrand img{object-fit:cover;width:100%;height:100%;display:block}.card-hitbox:hover>.pcard .pbrand{transform:rotate(-4deg)scale(1.06)}.pinfo h3{letter-spacing:-.03em;background-image:linear-gradient(var(--hl), var(--hl));transition:background-size .6s var(--ease);background-position:0 68%;background-repeat:no-repeat;background-size:0 42%;margin:0;font-size:clamp(30px,4.4vw,40px);font-weight:800;display:inline-block}.card-hitbox:hover>.pcard .pinfo h3{background-size:100% 42%}.pinfo p{color:var(--t2);font-size:15px;line-height:1.95}.pinfo .go{color:var(--t3);transition:color .5s var(--ease);align-items:center;gap:8px;margin-top:18px;font-size:14px;display:flex}.pinfo .go .arr{transition:transform .7s var(--ease);display:inline-block}.card-hitbox:hover>.pcard .go{color:var(--ink)}.card-hitbox:hover>.pcard .go .arr{transform:translate(6px)}.sgroup{margin-bottom:56px}.sgroup:last-of-type{margin-bottom:0}.glabel{letter-spacing:.24em;color:var(--t2);align-items:center;gap:14px;margin-bottom:22px;font-size:14px;display:flex}.glabel:after{content:"";background:var(--line);flex:1;height:1px}.glabel .gcount{color:var(--t3);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.sgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 26px;min-width:0;display:grid}.scard{color:inherit;border:1px solid var(--line);min-height:330px;transition:transform .45s var(--ease), box-shadow .7s var(--ease), border-color .7s var(--ease);background:#fff;border-radius:18px;padding:22px 24px 0;text-decoration:none;display:block;position:relative;overflow:visible}.card-hitbox:hover>.scard,.card-hitbox:focus-within>.scard{border-color:#d5d5d5;box-shadow:0 3px 6px #0000000a,0 26px 48px -18px #0000002e}.scard .stext{z-index:4;position:relative}.scard .shead{z-index:2;align-items:flex-start;gap:10px;display:flex;position:relative}.scard .sname{background-image:linear-gradient(var(--hl), var(--hl));transition:background-size .6s var(--ease);overflow-wrap:anywhere;letter-spacing:-.055em;background-position:0 72%;background-repeat:no-repeat;background-size:0 36%;min-width:0;font-size:clamp(30px,3.6vw,42px);font-weight:900;line-height:.96}.card-hitbox:hover>.scard .sname{background-size:100% 42%}.scard .sdesc{color:#777;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;letter-spacing:.06em;background:0 0;border:0;border-radius:0;width:auto;max-width:72%;margin:-1px 0 0 2px;padding:0;font-size:18px;font-weight:650;line-height:1.25;position:relative}.scard .sillo{z-index:3;pointer-events:none;position:absolute;inset:32% 0 0}.vibe-stage{border:1px solid var(--line);background:#fff;border-radius:18px;min-height:460px;position:relative;overflow:hidden}.vibe-track{transition:transform .8s var(--ease);will-change:transform;display:flex}.vibe-slide{flex:0 0 100%;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);align-items:center;gap:28px;min-height:460px;padding:30px 36px 26px;display:grid}.vibe-slide .vibe-eyebrow{color:var(--t3);letter-spacing:.14em;align-items:center;gap:10px;margin-bottom:14px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;display:flex}.vibe-slide .vibe-eyebrow i{background:var(--hl);border:1px solid var(--ink);border-radius:50%;width:7px;height:7px;display:inline-block}.vibe-slide h3{letter-spacing:-.045em;background-image:linear-gradient(var(--hl), var(--hl));transition:background-size .6s var(--ease);background-position:0 78%;background-repeat:no-repeat;background-size:0 34%;font-size:clamp(32px,4.6vw,46px);font-weight:900;line-height:.98;display:inline}.vibe-slide:hover h3{background-size:100% 40%}.vibe-slide p{color:var(--t2);max-width:22em;margin-top:16px;font-size:17px;line-height:1.6}.vibe-slide .vibe-code{color:var(--t3);border:1px solid var(--line);border-radius:999px;margin-top:22px;padding:8px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;display:inline-block}.vibe-demo{border:1px solid var(--line);background:#fafafa;border-radius:14px;justify-content:center;align-items:center;min-height:320px;padding:28px 22px;display:flex;position:relative;overflow:hidden}.demo-hover-row{justify-content:center;align-items:center;gap:16px;display:flex}.demo-hover-row button{border:1px solid var(--line);transition:transform .35s var(--ease), background-color .35s var(--ease), border-color .35s var(--ease), color .35s var(--ease);border-radius:12px;padding:12px 20px;font-size:14px}.demo-hover-row button.lifts:hover{background:var(--hl);border-color:var(--hl);transform:translateY(-4px)}.demo-hover-row button.reacts:hover{background:var(--hl);border-color:var(--hl)}.demo-hover-row button.dead{color:var(--t3)}.demo-spring{border:1px solid var(--line);text-align:center;width:280px;animation:spring-pop 1.4s var(--ease) infinite;background:#fff;border-radius:14px;padding:18px;box-shadow:0 4px 12px #0000000a}@keyframes spring-pop{0%{opacity:0;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}70%{transform:scale(.97)}to{opacity:1;transform:scale(1)}}.demo-spring h4{margin-bottom:6px;font-size:18px}.demo-spring p{color:var(--t2);font-size:13px}.demo-blur-wrap{border-radius:12px;width:100%;height:220px;position:relative;overflow:hidden}.demo-blur-back{filter:blur(6px);background:radial-gradient(circle at 20% 30%,#ffd2a3 0%,#0000 40%),radial-gradient(circle at 80% 70%,#b8e0ff 0%,#0000 40%),linear-gradient(135deg,#f9f0d8 0%,#fff 60%);animation:8s ease-in-out infinite alternate bg-shift;position:absolute;inset:0}@keyframes bg-shift{0%{transform:translate(0)}to{transform:translate(-12px,8px)}}.demo-blur-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:calc(100% - 32px);color:var(--ink);background:#ffffff8c;border:1px solid #fff9;border-radius:999px;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.demo-blur-nav .dot{background:var(--ink);border-radius:50%;width:6px;height:6px}.vibe-nav{color:var(--t3);letter-spacing:.08em;justify-content:space-between;align-items:center;margin-top:14px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;display:flex}.vibe-nav .vibe-arrows{gap:10px;display:flex}.vibe-nav button{border:1px solid var(--line);width:32px;height:32px;color:var(--ink);transition:background-color .4s var(--ease), border-color .4s var(--ease), transform .4s var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.vibe-nav button:hover{background:var(--hl);border-color:var(--hl);transform:translate(2px,-2px)}.vibe-nav button[disabled]{opacity:.4;cursor:not-allowed}.vibe-nav .reel-count{color:var(--ink);align-items:baseline;gap:6px;display:inline-flex}.me-intro{border-bottom:1px solid var(--line);padding:10px 0 72px}.me-kicker{letter-spacing:.18em;color:var(--t3);margin-bottom:18px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;display:block}.me-summary p{letter-spacing:.09em;color:#858585;max-width:34em;font-size:18px;line-height:2.15}.me-tags{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.me-tags span{border:1px solid var(--line);letter-spacing:.04em;color:var(--t2);background:#ffffffb8;border-radius:999px;padding:7px 11px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.experience{margin-top:72px}.me-section-head{letter-spacing:.16em;color:var(--t3);justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;font-size:12px;display:flex}.me-section-head span:first-child{color:var(--ink);font-weight:650}.experience-list{grid-template-columns:1fr;gap:22px;display:grid}.experience-card{border:1px solid var(--line);min-width:0;min-height:230px;color:inherit;transition:transform .45s var(--ease), box-shadow .7s var(--ease), border-color .7s var(--ease);background:#fff;border-radius:18px;grid-template-columns:minmax(0,1.08fr) minmax(240px,.92fr);align-items:center;padding:16px 32px;text-decoration:none;display:grid;position:relative;overflow:visible}.card-hitbox:hover>.experience-card,.card-hitbox:focus-within>.experience-card{border-color:#d5d5d5;box-shadow:0 3px 6px #0000000a,0 26px 48px -18px #0000002e}.experience-no{z-index:2;letter-spacing:-.02em;color:#0000;-webkit-text-stroke:1px #00000024;transition:transform .8s var(--ease);font-size:42px;font-weight:800;line-height:1;position:absolute;bottom:18px;left:28px}.card-hitbox:hover>.experience-card .experience-no{transform:translateY(-5px)}.experience-art{z-index:3;transform-origin:56% 56%;width:44%;height:244px;transition:transform .75s var(--ease);justify-content:center;align-items:center;display:flex;position:absolute;inset:50% -10px auto auto;transform:translateY(-50%)scale(1.13)}.experience-art img{object-fit:contain;filter:drop-shadow(0 12px 18px #00000014);width:100%;height:100%;display:block}.card-hitbox:hover>.experience-card .experience-art{transform:translate(8px,-50%)scale(1.18)}.experience-copy{z-index:2;min-width:0;padding-right:36px;position:relative}.experience-status{letter-spacing:.18em;color:var(--t3);align-items:center;gap:7px;margin-bottom:8px;font-size:11px;display:flex}.experience-status i{background:var(--hl);border:1px solid var(--ink);width:7px;height:7px;box-shadow:none;border-radius:50%}.experience-copy h3{background-image:linear-gradient(var(--hl), var(--hl));transition:background-size .6s var(--ease);letter-spacing:-.055em;background-position:0 72%;background-repeat:no-repeat;background-size:0 36%;font-size:clamp(30px,3.6vw,42px);font-weight:900;line-height:.96;display:inline}.card-hitbox:hover>.experience-card .experience-copy h3{background-size:100% 42%}.experience-copy p{max-width:560px;color:var(--t2);margin-top:12px;line-height:1.75;font-size:15px!important}.experience-arrow{z-index:4;border:1px solid var(--line);width:28px;height:28px;color:var(--ink);transition:transform .6s var(--ease), background-color .5s var(--ease), border-color .5s var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:15px;text-decoration:none;display:flex;position:absolute;top:18px;right:20px}.card-hitbox:hover>.experience-card .experience-arrow{background:var(--hl);border-color:var(--hl);transform:translate(2px,-2px)}.about p{max-width:22em;font-size:clamp(19px,2.8vw,24px);font-weight:400;line-height:2}.about p+p{margin-top:1.3em}.about mark{background:linear-gradient(transparent 55%, var(--hl) 55%, var(--hl) 92%, transparent 92%);color:var(--ink);background-repeat:no-repeat;background-size:100% 100%;padding:0 2px}.label{letter-spacing:.4em;color:var(--t3);text-transform:uppercase;background:0 0;border:0;border-radius:0;align-items:center;gap:16px;width:max-content;max-width:100%;height:auto;min-height:0;margin-bottom:48px;padding:0;font-size:14px;display:flex}.label:before{content:"";background:var(--ink);width:28px;height:1px}.contact{position:relative}.wordmark{z-index:-1;letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1px #00000014;-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:100% 100%;font-size:clamp(170px,32vw,320px);font-weight:800;line-height:.78;position:absolute;bottom:-.18em;right:-.06em}.socials{border-top:1px solid var(--line);min-width:0}.social{min-width:0;color:inherit;border-bottom:1px solid var(--line);transition:padding-left .7s var(--ease);grid-template-columns:36px 28px minmax(120px,.45fr) minmax(0,1fr) 20px;align-items:center;gap:16px;padding:26px 4px;text-decoration:none;display:grid}.social:hover{padding-left:22px}.social .s-ico{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);transition:background .5s var(--ease), border-color .5s var(--ease), transform .6s var(--ease);border-radius:11px;flex:none;justify-content:center;align-items:center;display:inline-flex}.social .s-ico img,.social .s-ico svg{fill:currentColor;width:17px;height:17px;display:block}.social .s-ico.xiaohongshu{background:#ff2442;border-color:#ff2442}.social .s-ico.xiaohongshu img{width:18px;height:18px}.social:hover .s-ico{background:var(--hl);border-color:var(--hl);transform:rotate(-6deg)scale(1.07)}.social .s-idx{color:var(--t3);letter-spacing:.08em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.social .s-name{background-image:linear-gradient(var(--hl), var(--hl));transition:background-size .6s var(--ease);letter-spacing:-.02em;background-position:0 68%;background-repeat:no-repeat;background-size:0 42%;font-size:clamp(22px,3.2vw,28px);font-weight:800}.social:hover .s-name{background-size:100% 42%}.social .s-val{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--t3);transition:color .5s var(--ease);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;overflow:hidden}.social .s-arr{color:var(--ink);opacity:0;transition:opacity .5s var(--ease), transform .7s var(--ease);font-size:20px;transform:translate(-8px)}.social:hover .s-val{color:var(--ink)}.social:hover .s-arr{opacity:1;transform:translate(0)}.col>footer{letter-spacing:.2em;color:var(--t3);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:12vh 0 46px;font-size:14px;display:flex}@media (max-width:760px){.col{padding:0 20px}.col>header{letter-spacing:.08em;padding-top:22px;font-size:12px}.col>header a{gap:5px}.progress{display:none}.hero{flex-direction:column;align-items:flex-start;min-height:74svh;display:flex}.hero h1{width:auto;font-size:clamp(58px,19.5vw,82px)}.hero .sub{flex:none;gap:12px;margin-top:28px}.hero .zh{font-size:17px}.hero .en{letter-spacing:.1em;font-size:11px;line-height:1.6}.hero .arrow{font-size:12px;bottom:3vh}.hero-illo{align-self:flex-start;width:min(74vw,290px);margin-top:-1.4em;margin-bottom:-2em;margin-left:0;position:relative;bottom:auto;left:auto;transform:none}.blob{animation:none!important}.col>main>section{padding:8vh 0}.tabs{scrollbar-width:none;flex-wrap:nowrap;gap:20px;width:auto;margin:0 -20px 32px;padding:0 20px 10px;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;padding-bottom:7px;font-size:clamp(24px,7.5vw,32px)}.pcard{grid-template-columns:1fr;gap:18px;min-height:0;padding:18px 16px 24px;overflow:clip}.card-hitbox:nth-child(2n)>.pcard{grid-template-columns:1fr}.card-hitbox:nth-child(2n)>.pcard .stage{order:0}.pcard .stage{aspect-ratio:auto;height:clamp(190px,55vw,260px);overflow:clip}.pcard .stage>img{transform:none}.pnum{font-size:34px;bottom:16px;left:18px}.vibe-slide{grid-template-columns:1fr;min-height:0;padding:22px 18px}.vibe-demo{min-height:220px;padding:16px}.vibe-stage,.vibe-slide{min-height:0}.me-intro{padding-bottom:52px}.me-summary p{letter-spacing:.075em;font-size:16px;line-height:2}.experience{margin-top:54px}.me-section-head{flex-direction:column;align-items:flex-start;gap:7px}.experience-list{gap:20px}.experience-card{min-height:350px;padding:18px;display:block;overflow:clip}.experience-copy{padding-right:24px}.experience-art{transform-origin:50% 58%;width:auto;height:232px;inset:auto -6px -20px;transform:scale(1.08)}.experience-no{font-size:34px}.contact{padding-top:10vh}.social{grid-template-columns:32px minmax(max-content,.45fr) minmax(0,1fr) 18px;gap:10px;padding:18px 0}.social .s-ico{border-radius:10px;width:32px;height:32px}.social .s-idx{display:none}.social .s-name{white-space:nowrap;font-size:18px}.social .s-val{font-size:10.5px}.social .s-arr{opacity:1;font-size:17px;transform:none}.wordmark{font-size:clamp(150px,58vw,230px)}.col>footer{letter-spacing:.12em;padding:8vh 0 32px;font-size:11px}}@media (min-width:761px) and (max-width:1100px){.hero-illo{margin-right:clamp(120px,20vw,170px)}}@media (hover:none){.card-hitbox:hover>.pcard,.card-hitbox:hover>.scard,.card-hitbox:hover>.experience-card,.card-hitbox:hover>.article-card{border-color:var(--line);box-shadow:none}.card-spotlight{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:10ms!important;animation-duration:10ms!important}.bg-grid,.blob{transform:none!important}.reel-digit>span,.lmask>span,.hero-illo,.hero .sub,.hero .arrow{opacity:1!important;clip-path:none!important;transform:none!important}.site-loader{display:none}}.site-loader.is-hidden{display:none}@keyframes scroll-progress{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@supports (animation-timeline:scroll()){#progress-fill{animation:linear both scroll-progress;animation-timeline:scroll(root)}}.article-panel-inner{width:100%}.article-filter-row{flex-wrap:wrap;align-items:center;gap:14px 24px;margin-bottom:clamp(24px,3vw,44px);display:flex}.article-filter-label{color:var(--t3);letter-spacing:.1em;text-transform:uppercase;font:500 11px/1 ui-monospace,SF Mono,Menlo,monospace}.article-filter-list{flex-wrap:wrap;gap:8px;display:flex}.article-filter-list button{border:1px solid var(--line);min-height:32px;color:var(--t2);cursor:pointer;letter-spacing:.04em;transition:background-color .35s var(--ease), border-color .35s var(--ease), color .35s var(--ease);background:0 0;border-radius:999px;padding:0 12px;font:500 11px/1 ui-monospace,SF Mono,Menlo,monospace}.article-filter-list button:hover,.article-filter-list button.is-active{border-color:var(--ink);background:var(--ink);color:#fff}.article-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3.2vw,56px);margin-top:0;display:grid}.article-card{aspect-ratio:1;min-width:0;height:auto;color:var(--ink);transition:border-color .45s var(--ease), box-shadow .45s var(--ease);background:#ffffffeb;border:1px solid #dedede;border-radius:28px;flex-direction:column;display:flex;overflow:hidden}.article-card:focus-visible{outline:3px solid var(--hl);outline-offset:6px}.article-card-cover{background:#f6f3e9;flex:0 0 50%;width:100%;min-height:0;display:block;overflow:hidden}.article-card-cover.is-empty{background-color:#f6f3e9;background-image:linear-gradient(#00000008 1px,#0000 0),linear-gradient(90deg,#00000008 1px,#0000 0),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.article-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease)}.article-card-info{flex-direction:column;flex:0 0 50%;min-height:0;padding:clamp(18px,2.1vw,28px) clamp(18px,2.1vw,28px) clamp(20px,2.4vw,32px);display:flex;overflow:hidden}.article-card-meta{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.article-card-info time{color:#999;font-variant-numeric:tabular-nums;letter-spacing:.08em;flex:none;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:clamp(10px,.78vw,12px);line-height:1.2;display:block}.article-tags{flex-wrap:wrap;gap:8px;display:flex}.article-tags span{border:1px solid var(--line);letter-spacing:.04em;color:var(--t2);background:#ffffffb8;border-radius:999px;padding:7px 11px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;line-height:1.2}.article-card-tags{justify-content:flex-end;gap:4px;min-width:0;margin-left:auto}.article-card-tags span{padding:4px 7px;font-size:10px}.article-card-info h3{max-width:100%;color:var(--ink);letter-spacing:-.055em;text-wrap:balance;flex:none;margin-top:clamp(10px,1.1vw,16px);font-size:clamp(20px,1.95vw,30px);font-weight:700;line-height:1.2;display:block}.article-card-title{background-image:linear-gradient(var(--hl), var(--hl));transition:background-size .6s var(--ease);background-position:0 72%;background-repeat:no-repeat;background-size:0 36%}.article-card-info p{max-width:55ch;min-height:0;color:var(--t2);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:auto;margin-top:clamp(10px,1.1vw,16px);font-size:clamp(13px,1.05vw,16px);line-height:1.55;display:-webkit-box;overflow:hidden}.empty-state{color:var(--t3);grid-column:1/-1;padding:34px 0}.experience-role{color:var(--t3);margin-top:4px;font-size:12px}@media (max-width:760px){.tabs{flex-wrap:wrap;gap:12px 20px}.wordmark{right:0}.article-panel-inner{width:100%}.article-filter-row{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}.article-list{grid-template-columns:1fr;gap:24px}.article-card{border-radius:22px}.article-card-info{padding:18px 20px 20px}.article-card-info time{font-size:11px}.article-card-tags span{padding:3px 6px;font-size:9px}.article-card-info h3{max-width:none;margin-top:10px;font-size:clamp(22px,7vw,30px);line-height:1.18}.article-card-info p{margin-top:10px;font-size:14px;line-height:1.55}}@media (hover:hover) and (pointer:fine){.card-hitbox:hover>.article-card .article-card-title,.card-hitbox:focus-within>.article-card .article-card-title{background-size:100% 36%}}