html {
  overflow-y: scroll;
  /* -webkit-text-size-adjust: 100%; 禁止iPhone自动放大文字 */
}

/* =====================
   Modern Academic Style - Minimal Gray-Blue
   Cross-Platform Friendly
   ===================== */

body {
  margin: 0 auto;
  width: 860px;
  padding: 0 16px;
  background-color: #fafafa;
  color: #222;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB",
               "Microsoft YaHei", "Noto Sans", sans-serif;
  font-size: 100%;
  line-height: 1.6;
}


/* ---------- Title hierarchy balance ---------- */
/* 全站标题层级：稳重不喧宾夺主 */
h1 {
  font-size: 1.75em;
  font-weight: 650;
  color: #003366;
}

h2 {
  font-size: 1.35em;
  font-weight: 600;
  color: #113366;
  margin-top: 0.6em;
  margin-bottom: 0.45em;
}

h3 {
  font-size: 1.18em;
  font-weight: 550;
  color: #222;
  margin-top: 1em;
  margin-bottom: 0.35em;
}

/* --- Fix iOS Safari heading scaling issue --- 
@supports (-webkit-touch-callout: none) {
  h1, h2, h3 {
    font-size: inherit;
  }
  h1 { font-size: 1.75em !important; }
  h2 { font-size: 1.35em !important; }
  h3 { font-size: 1.18em !important; }
} */

/* ===== Modern Minimal Banner ===== */
.banner {
  background-color: #f8f9fb;         /* 柔和浅灰蓝背景 */
  color: #111;                       /* 深灰文字 */
  border-bottom: 1px solid #ddd;     /* 细浅灰分割线 */
  padding: 13px 0px;                /* 顶部内边距略加宽 */
  text-align: left;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* 微阴影，层次感 */

}

#banner h1 {
  color: #003366;                    /* 稳重深蓝标题 */
  font-size: 1.75em;                 /* 原为 2.2em，调小约 20% */
  font-weight: 700;
  margin: 0.2em 0;                   /* 上下略留空隙，视觉更稳 */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
}

#banner h2 {
  color: #444;
  font-size: 1.2em;
  margin-top: 4px;
  font-weight: 500;
  opacity: 0.9;
}

/* ===== Navigation Bar (below banner) ===== */
.banner-nav {
  background-color: #ffffff;        /* 与正文同底色 */
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 8px 20px;
  text-align: left;
  font-size: 0.95em;
  margin-bottom: 6px;
}

.banner-nav a {
  color: #0056b3;                   /* 现代网页常用蓝色 */
  text-decoration: none;
  margin-right: 12px;
  transition: color 0.15s ease;
}

.banner-nav a:hover {
  color: #002d80;                   /* 悬停变深蓝 */
  text-decoration: underline;
}

/* 当前页高亮 */
.banner-nav a.active {
  color: #003366;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;  /* 控制下划线距离文字的距离 */
}

/* Content blocks */
.content {
    background-color: #fff;
    padding: 5px 30px 30px 30px; /*上右下左 */
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-top: -7px; /* 增大负外边距以抵消 banner-nav 的 margin-bottom 和其他间距 */
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* Sidebar / Info boxes */
.info {
  float: right;
  width: 240px;
  background-color: #f2f2f2;
  color: #222;
  padding: 12px;
  margin-left: 12px;
  margin-bottom: 12px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 90%;
}

/* Links */
a {
  color: #0056b3;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  color: #002d80;
}

a:visited {
  color: #0056b3;
}

/* Publication list */
#pubs li {
  margin-bottom: 0.8em;
}

#pubs strong {
  color: #cc3300;
  font-weight: 500;
}

/* News section */
.news p {
  margin: 8px 0;
  line-height: 1.6;
}

.news-date {
  color: steelblue;
  font-weight: bold;
  margin-right: 6px;
  font-size: 95%;     /* ⭐让数字和正文一样高 */
  line-height: 1;     /* 防止数字撑高整行 */
}

/* Footer / back to top */
.backtotop {
  text-align: right;
  font-size: 90%;
  color: #555;
  margin-top: 20px;
}



/* Image settings */
img {
  margin-left: 12px;
}

img[alt="Qiang Zeng"] {
  width: 190px;
  border-radius: 6px;
}


.courselist {
  list-style-type: square;    /* 或 circle / none */
  margin-left: 20px;
  line-height: 1.5em;
}

.courselist a {
  color: #0056b3;
  text-decoration: none;
}

.courselist a:hover {
  text-decoration: underline;
  color: #002d80;
}





/* 调整段落与列表的间距 */
.content p { margin-bottom: 0.4em; }
.content ul { margin-top: 0.3em; }

/* --- Fix conference name column width --- */
.confyear {
  width: 60px;          /* 可根据最宽会议名调整，例如 "USENIX Security 2024" */
  /* white-space: nowrap;   防止换行 */
  /*font-weight: bold;*/
  color: steelblue;     /* 比深蓝更柔和的蓝灰 */
  font-weight: 500;
  text-align: left;      /* 保持左对齐，也可改成 right 居右 */
  vertical-align: top;   /* 与右侧文字对齐 */
  padding-top: 2px; 
  /*top: -10px;*/
  padding-right: 10px;   /* 适度留白 */
}


table td {
  vertical-align: top;  /* 确保所有单元格都顶部对齐 */
}


.project {
  /* color: #336699;       略深蓝色，和标题呼应 */
  font-weight: 550;
  margin-right: 6px;
}

.profile-photo {
  float: right;
  width: 190px;
  margin: 22px 10px 10px 10px;  /* ↑ 上边距8px, 右边0, 下10px, 左10px */
  border-radius: 6px;
}

/* ===== Fix mobile heading scaling ===== 
@media (max-width: 768px) {
  h1 { font-size: 1.6em; }
  h2 { font-size: 1.4em; }
  h3 { font-size: 1.2em; }
}
*/