:root{color-scheme:light;--bg:#fafbfc;--ink:#222931;--muted:#66727f;--line:#e0e6ed;--blue:#315eeb;--sans:'Avenir Next','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;--mono:'SFMono-Regular','Menlo','Consolas',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:18px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:6px}::selection{background:#dfe7ff;color:#1a44bd}h1,h2,h3,p{margin:0}.page{width:calc(100% - 128px);max-width:1280px;margin:0 auto}.skip{position:fixed;top:8px;left:8px;padding:12px;background:var(--blue);color:white;transform:translateY(-150%);z-index:5}.skip:focus{transform:none}.lang,.lang-grid{display:none}body[data-lang=zh] .lang.zh,body[data-lang=en] .lang.en{display:inline}body[data-lang=zh] .lang-grid.zh,body[data-lang=en] .lang-grid.en{display:grid}
.header{display:flex;align-items:center;justify-content:space-between;height:136px}.site{display:inline-flex;align-items:center;gap:14px;font:14px var(--mono);letter-spacing:-.02em;color:#637083}.mark{display:grid;grid-template-columns:repeat(2,4px);gap:3px}.mark i{display:block;width:4px;height:4px;background:var(--blue)}.mark i:last-child{opacity:.25}nav{display:flex;align-items:center;gap:32px;color:var(--muted);font-size:14px}nav a:hover{color:var(--blue)}#language{padding:10px 0 10px 15px;border:0;background:transparent;font:13px var(--mono);color:var(--muted)}#language span{margin-left:8px;color:#8895a7}
.intro{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:104px;padding:46px 0 63px}.identity{margin-bottom:39px}h1{display:flex;align-items:center;gap:18px;font-size:68px;font-weight:500;line-height:1.15;letter-spacing:-.045em}.cursor{width:6px;height:43px;background:var(--blue);display:block;margin-top:5px}.name-secondary{font:14px var(--mono);letter-spacing:.13em;color:#7d8997;margin-top:17px}.headline{font-size:32px;line-height:1.6;letter-spacing:-.025em;font-weight:400;text-wrap:balance;max-width:850px}.lede{font-size:19px;line-height:1.95;color:#586576;margin-top:22px;max-width:840px}.summary{grid-template-columns:1fr 1fr;gap:27px 38px;margin-top:39px}.summary-item{font-size:16px;line-height:1.9;color:var(--muted)}.summary-item strong{display:block;font-size:13px;font-weight:500;color:#3c4858;margin-bottom:6px}.summary-item a,.timeline-content a{border-bottom:1px solid #c4d0e1}.summary-item a:hover,.timeline-content a:hover{color:var(--blue)}.profile{padding-top:5px}.profile img{display:block;width:184px;height:208px;object-fit:cover;object-position:50% 28%;border-radius:6px}.profile dl{margin:30px 0 0;display:grid;gap:21px}.profile dl>div{margin:0}.profile dt{font-size:13px;color:#7a8695;line-height:1.7}.profile dd{margin:5px 0 0;font-size:16px;line-height:1.8}.profile a{white-space:nowrap;font-size:15px}.profile a span{color:var(--blue);margin-left:5px}.profile a:hover{color:var(--blue)}
.bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:46px;padding:30px 0 35px;border-top:1px solid var(--line)}.cell{font-size:15px;line-height:1.9;color:var(--muted)}.cell>strong{display:block;font-size:14px;font-weight:500;color:#3d4b5d;margin-bottom:8px}
.resume-sections,.writing-sections{display:grid;grid-template-columns:155px minmax(0,1fr);gap:40px;border-top:1px solid var(--line);padding-top:49px;margin-top:45px}.resume-rail h2,.writing-rail h2,.contact h2{font-size:22px;line-height:1.5;font-weight:500;letter-spacing:-.03em}.resume-block+.resume-block{margin-top:53px}.resume-block-header{display:grid;grid-template-columns:190px 1fr;gap:30px;padding-bottom:26px}.resume-block-title{font:14px var(--mono);font-weight:400;color:#475b72;line-height:1.8}.resume-block-intro{font-size:15px;line-height:1.85;color:var(--muted)}.timeline-item{display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px;padding:28px 0;border-top:1px solid var(--line)}.timeline-time{font:13px var(--mono);color:#6e7f93;line-height:1.8;padding-top:3px}.timeline-content strong{font-size:18px;font-weight:500;line-height:1.8}.timeline-content p{font-size:16px;line-height:1.95;color:var(--muted);margin-top:11px}.writing-sections{margin-top:66px}.article-grid{display:flex;flex-direction:column}.article-card{display:grid;grid-template-columns:155px minmax(0,1fr) auto;align-items:start;gap:25px;padding:29px 0;border-top:1px solid var(--line)}.article-card:first-child{border-top:0;padding-top:1px}.article-meta{font-size:12px;line-height:1.8;color:#748297;display:flex;flex-direction:column;gap:6px}.article-main strong{font-size:20px;line-height:1.65;font-weight:500;letter-spacing:-.02em}.article-main p{font-size:16px;line-height:1.9;color:var(--muted);margin-top:10px}.article-link{white-space:nowrap;font-size:13px;line-height:2;color:#5876ad;padding-top:3px}.article-link:after{content:' ↗';margin-left:9px}.article-card:hover .article-main strong,.article-card:hover .article-link{color:var(--blue)}.contact{border-top:1px solid var(--line);display:grid;grid-template-columns:155px minmax(0,1fr);gap:40px;padding:45px 0 0;margin-top:52px}.contact>a{font:21px var(--mono);letter-spacing:-.04em;line-height:1.7}.contact>a span{color:var(--blue);margin-left:25px}.contact>a:hover{color:var(--blue)}footer{margin-top:80px;padding:27px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font:12px var(--mono);color:#8190a0}footer a{font-family:var(--sans)}
@media(min-width:1800px){.page{max-width:1440px;width:calc(100% - 192px)}.header{height:155px}.intro{padding-top:65px;gap:130px;grid-template-columns:minmax(0,1fr) 290px}.profile img{width:208px;height:236px}.profile dl{gap:24px}.profile dd{font-size:18px}.profile a{font-size:17px}h1{font-size:80px}.headline{font-size:38px}.lede{font-size:22px}.summary-item{font-size:18px}.summary-item strong{font-size:15px}.cell{font-size:17px}.cell>strong{font-size:16px}.resume-sections,.writing-sections,.contact{grid-template-columns:190px minmax(0,1fr);gap:60px}.timeline-item,.resume-block-header{grid-template-columns:205px minmax(0,1fr);gap:38px}.timeline-content p,.article-main p{font-size:18px}.timeline-content strong{font-size:20px}.article-main strong{font-size:22px}.resume-block-intro{font-size:17px}.timeline-time{font-size:15px}.article-meta{font-size:14px}.article-link{font-size:15px}.article-card{grid-template-columns:180px minmax(0,1fr) auto;gap:30px}.site{font-size:16px}nav{font-size:16px}#language{font-size:15px}}
@media(max-width:1100px){.page{width:calc(100% - 80px)}.intro{grid-template-columns:minmax(0,1fr) 210px;gap:50px;padding-top:35px}h1{font-size:60px}.headline{font-size:29px}.lede{font-size:18px}.profile img{width:160px;height:184px}.profile dd{font-size:14px}.profile a{font-size:13px}.summary-item{font-size:15px}.bottom{gap:25px}.resume-sections,.writing-sections{display:block}.resume-rail,.writing-rail{margin-bottom:32px}.timeline-item,.resume-block-header{grid-template-columns:170px minmax(0,1fr);gap:25px}.article-card{grid-template-columns:140px minmax(0,1fr) auto;gap:22px}.contact{grid-template-columns:130px minmax(0,1fr);gap:25px}}
@media(max-width:700px){html{scroll-padding-top:24px}.page{width:calc(100% - 40px);max-width:560px}.header{height:89px}.site{font-size:11px;gap:9px}.mark{grid-template-columns:repeat(2,3px);gap:2px}.mark i{width:3px;height:3px}nav{gap:16px;font-size:12px}nav a[href='#contact']{display:none}#language{font-size:11px;padding-left:2px}#language span{margin-left:3px}.intro{display:block;position:relative;padding:24px 0 31px}.identity{padding-right:103px;min-height:84px;margin-bottom:28px}h1{font-size:46px;gap:12px}.cursor{height:29px;width:4px}.name-secondary{font-size:10px;margin-top:13px}.headline{font-size:26px;line-height:1.65;max-width:100%;text-wrap:pretty}.lede{font-size:16px;line-height:1.9;margin-top:17px}.summary{gap:22px;margin-top:28px}.summary-item{font-size:14px;line-height:1.85}.summary-item strong{font-size:12px}.profile{padding-top:0;margin-top:29px}.profile img{position:absolute;top:24px;right:0;width:80px;height:90px;border-radius:4px}.profile dl{grid-template-columns:1fr 1fr;gap:17px 22px;margin:0}.profile dt{font-size:11px}.profile dd{font-size:13px;margin-top:4px}.profile a{font-size:12px;white-space:normal;overflow-wrap:anywhere}.profile dl>div:nth-child(4){grid-column:1/-1}.bottom{grid-template-columns:1fr;gap:21px;padding-block:24px}.cell{font-size:14px;line-height:1.85}.cell>strong{font-size:13px;margin-bottom:5px}.resume-sections,.writing-sections{padding-top:29px;margin-top:25px}.resume-rail h2,.writing-rail h2,.contact h2{font-size:23px}.resume-rail,.writing-rail{margin-bottom:24px}.resume-block-header{display:block;padding-bottom:22px}.resume-block-title{font-size:13px;margin-bottom:12px}.resume-block-intro{font-size:14px}.timeline-item{grid-template-columns:1fr;gap:8px;padding-block:23px}.timeline-time{font-size:12px}.timeline-content strong{font-size:16px}.timeline-content p{font-size:15px;margin-top:9px}.resume-block+.resume-block{margin-top:32px}.writing-sections{margin-top:35px}.article-card{grid-template-columns:1fr;gap:11px;padding-block:24px}.article-meta{flex-direction:row;gap:14px;font-size:11px}.article-main strong{font-size:18px}.article-main p{font-size:15px;margin-top:8px}.article-link{font-size:12px;padding-top:0}.contact{display:block;margin-top:31px;padding-top:27px}.contact>a{display:inline-block;font-size:17px;margin-top:20px;overflow-wrap:anywhere;max-width:100%}.contact>a span{margin-left:10px}footer{font-size:9px;margin-top:45px;gap:15px;padding-block:24px;flex-wrap:wrap}body[data-lang=en] h1{font-size:34px;letter-spacing:-.05em;gap:10px}body[data-lang=en] .identity{padding-right:83px}body[data-lang=en] .headline{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.headline .phrase{display:inline-block;white-space:nowrap}