body{margin:0;font-family:Arial, sans-serif;display:flex;min-height:100vh;flex-direction:column}*{box-sizing:border-box}a{text-decoration:none;color:#007acc}a:hover{text-decoration:underline;opacity:0.8}.nav-links a,.social-links a{color:inherit}.nav-links a:hover,.social-links a:hover{text-decoration:none;opacity:1}ul,ol{list-style:none;margin:0;padding:0}img{max-width:100%;height:auto;border-radius:0.5rem}body{font-family:"Inter",Arial,sans-serif;font-size:1rem;line-height:1.4}h1,h2,h3,h4,h5,h6{letter-spacing:-0.5px;margin:0 0 1rem 0}code,pre{font-family:"Courier New",monospace}.page-content{flex:1;padding:1rem;max-width:1000px;margin:0 auto;text-align:center}.page-content .code-block{text-align:left}.site-nav{background:#fff}.nav-links{display:flex;justify-content:center;gap:2rem}.nav-links a{display:block;padding:1rem;color:#000;font-weight:bold;position:relative;transition:color 0.3s ease}.nav-links a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:currentColor;transform-origin:center;transform:scaleX(1);transition:transform 0.6s ease}.nav-links a:hover{color:#007acc}.nav-links a:hover::after{transform:scaleX(0)}.site-footer{background:#fff;text-align:center;padding:1rem 0}.social-links{display:flex;justify-content:center;gap:2rem}.social-links a{color:#000;font-weight:bold;position:relative;transition:color 0.3s ease}.social-links a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:currentColor;transform-origin:center;transform:scaleX(1);transition:transform 0.3s ease}.social-links a:hover{color:#007acc}.social-links a:hover::after{transform:scaleX(0)}.blog-list{max-width:1000px;margin:0 auto}.blog-entry{display:flex;align-items:stretch;gap:1.5rem;margin-bottom:2rem;text-align:left;height:150px}.blog-entry-image{width:150px;height:150px;object-fit:cover;border-radius:0.5rem}.blog-entry-content{display:flex;flex-direction:column;justify-content:flex-start;height:100%;padding:.5rem 0}.blog-entry-title{margin:0 0 .25rem 0;font-weight:bold;text-decoration:underline;font-size:1.2rem}.blog-entry-title a{color:#333}.blog-entry-title a:hover{color:#007acc}.blog-entry-meta{display:flex;flex-direction:column;gap:.25rem}.blog-entry-date{margin:0;font-style:italic;font-size:.9rem;color:#666}.blog-entry-tag{align-self:flex-start;display:inline-block;padding:0.1rem .5rem;border-radius:4px;font-size:.9rem;margin-top:.25rem}.post{text-align:left}.post-image{max-width:100%;height:auto;margin-bottom:1rem;border-radius:0.5rem}.post-content{margin-bottom:2rem}.post-footer{margin-top:2rem;padding:1.5rem 0;border-top:1px solid #e1e1e1}.author-info{margin-bottom:1rem}.author-info p:first-child{margin-bottom:.5rem;font-weight:bold}.contact-info{margin-top:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.post-date{color:#666;font-style:italic}.publications{max-width:800px;margin:0 auto;text-align:left}.publication{border:1px solid #ddd;border-radius:6px;padding:1rem;margin-bottom:1.5rem}.pub-actions{margin-top:.5rem}.pub-link,.copy-ref{margin-right:1rem;text-decoration:underline;color:#007acc;background:none;border:none;cursor:pointer;font:inherit}.pub-link:hover,.copy-ref:hover{color:#005c99}.copy-ref.copied{color:#28a745}.copy-ref:focus{outline:1px dashed #007acc}.pub-comments{margin-top:.5rem}.pub-comments summary{cursor:pointer;font-weight:bold}.pub-comments summary:hover{color:#007acc}.research-header{margin-bottom:2rem}.research-header .research-summary{font-size:1.1rem;color:#666;margin:1rem 0}.research-header .tags{display:flex;flex-wrap:wrap;gap:.5rem}.research-header .tags .tag{background:#e1e1e1;padding:.25rem .5rem;border-radius:4px;font-size:.9rem}.research-intro{margin-bottom:2rem}.research-intro .intro-content{display:flex;align-items:flex-start;gap:2rem}@media (max-width: 768px){.research-intro .intro-content{flex-direction:column;gap:1.5rem}}.research-intro .intro-text{flex:1}.research-intro .intro-image{flex:0 0 300px}@media (max-width: 768px){.research-intro .intro-image{flex:none;width:100%;max-width:400px;margin:0 auto}}.research-intro .intro-image figure{margin:0}.research-intro .intro-image figure img{width:100%;height:auto;border-radius:8px}.research-intro .intro-image figure figcaption{margin-top:8px;font-size:.9rem;color:#666;text-align:center;font-style:italic}.section-divider{border:none;border-top:1px solid #e1e1e1;margin:2rem 0}.research-experience .experience-header{margin-bottom:1.5rem}.research-experience .experience-header .period{font-size:.9rem;color:#666;margin-bottom:.25rem}.research-experience .experience-header .institution{margin:0 0 .25rem 0}.research-experience .experience-header .institution a{color:#333}.research-experience .experience-header .institution a:hover{color:#007acc}.research-experience .experience-header .affiliation{font-size:.9rem;color:#777}.research-experience .experience-content{display:flex;align-items:flex-start;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.research-experience .experience-content{flex-direction:column;gap:1.5rem}}.research-experience .experience-image{flex:0 0 300px}@media (max-width: 768px){.research-experience .experience-image{flex:none;width:100%;max-width:400px;margin:0 auto}}.research-experience .experience-image figure{margin:0}.research-experience .experience-image figure img{width:100%;height:auto;border-radius:8px}.research-experience .experience-image figure figcaption{margin-top:8px;font-size:.9rem;color:#666;text-align:center;font-style:italic}.research-experience .experience-text{flex:1}.research-experience .publications-section h3{margin-bottom:1rem}.code-block,pre{background:#f8f8f8;border:1px solid #e1e1e1;border-radius:4px;margin:1rem 0;overflow-x:auto;position:relative}.code-block code,pre code{display:block;padding:1rem;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.9rem;line-height:1.5;color:#000;white-space:pre;tab-size:4}.code-block::after,pre::after{content:attr(data-lang);position:absolute;top:0.25rem;right:0.4rem;font-size:0.65rem;opacity:0.75;padding:0.15rem 0.35rem;border-radius:3px;border:1px solid #f0f0f0;text-transform:uppercase;pointer-events:none;background:rgba(0,0,0,0.15)}.code-block .keyword{color:#d73a49;font-weight:600}.code-block .string{color:#032f62}.code-block .comment{color:#6a737d;font-style:italic}.code-block .number{color:#005cc5}.code-block .built-in{color:#005cc5;font-weight:600}.code-block .preprocessor{color:#d73a49}pre .keyword{color:#d73a49;font-weight:600}pre .string{color:#032f62}pre .comment{color:#6a737d;font-style:italic}pre .number{color:#005cc5}pre .built-in{color:#005cc5;font-weight:600}pre .preprocessor{color:#d73a49}.hero{text-align:center;padding:2rem 0;margin-bottom:2rem}.hero .hero-content{max-width:800px;margin:0 auto}.hero .hero-content h1{font-size:2.5rem;margin-bottom:1rem}@media (max-width: 768px){.hero .hero-content h1{font-size:2rem}}.hero .hero-content .hero-subtitle{font-size:1.2rem;color:#666;margin-bottom:1.5rem}@media (max-width: 768px){.hero .hero-content .hero-subtitle{font-size:1.1rem}}.featured-content{margin-bottom:2rem}.featured-content .content-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem;max-width:1000px;margin:0 auto}@media (max-width: 576px){.featured-content .content-grid{grid-template-columns:1fr;gap:1rem}}.feature-card{background:#fff;border:1px solid #e1e1e1;border-radius:8px;padding:1.5rem;text-align:center;transition:transform 0.2s ease, box-shadow 0.2s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.feature-card h2{margin-top:0;margin-bottom:1rem}.feature-card h2 a{color:#333}.feature-card h2 a:hover{color:#007acc}.feature-card p{color:#666;margin-bottom:0}.about-content{text-align:left}.about-content .intro-content,.about-content .sub-text{display:flex;align-items:flex-start;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.about-content .intro-content,.about-content .sub-text{flex-direction:column;gap:1.5rem}}.about-content .intro-text,.about-content .sub-text-body{flex:1}.about-content .intro-image,.about-content .sub-text-image{flex:0 0 260px;max-width:260px}@media (max-width: 768px){.about-content .intro-image,.about-content .sub-text-image{flex:none;width:100%;max-width:400px;margin:0 auto}}.about-content .intro-image figure,.about-content .sub-text-image figure{margin:0}.about-content .intro-image figure img,.about-content .sub-text-image figure img{width:100%;height:auto;border-radius:8px;display:block}.about-content .intro-image figure figcaption,.about-content .sub-text-image figure figcaption{margin-top:8px;font-size:.9rem;color:#666;text-align:center;font-style:italic}.about-content.image-right .intro-content .intro-image,.about-content.image-right .intro-content .sub-text-image,.about-content.image-right .sub-text .intro-image,.about-content.image-right .sub-text .sub-text-image{order:2}.about-content.image-right .intro-content .intro-text,.about-content.image-right .intro-content .sub-text-body,.about-content.image-right .sub-text .intro-text,.about-content.image-right .sub-text .sub-text-body{order:1}.about-content.image-left .intro-content .intro-image,.about-content.image-left .intro-content .sub-text-image,.about-content.image-left .sub-text .intro-image,.about-content.image-left .sub-text .sub-text-image{order:1}.about-content.image-left .intro-content .intro-text,.about-content.image-left .intro-content .sub-text-body,.about-content.image-left .sub-text .intro-text,.about-content.image-left .sub-text .sub-text-body{order:2}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:.9rem}.text-lg{font-size:1.2rem}.text-bold{font-weight:bold}.text-italic{font-style:italic}.text-muted{color:#666}.text-accent{color:#007acc}.mt-0{margin-top:0}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mt-xl{margin-top:2rem}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.mb-xl{margin-bottom:2rem}.p-0{padding:0}.p-sm{padding:.5rem}.p-md{padding:1rem}.p-lg{padding:1.5rem}.p-xl{padding:2rem}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.border{border:1px solid #e1e1e1}.border-top{border-top:1px solid #e1e1e1}.border-bottom{border-bottom:1px solid #e1e1e1}.border-light{border-color:#f0f0f0}.rounded{border-radius:0.25rem}.rounded-sm{border-radius:0.125rem}.rounded-lg{border-radius:0.5rem}.w-full{width:100%}.w-auto{width:auto}.container-sm{max-width:800px;margin:0 auto}.container-md{max-width:1000px;margin:0 auto}