body.contemplative-site-surface{--site-font:"Times New Roman","Nimbus Roman No9 L","Liberation Serif",Times,"Noto Sans CJK SC","Microsoft YaHei",serif;--notes-font:var(--site-font);--site-section-space:clamp(7rem,12vw,12rem);--site-content-width:80rem;padding-top:0;padding-bottom:0;font-family:var(--site-font);font-size:clamp(1rem,0.96rem+0.18vw,1.0625rem)}.contemplative-site-surface .contemplative-site-main{width:min(100%,94rem);max-width:94rem!important;overflow:clip}.contemplative-home,.contemplative-page-main{width:min(100%,var(--site-content-width));margin-inline:auto}.contemplative-site-surface .site-width{width:100%}.home-hero{position:relative;display:grid;min-height:100svh;grid-template-columns:minmax(22rem,1.25fr) minmax(3rem,0.18fr) minmax(18rem,0.78fr);align-items:center;padding:clamp(8rem,12vw,10.5rem) 0 clamp(5rem,8vw,7rem)}.home-hero__copy{position:relative;z-index:2;grid-column:1;max-width:45rem}.home-hero h1{display:grid;gap:.25rem;margin:0;color:var(--notes-pine);font-size:clamp(4rem,7.4vw,6rem);font-weight:400;letter-spacing:-0.025em;line-height:.96}.home-hero__name-zh{color:var(--notes-muted);font-family:"Noto Sans CJK SC","Microsoft YaHei",var(--notes-font);font-size:.34em;font-weight:400;letter-spacing:.08em}.home-hero__role{margin:clamp(1.8rem,3vw,2.8rem) 0 0;color:var(--notes-pine);font-size:clamp(1.03rem,1.35vw,1.2rem);font-weight:700}.home-hero__focus{margin:.65rem 0 0;color:var(--notes-spectral);font-size:.86rem;letter-spacing:.025em}.home-hero__introduction{max-width:65ch;margin-top:clamp(1.5rem,2.7vw,2.4rem);color:var(--notes-muted)}.home-hero__introduction p{margin:.75rem 0 0}.home-hero__links{display:flex;flex-wrap:wrap;gap:.8rem 1.8rem;margin-top:clamp(1.6rem,3vw,2.5rem)}.home-hero__links a{display:inline-flex;min-width:2.75rem;min-height:2.75rem;align-items:center;color:var(--notes-pine);font-size:.88rem;font-weight:700}.home-hero__portrait{position:relative;z-index:1;grid-column:3;width:min(100%,23rem);height:min(60svh,36rem);align-self:end;justify-self:end;margin:0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 22%,#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 22%,#000 100%)}.home-hero__portrait picture,.home-hero__portrait-image{display:block;width:100%;height:100%}.home-hero__portrait-image{object-fit:cover;object-position:53% 32%;filter:saturate(0.88) contrast(0.96) brightness(1.02)}.home-hero__invitation{position:absolute;bottom:clamp(1.8rem,3.5vw,3.25rem);left:0;display:inline-flex;min-height:2.75rem;align-items:center;gap:.75rem;color:var(--notes-muted);font-size:.78rem;font-weight:400;letter-spacing:.04em;text-decoration:none}.home-hero__invitation svg,.section-more-link svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35}.home-section,.page-collection{position:relative;padding-block:var(--site-section-space);scroll-margin-top:4.5rem}.section-heading{display:grid;grid-template-columns:minmax(13rem,0.7fr) minmax(20rem,1.3fr);gap:clamp(2rem,7vw,8rem);align-items:start;margin-bottom:clamp(4.5rem,8vw,7.5rem)}.section-heading h2{max-width:14ch;margin:0;color:var(--notes-pine);font-size:clamp(2.7rem,5vw,5.4rem);font-weight:400;letter-spacing:-0.02em;line-height:1.02}.section-heading p{max-width:56ch;margin:.75rem 0 0;color:var(--notes-muted);font-size:clamp(1.05rem,1.6vw,1.28rem)}.contemplative-home .section-heading{grid-template-columns:minmax(0,1fr);gap:0}.contemplative-home .section-heading>p{display:none}.section-title{--section-glyph:none;position:relative;isolation:isolate;display:inline-block;padding-block:clamp(1.1rem,2.1vw,1.8rem)}.section-title::before{position:absolute;top:50%;left:0;z-index:0;width:clamp(17rem,29vw,29rem);aspect-ratio:16 / 9;background:var(--section-glyph) center / 135% auto no-repeat;content:"";filter:brightness(0) saturate(100%) invert(19%) sepia(19%) saturate(1173%) hue-rotate(102deg) brightness(91%) contrast(87%);opacity:.17;pointer-events:none;transform:translate(clamp(2.75rem,6vw,7rem),-50%)}.section-title>span{position:relative;z-index:1}.section-title-research{--section-glyph:url("../img/section-shentong.png")}.section-title-news{--section-glyph:url("../img/section-chuanyin.png")}.section-title-projects{--section-glyph:url("../img/section-gubao.png")}.section-title-notes{--section-glyph:url("../img/section-xinde.png")}.section-title-life{--section-glyph:url("../img/section-hongchen.png")}.contemplative-news-list{width:min(100%,68rem);margin:0 0 0 auto;padding:0;border-bottom:1px solid color-mix(in srgb,var(--notes-pine) 16%,transparent);list-style:none}.news-entry{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:baseline;padding:clamp(1.35rem,2.4vw,2rem) 0;border-top:1px solid color-mix(in srgb,var(--notes-pine) 16%,transparent)}
.news-entry__date{color:var(--notes-spectral);font-size:.78rem;font-variant-numeric:tabular-nums;letter-spacing:.035em;white-space:nowrap}.news-entry__body{max-width:65ch;color:var(--notes-ink);font-size:clamp(1rem,0.96rem+0.18vw,1.0625rem);line-height:1.62}.news-entry__body a{color:var(--notes-pine);text-decoration-color:color-mix(in srgb,currentColor 34%,transparent)}.news-entry__body a:hover,.news-entry__body a:focus-visible{text-decoration-color:currentColor}.work-list,.work-list>.bibliography{margin:0;padding:0;border-bottom:1px solid color-mix(in srgb,var(--notes-pine) 16%,transparent);list-style:none}.work-list>.bibliography{border-bottom:0}.work-list>.bibliography>li{margin:0}.work-item{display:grid;min-width:0;grid-template-columns:minmax(8rem,0.25fr) minmax(0,1.75fr);gap:clamp(1.4rem,3vw,3rem);align-items:center;padding:clamp(1.24rem,2.4vw,1.8rem) 0;border-top:1px solid color-mix(in srgb,var(--notes-pine) 16%,transparent);transition:grid-template-columns 720ms var(--notes-ease-out),gap 720ms var(--notes-ease-out),padding 720ms var(--notes-ease-out),opacity 380ms var(--notes-ease-out)}.work-item-reversed,.work-item-reverse{grid-template-columns:minmax(0,1.75fr) minmax(8rem,0.25fr)}.work-item:hover,.work-item:focus-within{grid-template-columns:minmax(18rem,0.78fr) minmax(24rem,1.22fr);gap:clamp(2.8rem,7vw,7rem);padding:clamp(2.8rem,5vw,4.8rem) 0}.work-item-reversed:hover,.work-item-reversed:focus-within,.work-item-reverse:hover,.work-item-reverse:focus-within{grid-template-columns:minmax(24rem,1.22fr) minmax(18rem,0.78fr)}.work-item-reversed .work-image,.work-item-reverse .work-image{order:2}.work-list:has(.work-item:hover) .work-item:not(:hover),.work-list:has(.work-item:focus-within) .work-item:not(:focus-within){opacity:.52}.work-image,.work-media{display:block;width:100%;aspect-ratio:16 / 12;overflow:hidden;background:var(--notes-surface-strong);text-decoration:none;transition:aspect-ratio 720ms var(--notes-ease-out)}.work-item:hover .work-image,.work-item:focus-within .work-image,.work-item:hover .work-media,.work-item:focus-within .work-media{aspect-ratio:16 / 10}.work-image img,.work-media img{width:100%;height:100%;object-fit:cover;filter:saturate(0.76) contrast(0.96);transition:filter 480ms var(--notes-ease-out),transform 760ms var(--notes-ease-out)}.work-item:hover .work-image img,.work-item:focus-within .work-image img,.work-item:hover .work-media img,.work-item:focus-within .work-media img{filter:saturate(1) contrast(1);transform:scale(1.018)}.work-content,.work-copy{min-width:0;max-width:48rem}.work-meta{margin:0 0 .7rem;color:var(--notes-spectral);font-size:.73rem;font-weight:700;letter-spacing:.075em;text-transform:uppercase}.project-entry>.work-content>.work-index{float:right;color:var(--notes-rule);font-variant-numeric:tabular-nums;font-size:.76rem}.work-content h3,.work-copy h3,.work-title{margin:0;color:var(--notes-ink);font-size:clamp(1.08rem,1.55vw,1.38rem);font-weight:400;letter-spacing:-0.015em;line-height:1.25;text-wrap:balance;transition:color 360ms var(--notes-ease-out),font-size 620ms var(--notes-ease-out)}.work-item:hover h3,.work-item:focus-within h3,.work-item:hover .work-title,.work-item:focus-within .work-title{font-size:clamp(1.85rem,3.2vw,3.3rem)}.work-content h3 a,.work-copy h3 a,.work-title a{text-decoration:none}.work-detail{display:grid;grid-template-rows:0fr;visibility:hidden;opacity:0;transition:grid-template-rows 720ms var(--notes-ease-out),opacity 300ms var(--notes-ease-out),visibility 0s linear 720ms}.work-item:hover .work-detail,.work-item:focus-within .work-detail{grid-template-rows:1fr;visibility:visible;opacity:1;transition:grid-template-rows 720ms var(--notes-ease-out),opacity 420ms var(--notes-ease-out) 110ms,visibility 0s linear}.work-detail-inner{min-height:0;overflow:hidden}.work-authors,.work-summary{max-width:68ch;margin:1.2rem 0 0;color:var(--notes-muted);font-size:.92rem;line-height:1.62}.work-summary{margin-top:1.45rem}.work-authors strong,.work-content strong{color:var(--notes-ink);font-weight:700}.work-links,.entry-links{display:flex;flex-wrap:wrap;gap:.7rem 1.35rem;margin-top:1.35rem}.text-link{color:var(--notes-pine)!important;font-size:.82rem;font-weight:700}.section-more{display:flex;justify-content:flex-end;margin:clamp(3rem,6vw,6rem) 0 0}.section-more-link{display:inline-flex;min-height:2.75rem;align-items:center;gap:.72rem;padding:.35rem 0;border-bottom:1px solid color-mix(in srgb,var(--notes-pine) 34%,transparent);color:var(--notes-pine)!important;font-size:.82rem;font-weight:700;letter-spacing:.025em;text-decoration:none}.section-more-link svg{transition:transform 420ms var(--notes-ease-out)}.section-more-link:hover svg,.section-more-link:focus-visible svg{transform:translate(0.18rem,-0.18rem)}.home-notes{isolation:isolate}
.home-notes::before{position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:color-mix(in srgb,var(--notes-surface) 78%,transparent);content:""}.article-list{display:grid;gap:clamp(4.2rem,7vw,7rem);width:min(100%,76rem);margin-left:auto}.article-entry{display:grid;grid-template-columns:9rem minmax(0,1fr) auto;gap:clamp(1.5rem,4vw,4rem);align-items:start}.article-entry__date{display:grid;gap:.3rem;padding-top:.42rem;color:var(--notes-muted);font-size:.78rem;font-variant-numeric:tabular-nums;letter-spacing:.035em}.article-entry__date span{color:var(--notes-spectral);font-size:.72rem}.article-entry h3{margin:0;font-size:clamp(1.65rem,3vw,2.75rem);font-weight:400;letter-spacing:-0.015em;line-height:1.16;text-wrap:balance}.article-entry h3 a{text-decoration:none}.article-entry p{max-width:65ch;margin:1rem 0 0;color:var(--notes-muted)}.article-entry__mark{color:var(--notes-gold);font-family:var(--site-font);font-size:clamp(1.05rem,2.2vw,1.8rem);font-style:italic;white-space:nowrap}.page-intro{position:relative;display:flex;min-height:clamp(31rem,57svh,43rem);flex-direction:column;justify-content:flex-end;padding:clamp(10rem,18vw,15rem) 0 clamp(5rem,8vw,7.5rem)}.page-intro::after{position:absolute;right:0;bottom:clamp(3.5rem,7vw,7rem);width:clamp(4rem,8vw,7.5rem);height:1px;background:linear-gradient(90deg,transparent,var(--notes-gold));content:"";opacity:.78}.page-title{position:relative;max-width:12ch;margin:0;color:var(--notes-pine)!important;font-size:clamp(3.8rem,8.5vw,6rem);font-weight:400;letter-spacing:-0.025em;line-height:.96}.page-lede{max-width:58ch;margin:clamp(1.75rem,3vw,2.75rem) 0 0;color:var(--notes-muted);font-size:clamp(1.04rem,1.55vw,1.28rem)}.collection-heading h2{max-width:14ch;font-size:clamp(2.25rem,4vw,4.1rem)}.contemplative-page-main .work-item,.contemplative-page-main .work-item:hover,.contemplative-page-main .work-item:focus-within{grid-template-columns:minmax(18rem,0.78fr) minmax(24rem,1.22fr);gap:clamp(2.75rem,7vw,7rem);padding:clamp(3.2rem,5vw,5rem) 0;opacity:1}.contemplative-page-main .work-item-reversed,.contemplative-page-main .work-item-reversed:hover,.contemplative-page-main .work-item-reversed:focus-within,.contemplative-page-main .work-item-reverse,.contemplative-page-main .work-item-reverse:hover,.contemplative-page-main .work-item-reverse:focus-within{grid-template-columns:minmax(24rem,1.22fr) minmax(18rem,0.78fr)}.contemplative-page-main .work-image,.contemplative-page-main .work-media,.contemplative-page-main .work-item:hover .work-image,.contemplative-page-main .work-item:focus-within .work-image{aspect-ratio:16 / 10}.contemplative-page-main .work-content h3,.contemplative-page-main .work-copy h3,.contemplative-page-main .work-title,.contemplative-page-main .work-item:hover h3,.contemplative-page-main .work-item:focus-within h3{font-size:clamp(1.75rem,3vw,3.15rem)}.contemplative-page-main .work-detail,.contemplative-page-main .work-item:hover .work-detail,.contemplative-page-main .work-item:focus-within .work-detail{grid-template-rows:1fr;visibility:visible;opacity:1}.cv-collection{padding-bottom:var(--site-section-space)}.contemplative-cv .cv{display:grid;gap:0}.contemplative-cv .cv>.cv-section.card{display:grid;grid-template-columns:minmax(11rem,0.45fr) minmax(0,1.55fr);gap:clamp(2rem,7vw,8rem);margin:0!important;padding:clamp(3rem,6vw,5.5rem) 0!important;border:0;border-top:1px solid var(--notes-rule);border-radius:0;background:transparent;box-shadow:none}.contemplative-cv .cv-section>.card-title{margin:0;color:var(--notes-pine);font-size:clamp(1.45rem,2.4vw,2.25rem);font-weight:700;letter-spacing:-0.015em;line-height:1.15}.contemplative-cv .cv-section__content{min-width:0;color:var(--notes-muted)}.contemplative-cv .list-group,.contemplative-cv .list-group-item,.contemplative-cv .table,.contemplative-cv .table-cv{border-color:var(--notes-rule);background:transparent;color:inherit}.contemplative-cv .list-group-item{padding:1rem 0;border-inline:0}.contemplative-cv .badge{border:0;border-radius:8px;background:var(--notes-surface-strong)!important;color:var(--notes-pine)!important;box-shadow:none}.contemplative-cv .table-responsive{overflow-x:auto}body.contemplative-site-surface footer.fixed-bottom{position:relative!important;inset:auto!important;margin-top:0}body.contemplative-site-surface footer .container{width:min(100%,94rem);max-width:94rem}@media(max-width:980px){.home-hero{grid-template-columns:minmax(0,1.15fr) minmax(18rem,0.85fr);gap:2rem}.home-hero__portrait{grid-column:2;height:min(55svh,34rem)}.section-heading{grid-template-columns:minmax(0,1fr);gap:1rem}.work-item:hover,.work-item:focus-within{grid-template-columns:minmax(14rem,0.62fr) minmax(20rem,1.38fr);gap:clamp(2rem,5vw,3.5rem)}
.work-item-reversed:hover,.work-item-reversed:focus-within,.work-item-reverse:hover,.work-item-reverse:focus-within{grid-template-columns:minmax(20rem,1.38fr) minmax(14rem,0.62fr)}.contemplative-page-main .work-item,.contemplative-page-main .work-item:hover,.contemplative-page-main .work-item:focus-within{grid-template-columns:minmax(14rem,0.68fr) minmax(20rem,1.32fr);gap:clamp(2rem,5vw,3.5rem)}.contemplative-page-main .work-item-reversed,.contemplative-page-main .work-item-reverse,.contemplative-page-main .work-item-reversed:hover,.contemplative-page-main .work-item-reverse:hover{grid-template-columns:minmax(20rem,1.32fr) minmax(14rem,0.68fr)}}@media(max-width:700px){.home-hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(16rem,34svh);align-content:end;gap:0;padding-top:8rem;padding-bottom:0}.home-hero__copy{grid-column:1;align-self:end}.home-hero h1{font-size:clamp(3.4rem,16vw,5rem)}.home-hero__introduction p:first-child{display:none}.home-hero__portrait{grid-column:1;grid-row:2;width:calc(100%+var(--notes-gutter));max-width:none;height:100%;margin-right:calc(-1 * var(--notes-gutter));-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 100%)}.home-hero__portrait-image{object-position:52% 27%}.home-hero__invitation{display:none}.home-section,.page-collection{padding-block:clamp(6rem,20vw,8rem)}.section-heading{margin-bottom:3.75rem}.section-title{padding-block:1.35rem}.section-title::before{width:min(78vw,18rem);opacity:.14;transform:translate(1.25rem,-50%)}.page-intro{min-height:29rem;padding-top:9rem}.page-title{font-size:clamp(3.3rem,16vw,5rem)}.page-lede{font-size:1rem}.contemplative-page-main .work-item,.contemplative-page-main .work-item:hover,.contemplative-page-main .work-item:focus-within,.contemplative-page-main .work-item-reversed,.contemplative-page-main .work-item-reversed:hover,.contemplative-page-main .work-item-reversed:focus-within,.contemplative-page-main .work-item-reverse,.contemplative-page-main .work-item-reverse:hover,.contemplative-page-main .work-item-reverse:focus-within{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:2.4rem 0}.contemplative-page-main .work-item-reversed .work-image,.contemplative-page-main .work-item-reverse .work-image{order:0}.contemplative-page-main .work-content h3,.contemplative-page-main .work-copy h3,.contemplative-page-main .work-title,.contemplative-page-main .work-item:hover h3,.contemplative-page-main .work-item:focus-within h3{font-size:clamp(1.55rem,7.5vw,2.35rem)}.work-item,.work-item:hover,.work-item:focus-within{grid-template-columns:minmax(6.5rem,0.38fr) minmax(0,1.62fr);gap:1rem;padding:1.24rem 0}.work-item-reversed,.work-item-reverse,.work-item-reversed:hover,.work-item-reverse:hover,.work-item-reversed:focus-within,.work-item-reverse:focus-within{grid-template-columns:minmax(0,1.62fr) minmax(6.5rem,0.38fr)}.work-content h3,.work-copy h3,.work-title,.work-item:hover h3,.work-item:focus-within h3{font-size:clamp(1.12rem,5.5vw,1.55rem)}.work-meta{font-size:.68rem}.contemplative-home .work-detail{display:none}.article-list{gap:4.5rem}.article-entry{grid-template-columns:minmax(0,1fr);gap:.85rem}.article-entry__date{padding:0}.news-entry{grid-template-columns:minmax(0,1fr);gap:.42rem;align-items:start}.news-entry__body{font-size:1.0625rem}.article-entry__mark{display:none}.contemplative-cv .cv>.cv-section.card{grid-template-columns:minmax(0,1fr);gap:1.5rem}}@media(hover:none) and (min-width:701px){.contemplative-home .work-item,.contemplative-home .work-item:hover,.contemplative-home .work-item:focus-within{grid-template-columns:minmax(8rem,0.25fr) minmax(0,1.75fr);gap:clamp(1.4rem,3vw,3rem);padding:clamp(1.24rem,2.4vw,1.8rem) 0}.contemplative-home .work-item-reversed,.contemplative-home .work-item-reverse,.contemplative-home .work-item-reversed:hover,.contemplative-home .work-item-reverse:hover{grid-template-columns:minmax(0,1.75fr) minmax(8rem,0.25fr)}.contemplative-home .work-detail{display:none}.contemplative-home .work-list:has(.work-item:hover) .work-item:not(:hover){opacity:1}}@media(prefers-reduced-motion:reduce){.contemplative-site-surface .work-item,.contemplative-site-surface .work-image,.contemplative-site-surface .work-media,.contemplative-site-surface .work-detail,.contemplative-site-surface .section-more-link svg{transition:none}}@media(forced-colors:active),print{.contemplative-site-surface .section-title::before,.contemplative-site-surface .page-intro::after{display:none}}