*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:65px}body{margin:0;color:#333;background:#fff;font-family:Arial,"Helvetica Neue",sans-serif;font-size:14px;line-height:1.55}a{color:#1673b1;text-decoration:none}a:hover{text-decoration:underline}.topbar{position:sticky;top:0;z-index:20;height:52px;background:#222;border-bottom:1px solid #111}.topbar nav{max-width:1040px;height:100%;margin:auto;display:flex;align-items:center;justify-content:center;gap:34px}.topbar a{color:#ddd;font-size:13px}.topbar a:hover{color:#fff;text-decoration:none}.page{width:1020px;max-width:calc(100% - 40px);margin:42px auto 70px;display:grid;grid-template-columns:205px 1fr;gap:46px;align-items:start}.sidebar{text-align:center;position:sticky;top:84px}.avatar{width:185px;height:220px;object-fit:cover;object-position:center 25%;margin:0 auto 18px}.sidebar h1{font-size:24px;font-weight:400;line-height:1.15;margin:0 0 10px;color:#222}.sidebar p{margin:6px 0;color:#555}.sidebar .email{font-size:13px;margin-top:16px}.social{display:flex;justify-content:center;flex-wrap:wrap;gap:7px 11px;margin:15px 0 8px}.social a{font-size:12px}.content{min-width:0}.content section{padding-bottom:25px}.content h2{font-size:24px;font-weight:400;color:#222;border-bottom:1px solid #ddd;padding-bottom:5px;margin:0 0 18px}.content h3{font-size:17px;font-weight:500;margin:22px 0 8px}.content h4{font-size:15px;line-height:1.4;margin:0 0 6px;color:#222}.content p{margin:7px 0}.content ul{padding-left:23px;margin-top:7px}.edu{margin:12px 0 18px}.edu ul{margin:4px 0}.experience{display:grid;grid-template-columns:72px 118px 1fr;gap:16px;align-items:start;margin:22px 0}.experience img{width:72px;height:58px;object-fit:contain;border:1px solid #eee;background:#fafafa}.experience .date{font-size:12px;color:#555;padding-top:2px}.experience p{color:#555}.paper{display:grid;grid-template-columns:180px 1fr;gap:20px;margin:23px 0 30px;align-items:start}.paper img{width:180px;height:112px;object-fit:cover;border:1px solid #eee}.paper p{font-size:13px;line-height:1.45}.paper .venue{font-weight:bold;color:#555}.repo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.repo{display:flex;flex-direction:column;min-height:125px;padding:15px;border:1px solid #d8dee4;border-radius:3px;color:#333}.repo:hover{text-decoration:none;border-color:#9db7cb}.repo strong{color:#1673b1;font-size:13px}.repo span{margin:10px 0;color:#555;font-size:12px}.repo small{margin-top:auto;color:#777}footer{position:relative;border-top:1px solid #ddd;background:#f7f7f7;text-align:center;padding:25px 20px;color:#777;font-size:12px}footer p{margin:4px}.top{position:absolute;right:25px;bottom:25px}@media(max-width:760px){.topbar{height:auto}.topbar nav{padding:12px 18px;gap:8px 18px;flex-wrap:wrap}.page{grid-template-columns:1fr;margin-top:28px}.sidebar{position:static}.avatar{width:155px;height:185px}.content h2{margin-top:15px}.experience{grid-template-columns:68px minmax(0,1fr);gap:7px 14px;margin:24px 0}.experience img{width:68px;height:56px;grid-row:1 / span 2}.experience .date{grid-column:2;grid-row:1;padding-top:0}.experience>div:last-child{grid-column:2;grid-row:2}.paper{grid-template-columns:130px 1fr;gap:15px}.paper img{width:130px;height:88px}.repo-grid{grid-template-columns:1fr}}@media(max-width:500px){body{font-size:13px}.page{max-width:calc(100% - 24px)}.topbar nav{justify-content:flex-start}.paper{grid-template-columns:1fr}.paper img{width:100%;height:170px}.experience{grid-template-columns:68px minmax(0,1fr);gap:9px 14px;margin:0;padding:18px 0;border-bottom:1px solid #e8e8e8}.experience:last-child{border-bottom:0}.experience img{grid-column:1;grid-row:1;width:68px;height:56px}.experience .date{grid-column:2;grid-row:1;align-self:center;font-size:12px}.experience>div:last-child{grid-column:1 / -1;grid-row:2}.experience h4{font-size:14px;line-height:1.45}.experience p{margin-top:6px;line-height:1.55}.content h2{font-size:21px}}