@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Roboto+Mono&display=swap";.link-item.mail[data-v-44851d4b]{background-image:url(/icon_mail.png)}.link-item.github[data-v-44851d4b]{background-image:url(/icon_github.png)}.link-item.scholar[data-v-44851d4b]{background-image:url(/icon_scholar.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-c8208451]{list-style:none;margin:0;padding-left:1.2rem;border-left:2px solid #e5e7eb}.news-item[data-v-c8208451]{position:relative;margin-bottom:.8rem;padding-left:1rem;transition:transform .15s ease}.news-item[data-v-c8208451]:hover{transform:translate(3px)}.news-item[data-v-c8208451]:before{content:"";position:absolute;left:-7px;top:6px;width:8px;height:8px;background:#000000;border-radius:50%}.news-date[data-v-c8208451]{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.25rem;letter-spacing:.03em}.news-content[data-v-c8208451]{font-size:.95rem;line-height:1.5}.news-scroll[data-v-c8208451]{position:relative;max-height:230px;overflow-y:auto;padding-right:6px;scroll-behavior:smooth}.news-scroll[data-v-c8208451]::-webkit-scrollbar{width:0px;background:transparent}.news-scroll[data-v-c8208451]{scrollbar-width:none}.news-scroll[data-v-c8208451]:before,.news-scroll[data-v-c8208451]:after{content:"";position:sticky;left:0;right:0;height:48px;pointer-events:none;z-index:2}.news-scroll[data-v-c8208451]:before{top:0;background:linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0))}.news-scroll[data-v-c8208451]:after{bottom:0;background:linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,0))}: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:800px;margin:0 auto;box-sizing:border-box}.personal-info{position:absolute;width:calc((100vw - 800px)/2);left:calc((800px - 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:800px}.personal-info{width:calc((100vw - 800px)/2);left:calc((800px - 100vw)/2)}}@media (max-width: 1250px){html{font-size:18px}.flex-container{width:640px}.personal-info{width:calc((100vw - 640px)/2);left:calc((640px - 100vw)/2)}}@media (max-width: 1250px){.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_style.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;display:flex;flex-wrap:wrap;align-items:flex-end}.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}.post-summary{font-size:.8rem;font-style:italic;color:var(--color-text-primary);position:relative;padding-left:1.2em}.post-summary:before{content:"\2605";position:absolute;left:0;color:var(--color-text-primary)}.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%}}.context-menu{position:fixed;background:var(--color-background);border:var(--line-secondary) solid var(--color-text-primary);padding:8px 0;min-width:160px;z-index:10000;box-sizing:border-box}.context-item{padding:6px 16px;font-size:.85rem;font-weight:500;cursor:pointer;position:relative}.context-item:after{content:"";position:absolute;left:16px;bottom:4px;width:0;height:var(--line-secondary);background-color:var(--color-text-primary);transition:width .25s ease}.context-item:hover:after{width:calc(100% - 32px)}