@font-face{font-family:Mona Sans Display;src:url(/_profile/assets/MonaSansDisplay-SemiBold-CFW4wDkQ.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--bg:#f5f5f7;--card:#fff;--text:#1d1d1f;--secondary:#86868b;--tertiary:#c7c7cc;--separator:rgba(60,60,67,.14);--hover:#f2f2f4;--press:#e8e8ed;--muted-word:#a1a1a6;--segment-bg:rgba(118,118,128,.12);--segment-on:#fff;--segment-shadow:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04);--tile-github:#1d1d1f;--card-shadow:0 1px 2px rgba(0,0,0,.04);--focus:#0071e3;--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.34,1.56,.64,1);color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,Noto Sans SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){:root{--bg:#000;--card:#1c1c1e;--text:#f5f5f7;--secondary:#98989d;--tertiary:#48484a;--separator:rgba(84,84,88,.6);--hover:#232325;--press:#2c2c2e;--muted-word:#636366;--segment-bg:rgba(118,118,128,.24);--segment-on:#636366;--segment-shadow:none;--tile-github:#3a3a3c;--card-shadow:none;--focus:#0a84ff}}*{box-sizing:border-box}html,body{background:var(--bg);transition:background-color .35s ease}body{margin:0;min-width:280px;color:var(--text);font-size:17px;line-height:1.29;letter-spacing:-.022em}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:10px}#root{min-height:100svh;display:flex;justify-content:center}.profile{width:100%;max-width:440px;min-height:100svh;padding:clamp(72px,14vh,140px) 16px max(40px,env(safe-area-inset-bottom));display:flex;flex-direction:column}.identity{text-align:center;margin-bottom:44px}.wordmark{margin:0;animation:wordmark-in .65s cubic-bezier(.2,.8,.2,1) backwards;font-family:Mona Sans Display,-apple-system,sans-serif;font-weight:600;font-size:56px;line-height:1;letter-spacing:-.045em;white-space:nowrap}.wordmark-muted{color:var(--muted-word);animation:dim .9s ease-in-out .55s backwards}.group-label{margin:0;padding:0 16px 7px;font-size:13px;line-height:18px;font-weight:400;color:var(--secondary);text-transform:uppercase;letter-spacing:-.005em}:lang(zh-Hans) .group-label{text-transform:none}.group{background:var(--card);transition:background-color .35s ease;border-radius:14px;overflow:hidden;box-shadow:var(--card-shadow);margin-bottom:28px}.row{position:relative;display:flex;align-items:center;gap:14px;min-height:64px;padding:0 16px;transition:background-color .2s ease}.row:hover{background:var(--hover)}.row:active{background:var(--press);transition:none}.row+.row:before{content:"";position:absolute;top:0;right:0;left:60px;height:.5px;background:var(--separator)}.row:hover:before,.row:hover+.row:before{opacity:0}.tile{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:7.5px;color:#fff;transition:transform .35s var(--spring);animation:pop .45s var(--spring) calc(var(--d,0s) + .08s) backwards}.row:hover .tile{transform:scale(1.07)}.row:active .tile{transform:scale(.92);transition-duration:.12s}.row-body{animation:fade-up .35s var(--ease) calc(var(--d,0s) + .12s) backwards}.row-value,.row-go{animation:fade-up .35s var(--ease) calc(var(--d,0s) + .16s) backwards}.tile svg{width:18px;height:18px}.tile-blog{background:linear-gradient(180deg,#ffb340,#ff9500)}.tile-projects{background:linear-gradient(180deg,#4aa3ff,#007aff)}.tile-github{background:var(--tile-github)}.tile-linkedin{background:#0a66c2}.tile-instagram{background:linear-gradient(45deg,#f58529,#dd2a7b 55%,#8134af)}.tile-x{background:#000}.tile-youtube{background:red}.tile-substack{background:#ff6719}.tile-bilibili{background:#00a1d6}.tile-xiaohongshu{background:#ff2442}.row-body{flex:1;min-width:0;padding:11px 0;display:flex;flex-direction:column}.row-title{font-size:17px;font-weight:500}.row-sub{margin-top:2px;font-size:13px;line-height:18px;color:var(--secondary);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-value{font-size:15px;color:var(--secondary);white-space:nowrap}.row-go{width:13px;height:13px;flex:none;color:var(--tertiary);transition:transform .2s ease,color .2s ease}.row:hover .row-go{color:var(--secondary);transform:translate(3px)}.footer{margin-top:auto;padding-top:40px;display:flex;justify-content:center}.segmented{position:relative;display:grid;grid-template-columns:1fr 1fr;width:128px;padding:2px;border-radius:9px;background:var(--segment-bg)}.segmented button{transition:opacity .2s;position:relative;z-index:1;height:28px;border:0;background:none;color:var(--text);font:inherit;font-size:13px;font-weight:500;letter-spacing:-.01em;cursor:pointer}.segmented-thumb{position:absolute;top:2px;left:2px;width:calc(50% - 2px);height:28px;border-radius:7px;background:var(--segment-on);box-shadow:var(--segment-shadow);transition:transform .4s var(--spring)}.segmented[data-selected=en] .segmented-thumb{transform:translate(100%)}@media(max-width:480px){.row:has(.row-sub) .row-value{display:none}}@media(max-width:380px){.wordmark{font-size:48px}}.enter{animation:rise .5s var(--ease) var(--d,0s) backwards}.swap{display:inline-block;animation:swap .28s var(--ease) backwards}.row-title .swap,.row-sub .swap{display:block}.row-sub .swap{overflow:hidden;text-overflow:ellipsis}.segmented button:active{opacity:.6}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.985);filter:blur(4px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}}@keyframes pop{0%{opacity:0;transform:scale(.5)}}@keyframes swap{0%{opacity:0;transform:translateY(4px);filter:blur(3px)}}@keyframes wordmark-in{0%{opacity:0;transform:translateY(10px);letter-spacing:-.1em;filter:blur(12px)}}@keyframes dim{0%{color:var(--text)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.s-main .group{--d:.12s}.s-main .row:nth-child(1){--d:.2s}.s-main .row:nth-child(2){--d:.25s}.s-main .row:nth-child(3){--d:.3s}.s-social .group-label{--d:.26s}.s-social .group{--d:.3s}.s-social .row:nth-child(1){--d:.38s}.s-social .row:nth-child(2){--d:.43s}.s-social .row:nth-child(3){--d:.48s}.s-social .row:nth-child(4){--d:.53s}.s-social .row:nth-child(5){--d:.58s}.s-social .row:nth-child(6){--d:.63s}.footer{--d:.5s}
