:root{--red:#e60012;--blood:#8c000b;--ink:#000;--paper:#fff;--mute:#4a4a4a;--display:"Avenir Next Condensed", "DIN Condensed", "Arial Narrow", Impact, sans-serif;--sans:system-ui, -apple-system, "PingFang TC", "Microsoft JhengHei", "Noto Sans CJK TC", sans-serif;--serif:"Songti TC", "Noto Serif CJK TC", "PMingLiU", serif;--gutter:clamp(16px, 4vw, 48px)}*{box-sizing:border-box}html{background:var(--ink);color:var(--paper);font:17px/1.7 var(--sans);scroll-padding-top:76px}body{text-wrap:pretty;margin:0;overflow-x:hidden}a{color:inherit}:focus-visible{outline:3px solid var(--paper);outline-offset:3px;box-shadow:0 0 0 7px var(--ink)}.wrap{max-width:1120px;padding:0 var(--gutter);margin:0 auto}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar{z-index:10;background:var(--ink);border-bottom:3px solid var(--red);position:sticky;top:0}.topbar .wrap{align-items:center;gap:1rem;height:60px;display:flex}.mark{font:900 1.5rem/1 var(--display);letter-spacing:.02em;text-decoration:none}.mark b{background:var(--red);margin-left:.08em;padding:.1em .22em;display:inline-block;transform:rotate(-6deg)}.menu{gap:.3rem;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.menu a{padding:.25rem .8rem;font-weight:900;text-decoration:none;transition:background .15s;display:block;transform:skew(-12deg)}.menu a:hover,.menu a:focus-visible{background:var(--red)}.menu li:nth-child(2) a{transform:skew(-12deg)rotate(2deg)}.langs{border:2px solid var(--paper);display:flex;transform:skew(-12deg)}.langs a{font:900 .95rem/1.6 var(--display);letter-spacing:.05em;padding:.1rem .7rem;text-decoration:none}.langs a[aria-current=page]{background:var(--paper);color:var(--ink)}.langs a:focus-visible{outline:3px solid var(--red)}.hero{isolation:isolate;min-height:min(92vh,760px);position:relative;overflow:hidden}.slash{z-index:-1;background:var(--red);clip-path:polygon(62% 0,100% 0,100% 100%,40% 100%);position:absolute;inset:0}.slash:after{content:"";background:radial-gradient(circle, var(--blood) 1.6px, transparent 2px) 0 0 / 11px 11px;position:absolute;inset:0;mask-image:linear-gradient(115deg,#0000 35%,#000 90%)}.hero .wrap{min-height:inherit;grid-template-columns:1.15fr 1fr;align-items:center;padding-top:2rem;padding-bottom:3rem;display:grid;position:relative}.portrait{width:min(100%,440px);filter:drop-shadow(14px 14px 0 var(--ink));justify-self:end;margin:0;position:relative;transform:rotate(-4deg)}.portrait img{width:100%;height:auto;display:block}.name{margin:0;line-height:1}.name .row{flex-wrap:wrap;gap:.12em;display:flex}.name .en{gap:.12em .45em;margin-top:.25em}.name .word{white-space:nowrap;gap:.12em;display:inline-flex}.name .ch{transform:rotate(var(--r,0deg));padding:.06em .14em .1em;display:inline-block}.name .zh .ch{font-size:clamp(3.4rem,9vw,6.6rem)}.name .en .ch{font:900 clamp(1.9rem, 5vw, 3.4rem)/1 var(--display);padding:.04em .12em;font-stretch:75%}.name .en .t3{outline-offset:-5px;outline-width:2px;padding:.04em .2em}html[lang=en] .name .en{margin-top:0}html[lang=en] .name .en .ch{font-size:clamp(2.4rem,5.4vw,4.3rem)}html[lang=en] .name .en .t3{outline-offset:-7px;outline-width:3px}.t1{background:var(--paper);color:var(--ink);font-family:var(--serif);font-weight:900}.name .en .t1{font-family:var(--display)}.t2{background:var(--red);color:var(--paper);font-weight:900}.t3{background:var(--ink);color:var(--paper);outline:4px solid var(--paper);outline-offset:-8px;font-weight:900}.t4{color:var(--paper);font-weight:900}.role{background:var(--paper);color:var(--ink);font:900 clamp(1.05rem, 2.2vw, 1.35rem)/1.3 var(--display);letter-spacing:.03em;box-shadow:8px 8px 0 var(--red);margin:1.6rem 0 0;padding:.35rem 1.1rem .35rem .9rem;display:inline-block;transform:skew(-12deg)}.role>span{text-wrap:balance;display:inline-block;transform:skew(12deg)}.role .r{white-space:nowrap}.lede{max-width:25em;margin:1.4rem 0 0;font-size:1.05rem}.cta{flex-wrap:wrap;gap:.8rem;margin-top:1.8rem;display:flex}.btn{padding:.55rem 1.3rem;font-weight:900;text-decoration:none;transition:transform .15s;display:inline-block;transform:skew(-12deg)}.btn>span{display:inline-block;transform:skew(12deg)}.btn.primary{background:var(--paper);color:var(--ink);box-shadow:6px 6px 0 var(--red)}.btn.ghost{border:3px solid var(--paper)}.btn:hover{transform:skew(-12deg)translate(-2px,-2px)}@media (prefers-reduced-motion:no-preference){.slash{animation:.7s cubic-bezier(.7,0,.2,1) both wipe}.portrait{animation:.55s cubic-bezier(.2,.9,.3,1.3) .35s both slam}.name .ch{animation:drop .4s calc(.5s + var(--i) * 60ms) cubic-bezier(.2, .9, .3, 1.4) both}.name .en .ch{animation-name:drop-big}html[lang=en] .name .en .ch{animation-delay:calc(.45s + (var(--i) - 3) * 70ms)}.role,.lede,.cta{animation:.45s ease-out 1.05s both rise}}@keyframes wipe{0%{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}@keyframes slam{0%{opacity:0;transform:translate(80px)rotate(8deg)scale(1.15)}}@keyframes drop{0%{opacity:0;transform:translateY(-40px) rotate(calc(var(--r,0deg) * -3)) scale(1.4)}}@keyframes drop-big{0%{opacity:0;transform:translateY(-70px) rotate(calc(var(--r,0deg) * -6)) scale(2)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.stats{z-index:2;margin-top:-2.2rem;position:relative}.stats ul{background:var(--paper);color:var(--ink);box-shadow:10px 10px 0 var(--red);grid-template-columns:repeat(4,1fr);margin:0;padding:1.1rem 1.4rem;list-style:none;display:grid;transform:rotate(-1.5deg)}.stats li{border-left:4px solid var(--red);padding:0 1rem}.stats li:first-child{border-left:0}.stats b{font:900 clamp(2rem, 4.5vw, 3.2rem)/1 var(--display);display:block}.stats span{color:var(--mute);font-size:.88rem}section.block{padding-top:5.5rem;padding-bottom:1rem}.title{flex-wrap:wrap;align-items:flex-end;gap:.4rem 1rem;margin:0 0 2rem;display:flex}.title .big{font:900 clamp(3rem, 9vw, 6rem)/.8 var(--display);color:#0000;-webkit-text-stroke:2px var(--paper);letter-spacing:.01em}.title .tag{background:var(--red);padding:.2rem .9rem;font-size:1.15rem;font-weight:900;transform:skew(-12deg)translateY(-.3rem)}.title .tag>span{display:inline-block;transform:skew(12deg)}.title .note{color:#bbb;font-size:.9rem;font-weight:500;transform:translateY(-.4rem)}.pillars{grid-template-columns:repeat(2,1fr);gap:1.2rem 2rem;margin:0;padding:0;list-style:none;display:grid}.pillars li{border-left:6px solid var(--red);background:#111;padding:1rem 1.2rem 1.1rem;position:relative}.pillars h3{margin:0 0 .4rem;font-size:1.1rem}.pillars p{color:#ddd;margin:0;font-size:.95rem}.jobs{gap:1.4rem;margin:0;padding:0;list-style:none;display:grid}.job{grid-template-columns:11rem 1fr;align-items:start;gap:1.2rem;display:grid}.when{background:var(--red);font:900 1.15rem/1.3 var(--display);letter-spacing:.03em;white-space:nowrap;justify-self:end;margin:.6rem 0 0;padding:.2rem .8rem;transform:skew(-12deg)}.when>span{display:inline-block;transform:skew(12deg)}.when small{font:500 .85rem/1.3 var(--sans);letter-spacing:0;color:#ffd0d3;margin-top:.1rem;display:block;transform:skew(12deg)}.card .meta .sep{vertical-align:-.1em;background:var(--red);width:3px;height:.9em;margin:0 .55em;display:inline-block;transform:skew(-18deg)}.job>div{filter:drop-shadow(7px 7px 0 var(--red))}.card{background:var(--paper);color:var(--ink);clip-path:polygon(16px 0,calc(100% - 8px) 0,100% 10px,100% calc(100% - 24px),calc(100% - 24px) 100%,10px 100%,0 calc(100% - 6px),0 16px);padding:1.3rem 1.6rem 1.2rem}.job:nth-child(2n) .card{clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 16px),calc(100% - 14px) 100%,24px 100%,0 calc(100% - 24px))}.card h3{margin:0;font-size:1.3rem;line-height:1.35}.card .meta{color:var(--mute);margin:.15rem 0 .5rem;font-size:.92rem}.card .meta b{color:var(--ink)}.card .ctx{margin:0;font-size:.95rem}.toggle{all:unset;cursor:pointer;background:var(--ink);color:var(--paper);align-items:center;gap:.5rem;margin-top:.7rem;padding:.15rem .7rem;font-size:.9rem;font-weight:700;display:inline-flex;transform:skew(-12deg)}.toggle>span{display:inline-block;transform:skew(12deg)}.toggle:focus-visible{outline:3px solid var(--red);outline-offset:2px}.toggle .sign{font:900 1.1rem/1 var(--display);transition:transform .2s;display:inline-block}.toggle[aria-expanded=true] .sign{transform:rotate(45deg)}.more{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.more>div{overflow:hidden}.job.open .more{grid-template-rows:1fr}.more ul{margin:.9rem 0 0;padding-left:1.1rem}.more ul ul{margin-top:.2rem}.more li{margin:.25rem 0}.more li::marker{color:var(--red)}.chips{flex-wrap:wrap;gap:.4rem;margin:.9rem 0 .2rem;padding:0;list-style:none;display:flex}.chips li{background:var(--ink);color:var(--paper);padding:.05rem .6rem;font-size:.8rem;font-weight:500;transform:skew(-10deg)}.skills{grid-template-columns:repeat(2,1fr);gap:1rem 2rem;display:grid}.skill{background:#111;padding:1rem 1.2rem 1.1rem}.skill h3{margin:0 0 .7rem;font-size:1rem}.tags{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.tags li{color:#ddd;border:1px solid #444;padding:.05rem .6rem;font-size:.85rem;transform:skew(-10deg)}.tags small{color:#999;margin-left:.4em;font-size:.78rem}.skill.hot{background:0 0;grid-column:1/-1;padding:0 0 .8rem}.skill.hot h3 span{background:var(--red);padding:.1rem .5rem}.skill.hot .tags{gap:.7rem}.skill.hot .tags li{background:var(--red);color:var(--paper);box-shadow:4px 4px 0 var(--blood);border:0;padding:.3rem .9rem;font-size:1rem;font-weight:700}.skill.hot .tags small{color:#ffd0d3;font-weight:500}.facts{grid-template-columns:repeat(3,1fr);gap:1.5rem 2rem;display:grid}.facts h3{background:var(--paper);color:var(--ink);margin:0 0 .7rem;padding:.05rem .7rem;font-size:1rem;display:inline-block;transform:skew(-12deg)}.facts h3>span{display:inline-block;transform:skew(12deg)}.facts ul{margin:0;padding:0;list-style:none}.facts li{color:#ddd;margin:0 0 .5rem}.facts li b{color:var(--paper)}.facts .sub{color:#aaa;font-size:.88rem;display:block}.contact{background:var(--red);margin-top:4rem;padding:3.5rem 0 4rem;position:relative;overflow:hidden}.contact:before{content:"";background:radial-gradient(circle, var(--blood) 1.6px, transparent 2px) 0 0 / 11px 11px;opacity:.6;position:absolute;inset:0}.contact .wrap{position:relative}.contact .title .tag{background:var(--ink)}.links{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.links a{background:var(--ink);transform:rotate(var(--r,-1deg));box-shadow:6px 6px 0 var(--paper);padding:.8rem 1.1rem;text-decoration:none;transition:transform .15s;display:block}.links a:hover{transform:rotate(0)translate(-2px,-2px)}.links small{font:900 .85rem/1.2 var(--display);letter-spacing:.08em;color:#ff8a8f;display:block}.links span{overflow-wrap:anywhere;font-weight:700}footer{color:#888;padding:1.5rem 0 2.5rem;font-size:.85rem}@media (width<=760px){.menu{display:none}.langs{margin-left:auto}.hero .wrap{grid-template-columns:1fr;padding-top:1rem}.portrait{order:-1;justify-self:end;width:62%;margin:.5rem 0 2.4rem}.slash{display:none}.portrait:before{content:"";z-index:-1;background:radial-gradient(circle, var(--blood) 1.6px, transparent 2px) 0 0 / 11px 11px, var(--red);position:absolute;inset:6% -40% 10% -18%;transform:skew(-16deg)rotate(4deg)}.stats ul{grid-template-columns:repeat(2,1fr);gap:1rem 0;transform:rotate(-1deg)}.stats li:nth-child(3){border-left:0}.pillars,.facts,.skills{grid-template-columns:1fr}.job{grid-template-columns:1fr;gap:.5rem}.when{justify-self:start;margin-top:0}}@media (prefers-reduced-motion:reduce){.more,.toggle .sign,.btn,.links a{transition:none}}