.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.theme-switch-btn[data-astro-cid-x3pjskd3]{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--color-text-main);border-radius:50%;transition:background-color var(--trans-speed) var(--trans-curve),color .1s cubic-bezier(.4,0,.2,1);width:36px;height:36px;position:relative}.theme-switch-btn[data-astro-cid-x3pjskd3]:after{content:"";position:absolute;inset:-6px}.theme-switch-btn[data-astro-cid-x3pjskd3]:hover{background-color:var(--color-border)}.theme-switch-btn[data-astro-cid-x3pjskd3] svg[data-astro-cid-x3pjskd3]{width:20px;height:20px;fill:currentColor;transition:transform .3s var(--trans-curve)}.theme-switch-btn[data-astro-cid-x3pjskd3]:hover svg[data-astro-cid-x3pjskd3]{transform:rotate(15deg) scale(1.05)}.theme-switch-btn[data-astro-cid-x3pjskd3]:active svg[data-astro-cid-x3pjskd3]{transform:scale(.85)}.hidden[data-astro-cid-x3pjskd3]{display:none!important}.lang-switch-btn[data-astro-cid-lb7h3eps]{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--color-text-main);border-radius:50%;transition:background-color var(--trans-speed) var(--trans-curve),color .1s cubic-bezier(.4,0,.2,1);width:36px;height:36px;position:relative}.lang-switch-btn[data-astro-cid-lb7h3eps]:after{content:"";position:absolute;inset:-6px}.lang-switch-btn[data-astro-cid-lb7h3eps]:hover{background-color:var(--color-border)}.lang-switch-btn[data-astro-cid-lb7h3eps] svg[data-astro-cid-lb7h3eps]{width:20px;height:20px;transition:transform .4s var(--trans-curve)}.lang-switch-btn[data-astro-cid-lb7h3eps]:hover svg[data-astro-cid-lb7h3eps]{transform:scale(1.05)}.lang-switch-btn[data-astro-cid-lb7h3eps]:active svg[data-astro-cid-lb7h3eps]{transform:scale(.85)}header[data-astro-cid-3ef6ksr2].container{padding-top:3.75em;padding-bottom:2.5em;position:relative}.header-row[data-astro-cid-3ef6ksr2]{position:relative;display:grid;grid-template-columns:1fr;gap:1em;margin-left:0;margin-right:0}@media(min-width:48em){.header-row[data-astro-cid-3ef6ksr2]{grid-template-columns:1fr 2fr;gap:3em}}.title-name[data-astro-cid-3ef6ksr2]{font-size:2em;line-height:1.2em;font-weight:500;margin:0}.title-name[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{color:var(--color-text-main);transition:color .1s cubic-bezier(.4,0,.2,1)}.title-intro[data-astro-cid-3ef6ksr2]{font-size:1.25em;line-height:1.75em;color:var(--color-text-main);display:flex;justify-content:space-between;align-items:center}.title-intro[data-astro-cid-3ef6ksr2].showcase{flex-direction:column;align-items:flex-start;justify-content:center;gap:.25em}.toggle-wrapper[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;gap:.5em}@media(max-width:47.99875em){header[data-astro-cid-3ef6ksr2].container{padding-top:3em;padding-bottom:1.5em}.title-intro[data-astro-cid-3ef6ksr2]{flex-direction:row;justify-content:space-between;width:100%}}.project-detail-header[data-astro-cid-3ef6ksr2]{padding-top:3.75em;padding-bottom:2.5em}.work-title[data-astro-cid-3ef6ksr2]{display:flex;justify-content:space-between;align-items:flex-end}.work-title-back-link[data-astro-cid-3ef6ksr2]{width:2.5em;height:2.5em;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:transform var(--trans-speed) var(--trans-curve)}.work-title-back-link[data-astro-cid-3ef6ksr2]:after{content:"";position:absolute;inset:-.25em}.work-title-back-link[data-astro-cid-3ef6ksr2]:hover{transform:translate(-.25em)}.work-title-back[data-astro-cid-3ef6ksr2]{width:100%;height:100%;color:var(--color-text-main)}.work-title-main[data-astro-cid-3ef6ksr2]{padding:0;margin:0;font-size:2em;line-height:1.2em;font-weight:500;color:var(--color-text-main);letter-spacing:-.022em}.work-title-detail[data-astro-cid-3ef6ksr2]{padding:0;margin:0;font-size:var(--font-size-main);line-height:var(--font-line-height-main);font-weight:500;color:var(--color-text-grey)}@media(max-width:47.99875em){.project-detail-header[data-astro-cid-3ef6ksr2]{padding-top:2.5em}.work-title[data-astro-cid-3ef6ksr2]{flex-direction:row;justify-content:space-between;width:100%;align-items:center;margin-bottom:.625em}.title-intro[data-astro-cid-3ef6ksr2].showcase{width:100%;flex-direction:column;align-items:flex-start}}@media(max-width:47.99875em)and (orientation:landscape){header[data-astro-cid-3ef6ksr2].container{padding-top:2em;padding-bottom:1em}.project-detail-header[data-astro-cid-3ef6ksr2]{padding-top:2em}}footer[data-astro-cid-sz7xmlte]{width:100%;padding-top:2.5em;padding-bottom:2.5em;border-top:.0625em solid var(--color-border)}.footer-row[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:1fr;gap:1.25em;margin-left:0;margin-right:0}@media(min-width:48em){.footer-row[data-astro-cid-sz7xmlte]{grid-template-columns:1fr 2fr;gap:3em}.footer-left[data-astro-cid-sz7xmlte]{display:flex;align-items:flex-end}}p[data-astro-cid-sz7xmlte].email-text{font-size:var(--font-size-main);color:var(--color-text-grey);margin:0}.footer-right[data-astro-cid-sz7xmlte]{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1.25em}a[data-astro-cid-sz7xmlte].mailto-link{font-size:var(--font-size-main);color:var(--color-text-main)}.sns-icons[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:1.875em}a[data-astro-cid-sz7xmlte].sns-icons-link{display:inline-flex;align-items:center;justify-content:center;position:relative;color:var(--color-text-main);transition:transform var(--trans-speed) var(--trans-curve),color .1s cubic-bezier(.4,0,.2,1)}a[data-astro-cid-sz7xmlte].sns-icons-link:after{content:"";position:absolute;inset:-.375em}a[data-astro-cid-sz7xmlte].sns-icons-link:hover{transform:translateY(-.375em)}.sns-icon-bg[data-astro-cid-sz7xmlte]{display:flex;align-items:center;justify-content:center;width:2.5em;height:2.5em;border-radius:.5em;background-color:var(--color-border);transition:background-color var(--trans-speed) var(--trans-curve)}a[data-astro-cid-sz7xmlte].sns-icons-link:hover .sns-icon-bg[data-astro-cid-sz7xmlte]{background-color:var(--color-code-bg)}svg[data-astro-cid-sz7xmlte].sns-icons-svg{display:block}@media(max-width:47.99875em){footer[data-astro-cid-sz7xmlte]{padding-top:1.5em;padding-bottom:3em}.footer-row[data-astro-cid-sz7xmlte]{gap:1em}.footer-right[data-astro-cid-sz7xmlte]{flex-direction:column;align-items:flex-start;gap:1.25em}.sns-icon-bg[data-astro-cid-sz7xmlte]{width:2em;height:2em}svg[data-astro-cid-sz7xmlte].sns-icons-svg{width:1.5em;height:1.5em}.sns-icons[data-astro-cid-sz7xmlte]{gap:1.25em}}@font-face{font-family:InterVariable;src:url(/fonts/Inter-Variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:PFDinMonoW01-Medium;src:url(/fonts/PFDinMonoW01-Medium.woff2) format("woff2"),url(/fonts/PFDinMonoW01-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}.no-transitions,.no-transitions *,.no-transitions *:before,.no-transitions *:after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}:root{--trans-speed: .15s;--trans-speed-slow: .38s;--trans-curve: cubic-bezier(.16, 1, .3, 1);--font-sans: "InterVariable", Inter, system-ui, -apple-system, sans-serif;--font-mono: "PFDinMonoW01-Medium", SFMono-Regular, Menlo, Monaco, monospace;--font-cjk: "InterVariable", "PingFang SC", "Microsoft YaHei", sans-serif;--font-size-main: 1.25em;--font-line-height-main: 1.65;--font-size-detail: .875em;--font-line-height-detail: 1.714;--bottom-height: 6.875em;--color-bg: hsl(0, 0%, 100%);--color-text-main: hsl(0, 0%, 9%);--color-text-body: hsl(0, 0%, 20%);--color-text-grey: hsl(0, 0%, 34.8%);--color-text-unselected: hsl(0, 0%, 34.8%);--color-button-bg: hsl(0, 0%, 9%);--color-button-text: hsl(0, 0%, 100%);--color-selection-bg: hsl(0, 0%, 9%);--color-selection-text: hsl(0, 0%, 100%);--color-code-bg: hsl(0, 0%, 96%);--color-code-text: hsl(0, 0%, 9%);--color-border: hsl(0, 0%, 92%);--color-shadow: hsla(0, 0%, 0%, .1);--color-surface-raised: hsl(0, 0%, 96%);--color-header-bg: hsla(0, 0%, 100%, .82);--shadow-layered: 0 .0625em .125em rgba(0, 0, 0, .015), 0 .125em .25em rgba(0, 0, 0, .015), 0 .25em .5em rgba(0, 0, 0, .015), 0 .5em 1em rgba(0, 0, 0, .015), 0 1em 2em rgba(0, 0, 0, .015)}[data-theme=dark]{--color-bg: hsl(0, 0%, 5.5%);--color-text-main: hsl(0, 0%, 95%);--color-text-body: hsl(0, 0%, 82%);--color-text-grey: hsl(0, 0%, 68%);--color-text-unselected: hsl(0, 0%, 64%);--color-button-bg: hsl(0, 0%, 95%);--color-button-text: hsl(0, 0%, 5.5%);--color-selection-bg: hsl(0, 0%, 95%);--color-selection-text: hsl(0, 0%, 5.5%);--color-code-bg: hsl(0, 0%, 12%);--color-code-text: hsl(0, 0%, 92%);--color-border: hsl(0, 0%, 15%);--color-shadow: hsla(0, 0%, 0%, .4);--color-surface-raised: hsl(0, 0%, 14%);--color-header-bg: hsla(0, 0%, 5.5%, .82);--shadow-layered: 0 .0625em .125em rgba(0, 0, 0, .08), 0 .125em .25em rgba(0, 0, 0, .08), 0 .25em .5em rgba(0, 0, 0, .08), 0 .5em 1em rgba(0, 0, 0, .08), 0 1em 2em rgba(0, 0, 0, .08)}*,*:before,*:after{box-sizing:border-box}html{height:100%;letter-spacing:-.0068em;scroll-behavior:smooth;background-color:var(--color-bg);font-synthesis:none;-webkit-font-synthesis:none;-moz-font-synthesis:none;transition:background-color .3s cubic-bezier(.4,0,.2,1)}body{margin:0;height:100%;color:var(--color-text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);vertical-align:baseline;font-variant-ligatures:normal;font-weight:500;font-synthesis:none;-webkit-font-synthesis:none;-moz-font-synthesis:none}body,header,footer,a,button,code,.showcase-cover-card,.showcase-cover-background,.resume-frame,.work-media-table,.theme-switch-btn,p,span,li,h1,h2,h3,h4,h5,h6,i{transition:color .1s cubic-bezier(.4,0,.2,1),opacity .1s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}h1,h2{font-family:var(--font-sans);font-variation-settings:"wght" 530,"opsz" 32;letter-spacing:-.015em;text-rendering:optimizeLegibility}h3,h4,h5,h6,.title-name,.resume-title,.work-title-main{letter-spacing:-.02em;font-variant-ligatures:normal}.layout-wrapper{display:flex;flex-direction:column;min-height:100vh;position:relative}.sr-only{position:absolute;width:.0625em;height:.0625em;padding:0;margin:-.0625em;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-selection{color:var(--color-selection-text);background:var(--color-selection-bg)}::-moz-selection{color:var(--color-selection-text);background:var(--color-selection-bg)}::selection{color:var(--color-selection-text);background:var(--color-selection-bg)}i{color:var(--color-text-main);font-family:var(--font-sans);font-style:italic}i.left{padding-left:0}i.right{padding-right:.125em}i.inline{padding-left:.125em;padding-right:.125em}i.cjk{color:var(--color-text-main);font-family:var(--font-cjk)}.cjk-characters{font-family:var(--font-cjk);font-weight:500}strong,b{font-weight:600;color:var(--color-text-main);letter-spacing:-.01em}code{font-size:.9375em;vertical-align:.09375em;color:var(--color-code-text);font-family:var(--font-mono);background:var(--color-code-bg);border-radius:.125em;padding:.01875em .3125em;transition:background-color .3s var(--trans-curve),color .3s var(--trans-curve)}code::-webkit-selection{color:var(--color-code-bg);background:var(--color-code-text)}code::-moz-selection{color:var(--color-code-bg);background:var(--color-code-text)}code::selection{color:var(--color-code-bg);background:var(--color-code-text)}a{text-decoration:none;color:var(--color-text-main);transition:color var(--trans-speed) var(--trans-curve)}a.black{color:var(--color-text-main)}.container{width:100%;padding-right:1em;padding-left:1em;margin-right:auto;margin-left:auto}@media(min-width:36em){.container{max-width:33.75em}}@media(min-width:48em){.container{max-width:45em}}@media(min-width:62em){.container{max-width:60em}}@media(min-width:75em){.container{max-width:71.25em}}.row{display:flex;flex-wrap:wrap;margin-right:-.5em;margin-left:-.5em}.main-part .row{display:grid;grid-template-columns:1fr;gap:2.5em;margin-left:0;margin-right:0}@media(min-width:48em){.main-part .row{grid-template-columns:1fr minmax(0,2fr);gap:3em}}.main-part.works-showcase{padding-top:.625em}.main-part .row>nav,.main-part .row>article,.main-part .row>.col-sm-1,.main-part .row>.col-sm-2,.main-part .row>.col-md-1{width:100%!important;max-width:100%!important;flex:none!important;padding:0!important}.main-part .row>article{min-width:0}.col-sm-1,.col-sm-2,.col-sm-3,.col-md-1{position:relative;width:100%;padding-right:.5em;padding-left:.5em}.col-sm-1,.col-sm-2,.col-sm-3{flex:0 0 100%;max-width:100%}@media(min-width:36em){.col-sm-1{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-2{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-3{flex:0 0 100%;max-width:100%}}@media(min-width:62em){.col-md-1{flex:0 0 33.333333%;max-width:33.333333%}}.align-self-center{align-self:center!important}@keyframes bodyFadeIn{0%{opacity:0;transform:translateY(.375em)}to{opacity:1;transform:translateY(0)}}.fade-in-quick{animation:bodyFadeIn .4s var(--trans-curve) forwards}.fade-in-slow{animation:bodyFadeIn .8s var(--trans-curve) forwards}header.container{padding-top:3.75em}.title-name{color:var(--color-text-main);font-size:2em;line-height:1.2em;font-weight:500;letter-spacing:-.02em}.title-intro{color:var(--color-text-main);font-size:1.25em;line-height:1.75em}div.main-part{padding-top:1.25em;padding-bottom:1.25em}ul.nav-list{font-size:1.25em;line-height:var(--font-line-height-main);padding:0 0 1.875em;margin:0;list-style:none}li.nav-list-item{margin-bottom:1.875em}.sidebar .nav-list-item.selected a,ul.showcase-list li.showcase-list-item.selected a,a.selected{color:var(--color-text-main);font-weight:500;position:relative}.sidebar .nav-list-item.unselected a,ul.showcase-list li.showcase-list-item.unselected a,a.unselected{position:relative;color:var(--color-text-unselected);transition:color var(--trans-speed) var(--trans-curve);text-decoration:none}.sidebar .nav-list-item.unselected a:after,ul.showcase-list li.showcase-list-item.unselected a:after,a.unselected:after{content:"";position:absolute;bottom:-.25em;left:0;width:100%;height:.0625em;background-color:var(--color-text-main);transform:scaleX(0);transform-origin:right;transition:transform var(--trans-speed) var(--trans-curve)}.sidebar .nav-list-item.unselected a:hover,ul.showcase-list li.showcase-list-item.unselected a:hover,a.unselected:hover{color:var(--color-text-main)}.sidebar .nav-list-item.unselected a:hover:after,ul.showcase-list li.showcase-list-item.unselected a:hover:after,a.unselected:hover:after{transform:scaleX(1);transform-origin:left}p.self-intro{margin:0 0 3.75em;color:var(--color-text-body);font-size:var(--font-size-main);line-height:var(--font-line-height-main)}button.main-button{color:var(--color-button-text);text-decoration:none;border:none;margin:0;background-color:var(--color-button-bg);padding:1.875em 1.9375em;font-size:var(--font-size-main);cursor:pointer;outline:none;transition:transform .1s var(--trans-curve),background-color var(--trans-speed) var(--trans-curve)}button.main-button:active{transform:scale(.97)}button.main-button.bottom{margin-bottom:5.625em}.button-text{font-family:var(--font-sans);position:relative;font-weight:600}.button-text:before{content:"";position:absolute;width:0;height:.125em;bottom:-.125em;left:0;background-color:var(--color-button-text);visibility:hidden;transition:width var(--trans-speed) var(--trans-curve)}button.main-button:hover .button-text:before{visibility:visible;width:100%}@media(max-width:35.99875em){div.showcase{margin-top:3.75em;margin-bottom:3.75em}}article.main-part-resume{padding-right:0}.resume-frame{margin-bottom:4.5em}.resume-frame-end{margin-bottom:5em}.resume-content-rendered{position:relative;padding-left:2em;border-left:.0625em solid var(--color-border);margin-left:.25em;transition:border-color var(--trans-speed) var(--trans-curve)}.resume-title{margin:0 0 1.875em;color:var(--color-text-main);font-size:var(--font-size-main);line-height:var(--font-line-height-main);font-weight:600}p.resume-text-main{margin:0 0 1.25em;font-family:var(--font-cjk);font-size:var(--font-size-detail);line-height:var(--font-line-height-detail);font-variation-settings:"wght" 385;color:var(--color-text-body)}.resume-text-sub{margin:0;color:var(--color-text-main);font-size:var(--font-size-main);line-height:var(--font-line-height-main);font-weight:600}.resume-text-sub--skills{color:var(--color-text-grey);font-weight:500}.resume-text-time{display:inline-block;margin-top:.3125em;padding:.0625em .5em;border:.0625em solid var(--color-border);border-radius:.1875em;background-color:var(--color-surface-raised);color:var(--color-text-grey);font-size:var(--font-size-detail);line-height:var(--font-line-height-detail)}.resume-text-detail{display:inline-block;padding-right:.9375em;margin:.9375em 0 0;color:var(--color-text-grey);font-size:var(--font-size-detail);line-height:var(--font-line-height-detail)}p.showcase-main-text{margin:0 0 3.75em;color:var(--color-text-body);font-size:var(--font-size-main);line-height:var(--font-line-height-main)}ul.showcase-list{font-size:1.25em;line-height:var(--font-line-height-main);padding:0 0 3.75em;margin:0;list-style:none;display:flex;flex-wrap:wrap}li.showcase-list-item{margin-right:1.875em;margin-bottom:.9375em}.showcase-covers-frame{transition:opacity var(--trans-speed-slow) var(--trans-curve),transform var(--trans-speed-slow) var(--trans-curve)}.showcase-covers-frame.hide-div{display:none!important}.showcase-covers-frame.show-div{display:block;opacity:0;transform:translateY(.375em)}.showcase-covers-frame.show-div.cover-ani{opacity:1;transform:translateY(0)}.showcase-cover-card{position:relative;margin:0 0 1.875em;width:100%;height:18.75em;background-color:var(--color-bg);border:.0625em solid var(--color-border);cursor:pointer;overflow:hidden;box-shadow:var(--shadow-layered);transform:translateZ(0);transition:transform var(--trans-speed-slow) var(--trans-curve),box-shadow var(--trans-speed-slow) var(--trans-curve);contain:layout style paint;will-change:transform,box-shadow}.showcase-cover-card:hover{transform:translate3d(0,-.25em,0);box-shadow:0 .25em .5em #00000005,0 .5em 1em #00000005,0 1em 2em #00000005,0 2em 4em #00000005}.showcase-cover-background{width:100%;height:100%;background-position:left center;background-repeat:no-repeat;background-size:cover;transition:transform .6s var(--trans-curve)}.showcase-cover-card:hover .showcase-cover-background{transform:scale(1.04)}.showcase-cover-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgba(0,0,0,.3) 100%);transition:opacity var(--trans-speed) var(--trans-curve);z-index:1;opacity:.8}.showcase-cover-card:hover:after{opacity:.95}.showcase-cover-card:before{content:"";position:absolute;width:0;height:.15625em;bottom:0;left:0;background-color:var(--color-text-main);visibility:hidden;transition:width var(--trans-speed) var(--trans-curve);z-index:3}.showcase-cover-card:hover:before{visibility:visible;width:100%}p.showcase-cover-text{position:absolute;padding:1.875em;bottom:0;margin:0;font-size:var(--font-size-main);line-height:var(--font-line-height-main);color:#fff;text-shadow:0 .125em .25em hsla(0,0%,0%,.35);z-index:2;transition:transform .4s var(--trans-curve);font-weight:500}.showcase-cover-card:hover p.showcase-cover-text{transform:translateY(-.125em)}h1.work-title-main{padding:0;margin:0 0 .3125em;font-size:2em;line-height:1.2em;font-weight:500;color:var(--color-text-main);letter-spacing:-.022em}h2.work-title-detail{padding:0;margin:0;font-size:var(--font-size-main);line-height:var(--font-line-height-main);font-weight:500;color:var(--color-text-grey)}.work-title-back{float:right;width:2.5em;height:2.5em;display:inline-block;transition:transform var(--trans-speed) var(--trans-curve)}.work-title-back:hover{transform:translate(-.25em)}.work-title-back svg,svg.work-title-back{width:100%;height:100%;color:var(--color-text-main)}article.work-article-frame{margin-top:1.875em}.work-media-frame{margin-bottom:3.75em}.work-media-frame img{width:100%;height:auto;display:block;cursor:zoom-in}.work-media-frame video{width:100%;display:block}.work-media-frame p{font-size:.875em;color:var(--color-text-grey);text-align:center;line-height:1.375em;max-width:38.75em;margin:1.125em auto .75em;letter-spacing:-.005em;font-weight:400;opacity:.85}.work-media-table{margin-bottom:5em;border-top:0;border-bottom:0;padding-top:0;padding-bottom:0}.work-media-table-row{display:grid;grid-template-columns:11.25em 1fr;padding:.875em 0;border-bottom:.0625em solid var(--color-border);font-family:var(--font-mono);font-size:var(--font-size-detail);line-height:var(--font-line-height-detail);letter-spacing:-.01em}.work-media-table-row:last-child{border-bottom:none}.work-media-table-title{flex:0 0 100%;max-width:100%;font-size:.8125em;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-unselected);font-weight:600}@media(min-width:36em){.work-media-table-title{flex:0 0 33.333333%;max-width:33.333333%}}.work-media-table-sub{display:block;margin-top:.375em;font-size:var(--font-size-main);line-height:var(--font-line-height-main);color:var(--color-text-main);text-transform:none;letter-spacing:normal;font-weight:500}.work-title.main{display:block;margin-bottom:3.75em}.work-title.main .work-title-main{margin-top:0;margin-bottom:.3125em}.work-title.main .work-title-detail{margin:0 0 .5em}p.work-article{padding:0;margin:0 0 3.75em;font-size:var(--font-size-main);line-height:var(--font-line-height-main);color:var(--color-text-body)}p.work-article.list-title{color:var(--color-text-main);margin-bottom:1.875em!important}p.work-article a.work-article-title{color:var(--color-text-main);font-weight:600;font-size:1.375em;letter-spacing:-.015em;text-decoration:none!important;border-bottom:none!important;cursor:default;pointer-events:none;display:inline-block;margin-bottom:.25em}ul.work-article-list{color:var(--color-text-body);list-style-type:disc;padding:0;margin-left:1.25em;font-size:var(--font-size-main);line-height:var(--font-line-height-main);margin-bottom:5.625em}.last-line{margin-bottom:5.625em!important}.work-article-refs{font-size:var(--font-size-main);line-height:var(--font-line-height-main);overflow-wrap:break-word}.work-article-refs-main{margin-bottom:3.75em}.work-article-refs-title{margin-bottom:.9375em}.work-article-refs-sm{margin-top:.625em;color:var(--color-text-unselected);display:block}.lightbox-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#0000;opacity:0;pointer-events:none;transition:opacity var(--trans-speed-slow) var(--trans-curve),background-color var(--trans-speed-slow) var(--trans-curve);will-change:opacity}.lightbox-overlay.visible{background-color:#000000e0;opacity:1;pointer-events:auto}.lightbox-content{position:relative;max-width:92vw;max-height:90vh;transform:scale(.94);transition:transform var(--trans-speed-slow) var(--trans-curve)}.lightbox-overlay.visible .lightbox-content{transform:scale(1)}.lightbox-content img{display:block;max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:.125em;box-shadow:0 .25em .75em #00000026,0 .5em 1.5em #00000026,0 1em 3em #00000026;-webkit-user-select:none;user-select:none}.lightbox-close{position:absolute;top:1em;right:1em;width:2.75em;height:2.75em;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#fff;opacity:.72;transition:opacity var(--trans-speed) var(--trans-curve),transform var(--trans-speed) var(--trans-curve);padding:0;-webkit-tap-highlight-color:transparent}.lightbox-close:hover{opacity:1;transform:scale(1.08)}.lightbox-close:active{transform:scale(.94)}.lightbox-close svg{width:1.75em;height:1.75em;stroke-width:.09375em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.lightbox-overlay,.lightbox-content,.lightbox-close{transition:none}}html.lightbox-open{overflow:hidden;scrollbar-gutter:stable}.theme-switch-container{display:flex;align-items:center;gap:.5em;font-size:.875em;color:var(--color-text-grey)}.theme-switch-btn{background:none;border:none;cursor:pointer;padding:.5em;display:flex;align-items:center;justify-content:center;color:var(--color-text-main);border-radius:50%;transition:background-color var(--trans-speed) var(--trans-curve),color var(--trans-speed) var(--trans-curve);width:2.25em;height:2.25em}.theme-switch-btn:hover{background-color:var(--color-border)}.theme-switch-btn svg{width:1.25em;height:1.25em;fill:currentColor}.persistent-header{position:sticky;top:0;z-index:200;background-color:transparent!important;backdrop-filter:blur(1.25em) saturate(180%);-webkit-backdrop-filter:blur(1.25em) saturate(180%);border-bottom:none}.persistent-header:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:#ffffffd1;transition:background-color .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .persistent-header:before{background-color:#0e0e0ed1}.persistent-header:after{display:none!important}@media(min-width:90em){.layout-wrapper{max-width:90em;margin-left:auto;margin-right:auto;gap:4.5em}}@media(max-width:74.9375em)and (min-width:48.0625em){:root{--font-size-main: 1.1875em;--font-line-height-main: 1.6}.layout-wrapper{gap:2.5em}}@media(max-width:48em){:root{--font-size-main: 1.125em;--font-line-height-main: 1.55;--font-size-detail: .8125em;--font-line-height-detail: 1.65}.layout-wrapper{flex-direction:column;gap:2em}.sidebar{width:100%;max-width:100%;position:relative;top:0;height:auto;padding-right:0;padding-bottom:1.5em;border-right:none;border-bottom:.0625em solid var(--color-border)}.work-media-table-row{grid-template-columns:7.5em 1fr;padding:.625em 0}}@media(max-width:30em){.work-media-table-row{grid-template-columns:1fr;gap:.375em;padding:.75em 0}}html[data-lang=en] .lang-zh,html[data-lang=zh] .lang-en{display:none!important}