/* Personal styles on top of the saved academic template. */
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.header-topline { font-family:var(--font-mono); font-size:.64rem; letter-spacing:.14em; color:var(--text-light); text-transform:uppercase; margin-bottom:12px; }
.header-topline span { color:var(--accent); margin:0 5px; }
.site-header h1 { display:flex; flex-wrap:wrap; align-items:baseline; gap:13px; }
.name-cn { font-size:.48em; letter-spacing:.04em; color:var(--text-muted); font-weight:400; }
.site-nav { margin-top:28px; }
.site-nav a:focus-visible, .social-btn:focus-visible, .pub-link:focus-visible, .back-to-top:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.bio-section { margin-bottom:18px; }
.bio-avatar img { width:144px; height:144px; border-radius:7px; object-position:center 21%; }
.bio-text { min-width:0; }
.bio-text p { line-height:1.78; }
.bio-zh { padding:11px 13px; border-left:3px solid var(--accent); background:rgba(37,99,235,.045); color:var(--text-muted); font-size:.87rem !important; }
.social-links { margin-left:172px; }
.section-subtitle { font-family:var(--font-serif); font-size:.48em; font-weight:400; color:var(--text-light); margin-left:8px; vertical-align:.14em; }
.section-lead { color:var(--text-muted); font-size:.91rem; margin:-2px 0 15px; }
.focus-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.focus-card { background:var(--panel-bg); border:1px solid var(--border); border-radius:6px; min-height:184px; padding:17px 17px 18px; transition:transform .18s,border-color .18s; }
.focus-card:hover { transform:translateY(-2px); border-color:#a9b9db; }
.focus-number { display:block; font-family:var(--font-mono); color:var(--accent); font-size:.67rem; margin-bottom:12px; letter-spacing:.09em; }
.focus-card h3 { font-family:var(--font-hand); font-size:.98rem; font-weight:500; line-height:1.45; margin-bottom:8px; }
.focus-card p { color:var(--text-muted); font-size:.82rem; line-height:1.55; }
.author-example { font-weight:600; text-decoration:underline dotted; color:var(--text); }
.pub-item { padding:18px 0; }
.paper-art { width:200px; height:135px; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--border); border-radius:5px; padding:15px; position:relative; background:linear-gradient(135deg,#eaf0fa 0%,#f9fafc 55%,#dce8f8 100%); }
.paper-art::after { content:''; position:absolute; width:120px; height:120px; border:1px solid rgba(37,99,235,.13); border-radius:50%; right:-45px; top:-41px; box-shadow:0 0 0 19px rgba(37,99,235,.035),0 0 0 40px rgba(37,99,235,.025); }
.paper-art-kicker { color:#4b638a; font:500 .55rem var(--font-mono); letter-spacing:.12em; z-index:1; }
.paper-art strong { color:#173d76; font:600 1.38rem var(--font-hand); letter-spacing:-.03em; margin:8px 0 auto; z-index:1; }
.paper-art strong sup { font-size:.6em; }
.paper-art-flow { display:flex; align-items:center; gap:4px; z-index:1; white-space:nowrap; }
.paper-art-flow em { font:500 .52rem var(--font-mono); font-style:normal; color:#224e81; padding:3px 4px; border:1px solid #b5cae7; background:rgba(255,255,255,.7); border-radius:2px; }
.paper-art-flow i { font-style:normal; font-size:.66rem; color:#517db4; }
.paper-art-caption { font:.52rem var(--font-mono); letter-spacing:.035em; margin-top:6px; color:#6780a0; z-index:1; }
.art-smartcraft { background:linear-gradient(135deg,#eaf4f1,#f7faf7 55%,#dceee6); }
.art-smartcraft::after { border-color:rgba(37,107,79,.13); box-shadow:0 0 0 19px rgba(37,107,79,.035),0 0 0 40px rgba(37,107,79,.025); }
.art-smartcraft strong,.art-smartcraft .paper-art-flow em { color:#245c48; }
.art-smartcraft .paper-art-flow em { border-color:#b4d8c5; }
.art-uvm2 { background:linear-gradient(135deg,#f5f0e7,#fdfbf7 55%,#efe4ce); }
.art-uvm2::after { border-color:rgba(149,100,36,.14); box-shadow:0 0 0 19px rgba(149,100,36,.035),0 0 0 40px rgba(149,100,36,.025); }
.art-uvm2 strong,.art-uvm2 .paper-art-flow em { color:#775224; }
.art-uvm2 .paper-art-flow em { border-color:#ddcba7; }
.art-uvllm { background:linear-gradient(135deg,#f0edf5,#faf9fd 55%,#e7dff2); }
.art-uvllm::after { border-color:rgba(101,67,147,.12); box-shadow:0 0 0 19px rgba(101,67,147,.035),0 0 0 40px rgba(101,67,147,.025); }
.art-uvllm strong,.art-uvllm .paper-art-flow em { color:#604582; }
.art-uvllm .paper-art-flow em { border-color:#d0bfe4; }
.edu-emblem { width:64px; height:48px; justify-self:center; display:grid; place-items:center; border:1px solid #ced9ec; border-radius:4px; background:#edf3fc; color:#295b9e; font:600 .88rem var(--font-hand); letter-spacing:.04em; }
.edu-item:last-child .edu-emblem { background:#f5f0e8; border-color:#e3d8c6; color:#89602f; }
.edu-content .school span { font-weight:400; color:var(--text-muted); }
.honors-visible li { gap:15px; }
.honors-visible li strong { color:var(--text); }
.contact-affiliation { color:var(--text-light); font-size:.84rem; margin-top:5px; }
.site-footer { margin-top:44px; }
.site-footer p { margin-bottom:3px; }
.back-to-top { display:inline-block; margin-top:8px; font:.71rem var(--font-mono); }
@media (max-width:700px) {
  .site-header h1 { gap:6px 11px; }
  .bio-avatar img { width:132px; height:132px; }
  .social-links { margin-left:0; }
  .focus-grid { grid-template-columns:1fr; }
  .focus-card { min-height:auto; }
  .paper-art { width:100%; max-width:360px; height:145px; }
  .pub-thumb { width:100%; }
  .edu-emblem { display:none; }
}

/* Paper figures, education timeline, and secondary profile sections. */
.pub-figure { display:grid; place-items:center; width:200px; height:135px; background:#fff; border:1px solid var(--border); border-radius:5px; overflow:hidden; }
.pub-thumb .pub-figure img { width:100%; height:100%; object-fit:contain; border:0; border-radius:0; }
.pub-note { font-size:.78rem; line-height:1.5; color:var(--text-muted); margin:1px 0 0; }
.edu-list { position:relative; }
.edu-item, .content-panel .edu-item { grid-template-columns:110px 66px minmax(0,1fr); gap:18px; padding:16px 10px 16px 19px; position:relative; border-radius:0; border-left:2px solid #dce5f2; }
.edu-item::before { content:''; position:absolute; left:-6px; top:30px; width:10px; height:10px; border-radius:50%; background:#fff; border:2px solid var(--accent); }
.edu-item:last-child { border-left-color:transparent; }
.edu-period { display:flex; flex-direction:column; justify-content:center; line-height:1.05; }
.edu-year { font-family:var(--font-hand); font-weight:700; font-size:1.45rem; letter-spacing:-.04em; color:#233e66; }
.edu-period-end { font-family:var(--font-mono); font-size:.62rem; font-weight:600; letter-spacing:.06em; color:var(--accent); margin-top:7px; white-space:nowrap; }
.edu-logo-img { width:62px; height:62px; object-fit:contain; justify-self:center; border:1px solid var(--border); border-radius:50%; background:#fff; padding:3px; }
.edu-content .degree { font-style:normal; }
.honors-visible li { padding:8px 7px; line-height:1.55; }
.honors-visible .h-year { font-family:var(--font-mono); font-size:.72rem; width:45px; color:var(--accent); }
.coverage-list { list-style:none; }
.coverage-list li:not(:last-child) { border-bottom:1px solid var(--border); }
.coverage-link { display:block; padding:10px 7px; color:var(--accent); font-size:.88rem; line-height:1.55; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; transition:background .15s,color .15s; }
.coverage-link:hover { color:#17419f; background:rgba(37,99,235,.045); text-decoration:underline; text-decoration-thickness:2px; }
.coverage-link:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; }
.volunteer-card { display:flex; gap:20px; align-items:center; padding:14px 18px; border:1px solid var(--border); border-radius:5px; background:var(--panel-bg); }
.volunteer-card img { width:95px; height:115px; border-radius:3px; object-fit:cover; object-position:center 34%; flex-shrink:0; }
.volunteer-card p { font-size:.86rem; color:var(--text-muted); line-height:1.65; margin:8px 0 0; }
.volunteer-card strong { color:var(--text); }
.volunteer-eyebrow { font-family:var(--font-mono); font-size:.65rem; letter-spacing:.08em; color:var(--accent); }
@media (max-width:700px) {
  .pub-figure { width:100%; max-width:360px; height:154px; }
  .edu-item, .content-panel .edu-item { grid-template-columns:80px 50px minmax(0,1fr); gap:10px; padding:15px 3px 15px 15px; }
  .edu-item::before { top:29px; }
  .edu-year { font-size:1.18rem; }
  .edu-period-end { font-size:.52rem; }
  .edu-logo-img { display:block; width:48px; height:48px; padding:2px; }
  .coverage-link { padding:11px 5px; font-size:.85rem; }
  .volunteer-card { gap:14px; padding:12px; }
  .volunteer-card img { width:75px; height:92px; }
}

/* Expanded homepage components: publication metadata, achievement cards, media features. */
.pub-item { align-items:center; gap:20px; }
.pub-thumb { width:240px; }
.pub-figure { width:240px; height:auto; min-height:0; overflow:visible; border:0; background:transparent; }
.pub-thumb .pub-figure img { width:100%; height:auto; padding:6px; object-fit:contain; border:1px solid var(--border); border-radius:5px; background:#fff; }
.paper-art { width:240px; height:140px; }
.venue-link { color:var(--text); font-weight:600; font-style:normal; text-decoration:underline; text-decoration-color:rgba(37,99,235,.35); text-underline-offset:2px; }
.venue-link:hover { color:var(--accent); text-decoration-color:var(--accent); }
.venue-tier { display:inline-block; margin-left:7px; padding:1px 7px; border:1px solid #b8c8e2; border-radius:999px; color:#315a91; background:#eef4fc; font:500 .61rem var(--font-mono); font-style:normal; letter-spacing:.015em; vertical-align:.08em; }
.cite-button { cursor:pointer; line-height:1.75; }

.competition-grid, .feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.achievement-card, .feature-card { min-width:0; overflow:hidden; border:1px solid var(--border); border-radius:8px; background:var(--panel-bg); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.achievement-card:hover, .feature-card:hover { transform:translateY(-2px); border-color:#aabbd6; box-shadow:0 6px 18px rgba(35,55,85,.08); }
.achievement-media { display:grid; place-items:center; height:205px; padding:11px; border-bottom:1px solid var(--border); background:#fff; overflow:hidden; }
.achievement-media img { display:block; width:100%; height:100%; object-fit:contain; transition:transform .22s ease; }
.achievement-card-photo .achievement-media { padding:0; }
.achievement-card-photo .achievement-media img { object-fit:cover; }
.achievement-card:hover .achievement-media img { transform:scale(1.018); }
.achievement-body { padding:12px 14px 14px; }
.achievement-year, .feature-kicker { font:500 .63rem var(--font-mono); letter-spacing:.07em; color:var(--accent); }
.achievement-body h3 { margin:4px 0 1px; font:600 .94rem/1.4 var(--font-hand); }
.achievement-body p { min-height:2.85em; margin:0; color:var(--text-muted); font-size:.8rem; line-height:1.42; }
.achievement-links { display:flex; flex-wrap:wrap; gap:6px 12px; margin-top:9px; }
.achievement-links a { color:var(--accent); font:500 .67rem var(--font-mono); text-decoration:underline; text-underline-offset:3px; }

.profile-film { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(230px,.75fr); align-items:center; gap:20px; margin-bottom:18px; padding:12px; border:1px solid var(--border); border-radius:8px; background:var(--panel-bg); }
.profile-film-media { overflow:hidden; border-radius:5px; background:#111; line-height:0; }
.profile-film video { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.profile-film-copy { padding:4px 10px 4px 0; }
.profile-film-copy h3 { margin:6px 0 8px; font:600 1rem/1.4 var(--font-hand); }
.profile-film-copy p { margin:0; color:var(--text-muted); font-size:.82rem; line-height:1.55; }
.feature-card { display:block; color:var(--text); text-decoration:none; }
.feature-card:hover { color:var(--text); text-decoration:none; }
.feature-card > img { display:block; width:100%; aspect-ratio:2.35/1; object-fit:cover; border-bottom:1px solid var(--border); }
.feature-card-body { display:flex; min-height:106px; flex-direction:column; justify-content:space-between; gap:10px; padding:12px 14px 13px; }
.feature-card-body strong { font:600 .88rem/1.5 var(--font-hand); }
.feature-card-body small { color:var(--text-muted); font:.65rem/1.35 var(--font-mono); }

@media (max-width:700px) {
  .pub-thumb, .pub-figure, .paper-art { width:100%; max-width:none; }
  .pub-figure { height:auto; }
  .pub-thumb .pub-figure img { width:100%; height:auto; }
  .venue-tier { margin:5px 0 0; }
  .competition-grid, .feature-grid { grid-template-columns:1fr; }
  .achievement-media { height:220px; }
  .profile-film { grid-template-columns:1fr; gap:12px; }
  .profile-film-copy { padding:2px 4px 5px; }
  .feature-card-body { min-height:auto; }
}

/* ---------- Quick navigation rail ---------- */
.quick-nav {
  position: fixed;
  z-index: 120;
  top: 50%;
  left: max(20px, calc((100vw - var(--max-width)) / 2 - 168px));
  width: 148px;
  transform: translateY(-50%);
  padding: 4px 0 4px 14px;
  border-left: 3px solid #e3e8f1;
}
.quick-nav-label {
  display: block;
  margin: 0 0 12px 6px;
  color: var(--text-light);
  font: 500 .58rem var(--font-mono);
  letter-spacing: .13em;
}
.quick-nav-list { display: grid; gap: 2px; }
.quick-nav-link {
  display: block;
  margin-left: -17px;
  padding: 5px 8px 5px 19px;
  border-left: 3px solid transparent;
  color: var(--text-light);
  font: 500 .75rem var(--font-hand);
  line-height: 1.35;
  transition: color .15s, border-color .15s, background .15s;
}
.quick-nav-link:hover,
.quick-nav-link.is-active {
  color: var(--accent);
  text-decoration: none;
}
.quick-nav-link.is-active {
  border-left-color: var(--accent);
  background: rgba(37, 99, 235, .055);
}

/* ---------- Research map ---------- */
.research-map {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 1.1fr) minmax(0, 1fr);
  grid-template-rows: repeat(3, minmax(72px, 1fr));
  gap: 12px;
  min-height: 250px;
  margin: 4px 0 18px;
  padding: 16px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 8px;
  background:
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(37, 99, 235, .08) 50%, transparent calc(50% + .5px)),
    linear-gradient(0deg, transparent calc(50% - .5px), rgba(37, 99, 235, .08) 50%, transparent calc(50% + .5px)),
    rgba(255, 255, 255, .45);
}
.research-map::before,
.research-map::after {
  content: '';
  position: absolute;
  z-index: 0;
  background: rgba(37, 99, 235, .2);
}
.research-map::before { width: 42%; height: 1px; left: 8%; top: 50%; }
.research-map::after { width: 42%; height: 1px; right: 8%; top: 50%; }
.research-node,
.research-core {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  border-radius: 7px;
}
.research-node {
  align-items: flex-start;
  padding: 12px 14px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, .82);
  color: var(--text);
  box-shadow: 0 5px 14px rgba(35, 55, 85, .05);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.research-node:hover {
  color: var(--text);
  text-decoration: none;
  transform: translateY(-2px);
  border-color: var(--accent);
  box-shadow: 0 8px 20px rgba(35, 55, 85, .1);
}
.research-node-number {
  margin-bottom: 4px;
  color: var(--accent);
  font: 500 .62rem var(--font-mono);
  letter-spacing: .1em;
}
.research-node strong { font: 600 .98rem/1.3 var(--font-hand); }
.research-node small { color: var(--text-muted); font: .7rem/1.4 var(--font-mono); }
.research-node-generate { grid-column: 1; grid-row: 1; }
.research-node-assert { grid-column: 3; grid-row: 1; }
.research-node-secure { grid-column: 3; grid-row: 3; }
.research-node-generate::after,
.research-node-assert::after,
.research-node-secure::after {
  content: '';
  position: absolute;
  height: 1px;
  width: 42px;
  background: rgba(37, 99, 235, .2);
}
.research-node-generate::after { right: -42px; top: 50%; }
.research-node-assert::after,
.research-node-secure::after { left: -42px; top: 50%; }
.research-core {
  grid-column: 2;
  grid-row: 2;
  align-items: center;
  justify-self: center;
  width: min(100%, 190px);
  padding: 16px 12px;
  text-align: center;
  color: #fff;
  background: #1f3b66;
  box-shadow: 0 10px 24px rgba(31, 59, 102, .22);
}
.research-core span { margin-bottom: 5px; color: #b9d0f5; font: 500 .58rem var(--font-mono); letter-spacing: .16em; }
.research-core strong { font: 600 1.15rem/1.1 var(--font-hand); letter-spacing: .01em; }
.research-core small { margin-top: 7px; color: #d8e5f8; font: .62rem/1.35 var(--font-mono); }
.research-details .focus-card { scroll-margin-top: 76px; }
.research-details .focus-card:nth-child(1) { border-top: 3px solid #2563eb; }
.research-details .focus-card:nth-child(2) { border-top: 3px solid #2c8b68; }
.research-details .focus-card:nth-child(3) { border-top: 3px solid #c27a28; }

@media (max-width: 1280px) {
  .quick-nav {
    top: auto;
    right: 18px;
    bottom: 18px;
    left: 18px;
    width: auto;
    transform: none;
    padding: 8px 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(248, 247, 244, .92);
    box-shadow: 0 10px 26px rgba(35, 55, 85, .1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
  .quick-nav-label { display: none; }
  .quick-nav-list {
    display: flex;
    gap: 3px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .quick-nav-list::-webkit-scrollbar { display: none; }
  .quick-nav-link {
    flex: 0 0 auto;
    margin: 0;
    padding: 4px 8px;
    border: 0;
    border-radius: 4px;
    white-space: nowrap;
  }
  .quick-nav-link.is-active {
    border: 0;
    background: rgba(37, 99, 235, .09);
  }
}
@media (max-width: 700px) {
  .quick-nav {
    right: 10px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    left: 10px;
    padding: 7px;
  }
  .research-map {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    min-height: 0;
    padding: 12px;
    background: rgba(255, 255, 255, .45);
  }
  .research-map::before,
  .research-map::after,
  .research-node-generate::after,
  .research-node-assert::after,
  .research-node-secure::after { display: none; }
  .research-node { padding: 11px 12px; }
  .research-node-generate { grid-column: 1; grid-row: 1; }
  .research-node-assert { grid-column: 2; grid-row: 1; }
  .research-core { grid-column: 1 / -1; grid-row: 2; width: min(100%, 240px); }
  .research-node-secure { grid-column: 1 / -1; grid-row: 3; width: min(100%, 240px); justify-self: center; }
}
/* ---------- Education: compact academic timeline ---------- */
.edu-item,
.content-panel .edu-item {
  grid-template-columns: 104px 70px minmax(0, 1fr);
  gap: 0 22px;
  align-items: center;
  padding: 19px 10px 19px 18px;
  border-left: 0;
  border-bottom: 1px solid var(--border);
}
.edu-item:first-child,
.content-panel .edu-item:first-child {
  border-top: 0;
}
.edu-item:last-child { border-left-color: transparent; }
.edu-item::before { display: none; }
.edu-period {
  align-self: start;
  justify-content: flex-start;
  gap: 3px;
  padding-top: 5px;
  line-height: 1.25;
}
.edu-date {
  color: var(--text-muted);
  font: 500 .72rem/1.35 var(--font-mono);
  white-space: nowrap;
}
.edu-period-dash {
  color: var(--accent);
  font: 500 .68rem/1 var(--font-mono);
}
.edu-expected {
  color: var(--accent);
  font: 500 .61rem/1.35 var(--font-mono);
  white-space: nowrap;
}
.edu-logo-img {
  width: 64px;
  height: 64px;
  padding: 4px;
  border-radius: 8px;
  background: #fff;
}
.edu-content .school {
  margin-bottom: 3px;
  font-size: 1rem;
  line-height: 1.4;
}
.edu-content .school a {
  color: var(--text);
  text-decoration: none;
}
.edu-content .school a:hover {
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.edu-content .degree a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(37, 99, 235, .35);
  text-underline-offset: 3px;
}
.edu-content .degree a:hover {
  color: var(--accent);
  text-decoration-color: var(--accent);
}

@media (max-width: 700px) {
  .edu-item,
  .content-panel .edu-item {
    grid-template-columns: 76px 50px minmax(0, 1fr);
    gap: 0 11px;
    padding: 16px 3px 16px 15px;
  }
  .edu-period { padding-top: 3px; }
  .edu-date { font-size: .61rem; }
  .edu-period-dash { font-size: .58rem; }
  .edu-expected { font-size: .52rem; }
  .edu-logo-img {
    width: 48px;
    height: 48px;
    padding: 2px;
  }
  .edu-content .school { font-size: .88rem; }
}
/* ---------- Education: reference-style horizontal rows ---------- */
#education .section-title {
  margin-bottom: 26px;
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: -.04em;
}
#education .content-panel {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
#education .edu-list {
  border-top: 1px solid var(--border);
}
#education .edu-item,
#education .content-panel .edu-item {
  grid-template-columns: minmax(175px, 26%) minmax(0, 1fr) minmax(175px, 25%);
  gap: 28px;
  align-items: center;
  padding: 28px 0;
  border: 0;
  border-bottom: 1px solid var(--border);
  border-radius: 0;
  background: transparent;
}
#education .edu-item:hover,
#education .content-panel .edu-item:hover {
  background: transparent;
}
#education .edu-item::before { display: none; }
#education .edu-brand {
  display: flex;
  min-height: 92px;
  align-items: center;
}
#education .edu-logo-img {
  width: 100%;
  max-width: 240px;
  height: 100px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  object-fit: contain;
  object-position: left center;
}
#education .edu-content .school {
  margin-bottom: 8px;
  font-size: 1.22rem;
  line-height: 1.35;
}
#education .edu-content .school a {
  color: var(--accent);
}
#education .edu-content .dept {
  color: var(--accent);
  font-size: .91rem;
  line-height: 1.5;
}
#education .edu-content .degree {
  margin-top: 8px;
  color: var(--text-muted);
  font-size: .86rem;
  font-style: normal;
  line-height: 1.5;
}
#education .edu-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
  text-align: right;
  color: var(--text-muted);
}
#education .edu-range {
  font-size: .86rem;
  line-height: 1.45;
  white-space: nowrap;
}
#education .edu-expected {
  color: inherit;
  font-size: inherit;
}
#education .edu-location {
  font-size: .82rem;
  line-height: 1.4;
}

@media (max-width: 700px) {
  #education .section-title { font-size: 2.45rem; }
  #education .edu-item,
  #education .content-panel .edu-item {
    grid-template-columns: 1fr;
    gap: 13px;
    padding: 22px 0;
  }
  #education .edu-brand { min-height: 68px; }
  #education .edu-logo-img {
    max-width: 175px;
    height: 72px;
  }
  #education .edu-content .school { font-size: 1.05rem; }
  #education .edu-meta {
    align-items: flex-start;
    text-align: left;
  }
  #education .edu-range { font-size: .76rem; }
}
/* ---------- Education: compact sizing ---------- */
#education .section-title {
  margin-bottom: 12px;
  font-size: 1.85rem;
  font-weight: 500;
  letter-spacing: normal;
}
#education .edu-item,
#education .content-panel .edu-item {
  grid-template-columns: 110px minmax(0, 1fr) 180px;
  gap: 16px;
  padding: 15px 6px;
}
#education .edu-brand {
  min-height: 72px;
}
#education .edu-logo-img {
  max-width: 90px;
  height: 72px;
}
#education .edu-content .school {
  margin-bottom: 3px;
  font-size: .97rem;
  line-height: 1.4;
}
#education .edu-content .dept,
#education .edu-content .degree {
  font-size: .86rem;
  line-height: 1.45;
}
#education .edu-content .degree {
  margin-top: 4px;
}
#education .edu-meta {
  gap: 3px;
}
#education .edu-range {
  font-size: .74rem;
}
#education .edu-location {
  font-size: .76rem;
}

@media (max-width: 700px) {
  #education .section-title { font-size: 1.85rem; }
  #education .edu-item,
  #education .content-panel .edu-item {
    grid-template-columns: 1fr;
    gap: 9px;
    padding: 15px 3px;
  }
  #education .edu-brand { min-height: 58px; }
  #education .edu-logo-img {
    max-width: 120px;
    height: 60px;
  }
  #education .edu-content .school { font-size: .94rem; }
  #education .edu-meta { gap: 2px; }
  #education .edu-range { font-size: .7rem; }
}
/* ---------- News feature highlight ---------- */
.news-item.news-featured {
  margin: 2px 0;
  padding: 8px 9px 8px 11px;
  border-left: 3px solid var(--accent);
  background: rgba(37, 99, 235, .055);
}
.news-item.news-featured:hover {
  background: rgba(37, 99, 235, .09);
}
.news-featured .news-date {
  color: var(--accent);
  border-color: #b8c9e7;
  background: #edf4ff;
}
.news-badge {
  display: inline-block;
  margin-right: 8px;
  padding: 2px 6px;
  border: 1px solid #c8d7ef;
  border-radius: 3px;
  color: var(--accent);
  background: #edf4ff;
  font: 500 .58rem/1.2 var(--font-mono);
  letter-spacing: .05em;
  vertical-align: .12em;
}
.news-highlight-link {
  color: var(--accent);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(37, 99, 235, .45);
  text-underline-offset: 3px;
}
.news-highlight-link:hover {
  color: var(--accent-hover);
  text-decoration-color: var(--accent-hover);
}
/* ---------- Final link and featured-news refinement ---------- */
:root {
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
}

.bio-text a,
.news-content a,
.contact-affiliation a,
.site-footer a {
  font-size: .94em;
}

.news-content a {
  text-underline-offset: 3px;
}

.news-item.news-featured {
  border-left-color: #a88e68;
  background: rgba(168, 142, 104, .07);
}

.news-item.news-featured:hover {
  background: rgba(168, 142, 104, .12);
}

.news-featured .news-date {
  color: #7f6848;
  border-color: #d9cbb5;
  background: #f8f3eb;
}

.news-badge {
  color: #7f6848;
  border-color: #d9cbb5;
  background: #f8f3eb;
}

.news-highlight-link {
  color: var(--accent);
  font-size: .94em;
  text-decoration-color: rgba(37, 99, 235, .45);
}

.news-highlight-link:hover {
  color: var(--accent-hover);
  text-decoration-color: var(--accent-hover);
}

/* ---------- New profile, research, experience, and beyond layout ---------- */
.bio-avatar img {
  width: 150px;
  max-width: 150px;
  height: auto;
  border: 0;
  border-radius: 0;
  object-fit: contain;
}

.social-icon {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  fill: currentColor;
}

.research-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(300px, .82fr);
  gap: 18px;
  align-items: stretch;
}

.research-bottleneck {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: rgba(255, 255, 255, .62);
}

.research-figure-title {
  padding: 14px 16px 0;
  color: var(--text);
  font: 500 1rem/1.3 var(--font-hand);
  letter-spacing: -.01em;
}

.bottleneck-svg {
  display: block;
  width: 100%;
  height: auto;
  padding: 10px 10px 0;
}

.bottleneck-svg text {
  font-family: var(--font-hand);
}

.bottleneck-svg .svg-kicker,
.bottleneck-svg .svg-caption,
.bottleneck-svg .svg-axis-label {
  fill: #7f8b96;
  font: 500 9px var(--font-mono);
  letter-spacing: .04em;
}

.bottleneck-svg .svg-ring-base {
  fill: none;
  stroke: #e4e9ed;
  stroke-width: 22;
}

.bottleneck-svg .svg-ring {
  fill: none;
  stroke: #5d8ba6;
  stroke-dasharray: 246 352;
  stroke-linecap: round;
  stroke-width: 22;
  transform: rotate(-90deg);
  transform-origin: 105px 139px;
}

.bottleneck-svg .svg-big {
  fill: #315d76;
  font: 600 24px var(--font-hand);
  text-anchor: middle;
}

.bottleneck-svg .svg-center-label,
.bottleneck-svg .svg-label,
.bottleneck-svg .svg-step,
.bottleneck-svg .svg-chart-label {
  fill: #52606a;
  font-size: 10px;
}

.bottleneck-svg .svg-center-label {
  fill: #71808b;
  font: 500 8px var(--font-mono);
  text-anchor: middle;
  letter-spacing: .05em;
}

.bottleneck-svg .svg-accent-text,
.bottleneck-svg .svg-hot-text {
  fill: #315d76;
  font-weight: 600;
}

.bottleneck-svg .svg-line {
  stroke: #b9cbd6;
  stroke-width: 1.5;
}

.bottleneck-svg .svg-workflow {
  fill: #f4f8fa;
  stroke: #d7e2e8;
}

.bottleneck-svg .svg-workflow-title {
  fill: #315d76;
  font: 600 9px var(--font-mono);
  letter-spacing: .05em;
}

.bottleneck-svg .svg-percent {
  fill: #315d76;
  font: 500 9px var(--font-mono);
  text-anchor: end;
}

.bottleneck-svg .svg-bar-bg { fill: #dfe8ed; }
.bottleneck-svg .svg-bar { fill: #6e9bb3; }
.bottleneck-svg .svg-axis { stroke: #9daab2; stroke-width: 1; }
.bottleneck-svg .svg-curve-soft {
  fill: none;
  stroke: #8db3c6;
  stroke-width: 3;
}
.bottleneck-svg .svg-curve-hot {
  fill: none;
  stroke: #d37c52;
  stroke-width: 3;
}
.research-figure-caption {
  padding: 0 16px 14px;
  color: var(--text-muted);
  font-size: .78rem;
  line-height: 1.5;
}

.research-directions {
  display: grid;
  gap: 9px;
  align-content: start;
}

.research-direction-intro {
  padding: 3px 2px 5px;
}

.research-direction-intro > span,
.beyond-index,
.experience-mark small {
  color: var(--accent);
  font: 500 .61rem/1.3 var(--font-mono);
  letter-spacing: .08em;
}

.research-direction-intro p {
  margin-top: 5px;
  color: var(--text-muted);
  font-size: .83rem;
  line-height: 1.5;
}

.research-direction {
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr) 18px;
  gap: 10px;
  align-items: start;
  padding: 13px 12px;
  border: 1px solid var(--border);
  border-left: 3px solid var(--accent);
  border-radius: 5px;
  background: var(--panel-bg);
  color: var(--text);
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.research-direction:hover {
  color: var(--text);
  text-decoration: none;
  transform: translateX(2px);
  border-color: #aabbd0;
  background: rgba(255, 255, 255, .86);
}

.direction-assert { border-left-color: #2c8b68; }
.direction-security { border-left-color: #c27a28; }

.direction-index {
  color: var(--accent);
  font: 500 .68rem/1.5 var(--font-mono);
}
.direction-assert .direction-index { color: #2c8b68; }
.direction-security .direction-index { color: #a56620; }

.research-direction h3 {
  margin: 0 0 4px;
  font: 600 1rem/1.35 var(--font-hand);
}
.research-direction p {
  color: var(--text-muted);
  font-size: .81rem;
  line-height: 1.52;
}
.direction-arrow {
  color: var(--text-light);
  font-size: 1rem;
  line-height: 1.3;
  text-align: right;
}

.experience-list {
  border-top: 1px solid var(--border);
}

.experience-item {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 24px;
  padding: 21px 0;
  border-bottom: 1px solid var(--border);
}

.experience-mark {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding-left: 2px;
}
.experience-mark span {
  color: #315d76;
  font: 600 1.65rem/1 var(--font-hand);
  letter-spacing: -.04em;
}
.experience-content h3 {
  margin-bottom: 7px;
  font: 600 1.02rem/1.4 var(--font-hand);
}
.experience-content p {
  margin-top: 8px;
  color: var(--text-muted);
  font-size: .86rem;
  line-height: 1.62;
}
.experience-content strong { color: var(--text); }

.competition-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.competition-grid .competition-featured {
  grid-column: 1 / -1;
}
.competition-featured .achievement-media {
  height: 286px;
}
.competition-grid .achievement-card:not(.competition-featured) .achievement-media {
  height: 132px;
  padding: 7px;
}
.competition-grid .achievement-card:not(.competition-featured) .achievement-body {
  padding: 10px 11px 12px;
}
.competition-grid .achievement-card:not(.competition-featured) .achievement-body h3 {
  font-size: .83rem;
}
.competition-grid .achievement-card:not(.competition-featured) .achievement-body p {
  min-height: 0;
  font-size: .72rem;
}

.feature-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.beyond-intro {
  max-width: 760px;
  margin: -2px 0 17px;
  color: var(--text-muted);
  font-size: .92rem;
  line-height: 1.7;
}
.beyond-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.beyond-card {
  min-height: 184px;
  padding: 15px 14px 14px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--panel-bg);
}
.beyond-card h3 {
  margin: 9px 0 7px;
  font: 600 .96rem/1.35 var(--font-hand);
}
.beyond-card p {
  color: var(--text-muted);
  font-size: .79rem;
  line-height: 1.55;
}
.beyond-card strong { color: var(--text); }
.beyond-card a {
  display: inline-block;
  margin-top: 11px;
  font: 500 .68rem var(--font-mono);
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 900px) {
  .research-overview {
    grid-template-columns: 1fr;
  }
  .beyond-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .bio-avatar img {
    width: 132px;
    max-width: 132px;
  }
  .social-icon { width: 14px; height: 14px; }
  .bottleneck-svg { padding: 7px 4px 0; }
  .research-figure-caption { padding: 0 11px 12px; }
  .experience-item {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 17px 0;
  }
  .experience-mark {
    gap: 3px;
  }
  .experience-mark span { font-size: 1.35rem; }
  .competition-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .competition-grid .competition-featured {
    grid-column: 1 / -1;
  }
  .competition-featured .achievement-media { height: 205px; }
  .competition-grid .achievement-card:not(.competition-featured) .achievement-media {
    height: 112px;
  }
  .feature-grid,
  .beyond-grid {
    grid-template-columns: 1fr;
  }
  .beyond-card { min-height: 0; }
}


/* ---------- PDF-derived research figure and refined internship identity ---------- */
.site-header .tagline a {
  color: inherit;
  text-decoration: none;
}
.site-header .tagline a:hover {
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.research-overview {
  grid-template-columns: minmax(0, 1.5fr) minmax(285px, .84fr);
  gap: 20px;
}
.research-bottleneck {
  padding: 0;
}
.research-source-figure {
  margin: 0;
  padding: 12px;
}
.research-source-figure img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #d9dfe4;
  background: #fff;
}
.research-source-figure img + img {
  margin-top: 9px;
}
.research-source-figure figcaption {
  margin-top: 10px;
  color: var(--text-muted);
  font-size: .78rem;
  line-height: 1.5;
}

.ncti-mark {
  display: block;
  width: 58px;
  height: 58px;
  fill: #fff;
  background: #315d76;
  border-radius: 13px;
}
.experience-mark {
  align-items: flex-start;
}
.experience-date {
  color: var(--text-muted);
  font: 500 .68rem/1.35 var(--font-mono);
  letter-spacing: .02em;
  white-space: nowrap;
}
.experience-content h3 a {
  color: inherit;
  text-decoration: none;
}
.experience-content h3 a:hover {
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 700px) {
  .research-source-figure {
    padding: 8px;
  }
  .ncti-mark {
    width: 50px;
    height: 50px;
    border-radius: 11px;
  }
}


.ncti-logo {
  display: block;
  width: 150px;
  max-width: 100%;
  height: auto;
  max-height: 58px;
  object-fit: contain;
  object-position: left center;
}
@media (max-width: 700px) {
  .ncti-logo {
    width: 142px;
    max-height: 50px;
  }
}

/* Final refinements: annotated research figures, featured honor, and Beyond Research rows. */
.research-source-figure {
  display: grid;
  gap: 13px;
  margin: 0;
  padding: 12px;
}
.research-figure-block {
  display: grid;
  gap: 7px;
}
.research-annotation {
  width: fit-content;
  max-width: 100%;
  padding: 4px 8px;
  border: 2px solid #ef5350;
  color: #b23a38;
  background: #fff8f7;
  font: 500 .7rem/1.35 var(--font-mono);
  letter-spacing: .01em;
}
.research-source-figure img {
  margin: 0;
}
.honors-visible .honor-featured {
  margin: 4px 0;
  padding: 10px 8px;
  border-left: 3px solid var(--accent);
  background: rgba(254,249,195,.55);
}
.honor-featured .h-year {
  color: var(--accent);
}
.honor-kicker {
  display: block;
  margin-bottom: 2px;
  color: var(--accent);
  font: 500 .58rem var(--font-mono);
  letter-spacing: .08em;
}
.beyond-list {
  border-top: 1px solid var(--border);
}
.beyond-item {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid var(--border);
}
.beyond-media {
  width: 150px;
  height: 100px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: #fff;
}
.beyond-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.beyond-index {
  color: var(--accent);
  font: 500 .62rem var(--font-mono);
  letter-spacing: .08em;
}
.beyond-content h3 {
  margin: 7px 0 5px;
  font: 600 1rem/1.35 var(--font-hand);
}
.beyond-content p {
  color: var(--text-muted);
  font-size: .84rem;
  line-height: 1.6;
}
.beyond-content a {
  display: inline-block;
  margin-top: 7px;
  color: var(--accent);
  font: 500 .68rem var(--font-mono);
  text-decoration: none;
}
.beyond-content a:hover {
  color: var(--accent-hover);
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 700px) {
  .research-source-figure {
    padding: 8px;
  }
  .research-annotation {
    font-size: .62rem;
  }
  .beyond-item {
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 13px;
    padding: 14px 0;
  }
  .beyond-media {
    width: 90px;
    height: 76px;
  }
}
/* Give the content a little more breathing room on wide screens while keeping the jump rail compact. */
:root {
  --max-width: 1040px;
}
@media (min-width: 1281px) {
  .quick-nav {
    left: max(20px, calc((100vw - var(--max-width)) / 2 - 148px));
    width: 128px;
    padding-left: 11px;
  }
  .quick-nav-link {
    padding-left: 17px;
  }
}
/* Research background: balance the figure and direction columns and blend annotations into the source art. */
@media (min-width: 901px) {
  .research-overview {
    grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr);
    gap: 16px;
  }
}
.research-source-figure {
  gap: 10px;
  padding: 8px;
}
.research-figure-block {
  position: relative;
}
.research-annotation {
  position: absolute;
  z-index: 2;
  top: 7px;
  left: 8px;
  width: auto;
  max-width: calc(100% - 16px);
  padding: 2px 6px;
  border: 0;
  border-left: 2px solid #d86666;
  color: #9b4545;
  background: rgba(255,255,255,.7);
  font: 500 .6rem/1.35 var(--font-mono);
  letter-spacing: 0;
  pointer-events: none;
}
#research .section-lead,
#research .research-direction p {
  font-family: var(--font-hand);
}
#research .section-lead {
  max-width: 930px;
  line-height: 1.7;
}
#education .edu-content .school a,
#education .edu-content .dept a,
#education .edu-content .degree a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(37,99,235,.25);
  text-underline-offset: 3px;
}
#education .edu-content .school a:hover,
#education .edu-content .dept a:hover,
#education .edu-content .degree a:hover {
  color: var(--accent);
  text-decoration-color: var(--accent);
}
.doi-link::before,
.doi-link::after {
  content: none !important;
}
button.pub-link {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
@media (max-width: 700px) {
  .research-annotation {
    top: 5px;
    left: 6px;
    max-width: calc(100% - 12px);
    font-size: .52rem;
  }
}
/* Final polish: keep Research readable, reduce type variation, and align Intern metadata with Education. */
@media (min-width: 901px) {
  .research-overview {
    grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr);
    gap: 16px;
  }
}
#research .section-lead {
  font-size: .88rem;
  line-height: 1.65;
}
.research-source-figure {
  gap: 12px;
  padding: 10px;
}
.research-figure-block {
  position: static;
  display: grid;
  gap: 6px;
}
.research-annotation {
  position: static;
  z-index: auto;
  width: auto;
  max-width: none;
  padding: 0;
  border: 0;
  color: var(--text-muted);
  background: transparent;
  font: 500 .76rem/1.4 var(--font-hand);
  letter-spacing: 0;
  pointer-events: auto;
}
.research-direction-intro p,
.research-direction p {
  font-size: .82rem;
  line-height: 1.55;
}
#education .edu-content .dept {
  color: var(--text-muted);
}
#education .edu-range,
#education .edu-location {
  font-size: .82rem;
}
.experience-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
}
.experience-heading h3 {
  margin: 0;
}
.experience-meta {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
  text-align: right;
}
.experience-meta small {
  color: var(--accent);
  font: 500 .61rem/1.3 var(--font-mono);
  letter-spacing: .08em;
}
.experience-meta .experience-date {
  font-size: .74rem;
}
@media (max-width: 700px) {
  .research-annotation {
    font-size: .68rem;
  }
  .experience-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
  .experience-meta {
    align-items: flex-start;
    text-align: left;
  }
}
/* Compact award, coverage, and Beyond Research layouts. */
.honors-other {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.honors-other li,
.honors-other li.honor-featured {
  min-width: 0;
  min-height: 92px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 10px 9px;
  border: 1px solid var(--border);
  border-radius: 5px;
  background: rgba(255,255,255,.42);
}
.honors-other li.honor-featured {
  border-left: 3px solid var(--accent);
  background: rgba(254,249,195,.55);
}
.honors-other .h-year {
  width: auto;
  padding-top: 0;
  font-size: .68rem;
}
.honors-other li > span:last-child {
  font-size: .75rem;
  line-height: 1.42;
}
.honors-other .honor-kicker {
  font-size: .54rem;
}
.competition-grid .competition-featured {
  grid-column: auto;
}
.competition-grid .competition-featured .achievement-media,
.competition-featured .achievement-media {
  height: 132px;
  padding: 7px;
}
.competition-grid .competition-featured.achievement-card-photo .achievement-media {
  padding: 7px;
}
.competition-grid .competition-featured.achievement-card-photo .achievement-media img {
  object-fit: contain;
}
.profile-film {
  grid-template-columns: minmax(0, 1fr) minmax(260px, .72fr);
  gap: 16px;
}
.profile-film video {
  aspect-ratio: 2.15 / 1;
  max-height: 220px;
}
.beyond-item {
  margin: 0 -12px;
  padding: 18px 12px;
}
.beyond-item:nth-child(1),
.beyond-item:nth-child(2) {
  background: rgba(37,99,235,.045);
}
.beyond-item:nth-child(3) {
  background: rgba(168,142,104,.07);
}
.beyond-item:nth-child(4) {
  background: rgba(44,139,104,.06);
}
.research-annotation {
  font-size: .84rem;
  color: var(--text-muted);
}
@media (max-width: 900px) {
  .honors-other {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .profile-film {
    grid-template-columns: 1fr;
  }
  .profile-film video {
    max-height: none;
  }
}
@media (max-width: 700px) {
  .honors-other {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .beyond-item {
    margin: 0 -7px;
    padding: 14px 7px;
  }
}
/* Layout refinement: aligned profile copy, compact research directions, centered feature card, and paired Beyond rows. */
@media (min-width: 701px) {
  .bio-text > p:not(.bio-zh) {
    text-align: justify;
    text-align-last: auto;
    text-wrap: pretty;
  }
}
.research-directions {
  gap: 6px;
}
.research-direction-intro {
  padding: 0 2px 2px;
}
.research-direction-intro p {
  margin-top: 3px;
}
.research-direction {
  grid-template-columns: 26px minmax(0, 1fr) 15px;
  gap: 8px;
  padding: 8px 10px;
}
.research-direction h3 {
  margin-bottom: 2px;
  font-size: .9rem;
}
.research-direction p {
  font-size: .76rem;
  line-height: 1.4;
}
.direction-index {
  font-size: .62rem;
}
.direction-arrow {
  font-size: .86rem;
}
.competition-grid .competition-featured {
  grid-column: 1 / -1;
  width: min(100%, 460px);
  justify-self: center;
}
.competition-grid .competition-featured .achievement-media,
.competition-featured .achievement-media {
  height: 185px;
}
.profile-film {
  grid-template-columns: minmax(0, 420px) minmax(260px, 1fr);
  justify-content: center;
}
.profile-film-media {
  width: 100%;
  max-width: 420px;
  justify-self: center;
}
.profile-film video {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  max-height: none;
  object-fit: cover;
}
.awards-list {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 11px 24px;
  list-style: none;
}
.awards-list li {
  grid-column: 2;
  position: relative;
  padding-left: 16px;
  color: var(--text-muted);
  font-size: .92rem;
  line-height: 1.45;
}
.awards-list li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #c8d5e5;
}
.awards-list strong {
  color: var(--text);
  font-weight: 600;
}
.awards-list span {
  margin-left: 6px;
  color: var(--text-muted);
  font: 500 .7rem var(--font-mono);
}
.beyond-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 18px;
  border-top: 1px solid var(--border);
}
.beyond-item {
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 15px;
  margin: 0;
  padding: 16px 11px;
}
.beyond-media {
  width: 112px;
  height: 82px;
}
.beyond-item:nth-child(1),
.beyond-item:nth-child(2) {
  background: rgba(37,99,235,.045);
}
.beyond-item:nth-child(3),
.beyond-item:nth-child(4) {
  background: rgba(44,139,104,.06);
}
@media (max-width: 900px) {
  .profile-film {
    grid-template-columns: 1fr;
  }
  .profile-film-media {
    max-width: 420px;
  }
  .awards-list {
    grid-template-columns: 1fr;
  }
  .awards-list li {
    grid-column: 1;
  }
}
@media (max-width: 700px) {
  .competition-grid .competition-featured {
    width: 100%;
  }
  .beyond-list {
    grid-template-columns: 1fr;
  }
  .beyond-item {
    grid-template-columns: 90px minmax(0, 1fr);
    margin: 0;
    padding: 14px 7px;
  }
  .beyond-media {
    width: 90px;
    height: 76px;
  }
}
/* Awards use a simple vertical section rhythm: heading first, list below. */
#honors {
  display: block;
}
#honors .section-title {
  margin: 0 0 18px;
}
#honors .awards-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
/* Clear module boundaries without adding more top-level categories. */
main > .phase-section {
  position: relative;
  margin: 0 -22px;
  padding: 22px;
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid var(--border);
  border-radius: 10px;
}

main > .phase-section + .section-divider {
  margin: 20px 0;
}

.phase-section .section-title {
  margin-top: 0;
}

.outreach-group-label {
  grid-column: 1 / -1;
  margin: 3px 0 -3px;
  color: #2774c9;
  font-family: "Space Mono", monospace;
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.09em;
}

.outreach-group-label--life {
  color: #178366;
  margin-top: 10px;
}

.beyond-item--public {
  background: rgba(230, 241, 255, 0.78) !important;
}

.beyond-item--life {
  background: rgba(229, 246, 238, 0.82) !important;
}

@media (max-width: 700px) {
  main > .phase-section {
    margin: 0 -10px;
    padding: 17px 14px;
    border-radius: 8px;
  }

  .outreach-group-label {
    margin-top: 2px;
  }
}
/* Right-hand reading rail and a more compact research comparison. */
@media (min-width: 1281px) {
  .quick-nav {
    right: max(20px, calc((100vw - var(--max-width)) / 2 - 148px));
    left: auto;
    padding: 4px 11px 4px 0;
    border-right: 3px solid #e3e8f1;
    border-left: 0;
    text-align: right;
  }

  .quick-nav-label {
    margin: 0 6px 12px 0;
  }

  .quick-nav-link {
    margin-right: -14px;
    margin-left: 0;
    padding: 5px 17px 5px 8px;
    border-right: 3px solid transparent;
    border-left: 0;
  }

  .quick-nav-link.is-active {
    border-right-color: var(--accent);
    border-left-color: transparent;
  }
}

@media (min-width: 901px) {
  .research-overview {
    grid-template-columns: minmax(0, 390px) minmax(0, 350px);
    justify-content: center;
    align-items: start;
    gap: 16px;
  }

  .research-source-figure {
    gap: 8px;
    padding: 8px;
  }

  .research-source-figure img {
    max-height: 150px;
    object-fit: contain;
  }

  .research-directions {
    width: 100%;
    align-self: start;
  }
}

.research-annotation {
  color: #171717;
  font: 700 .8rem/1.35 var(--font-hand);
}

@media (max-width: 700px) {
  .research-annotation {
    font-size: .72rem;
  }
}
/* Section rhythm: no rules, only natural space and restrained full-width color bands. */
main > .phase-section {
  margin: 0 !important;
  padding: 30px 0;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

main > .section-band {
  position: relative;
  padding: 38px 0;
  box-shadow: 0 0 0 100vmax var(--section-band-bg);
  clip-path: inset(0 -100vmax);
}

main > .section-band--blue {
  --section-band-bg: #f5f8fd;
  background: #f5f8fd !important;
}

main > .section-band--slate {
  --section-band-bg: #f7f8fa;
  background: #f7f8fa !important;
}

main > .section-band--warm {
  --section-band-bg: #fdfaf4;
  background: #fdfaf4 !important;
}

main > .section-band--green {
  --section-band-bg: #f4faf7;
  background: #f4faf7 !important;
}

@media (max-width: 700px) {
  main > .phase-section {
    padding: 24px 0;
  }

  main > .section-band {
    padding: 29px 0;
  }
}
/* Restore the left reading rail and loosen the research comparison slightly. */
@media (min-width: 1281px) {
  .quick-nav {
    right: auto;
    left: max(20px, calc((100vw - var(--max-width)) / 2 - 148px));
    padding: 4px 0 4px 11px;
    border-right: 0;
    border-left: 3px solid #e3e8f1;
    text-align: left;
  }

  .quick-nav-label {
    margin: 0 0 12px 6px;
  }

  .quick-nav-link {
    margin-right: 0;
    margin-left: -14px;
    padding: 5px 8px 5px 17px;
    border-right: 0;
    border-left: 3px solid transparent;
  }

  .quick-nav-link.is-active {
    border-right-color: transparent;
    border-left-color: var(--accent);
  }
}

@media (min-width: 901px) {
  .research-overview {
    grid-template-columns: minmax(0, 430px) minmax(0, 370px);
  }

  .research-annotation {
    font-size: .78rem;
    white-space: nowrap;
  }
}

#research .section-lead {
  max-width: 800px;
  text-indent: 2em;
}
/* Right rail, early section rhythm, and a compact Hack@DAC feature. */
@media (min-width: 1281px) {
  .quick-nav {
    right: max(20px, calc((100vw - var(--max-width)) / 2 - 148px));
    left: auto;
    padding: 4px 11px 4px 0;
    border-right: 3px solid #e3e8f1;
    border-left: 0;
    text-align: right;
  }

  .quick-nav-label {
    margin: 0 6px 12px 0;
  }

  .quick-nav-link {
    margin-right: -14px;
    margin-left: 0;
    padding: 5px 17px 5px 8px;
    border-right: 3px solid transparent;
    border-left: 0;
  }

  .quick-nav-link.is-active {
    border-right-color: var(--accent);
    border-left-color: transparent;
  }
}

@media (min-width: 901px) {
  .research-overview {
    grid-template-columns: minmax(0, 430px) minmax(0, 380px);
    gap: 30px;
  }

  .research-direction-intro p {
    white-space: nowrap;
  }
}

/* Let Beyond Research read as one continuous list rather than colored cards. */
.beyond-item--public,
.beyond-item--life {
  background: transparent !important;
}

.competition-grid .competition-featured {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 470px) minmax(250px, 1fr);
  width: min(100%, 900px);
  justify-self: start;
  align-items: start;
  gap: 34px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.competition-featured-award {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel-bg);
}

.competition-grid .competition-featured .achievement-media,
.competition-featured .achievement-media {
  height: 205px;
  padding: 0;
}

.competition-featured .achievement-media img {
  object-fit: cover;
}

.competition-featured-copy {
  align-self: center;
  padding: 16px 0;
}

.competition-kicker {
  display: block;
  margin-bottom: 8px;
  color: var(--accent);
  font: 600 .63rem var(--font-mono);
  letter-spacing: .09em;
}

.competition-featured-copy h3 {
  margin: 0 0 7px;
  font: 600 1.05rem/1.35 var(--font-hand);
}

.competition-featured-copy p {
  max-width: 340px;
  color: var(--text-muted);
  font-size: .84rem;
  line-height: 1.6;
}

.competition-featured-copy a {
  display: inline-block;
  margin-top: 10px;
  color: var(--accent);
  font: 500 .68rem var(--font-mono);
  text-decoration: none;
}

.competition-featured-copy a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 700px) {
  .competition-grid .competition-featured {
    grid-template-columns: 1fr;
    width: 100%;
    gap: 8px;
  }

  .competition-featured-copy {
    padding: 10px 2px 4px;
  }

  .competition-grid .competition-featured .achievement-media,
  .competition-featured .achievement-media {
    height: 190px;
  }
}
/* One calm cool-neutral band: alternate it with the page background, never mix palettes. */
main > .section-band {
  --section-band-bg: #fff7e6;
  background: var(--section-band-bg) !important;
}

/* Use the full research width and fit all four media reports on one desktop row. */
#research .section-lead {
  max-width: none;
}

@media (min-width: 901px) {
  .feature-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
/* Compact paired Beyond Research rows, with a restrained Bilibili signal. */
#beyond .beyond-intro {
  margin-bottom: 10px;
  font-size: .86rem;
  line-height: 1.55;
}

#beyond .beyond-item {
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 12px;
  padding: 11px 8px;
}

#beyond .beyond-media {
  width: 96px;
  height: 68px;
}

#beyond .beyond-content h3 {
  margin: 3px 0 3px;
  font-size: .92rem;
}

#beyond .beyond-content p {
  font-size: .78rem;
  line-height: 1.48;
}

#beyond .beyond-content a {
  margin-top: 4px;
}

.bilibili-highlight {
  display: inline-block;
  color: var(--accent);
  font: 600 .58rem/1.3 var(--font-mono);
  letter-spacing: .06em;
}

#beyond .beyond-item--bilibili {
  border-left: 2px solid rgba(37, 99, 235, 0.72);
  padding-left: 10px;
}

@media (max-width: 700px) {
  #beyond .beyond-item {
    grid-template-columns: 84px minmax(0, 1fr);
    padding: 10px 5px;
  }

  #beyond .beyond-media {
    width: 84px;
    height: 66px;
  }
}
/* Warm-white base with pale-gold alternation. */
:root {
  --bg: #fdf9f2;
}

main > .section-band {
  --section-band-bg: #fff7e6;
}
/* Expand the left research figure to align with the intended comparison frame. */
@media (min-width: 901px) {
  .research-overview {
    grid-template-columns: minmax(0, 520px) minmax(0, 380px);
    gap: 30px;
  }
}
/* Keep secondary competition awards intentionally understated. */
.competition-list {
  grid-column: 1 / -1;
  width: min(100%, 900px);
  margin: 2px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--border);
}
.competition-list li {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 16px;
  padding: 9px 0;
  border-bottom: 1px solid var(--border);
  color: var(--text-muted);
  font-size: .82rem;
  line-height: 1.45;
}
.competition-list time {
  color: var(--text-soft);
  font: 600 .67rem var(--font-mono);
  letter-spacing: .04em;
}
@media (max-width: 700px) {
  .competition-list li {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 10px;
    font-size: .76rem;
  }
}
/* Awards and secondary competition results share one quiet, CV-style rhythm. */
.competition-list,
#honors .awards-list {
  border-top: 1px solid rgba(91, 99, 114, .15);
}
.competition-list li,
#honors .awards-list li {
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 16px;
  padding: 9px 0;
  border-bottom-color: rgba(91, 99, 114, .15);
  color: #4f5765;
  font-size: .82rem;
}
.competition-list time,
#honors .awards-list time {
  color: #727b8b;
  font: 600 .68rem var(--font-mono);
  letter-spacing: .035em;
}
#honors .awards-list {
  width: min(100%, 900px);
  margin: 2px 0 0;
  padding: 0;
  list-style: none;
  gap: 0;
}
#honors .awards-list li {
  display: grid;
  grid-column: auto;
  position: static;
  padding-left: 0;
}
#honors .awards-list li::before {
  content: none;
}
#honors .awards-list span {
  margin-left: 0;
  color: inherit;
  font: inherit;
}
@media (max-width: 700px) {
  .competition-list li,
  #honors .awards-list li {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 10px;
    font-size: .76rem;
  }
}
/* Awards match News: white canvas, dark text, and quiet row separators. */
#honors {
  background: #fff;
  border: 0;
}
#honors .awards-list {
  width: min(100%, 900px);
  border-top-color: rgba(0, 0, 0, .12);
}
#honors .awards-list li {
  padding: 11px 0;
  border-bottom: 1px solid rgba(0, 0, 0, .16);
  color: #222;
  font-size: .95rem;
  line-height: 1.5;
}
#honors .awards-list time {
  color: #4d5662;
  font-size: .76rem;
}
#honors .awards-list span {
  color: #222;
}