/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v15/S6u8w4BMUTPHjxsAUi-qNiXg7eU0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v15/S6u8w4BMUTPHjxsAXC-qNiXg7Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v15/S6u_w4BMUTPHjxsI5wq_FQftx9897sxZ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v15/S6u_w4BMUTPHjxsI5wq_Gwftx9897g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

a {
  color: #1772d0;
  text-decoration: none;
}

a:focus,
a:hover {
  color: #f09228;
  text-decoration: none;
}

body,
td,
th,
tr,
p,
a {
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 14px;
}

strong {
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 14px;
}

h2 {
  margin: 0;
  font-weight: normal;
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 22px;
}

.papertitle {
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.name {
  padding-top: 20px;
  margin: 0;
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 32px;
}

.one {
  width: 160px;
  height: 160px;
  position: relative;
}

.two {
  width: 160px;
  height: 160px;
  position: absolute;
  transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
}

.fade {
  transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
}

span.highlight {
  background-color: #ffffd0;
}

.colored-box {
    color: black;
    padding: 20px;
    display: inline-block;
    border-radius: 10px;
}
.image-hover-container{
  position: relative;
  width: 180px;      /* 想多大改这里 */
  height: 180px;
  overflow: hidden;
}

.image-hover-container img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.img-hover{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .2s ease-in-out;
}

.image-hover-container:hover .img-hover{ opacity: 1; }
.image-hover-container:hover .img-default{ opacity: 0; }
:root{
  --accent: #2f6feb;     /* 主色：改这里就能换整体配色 */
  --accent2:#8250df;     /* 次色：可选 */
  --text:   #111827;
  --muted:  #6b7280;
  --border: rgba(17,24,39,.10);
  --shadow: rgba(17,24,39,.06);
}

/* 标题更有层次：左侧色条 + 更紧凑的间距 */
.section-title{
  margin: 26px 0 14px;
  padding-left: 12px;
  position: relative;
  font-weight: 800;
  letter-spacing: .2px;
}
.section-title::before{
  content:"";
  position:absolute;
  left:0;
  top:.22em;
  width:6px;
  height:.95em;
  background: var(--accent);
  border-radius: 6px;
}

/* News 列表卡片 */
.news-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.news-item{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 1px 0 var(--shadow);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.news-item:hover{
  transform: translateY(-1px);
  border-color: rgba(47,111,235,.35);
  box-shadow: 0 10px 22px rgba(17,24,39,.08);
}

.news-date{
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  font-size: .92rem;
  color: var(--accent);
  background: rgba(47,111,235,.12);
  padding: 2px 9px;
  border-radius: 999px;
}

.news-tag{
  font-weight: 700;
  font-size: .80rem;
  color: var(--accent2);
  background: rgba(130,80,223,.12);
  padding: 2px 8px;
  border-radius: 999px;
}

.news-text{
  color: var(--muted);
}

.news-item a{
  color: var(--text);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.news-item a:hover{
  color: var(--accent);
  border-bottom-color: rgba(47,111,235,.35);
}
/* 会议名统一样式（一个就够） */
.news-venue{
  font-weight: 800;
  font-size: .82rem;
  padding: 2px 8px;
  border-radius: 999px;
  display: inline-block;
  margin-left: 6px;
  line-height: 1.2;
  color: #0ea5e9;                 /* 统一颜色：你只改这里 */
  background: rgba(14,165,233,.14);/* 统一背景：你只改这里 */
  border: 1px solid rgba(14,165,233,.22);
}
/* ===== Publications: academic cards ===== */

.pub-card{
  border: 1px solid rgba(17,24,39,.10);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 1px 0 rgba(17,24,39,.06);
  padding: 14px 14px;
  margin: 12px 0;
}

.pub-table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.pub-thumb{
  width: 26%;
  vertical-align: middle;
  text-align: center;
  padding-right: 18px;
}

.pub-thumb img{
  width: 100%;
  max-width: 220px;
  border-radius: 12px;
  border: 1px solid rgba(17,24,39,.10);
}

.pub-body{
  width: 74%;
  vertical-align: middle;
}

/* 你现在用的是自定义标签 papertext / papertitle / author
   直接把它们“变成块级 + 学术排版”即可 */
papertext{ display:block; }
papertitle{
  display:block;
  font-weight: 900;
  font-size: 1.05rem;
  line-height: 1.25;
  margin: 4px 0 6px;
}
papertitle a{
  color: #111827;
  text-decoration: none;
}
papertitle a:hover{
  color: #2f6feb;
}

.pub-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-bottom: 2px;
}

.pub-venue{
  font-weight: 800;
  font-size: .82rem;
  padding: 2px 8px;
  border-radius: 999px;
  display: inline-block;
  white-space: nowrap;
  color: #0ea5e9;
  background: rgba(14,165,233,.14);
  border: 1px solid rgba(14,165,233,.22);
}

.pub-year{
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  font-size: .86rem;
  color: #6b7280;
}

.pub-authors{
  color: #6b7280;
  font-size: .95rem;
  line-height: 1.35;
  margin-top: 2px;
}

.pub-authors a{
  color: #6b7280;
  text-decoration: none;
  border-bottom: 1px dashed rgba(107,114,128,.45);
}
.pub-authors a:hover{
  color: #2f6feb;
  border-bottom-color: rgba(47,111,235,.35);
}

/* 可选：放 PDF/Code/BibTeX 这种小按钮更“学术主页” */
.pub-links{
  margin-top: 8px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.pub-links a{
  font-weight: 700;
  font-size: .82rem;
  padding: 4px 8px;
  border-radius: 10px;
  border: 1px solid rgba(17,24,39,.10);
  text-decoration:none;
  color: #111827;
  background:#fff;
}
.pub-links a:hover{
  border-color: rgba(47,111,235,.35);
  color:#2f6feb;
}

/* 窄屏时自动上下排（不再挤在一行） */
@media (max-width: 900px){
  .pub-thumb, .pub-body{
    display:block;
    width:100% !important;
    padding-right:0;
  }
  .pub-thumb{ margin-bottom: 10px; }
  .pub-thumb img{ max-width: 360px; }
}
/* 左侧缩略图固定尺寸 */
/* 固定缩略图显示区域（你要统一多大就改这里） */
.pub-thumb .image-container{
  width: 280px;
  height: 120px;
  border-radius: 12px;
  border: 1px solid rgba(17,24,39,.10);
  background: #fff;
  overflow: hidden;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* 关键：等比缩小到容器内，不裁剪 */
.pub-thumb .image-container img{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;   /* 可留可不留，留着也行 */
  display: block;
}
.pub-thumb .image-container{
  background: rgba(17,24,39,.02);
}
/* Publications 标题：渐变下划线 + 右侧标签 */
.pub-title{
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 34px 0 10px;
  padding-bottom: 10px;
  position: relative;
}

.pub-title h2{
  margin: 0;
  font-weight: 900;
  letter-spacing: .2px;
}

.pub-title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width: 260px;              /* 下划线长度，可调 */
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #0ea5e9 0%, #8250df 60%, rgba(130,80,223,0) 100%);
}

.pub-chip{
  font-weight: 800;
  font-size: .80rem;
  padding: 2px 10px;
  border-radius: 999px;
  color: #8250df;
  background: rgba(130,80,223,.12);
  border: 1px solid rgba(130,80,223,.18);
}

.pub-subnote{
  margin: 0 0 16px;
  color: #6b7280;
}
.pub-authors strong{
  text-decoration: underline;
  text-decoration-thickness: 2px;   /* 下划线粗细，可调 */
  text-underline-offset: 3px;       /* 距离文字的间距，可调 */
  text-decoration-color: rgba(47,111,235,.65); /* 下划线颜色，可调 */
}
/* ===== Preprints: lightweight (less important than publications) ===== */

.preprint-title{
  margin: 34px 0 12px;
  font-weight: 900;
  letter-spacing: .2px;
  display: inline-block;
  position: relative;
  padding-bottom: 6px;
}

/* 不同于 publications：用“点状下划线/虚线”更轻 */
.preprint-title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width: 180px;
  border-bottom: 2px dashed rgba(17,24,39,.18);
}

.preprint-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* 卡片更轻：细边框、弱阴影、淡背景 */
.preprint-item{
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 14px;
  background: rgba(17,24,39,.015);
  padding: 12px 14px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

/* 左侧小圆点（轻量标记），替代 publication 的大图 */
.preprint-dot{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(47,111,235,.35);
  margin-top: 7px;
  flex: 0 0 auto;
}

.preprint-main{
  flex: 1 1 auto;
  min-width: 0;
}

.preprint-paper-title{
  font-weight: 900;
  font-size: 1.02rem;
  line-height: 1.25;
  margin: 0 0 4px;
}

.preprint-paper-title a{
  color: #111827;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.preprint-paper-title a:hover{
  color: #2f6feb;
  border-bottom-color: rgba(47,111,235,.35);
}

.preprint-authors{
  color: #6b7280;
  font-size: .94rem;
  line-height: 1.35;
  margin: 0 0 6px;
}

.preprint-status{
  display: inline-block;
  font-weight: 800;
  font-size: .78rem;
  padding: 2px 8px;
  border-radius: 999px;
  color: rgba(17,24,39,.75);
  background: rgba(17,24,39,.06);
  border: 1px solid rgba(17,24,39,.10);
  margin-right: 8px;
  white-space: nowrap;
}

.preprint-links a{
  font-weight: 800;
  font-size: .80rem;
  color: #2f6feb;
  text-decoration: none;
  margin-right: 10px;
}
.preprint-links a:hover{
  text-decoration: underline;
}

/* 手机端更紧凑 */
@media (max-width: 900px){
  .preprint-item{ padding: 11px 12px; }
}
/* oral highlight badge */
.pub-oral{
  display: inline-block;
  font-weight: 900;
  font-size: .78rem;
  padding: 2px 8px;
  border-radius: 999px;
  color: #b91c1c;                 /* 红字 */
  background: rgba(239,68,68,.12);/* 淡红底 */
  border: 1px solid rgba(239,68,68,.25);
  white-space: nowrap;
}
/* ===== Services: clean + academic (not too heavy) ===== */

.services-wrap{
  margin: 18px 0 28px;
}

.service-card{
  border: 1px solid rgba(17,24,39,.08);
  background: rgba(17,24,39,.015);
  border-radius: 14px;
  padding: 12px 14px;
  margin-bottom: 12px;
}

.service-head{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.service-icon{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(16,185,129,.45); /* 绿色点，和 News 的蓝区分 */
}

.service-title{
  font-weight: 900;
  letter-spacing: .2px;
  color: rgba(17,24,39,.88);
}

.service-chips{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: 20px; /* 让 chips 与标题对齐 */
}

.service-chip{
  display: inline-block;
  font-weight: 800;
  font-size: .84rem;
  padding: 3px 10px;
  border-radius: 999px;
  color: rgba(17,24,39,.78);
  background: rgba(17,24,39,.06);
  border: 1px solid rgba(17,24,39,.10);
  white-space: nowrap;
}

/* 会议 chips 稍微偏蓝一点 */
.service-chip.conf{
  color: rgba(47,111,235,.95);
  background: rgba(47,111,235,.10);
  border-color: rgba(47,111,235,.18);
}

/* 期刊 chips 稍微偏紫一点 */
.service-chip.jour{
  color: rgba(130,80,223,.95);
  background: rgba(130,80,223,.10);
  border-color: rgba(130,80,223,.18);
}
/* ===== top links pills ===== */
.pill-links{
  text-align: center;
  margin: 10px 0 0;
}

.pill-links a{
  display: inline-block;
  margin: 0 8px 8px 0;
  padding: 6px 12px;
  border-radius: 999px;
  font-weight: 800;
  font-size: .92rem;
  text-decoration: none;

  color: rgba(17,24,39,.85);
  background: rgba(17,24,39,.05);
  border: 1px solid rgba(17,24,39,.10);

  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}

.pill-links a:hover{
  transform: translateY(-1px);
  background: rgba(47,111,235,.08);
  border-color: rgba(47,111,235,.22);
  color: rgba(47,111,235,.95);
}

.pill-links a:active{
  transform: translateY(0);
}

/* 可选：给不同链接一点点区分，但仍保持克制 */
.pill-links a.pill-primary{
  background: rgba(47,111,235,.10);
  border-color: rgba(47,111,235,.20);
  color: rgba(47,111,235,.95);
}
.pill-links a{
  box-shadow: 0 1px 0 rgba(17,24,39,.06);
}
.site-name{
  margin: 0;
  text-align: center;
  font-weight: 900;
}

.site-name-zh{
  text-align: center;
  margin-top: 6px;
  font-size: 1.02rem;
  font-weight: 800;
  color: rgba(17,24,39,.55);
  letter-spacing: .5px;
}
.name-block{
  text-align: center;
  margin: 0 0 10px;
}

.site-name{
  margin: 0;
  font-weight: 900;
}

.site-name-zh{
  margin-top: 6px;
  font-size: 1.02rem;
  font-weight: 800;
  color: rgba(17,24,39,.55);
  letter-spacing: .4px;
}
<div style="text-align:center; margin: 18px 0;">
  <div style="
    display:inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid rgba(17,24,39,.12);
    background: rgba(17,24,39,.03);
    color: rgba(17,24,39,.70);
    font-weight: 800;
    margin-bottom: 10px;
  ">
    Thank you for visiting my homepage.
  </div>

  <script type="text/javascript" id="clustrmaps"
    src="//clustrmaps.com/map_v2.js?d=你的参数..."></script>
</div>