@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Roboto+Mono&display=swap";.link-item.mail[data-v-7a44885f]{background-image:url(/icon_mail.png)}.link-item.github[data-v-7a44885f]{background-image:url(/icon_github.png)}.profile[data-v-852da78d]{margin-top:56px;padding-bottom:12px;display:flex;flex-direction:row-reverse;border-bottom:1px solid #e0e0e0;gap:3%}.profile-content[data-v-852da78d]{width:100%;margin:0}.profile-image[data-v-852da78d]{width:40%;flex-shrink:0}.profile-image img[data-v-852da78d]{width:100%;height:auto;display:block;border-radius:2px}.profile-title[data-v-852da78d]{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:8px;display:flex;align-items:baseline;flex-wrap:wrap;flex-direction:column-reverse}.switch-lang[data-v-852da78d]{font-size:.875rem;font-weight:400;color:var(--color-text-secondary)}.switch-lang a[data-v-852da78d]{cursor:pointer;color:var(--color-text-primary);margin:0 2px}.switch-lang a[data-v-852da78d]:hover{opacity:.6}.profile-body[data-v-852da78d]{font-size:1rem;line-height:1.6;margin-bottom:32px}[data-v-852da78d] .profile-body p{margin-top:8px;margin-bottom:8px;text-indent:0}.profile-link[data-v-852da78d]{font-size:.875rem;font-weight:500;line-height:1.5;margin-bottom:12px}.profile-link a[data-v-852da78d]{margin-right:8px;text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom .2s}.profile-link a[data-v-852da78d]:hover{border-bottom:1px solid currentColor}@media (max-width: 600px){.profile[data-v-852da78d]{flex-wrap:wrap;flex-direction:row}.profile-image[data-v-852da78d]{width:100%;margin-bottom:16px}.profile-content[data-v-852da78d]{width:100%}}.news-list[data-v-d3ceadb7]{padding:0;margin:0;list-style:none}.news-list li[data-v-d3ceadb7]{margin-top:2px;line-height:1.25}.news-date[data-v-d3ceadb7]{font-family:Roboto Mono,monospace;font-weight:600}:root{--color-text-primary: #373633;--color-text-secondary: #AFAEA9;--color-background: #ffffff;--line-primary: 4px;--line-secondary: 2px;--margin-l-0: 24px;--margin-l-1: 16px;--margin-l-2: 8px;--margin-primary: 16px;--font-family-body: "Inter", sans-serif;font-size:18px}html.dark{--color-text-primary: #E8E8E8;--color-text-secondary: #7D7C78;--color-background: #1c1c1c}body{margin:0;background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family-body);transition:background-color .3s,color .3s}a{text-decoration:none;color:var(--color-text-primary)}.flex-container{position:relative;width:720px;margin:0 auto;box-sizing:border-box}.personal-info{position:absolute;width:calc((100vw - 720px)/2);left:calc((720px - 100vw)/2);top:0;text-align:right;padding-right:36px;box-sizing:border-box}@media (max-width: 1600px){html{font-size:18px}.flex-container{width:720px}.personal-info{width:calc((100vw - 720px)/2);left:calc((720px - 100vw)/2)}}@media (max-width: 1200px){html{font-size:18px}.flex-container{width:640px}.personal-info{width:calc((100vw - 640px)/2);left:calc((640px - 100vw)/2)}}@media (max-width: 1100px){.personal-info{display:none}}@media (max-width: 688px){.flex-container{display:block;width:calc(100% - 48px);padding-left:24px;padding-right:24px}}.personal-info-image{width:80%;margin-left:auto}.personal-info-img{display:block;width:120px;border-radius:60px;margin:0 auto;transition:opacity .3s}.personal-info-image:hover .personal-info-img{content:url(/yuchen_vs.jpg)}.personal-info-link{width:80%;margin-top:20px;margin-left:auto}.personal-info-link-list{width:120px;margin:0 auto;list-style:none;padding:0}.profile{padding-bottom:36px;border-bottom:1px solid #e0e0e0;gap:3%}.profile-title{font-size:2rem;font-weight:700}.link-item{background-repeat:no-repeat;background-position:left center;background-size:16px 16px;padding-left:25px;margin-bottom:8px;text-align:left}.mask-border:before{content:"";width:100%;height:100vh;border:var(--line-primary) solid var(--color-text-primary);position:fixed;top:0;left:0;pointer-events:none;z-index:100;box-sizing:border-box}.wrapper{display:flex;flex-direction:column;min-height:100vh}.main{flex-grow:1}.header{border-bottom:var(--line-secondary) solid var(--color-text-primary);padding-top:var(--margin-l-0);padding-bottom:var(--margin-l-2);margin-bottom:var(--margin-primary)}.header-inner{display:flex;justify-content:space-between;align-items:center}.site-brand{font-weight:500;font-size:.9rem;cursor:pointer;user-select:none}.menu-list{display:flex;gap:var(--margin-l-0);list-style:none;margin:0;padding:0}.menu-item{position:relative;font-weight:500;font-size:.9rem}.menu-item:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:var(--line-secondary);background-color:var(--color-text-primary);transition:width .3s ease-in-out}.menu-item:hover:after{width:100%}.footer{margin-top:var(--margin-primary);border-top:var(--line-secondary) solid var(--color-text-primary);padding:var(--margin-primary) 0;text-align:center;font-size:.85rem}#menu-btn{display:none}@media (max-width: 688px){:root{--margin-primary: 1px}.header-inner{flex-wrap:wrap}#menu-btn{display:block!important;width:50%;text-align:right;cursor:pointer}.site-brand-container{width:50%}.site-nav{width:100%}.menu-list{height:0;overflow:hidden;flex-direction:column;gap:0;transition:height .3s ease;text-align:right}.menu-list.active{height:auto;margin-top:12px;padding-bottom:12px}.menu-item{margin-top:8px}.menu-item:after{display:none}}.profile+.profile{margin-top:36px;padding-top:0}.post-project-list{width:100%}.h-line-secondary{height:1px;background-color:var(--color-text-secondary);opacity:.3;margin-top:12px;margin-bottom:24px}.post-project-item{display:flex;margin-top:24px;margin-bottom:12px}.post-project-item .post-img{width:20%;flex-shrink:0;padding-right:24px}.post-project-item .post-img img{width:100%;height:auto;border-radius:2px;display:block}.post-project-item .post-info{flex-grow:1;display:flex;flex-direction:column}.post-project-item .post-title{margin-bottom:4px;font-size:1.125rem;font-weight:700}.post-project-item .post-title a{position:relative;font-weight:700}.post-project-item .post-title a:hover{opacity:.7}.post-author{font-size:.875rem;color:var(--color-text-primary);margin-bottom:2px}.post-publication{font-size:.875rem;font-style:italic;color:var(--color-text-secondary);margin-bottom:8px}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.post-tag a{display:inline-block;padding:4px 12px;border:1px solid var(--color-text-secondary);border-radius:20px;font-size:.75rem;font-weight:500;color:var(--color-text-primary);text-decoration:none;transition:all .2s ease;border-bottom:1px solid var(--color-text-secondary)}.post-tag a:hover{background-color:var(--color-text-primary);color:var(--color-background);border-color:var(--color-text-primary);border-bottom:1px solid var(--color-text-primary)}@media (max-width: 600px){.post-project-item{flex-wrap:wrap}.post-project-item .post-img{width:100%;padding-right:0;margin-bottom:12px}.post-project-item .post-info{width:100%}}