body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:Helvetica;font-size:15px;line-height:1.7;font-weight:300;color:#2E5073;background-color:#f7fcff;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure{margin-bottom:15px}img{max-width:100%;vertical-align:middle;height:auto}figure>img{display:block}figcaption{font-size:12.25px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:300;font-family:"Futura", sans-serif}h4{font-size:12px}a{color:#35adbb;text-decoration:none}a:hover{color:#64a1bd;text-decoration:underline}blockquote{color:#F8FFF4;border-left:4px solid #fff;padding-left:15px;font-size:100%;letter-spacing:-0.5px;font-style:italic}blockquote>:last-child{margin-bottom:0}pre,code{font-size:15px;border:1px solid #fff;border-radius:3px;background-color:#eef}code{padding:1px 5px}pre{padding:8px 12px;overflow-x:scroll}pre>code{border:0;padding-right:0;padding-left:0}.wrapper{max-width:-webkit-calc(900px - (30px * 2));max-width:calc(900px - (30px * 2));margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px;position:relative}@media screen and (max-width: 800px){.wrapper{max-width:-webkit-calc(900px - (30px));max-width:calc(900px - (30px));padding-right:15px;padding-left:15px}}.wrapper:after,.footer-col-wrapper:after{content:"";display:table;clear:both}.icon>svg{display:inline-block;width:16px;height:16px;vertical-align:middle}.icon>svg path{fill:#F8FFF4}.site-header{border-bottom:1px solid #fff;min-height:56px;padding-top:10px;padding-bottom:10px;position:relative}@media screen and (max-width: 500px){.site-header{padding-top:0;padding-bottom:0}}.site-title{font-size:26px;line-height:56px;letter-spacing:-1px;float:left}.site-title,.site-title:visited{color:#a7ff75}.site-nav{z-index:10;float:right;line-height:56px}.site-nav .menu-icon{display:none}.site-nav .page-link{color:#2E5073;line-height:1.7}.site-nav .page-link:not(:first-child){margin-left:20px}@media screen and (max-width: 500px){.site-nav{position:absolute;top:6px;right:16px}.site-nav .page-link{font-size:14px;color:#2E5073;line-height:1.7}.site-nav .page-link:not(:first-child){margin-left:14px}}.site-footer{border-top:1px solid #fff;padding:30px 0}@media screen and (max-width: 500px){.site-footer{padding-top:10px}}.footer-heading{font-size:18px;margin-bottom:15px}.contact-list,.social-media-list{list-style:none;margin-left:0}.footer-col-wrapper{font-size:15px;color:#F8FFF4;margin-left:-15px}.footer-col{float:left;margin-bottom:15px;padding-left:15px}.footer-col-1,.footer-col-2,.footer-col-3{width:-webkit-calc(33% - (30px / 2));width:calc(33% - (30px / 2))}.follow-links>.social-link{flex:0 50%}.powered-by{font-size:13px !important;color:#F8FFF4}@media screen and (max-width: 500px){.footer-col{float:none;width:100%}}.page-content{padding:30px 0}.page-heading{font-size:20px}.profilepic{float:right;border:#ccc 1px solid;margin-left:20px;height:300px}@media screen and (max-width: 500px){.profilepic{float:none;margin-bottom:20px;margin-left:0px}}.footer-col{font-size:12px}.footer-col h4{margin-bottom:0;margin-top:0;line-height:30px}.footer-col .social-links{display:flex;flex-wrap:wrap}.footer-col .social-links .social-link{display:flex;width:100%;align-items:flex-start;line-height:16px;margin-top:6.5px;margin-bottom:10px}.footer-col .social-links .social-link a{margin-left:6px;word-break:break-all}@media screen and (max-width: 500px){.footer-col .social-links{font-size:14px;line-height:38px}}#wechat-widget{display:none;position:absolute;background:#fff;border:#ddd 1px solid;box-shadow:0px 2px 3px rgba(0,0,0,0.25);padding:24px;text-align:center}#wechat-widget p{font-size:11px;line-height:16px;font-family:Helvetica, sans-serif;width:170px;margin:0 auto;margin-bottom:14px}#wechat-widget #qr-code{width:160px;height:160px;border:none}.work-item{clear:both;overflow:hidden;padding-bottom:3em}.work-bubble{float:left;padding-right:20px;width:175px;height:175px}.blog-post-list .blog-post-date{width:6em;color:#777;display:block;float:left}@media screen and (max-width: 500px){.blog-post-list .blog-post-date{display:block;float:none;color:#333;font-size:11px;margin-top:14px}}.blog-post-list .blog-post-title{font-size:100%;letter-spacing:normal}.post-header{margin-bottom:30px}.post-title{font-size:40px;letter-spacing:-1px;line-height:1.2;font-family:Charter,Georgia,Helvetica,Arial,sans-serif}@media screen and (max-width: 500px){.post-title{font-size:34px}}.post-subtitle{font-size:26px;letter-spacing:-1px;line-height:1;color:#777;font-family:Charter,Georgia,Helvetica,Arial,sans-serif;font-style:oblique;position:relative;top:-0.3em}@media screen and (max-width: 500px){.post-subtitle{font-size:24px}}.post-meta .post-date{text-transform:uppercase;font-size:120%}.post-content{margin-bottom:30px;width:100%}.post-content h2{font-size:32px}@media screen and (max-width: 500px){.post-content h2{font-size:28px}}.post-content h3{font-size:26px}@media screen and (max-width: 500px){.post-content h3{font-size:22px}}.post-content h4{font-size:20px}@media screen and (max-width: 500px){.post-content h4{font-size:18px}}.post-pic{border:#999 1px solid}.magnify{cursor:zoom-in}.post-languages{font-size:13px;font-family:Helvetica, sans-serif;margin-top:30px;margin-bottom:20px}.post-languages strong{font-size:11px;text-transform:uppercase}div.footnotes{font-size:80%}.draft-banner{background:#ff9999;color:#660000;text-align:center;padding:1em;margin-bottom:2em;font-family:Helvetica, sans-serif;border-radius:5px}.draft-banner a{color:#330000}.not-found-container{margin:10px auto;max-width:600px;text-align:center}h1.not-found-title{margin:30px 0;font-size:4em;line-height:1;letter-spacing:-1px}.hero-banner{background-color:#0078AB;color:#fff;padding:60px 40px;width:100%;position:relative}.hero-banner .hero-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.hero-banner .faculty-name{font-size:54px;font-weight:bold;color:#fff;margin:0;font-family:'Helvetica Neue', Arial, sans-serif}.hero-banner .page-nav{display:flex;gap:30px;align-items:center}.hero-banner .page-nav a{color:#fff;text-decoration:none;font-size:16px;font-weight:400;transition:opacity 0.2s}.hero-banner .page-nav a:hover{opacity:0.8}.hero-banner .page-nav .separator{color:#fff;user-select:none}.content-header{background-color:#F1F4F7;color:#333;padding:20px 40px;width:100%;border-bottom:1px solid #d1dbe4}.content-header .header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.content-header .breadcrumb{font-size:18px;font-weight:400;color:#333;font-family:'Helvetica Neue', Arial, sans-serif}.content-header .breadcrumb a{color:#333;text-decoration:none}.content-header .breadcrumb a:hover{color:#0078AB;text-decoration:none}.content-header .breadcrumb .arrow{margin-left:8px;font-size:14px}.content-header .page-nav{display:flex;gap:30px;align-items:center}.content-header .page-nav a{color:#333;text-decoration:none;font-size:16px;font-weight:400;transition:all 0.2s}.content-header .page-nav a:hover{color:#0078AB}.content-header .page-nav a.active{font-weight:500;border-bottom:2px solid #0078AB;padding-bottom:2px}.content-header .page-nav .separator{color:#333;user-select:none}.bio-section{max-width:1200px;margin:60px auto;padding:0 40px;display:flex;gap:60px;align-items:flex-start}.bio-section .headshot{flex:0 0 300px;max-width:300px}.bio-section .headshot img{width:100%;height:auto;display:block}.bio-section .bio-content{flex:1}.bio-section .bio-content .affiliation{font-size:16px;line-height:1.6;margin-bottom:8px;color:#000000}.bio-section .bio-content .cv-link{font-size:16px;margin-top:10px;margin-bottom:10px;color:#000000}.bio-section .bio-content .cv-link a{color:#0078AB;text-decoration:none}.bio-section .bio-content .cv-link a:hover{text-decoration:underline}.bio-section .bio-content .contact-info{margin-top:20px;margin-bottom:30px;font-size:16px;line-height:1.8;color:#000000}.bio-section .bio-content .contact-info strong{color:#000000}.bio-section .bio-content .contact-info a{color:#0078AB;text-decoration:none}.bio-section .bio-content .contact-info a:hover{text-decoration:underline}.bio-section .bio-content h2{font-size:28px;font-weight:bold;color:#333;margin-bottom:20px;margin-top:30px}.bio-section .bio-content p{font-size:16px;line-height:1.7;color:#333;margin-bottom:16px}.bio-section .bio-content p a{color:#0078AB;text-decoration:none}.bio-section .bio-content p a:hover{text-decoration:underline}.research-content{max-width:1200px;margin:40px auto;padding:0 40px}.research-content h1{font-size:32px;font-weight:bold;color:#333;margin-bottom:40px;margin-top:0}.research-content h2{font-size:28px;font-weight:bold;color:#333;margin-top:50px;margin-bottom:30px}.research-content h3{font-size:18px;color:#333;margin-top:5px;margin-bottom:5px}.research-content p{font-size:16px;line-height:1.7;color:#333;margin-bottom:16px}.research-content p a{color:#0078AB;text-decoration:none}.research-content p a:hover{text-decoration:underline}.research-content ul{margin-bottom:20px;padding-left:20px}.research-content ul li{font-size:16px;line-height:1.7;color:#333;margin-bottom:8px}.research-content ul li a{color:#0078AB;text-decoration:none}.research-content ul li a:hover{text-decoration:underline}.research-content strong{color:#333}.research-content .publication{margin-bottom:18px;line-height:1.5}.research-content .publication .pub-title{color:#333;text-decoration:none;font-size:16px;font-weight:400}.research-content .publication .pub-title:hover{color:#0078AB;text-decoration:underline}.research-content .publication .pub-authors{color:#000000;font-size:16px}.research-content .publication .pub-venue{font-style:italic;color:#333;font-size:16px}.research-content .publication .pub-links{display:inline;margin-left:4px}.research-content .publication .pub-links a{color:#0078AB;text-decoration:none;font-size:14px}.research-content .publication .pub-links a:hover{text-decoration:underline}.research-content .publication .pub-note{font-style:italic;color:#1a1a1a;font-size:16px;display:block}@media screen and (max-width: 800px){.hero-banner{padding:40px 20px}.hero-banner .hero-content{flex-direction:column;align-items:flex-start;gap:20px}.hero-banner .faculty-name{font-size:36px}.hero-banner .page-nav{flex-wrap:wrap;gap:15px}.content-header{padding:15px 20px}.content-header .header-content{flex-direction:column;align-items:flex-start;gap:15px}.bio-section{flex-direction:column;padding:0 20px;margin:40px auto;gap:30px}.bio-section .headshot{max-width:250px}.research-content{padding:0 20px}}