body {

    font-family:
    "Helvetica Neue",
    Arial,
    "Microsoft YaHei",
    sans-serif;

    max-width: 1000px;

    margin: auto;

    padding: 30px;

    color: #333;

    line-height: 1.8;

}


nav {

    display:flex;

    justify-content:space-between;

    align-items:center;

    border-bottom:1px solid #ddd;

    padding-bottom:15px;

}


nav a {

    margin-left:20px;

    text-decoration:none;

    color:#0056b3;

}


button {

    border:none;

    background:#eee;

    padding:6px 12px;

    cursor:pointer;

}

nav button {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:32px;

    padding:0 12px;

    line-height:1;

    border-radius:8px;

}



.profile {

    display:flex;

    margin-top:40px;

    gap:40px;

    align-items: center;
}


.profile img {

    width:200px;

    height:266px;

    object-fit:cover;

    border-radius:10px;

    margin-top:25px;
}

.recruitment {

    padding:8px 12px;

    border-left:3px solid #0056b3;

    background:#f5f8fc;

}


section {

    margin-top:45px;

}



h1 {

    font-size:36px;

}



h2 {

    border-bottom:2px solid #333;

    padding-bottom:5px;

}

.project-section-title {

    margin-top:24px;

    margin-bottom:6px;

    font-size:18px;

    line-height:1.3;

    color:#333;

    font-weight:700;

}



section > .project-section-title:first-child {

    margin-top:0;

}



.project-item {

    padding:12px 0;

    border-bottom:1px solid #eee;

}



.project-main {

    display:flex;

    justify-content:space-between;

    gap:20px;

    align-items:baseline;

}



.project-main span {

    flex-shrink:0;

    color:#666;

    font-size:14px;

}

.project-main b {

    font-weight:400;

}



.project-meta {

    margin-top:2px;

    color:#555;

    line-height:1.5;

}

.award-list {

    border-top:1px solid #eee;

}



.award-item {

    padding:12px 0;

    border-bottom:1px solid #eee;

}



.award-main {

    display:flex;

    justify-content:space-between;

    gap:20px;

    align-items:baseline;

}



.award-main span {

    flex-shrink:0;

    color:#666;

    font-size:14px;

}

.award-main b {

    font-weight:400;

}

.education-list {

    margin-top:18px;

}



.education-item {

    padding:12px 0;

    border-bottom:1px solid #eee;

}



.education-main {

    display:flex;

    justify-content:space-between;

    gap:20px;

    align-items:baseline;

}



.education-main span {

    flex-shrink:0;

    color:#666;

    font-size:14px;

}



.education-detail {

    margin-top:2px;

    color:#555;

    line-height:1.5;

}



.zh {

    display:none;

}



.paper {

    margin-bottom:25px;

}



.ccf {

    float:right;

    font-weight:bold;

    color:#555;

}



footer {

    margin-top:60px;

    text-align:center;

    color:#888;

}



@media(max-width:700px){


.profile{

flex-direction:column;

}


.education-main{

flex-direction:column;

gap:0;

}


.project-main{

flex-direction:column;

gap:0;

}


.award-main{

flex-direction:column;

gap:0;

}


}

/* Publications */


.filter{

margin:18px 0;

}


.filter button{

margin-right:12px;

padding:6px 15px;

border:1px solid #aaa;

background:white;

cursor:pointer;

}



.year{

margin-top:28px;

border-bottom:
2px solid #333;

padding-bottom:3px;

line-height:1.3;

}



.paper{

position:relative;

margin-bottom:14px;

padding:0 70px 12px 0;

border-bottom:1px solid #eee;

line-height:1.45;

}



.paper .title{

font-weight:500;

font-size:16px;

line-height:1.35;

}



.paper .authors{

display:inline;

margin-top:0;

color:#555;

font-size:14px;

}



.paper .venue{

display:inline;

margin-top:0;

font-style:italic;

color:#555;

font-size:14px;

}



.paper .venue:before{

content:" • ";

font-style:normal;

color:#999;

}



.ccf{

position:absolute;

right:0;

top:2px;

font-weight:bold;

font-size:13px;

color:#555;

}



@media(max-width:700px){


.ccf{

position:static;

display:inline-block;

margin-top:4px;

}


.paper{

padding-right:0;

}


}